@font-face {
font-family: 'BebasNeue';
src: url(//askindia.org/ask/wp-content/themes/matrix/fonts/webfont/BebasNeue-Regular.otf);
}
@font-face {
font-family: 'BebasNeue';
src: url(//askindia.org/ask/wp-content/themes/matrix/fonts/webfont/BebasNeue-Regular.ttf);
} body { font-family: 'Lato', sans-serif !important;
font-size: 13px;
line-height: 21px;
font-weight: 300;
color: #888;
overflow-x: hidden;
max-width: 1366px;
margin: 0 auto;
}
body, p, h3, h4, h5, h6, ul, li{
font-family: 'Roboto', sans-serif !important;  
font-size: 16px;
line-height: 22px;
letter-spacing: 1px;
}
a{
font-family: 'Roboto', sans-serif !important; 
font-size: 16px;
line-height: 22px;  
}
h1, h2{
font-family: 'BebasNeue'!important;
font-weight: 400 !important;
}
strong, b {
font-weight: 600;
}
img {
max-width: 100%;
height: auto;
}
ul, ol {
list-style: none;
}
ul:not(.sup-dropdown) {
padding: 0;
margin: 0;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
address {
font-style: italic;
margin: 0 0 1.75em;
}
dfn, cite, em {
font-style: italic;
}
mark, ins {
color: #fff;
padding: 0.125em 0.25em;
text-decoration: none;
}
thead th {
color: #fff;
}
td#today a {
color: #fff;
}
a {
transition: color 0.2s ease-in-out;
-moz-transition: color 0.2s ease-in-out;
-webkit-transition: color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out;
}
a:hover {
color: #444;
}
a, a:hover {
text-decoration: none;
}
i {
font-size: 1.1em;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
margin: 0;
color: #444;
}
h1 {
font-size: 24px;
line-height: 30px;
}
h2 {
font-size: 22px;
line-height: 28px;
}
h3 {
font-size: 18px;
line-height: 24px;
}
h4 {
font-size: 16px;
line-height: 22px;
}
h5 {
font-size: 14px;
line-height: 20px;
}
h6 {
font-size: 12px;
line-height: 18px;
}
p { }
p strong {
font-weight: 600;
}
.accent-color-bg {
color: #fff;
}
.fittext {
font-size: 38px;
font-weight: 300;
line-height: 1.6em;
margin-bottom: 35px;
color: rgba(0, 0, 0, 0.8);
}
.fittext strong {
font-weight: 700;
}
.page-content p {
margin-bottom: 15px;
}
.wite-text {
color: #fff;
}
.uppercase {
text-transform: uppercase;
}
.image-text {
margin-right: 10px;
}
a.main-button, input[type="submit"] {
display: inline-block;
text-decoration: none;
color: #fff;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
text-transform: uppercase;
padding: 6px 16px;
margin-left: 15px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
a.main-button:hover, input[type="submit"]:hover {
background: #444;
color: #fff;
}
a.main-button i {
font-size: 1.2em;
}
input[type="submit"] {
border: none;
} label {
color: #333;
display: block;
font-weight: 800;
margin-bottom: 0.5em;
}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
color: #666;
background: #fff;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
border: 1px solid #bbb;
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
padding: 0.7em;
width: 100%;
height: 0px;
}
button.secondary, input[type="reset"], input[type="button"].secondary, input[type="reset"].secondary, input[type="submit"].secondary {
background-color: #222;
color: #fff;
border: 0;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
cursor: pointer;
display: inline-block;
line-height: 1;
padding: 10.5px 16px;
text-shadow: none;
-webkit-transition: background 0.2s;
transition: background 0.2s;
}
select {
border: 1px solid #bbb;
-webkit-border-radius: 3px;
border-radius: 3px;
height: 3em;
max-width: 100%;
}
input[type="radio"], input[type="checkbox"] {
margin-right: 0.5em;
}
fieldset {
margin-bottom: 1em;
}
fieldset {
border: 1px solid #bbb;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
width: auto;
padding: 0;
white-space: normal;
border-bottom: 0px;
} .tooltip .tooltip-inner {
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
}
#content {
padding: 60px 0;
}
#content.full-sections {
padding: 0;
}
.section {
position: relative;
overflow: hidden;
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
-o-background-size: cover !important;
background-size: cover !important;
}
.section.repeat-bg {
background-repeat: repeat;
-webkit-background-size: auto !important;
-moz-background-size: auto !important;
-o-background-size: auto !important;
background-size: auto !important;
}
.bg-parallax {
background-attachment: fixed;
}
.section-video {
position: absolute;
z-index: 33;
left: 0;
top: -100px;
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}
.section-video object {
display: block;
width: 100% !important;
height: auto !important;
}
.section-video img {
display: block;
width: 100% !important;
height: auto !important;
}
.section-video-content {
z-index: 35;
position: relative;
opacity: 0.98;
}
.section-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 34;
opacity: 0.7;
}
.light-section {
color: #fff;
}
.light-section .testimonials {
color: #aaa;
}
.light-section .testimonials .testimonial-content p {
color: #c4c4c4;
}
#container {
background-color: #fff;
}
.boxed-page { width: 1220px;
margin: 0 auto;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.boxed-page header, .boxed-page .navbar-top.affix {
width: 1220px;
}
#loader {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
z-index: 9999999999;
}
.spinner {
position: absolute;
width: 40px;
height: 40px;
top: 50%;
left: 50%;
margin-left: -40px;
margin-top: -40px;
-webkit-animation: rotatee 2.0s infinite linear;
animation: rotatee 2.0s infinite linear;
}
.dot1, .dot2 {
width: 60%;
height: 60%;
display: inline-block;
position: absolute;
top: 0;
border-radius: 100%;
-webkit-animation: bouncee 2.0s infinite ease-in-out;
animation: bouncee 2.0s infinite ease-in-out;
}
.dot2 {
top: auto;
bottom: 0px;
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes rotatee {
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes rotatee {
100% {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
}
}
@-webkit-keyframes bouncee {
0%, 100% {
-webkit-transform: scale(0.0)
}
50% {
-webkit-transform: scale(1.0)
}
}
@keyframes bouncee {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
}
50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
}  header {
width: 100%;
z-index: 9999999;
}
.header1 {
position: static !important;
top: 0;
height: auto !important;
width: 100%;
z-index: 9999999;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.fixed-header {
opacity: 0.95;
box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
}
.navbar-top.affix {
width: 100%;
top: 0;
z-index: 9999999;
box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2);
}
.navbar-top.affix .navbar-nav>li>a, .navbar-top.affix .navbar-nav>li>a:focus {
padding: 20px 15px;
}
.navbar-top.affix .search-side {
margin-top: -7px;
}
.top-bar {
background-color: #fff;
border-bottom: 1px solid #f2f2f2;
}
.top-bar.color-bar {
border-bottom: 0;
}
.top-bar.color-bar a {
color: rgba(255, 255, 255, .6);
}
.top-bar.color-bar a:hover {
color: rgba(255, 255, 255, 1) !important;
}
.top-bar.color-bar ul.social-list li a i {
border-left: 1px solid rgba(255, 255, 255, .1);
}
.top-bar.color-bar ul.social-list li:last-child a i {
border-right: 1px solid rgba(255, 255, 255, .1);
}
.top-bar.color-bar .contact-details li a:before {
color: rgba(255, 255, 255, .2);
}
.top-bar.dark-bar {
background-color: #444;
border-bottom: 0;
}
.top-bar.dark-bar a {
color: rgba(255, 255, 255, .4);
}
.top-bar.dark-bar a:hover {
color: rgba(255, 255, 255, 1) !important;
}
.top-bar.dark-bar ul.social-list li a i {
border-left: 1px solid rgba(255, 255, 255, .08);
}
.top-bar.dark-bar ul.social-list li:last-child a i {
border-right: 1px solid rgba(255, 255, 255, .08);
}
.top-bar.dark-bar .contact-details li a:before {
color: rgba(255, 255, 255, .2);
}
.top-bar a {
color: #aaa;
}
.top-bar .contact-details li {
display: inline-block;
}
.top-bar .contact-details li a:before {
position: relative;
content: "|";
font-size: 13px;
margin: 0 3px;
top: -1px;
color: #ddd;
}
.top-bar .contact-details li a:before {
color: #aaa;
}
.top-bar .contact-details li:first-child a:before {
display: none;
}
.top-bar .contact-details li a {
font-size: 12px;
display: block;
line-height: 32px;
}
ul.social-list {
float: right;
}
ul.social-list li {
float: left;
}
ul.social-list li a {
display: inline-block;
text-decoration: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
ul.social-list li a:hover {
color: #fff;
}
ul.social-list li a.facebook:hover {
background-color: #507CBE;
}
ul.social-list li a.twitter:hover {
background-color: #63CDF1;
}
ul.social-list li a.google:hover {
background-color: #F16261;
}
ul.social-list li a.dribbble:hover {
background-color: #E46387;
}
ul.social-list li a.linkdin:hover {
background-color: #90CADD;
}
ul.social-list li a.tumblr:hover {
background-color: #4D7EA3;
}
ul.social-list li a.flickr:hover {
background-color: #E474AF;
}
ul.social-list li a.instgram:hover {
background-color: #4D4F54;
}
ul.social-list li a.vimeo:hover {
background-color: #87D3E0;
}
ul.social-list li a.skype:hover {
background-color: #36C4F3
}
ul.social-list li a i {
font-size: 1em;
display: block;
width: 34px;
height: 33px;
line-height: 33px;
text-align: center;
border-left: 1px solid #f2f2f2;
}
ul.social-list li:last-child a i {
border-right: 1px solid #f2f2f2;
}
.navbar {
margin-bottom: 0px;
background: #fff;
border: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
}
.navbar-brand {
position: relative;
margin: 0 !important;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
height: auto;
width: 100%;
}
.navbar-default .navbar-nav {
margin-right: 10px !important;
position: relative;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.navbar-default .navbar-nav>li {
margin-left: 6px;
}
.navbar-default .navbar-nav>li:first-child {
margin-left: 0;
}
.navbar-default .navbar-nav>li.current-menu-item>a, .navbar-default .navbar-nav>li.current-menu-ancestor>a, .navbar-default .navbar-nav>li:hover>a {
border-bottom: 0px solid;
}
.k_logo
{
padding: 8px 5px !important;
}
.k_logo img.custom-logo
{
margin-bottom: 0px;
}
.navbar-default .navbar-nav>li>a i {
margin: 0 0 0 6px;
}
.navbar-default .navbar-nav>li>a:after {
position: absolute;
bottom: 0;
content: '\02c6';
left: 50%;
display: block;
height: 5px;
width: 5px;
opacity: 0;
margin: 0 0 -3px -2px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
}
.navbar-default .navbar-nav>li.current-menu-item>a:after, .navbar-default .navbar-nav>li.current-menu-ancestor>a:after { }
.navbar-default .navbar-nav .dropdown {
position: absolute;
left: 0;
top: 100%;
width: 180px;
background-color: #fff;
visibility: hidden;
z-index: 2;
opacity: 0;
transition: opacity 0.3s ease-in-out;
-moz-transition: opacity 0.3s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out;
-o-transition: opacity 0.3s ease-in-out;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.navbar-default .navbar-nav>li.drop:hover .dropdown {
visibility: visible;
opacity: 1;
}
.dropdown li, .sup-dropdown li {
position: relative;
border-top: 1px solid rgba(0, 0, 0, 0.04);
}
.dropdown li:first-child, .sup-dropdown li:first-child {
border-top: none;
}
.dropdown li a, .sup-dropdown li a {
display: block;
color: #656565;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
padding: 9px 14px;
text-decoration: none;
text-transform: capitalize;
transition: padding 0.2s ease-in-out;
-moz-transition: padding 0.2s ease-in-out;
-webkit-transition: padding 0.2s ease-in-out;
-o-transition: padding 0.2s ease-in-out;
font-weight: bold;
}
.dropdown>li:hover>a, .sup-dropdown li:hover>a {
padding-left: 18px;
}
.dropdown li a i {
margin: 0 0 0 -4px;
}
.navbar-default .navbar-nav .sup-dropdown {
position: absolute;
left: 100%;
top: 0;
width: 180px;
background-color: #fff;
margin-top: 10px;
transition: margin-top 0.2s ease-in-out;
-moz-transition: margin-top 0.2s ease-in-out;
-webkit-transition: margin-top 0.2s ease-in-out;
-o-transition: margin-top 0.2s ease-in-out;
visibility: hidden;
z-index: 3;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.navbar-default .navbar-nav li.drop .dropdown li:hover .sup-dropdown {
visibility: visible;
margin-top: 0;
}
.search-side {
position: relative;
float: right;
top: 19px;
right: -15px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.show-search {
position: relative;
display: block;
float: right;
}
.show-search i {
font-size: 1.2em !important;
display: block;
color: #aaa;
width: 36px;
height: 36px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
line-height: 36px;
text-align: center;
background-color: #f2f2f2;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.show-search:hover i {
color: #888;
}
.navbar .search-form {
position: absolute;
right: 0;
z-index: 20;
float: right;
display: none;
top: 40px;
}
.navbar .search-form:before {
background-color: #ccc;
top: -2px;
content: '';
display: block;
height: 4px;
width: 4px;
z-index: 20;
right: 15px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
}
.navbar .search-form form input {
border: 2px solid #ccc;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
padding: 5px 14px;
z-index: 22;
color: #9d9d9d;
box-shadow: none;
-o-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
outline: none;
box-shadow: none;
}
.navbar .search-form form {
position: absolute;
right: 0;
top: 0;
z-index: 20;
} #main-slide .item .slider-content {
z-index: 0;
opacity: 0;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
}
#main-slide .item.active .slider-content {
z-index: 0;
opacity: 1;
-webkit-transition: opacity 100ms;
-moz-transition: opacity 100ms;
-o-transition: opacity 100ms;
transition: opacity 100ms;
}
#main-slide .slider-content {
top: 50%;
margin-top: -70px;
left: 0;
padding: 0;
text-align: center;
position: absolute;
width: 100%;
height: 100%;
color: #fff;
}
#main-slide .carousel-indicators {
bottom: 30px;
}
.carousel-indicators li {
width: 14px !important;
height: 14px !important;
border: 2px solid #fff !important;
margin: 1px !important;
}
#main-slide .carousel-control.left, #main-slide .carousel-control.right {
opacity: 1;
filter: alpha(opacity=100);
background-image: none;
background-repeat: no-repeat;
text-shadow: none;
}
#main-slide .carousel-control.left span {
padding: 15px;
}
#main-slide .carousel-control.right span {
padding: 15px;
}
#main-slide .carousel-control .fa-angle-left, #main-slide .carousel-control .fa-angle-right {
position: absolute;
top: 40%;
z-index: 5;
display: inline-block;
}
#main-slide .carousel-control .fa-angle-left {
left: 0;
}
#main-slide .carousel-control .fa-angle-right {
right: 0;
}
#main-slide .carousel-control i {
background: rgba(0, 0, 0, .7);
color: #fff;
line-height: 36px;
font-size: 32px;
padding: 15px 20px;
-moz-transition: all 500ms ease;
-webkit-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.slider-content .text-center span {
margin: 0 0 0px 0;
display: inline-block;
line-height: 1.4em;
padding: 5px;
padding-left: 10px;
padding-right: 10px;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
color: #fff;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.slider-content .text-center h2 span {
background: rgba(0, 0, 0, 0.6);
}
#main-slide .slider-content h2 {
font-size: 36px;
font-weight: 100;
color: #555;
}
#main-slide .slider-content h2.white, #main-slide .slider-content h3.white {
color: #fff;
}
#main-slide .slider-content h3 {
font-size: 21px;
font-weight: 300;
text-align: center;
color: #555;
}
.slider.btn {
padding: 10px 40px;
margin-top: 26px;
font-size: 20px;
border-radius: 2px;
line-height: 28px;
border: 0;
-moz-transition: all 300ms ease;
-webkit-transition: all 300ms ease;
-ms-transition: all 300ms ease;
-o-transition: all 300ms ease;
transition: all 300ms ease;
}
.slider.btn.btn-default {
margin-left: 4px;
background: #ECECEC
}
.slider.btn.btn-default:hover {
background: #000;
color: #fff;
}
.slider-content-left {
position: relative;
margin: 0 0 0 40px;
}
.slider-content-right {
position: relative;
} .carousel .item.active .animated1 {}
.carousel .item.active .animated2 {
-webkit-animation: lightSpeedIn 1s ease-in 200ms both;
animation: lightSpeedIn 1s ease-in 200ms both;
}
.carousel .item.active .animated3 {
-webkit-animation: bounceInLeft 1s ease-in-out 500ms both;
animation: bounceInLeft 1s ease-in-out 500ms both;
}
.carousel .item.active .animated4 {
-webkit-animation: flipInX 1s ease-in 500ms both;
animation: flipInX 1s ease-in 500ms both;
text-align: center;
}
.carousel .item.active .animated5 {
-webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
animation: bounceInLeft 1s ease-in-out 100ms both;
}
.carousel .item.active .animated6 {
-webkit-animation: bounceIn 1s ease-in 500ms both;
animation: bounceIn 1s ease-in 500ms both;
text-align: center;
}
.carousel .item.active .animated7 {
-webkit-animation: bounceIn 1s ease-in 500ms both;
animation: bounceIn 1s ease-in 500ms both;
}
.carousel .item.active .animated8 {
-webkit-animation: fadeInDown 1s ease-in 1000ms both;
animation: fadeInDown 1s ease-in 1000ms both;
}  .page-banner {
padding: 30px 0;
background: #f6f6f6;
border-bottom: 1px solid #eee;
}
.page-banner h2 {
font-weight: 500;
text-transform: uppercase;
}
.page-banner p {
font-weight: 300;
}
ul.breadcrumbs {
float: right;
margin-top: 15px;
}
.no-subtitle ul.breadcrumbs {
margin-top: 4px;
}
ul.breadcrumbs li {
font-family: 'Open Sans', sans-serif;
font-size: 13px;
font-weight: 300;
margin-left: 3px;
color: #999;
float: left;
}
ul.breadcrumbs li:before {
content: '/';
margin: 0 4px 0 2px;
color: #bbb;
}
ul.breadcrumbs li:first-child {
margin: 0;
}
ul.breadcrumbs li:first-child:before {
content: '';
margin: 0;
}
ul.breadcrumbs li a {
color: #888;
font-weight: 600;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
label {
font-size: 13px;
color: #fff;
font-weight: 300;
cursor: pointer;
}
label .required {
color: #ED2C3A;
margin-left: 2px;
}
input[type="submit"] {
outline: none;
}
.widget-search input[type="search"], #contact-form input[type="text"], #contact-form textarea, #respond input[type="text"], #respond textarea {
color: #aaafb5;
font-size: 13px;
font-family: 'Open Sans', sans-serif;
border: 1px solid #eee;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
outline: none;
width: 100%;
padding: 7px 14px;
display: block;
margin-bottom: 10px;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.widget-search input[type="search"]:focus, #contact-form input[type="text"]:focus, #contact-form textarea:focus, #respond input[type="text"]:focus, #respond textarea:focus {
border-color: #ddd;
box-shadow: 0 0 3px #eee;
-o-box-shadow: 0 0 3px #eee;
-moz-box-shadow: 0 0 3px #eee;
-webkit-box-shadow: 0 0 3px #eee;
}
.mail_response {
border-bottom: 1px solid #eee;
padding-bottom: 15px;
margin-bottom: 15px;
}
.name-missing, .email-missing, .message-missing {
opacity: 0;
color: #ED2C3A;
margin-left: 10px;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.error-page {
padding: 90px 0;
text-align: center;
}
.error-page h1 {
font-size: 160px;
line-height: 140px;
font-weight: 700;
color: #333;
}
.error-page h3 {
font-size: 64px;
line-height: 70px;
font-weight: 300;
}
.error-page p {
font-size: 22px;
line-height: 28px;
color: #aaa;
margin-bottom: 25px
}
#map {
position: relative;
height: 350px;
width: 100%;
}   .margin-60 {
margin-top: 30px;
margin-bottom: 30px;
}
.margin-top {
margin-top: 30px;
}
.hr1 {
height: 1px;
}
.hr2 {
height: 0;
border-bottom: 1px solid #eee;
}
.hr3 {
height: 0;
border-bottom: 1px dotted #eee;
}
.hr4 {
height: 0;
border-bottom: 1px dashed #eee;
}
.hr5 {
height: 1px;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));
} .partner {
padding-bottom: 80px;
}
.clients-carousel .client-item a {
display: block;
padding: 12px 0;
text-align: center;
}
.clients-carousel .client-item a img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
filter: grayscale(100%);
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.clients-carousel:hover .client-item a img {
opacity: 0.6;
}
.clients-carousel:hover .client-item a:hover img {
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
filter: none;
opacity: 1;
} .call-action-boxed {
padding: 30px 40px;
}
.call-action.no-descripton h2.primary {
margin-top: 4px;
}
.call-action h2.primary {
font-weight: 500;
}
.call-action h2.primary strong {
font-weight: 700;
}
.call-action p {
font-size: 14px;
margin-bottom: 0;
}
.call-action h2+p {
margin-top: 4px;
}
.call-action .button-side {
float: right;
}
.call-action-style1 {
border: 1px solid #e8e8e8;
box-shadow: 0 0 25px rgba(0, 0, 0, .04) inset;
-o-box-shadow: 0 0 25px rgba(0, 0, 0, .04) inset;
-moz-box-shadow: 0 0 25px rgba(0, 0, 0, .04) inset;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .04) inset;
}
.call-action-style2 {
background: #f2f2f2;
}
.call-action-style3 {
background: #444;
}
.call-action-style3 h2.primary {
color: #fff;
}
.call-action-style3 p {
color: #bbb;
} .custom-carousel .item {
padding-right: 20px;
}
.custom-carousel.show-one-slide .item {
padding-right: 0;
} .latest-posts-classic .post-row {
margin-bottom: 20px; }
.latest-posts-classic .post-row {
border: 1px #eee solid;
border-radius: 5px;
padding: 7px;
background: #ffffff none repeat scroll 0 0;
box-shadow: 0px 0px 32px 0px rgba(122,122,122,0.1);
overflow: hidden;
}
.latest-posts-classic .post-title, .latest-posts-classic .post-meta {
padding: 0px 7px 0px 7px;
}
.latest-posts-classic .post-title a {
color: #444;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.latest-posts-classic .read-more {
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.latest-posts-classic .read-more:hover {
color: #444;
} .panel-default>.panel-heading {
background-color: #fff;
}
.panel-group .panel {
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
}
.panel-default {
border-color: #e8e8e8;
}
.panel-body {
padding: 4px 15px 10px 15px;
}
.panel-heading {
padding: 0;
}
.panel-title {
font-size: 13px;
font-weight: 600;
}
.panel-title a {
position: relative;
display: block;
padding: 6px 12px;
background-color: #fff;
box-shadow: none;
-o-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.panel-title a.collapsed {
color: #444;
box-shadow: 0 0 15px rgba(0, 0, 0, .04) inset;
-o-box-shadow: 0 0 15px rgba(0, 0, 0, .04) inset;
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, .04) inset;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .04) inset;
}
.panel-title a.collapsed:hover {
color: #666;
}
.panel-title a .control-icon {
position: absolute;
top: 50%;
right: 10px;
margin-top: -11px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.panel-title a.collapsed .control-icon {
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
}
.panel-title a i {
font-size: 1.2em;
padding-right: 5px;
}
.panel-default>.panel-heading+.panel-collapse .panel-body {
border-top: none;
} .dropcap {
display: block;
float: left;
font-size: 40px;
line-height: 34px;
color: #444;
margin: 6px 8px 0 0;
}
.dropcap.border-dropcap {
border: 2px solid #444;
width: 46px;
height: 46px;
font-size: 28px;
font-weight: 500;
line-height: 42px;
text-align: center;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
margin: 8px 12px 0 0;
}
.dropcap.bg-dropcap {
background-color: #444;
color: #fff;
width: 48px;
height: 48px;
font-size: 28px;
font-weight: 500;
line-height: 48px;
text-align: center;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
margin: 8px 12px 0 0;
}
.dropcap.circle-dropcap {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
} .milestone-block {
display: inline-block;
margin-bottom: 25px;
margin-right: 50px;
}
.milestone-block:last-child {
margin-right: 0;
}
.milestone-block .milestone-icon {
float: left;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
margin-right: 9px;
margin-bottom: 4px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
position: relative;
}
.milestone-block .milestone-icon:after {
content: "";
display: block;
width: 8px;
height: 8px;
position: absolute;
top: 21px;
right: -2px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
}
.milestone-block .milestone-icon i {
font-size: 2em;
color: #fff;
}
.milestone-block .milestone-right {
float: left;
text-align: left;
}
.milestone-block .milestone-number {
font-size: 26px;
line-height: 28px;
font-weight: 500;
}
.milestone-block .milestone-text {
font-size: 18px;
color: #444;
} .pricing-tables {
padding: 20px 0px 0px 0px;
text-align: center;
}
.pricing-tables .pricing-table {
border: 1px solid #e4e4e4;
text-align: center;
position: relative;
background-color: #fff;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.pricing-tables .pricing-table:hover {
z-index: 2;
top: -3px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
-o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}
.pricing-tables .highlight-plan {
margin: -15px 0;
margin-right: -1px;
z-index: 1;
box-shadow: 0 0 6px rgba(0, 0, 0, 0.06);
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.06);
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.06);
-o-box-shadow: 0 0 6px rgba(0, 0, 0, 0.06);
}
.pricing-tables .pricing-table.highlight-plan .plan-name {
padding: 25px 0;
}
.pricing-tables .pricing-table.highlight-plan .plan-name h3 {
color: #fff;
}
.pricing-tables .pricing-table.highlight-plan .plan-signup {
padding: 30px 0;
}
.pricing-tables .pricing-table.highlight-plan .plan-signup .btn-system.border-btn {
border-color: #fff;
color: #fff;
}
.pricing-table .plan-name {
padding: 15px 0;
box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
-o-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
border-bottom: 1px solid #eee;
}
.pricing-table .plan-name h3 {
font-weight: 300;
color: #888;
}
.pricing-table .plan-price {
padding: 25px 0;
}
.pricing-table .plan-price .price-value {
font-size: 38px;
line-height: 40px;
font-weight: 600;
color: #444;
}
.pricing-table .plan-price .price-value span {
font-size: 18px;
font-weight: 300;
line-height: 18px;
}
.pricing-table .plan-price .interval {
line-height: 14px;
}
.pricing-table .plan-list li {
padding: 8px;
font-size: 12px;
border-bottom: 1px solid #eee;
}
.pricing-table .plan-list li:first-child {
border-top: 1px solid #eee;
}
.pricing-table .plan-signup {
padding: 25px 0;
box-shadow: 0 0 20px rgba(0, 0, 0, .06) inset;
-o-box-shadow: 0 0 20px rgba(0, 0, 0, .06) inset;
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .06) inset;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .06) inset;
}
.pricing-table .plan-signup a {
text-transform: uppercase;
} .btn {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.btn-system {
display: inline-block;
color: #fff;
margin-right: 5px;
font-weight: 300;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
text-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset;
-o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset;
}
.btn-system:last-child {
margin-right: 0;
}
.btn-system {
font-size: 1em;
width: auto;
}
.btn-system.border-btn {
background-color: transparent;
border: 1px solid;
box-shadow: none;
-o-box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
.btn-system:hover {
color: #fff;
opacity: 0.8;
}
.btn-system.border-btn:hover {
opacity: 1;
color: #fff;
}
.btn-system.border-btn.btn-gray:hover {
background-color: #444;
color: #fff;
}
.btn-system.border-btn.btn-black:hover {
background-color: #111;
color: #fff;
}
.btn-system.border-btn.btn-wite:hover {
background-color: #fff;
}
.btn-system.btn-gray {
background-color: #444;
}
.btn-system.btn-black {
background-color: #111;
}
.btn-system.btn-wite {
background-color: #fff;
}
.btn-system.border-btn.btn-gray {
background-color: transparent;
border: 1px solid #444;
color: #444;
}
.btn-system.border-btn.btn-black {
background-color: transparent;
border: 1px solid #111;
color: #111;
}
.btn-system.border-btn.btn-wite {
background-color: transparent;
border: 1px solid #fff;
color: #fff;
}
.btn-large {
font-size: 14px;
padding: 9px 22px;
}
.btn-medium {
font-size: 14px;
padding: 7px 18px;
}
.btn-small {
padding: 5px 15px;
}
.btn-mini {
padding: 3px 12px;
}
.btn-large.border-btn {
padding: 8px 22px;
}
.btn-medium.border-btn {
padding: 6px 18px;
}
.btn-small.border-btn {
padding: 4px 15px;
}
.btn-mini.border-btn {
padding: 2px 12px;
} .alert {}
.alert-success p {
color: #468847;
}
.alert-info p {
color: #3a87ad;
}
.alert-warning p {
color: #c09853;
}
.alert-danger p {
color: #a94442;
}
.alert h4 {
margin-bottom: 10px;
}
.alert strong {
font-weight: 700;
} .easyPieChart {
font-size: 24px;
font-weight: 400;
position: relative;
text-align: center;
display: inline-block;
margin: 0 80px 20px 0;
overflow: hidden;
}
.easyPieChart:last-child {
margin-right: 0;
}
.easyPieChart span {
color: #888;
line-height: 20px;
font-size: 13px;
font-weight: 700
}
.easyPieChart i {
position: absolute;
width: 100%;
top: -2px;
right: 0;
display: block;
font-size: 3.5em;
color: rgba(0, 0, 0, .05);
text-align: center;
}
.easyPieChart canvas {
position: absolute;
top: 0;
left: 0;
} ul.icons-list {
margin-bottom: 6px;
}
ul.icons-list li, ul.list-unstyled li {
margin-bottom: 4px;
}
ul.icons-list li i {
font-size: 14px;
margin-right: 4px;
} .nav-tabs {
border-color: #eee;
}
.nav-tabs>li>a {
font-weight: 600;
color: #666;
padding: 8px 14px;
border-radius: 3px 3px 0 0;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
-o-border-radius: 3px 3px 0 0;
border: 1px solid #eee;
border-bottom: none;
box-shadow: 0 0 15px rgba(0, 0, 0, .04) inset;
-o-box-shadow: 0 0 15px rgba(0, 0, 0, .04) inset;
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, .04) inset;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .04) inset;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.nav-tabs>li>a i {
margin-right: 1px;
padding-right: 5px;
}
.nav-tabs>li>a:hover, .nav-tabs>li>a:focus {
color: #fff;
border-color: #fff;
box-shadow: 0 0 15px rgba(0, 0, 0, .1) inset;
-o-box-shadow: 0 0 15px rgba(0, 0, 0, .1) inset;
-moz-box-shadow: 0 0 15px rgba(0, 0, 0, .1) inset;
-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .1) inset;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
border-color: #eee;
border-bottom-color: #fff;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover {
box-shadow: 0 0 0 rgba(0, 0, 0, .1) inset;
-o-box-shadow: 0 0 0 rgba(0, 0, 0, .1) inset;
-moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1) inset;
-webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1) inset;
}
.tab-content {
border: 1px solid #eee;
border-top: none;
padding: 12px 16px;
}
.tab-content p {
margin-bottom: 15px;
}
.tab-content p:last-child {
margin-bottom: 0;
} .section {
padding-top: 60px;
padding-bottom: 60px;
}
.icon-small {
font-size: 2em;
color: #444;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.icon-small:hover, .service-box:hover .icon-small {
text-shadow: 5px 5px 2px rgba(255, 255, 255, 0);
}
.icon-medium {
font-size: 2.5em;
color: #666;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.icon-medium:hover, .service-box:hover .icon-medium {
text-shadow: 5px 5px 2px rgba(255, 255, 255, 0);
}
.icon-large {
font-size: 6em;
color: #888;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.icon-large:hover, .service-box:hover .icon-large, .service-boxed:hover .icon-large {
text-shadow: 5px 5px 2px rgba(255, 255, 255, 0);
}
.icon-mini-effect {
position: relative;
display: block;
z-index: 1;
font-size: 1.2em;
color: #fff;
top: 4px;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
margin: 0;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.icon-medium-effect {
position: relative;
display: block;
z-index: 1;
font-size: 2em;
color: #fff;
width: 64px;
height: 64px;
line-height: 64px;
text-align: center;
margin: 0;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.icon-large-effect {
position: relative;
display: block;
z-index: 1;
font-size: 2.6em;
color: #fff;
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
margin: 0;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.icon-mini-effect:after, .icon-medium-effect:after, .icon-large-effect:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
content: '';
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
} .icon-effect-1 {
background-color: #fff;
-webkit-transition: color 0.4s;
-moz-transition: color 0.4s;
transition: color 0.4s;
}
.gray-icon.icon-effect-1 {
box-shadow: 0 0 0 3px #444;
-o-box-shadow: 0 0 0 3px #444;
-moz-box-shadow: 0 0 0 3px #444;
-webkit-box-shadow: 0 0 0 3px #444;
}
.icon-effect-1:after {
top: -2px;
left: -2px;
padding: 2px;
z-index: -1;
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
-moz-transition: -moz-transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s;
}
.gray-icon.icon-effect-1:after {
background: #444;
}
.icon-effect-1.gray-icon:hover, .service-box:hover .gray-icon.icon-effect-1 {
color: #444;
}
.icon-effect-1:hover:after, .service-box:hover .icon-effect-1:after {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
opacity: 0;
} .icon-effect-2 {
background: #fff;
-webkit-transition: color 0.4s;
-moz-transition: color 0.4s;
transition: color 0.4s;
}
.gray-icon.icon-effect-2 {
color: #444;
box-shadow: 0 0 0 3px #444;
-o-box-shadow: 0 0 0 3px #444;
-moz-box-shadow: 0 0 0 3px #444;
-webkit-box-shadow: 0 0 0 3px #444;
}
.icon-effect-2:after {
top: -2px;
left: -2px;
padding: 2px;
z-index: -1;
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
opacity: 0;
-webkit-transition: -webkit-transform 0.4s, opacity 0.4s;
-moz-transition: -moz-transform 0.4s, opacity 0.4s;
transition: transform 0.4s, opacity 0.4s;
}
.gray-icon.icon-effect-2:after {
background: #444;
}
.icon-effect-2:hover, .service-box:hover .icon-effect-2, .icon-effect-2.gray-icon:hover, .service-box:hover .gray-icon.icon-effect-2 {
color: #fff;
}
.icon-effect-2:hover:after, .service-box:hover .icon-effect-2:after {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
} .icon-effect-3 {
background: #fff;
}
.gray-icon.icon-effect-3 {
color: #444;
box-shadow: 0 0 0 3px #444;
-o-box-shadow: 0 0 0 3px #444;
-moz-box-shadow: 0 0 0 3px #444;
-webkit-box-shadow: 0 0 0 3px #444;
}
.icon-effect-3:hover:before, .service-box:hover .icon-effect-3:before {
-webkit-animation: toRightFromLeft 0.4s forwards;
-moz-animation: toRightFromLeft 0.4s forwards;
animation: toRightFromLeft 0.4s forwards;
}
@-webkit-keyframes toRightFromLeft {
49% {
-webkit-transform: translate(100%);
}
50% {
opacity: 0;
-webkit-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toRightFromLeft {
49% {
-moz-transform: translate(100%);
}
50% {
opacity: 0;
-moz-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toRightFromLeft {
49% {
transform: translate(100%);
}
50% {
opacity: 0;
transform: translate(-100%);
}
51% {
opacity: 1;
}
} .icon-effect-4 {
background: #fff;
}
.gray-icon.icon-effect-4 {
color: #444;
box-shadow: 0 0 0 3px #444;
-o-box-shadow: 0 0 0 3px #444;
-moz-box-shadow: 0 0 0 3px #444;
-webkit-box-shadow: 0 0 0 3px #444;
}
.icon-effect-4:hover:before, .service-box:hover .icon-effect-4:before {
-webkit-animation: toLeftFromRight 0.4s forwards;
-moz-animation: toLeftFromRight 0.4s forwards;
animation: toLeftFromRight 0.4s forwards;
}
@-webkit-keyframes toLeftFromRight {
49% {
-webkit-transform: translate(-100%);
}
50% {
opacity: 0;
-webkit-transform: translate(100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toLeftFromRight {
49% {
-moz-transform: translate(-100%);
}
50% {
opacity: 0;
-moz-transform: translate(100%);
}
51% {
opacity: 1;
}
}
@keyframes toLeftFromRight {
49% {
transform: translate(-100%);
}
50% {
opacity: 0;
transform: translate(100%);
}
51% {
opacity: 1;
}
} .icon-effect-5 {
background: #fff;
}
.gray-icon.icon-effect-5 {
color: #444;
box-shadow: 0 0 0 3px #444;
-o-box-shadow: 0 0 0 3px #444;
-moz-box-shadow: 0 0 0 3px #444;
-webkit-box-shadow: 0 0 0 3px #444;
}
.icon-effect-5:hover:before, .service-box:hover .icon-effect-5:before {
-webkit-animation: toTopFromBottom 0.4s forwards;
-moz-animation: toTopFromBottom 0.4s forwards;
animation: toTopFromBottom 0.4s forwards;
}
@-webkit-keyframes toTopFromBottom {
49% {
-webkit-transform: translateY(-100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toTopFromBottom {
49% {
-moz-transform: translateY(-100%);
}
50% {
opacity: 0;
-moz-transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@keyframes toTopFromBottom {
49% {
transform: translateY(-100%);
}
50% {
opacity: 0;
transform: translateY(100%);
}
51% {
opacity: 1;
}
} .icon-effect-6 {
background: #fff;
}
.gray-icon.icon-effect-6 {
color: #444;
box-shadow: 0 0 0 3px #444;
-o-box-shadow: 0 0 0 3px #444;
-moz-box-shadow: 0 0 0 3px #444;
-webkit-box-shadow: 0 0 0 3px #444;
}
.icon-effect-6:hover:before, .service-box:hover .icon-effect-6:before {
-webkit-animation: toBottomFromTop 0.4s forwards;
-moz-animation: toBottomFromTop 0.4s forwards;
animation: toBottomFromTop 0.4s forwards;
}
@-webkit-keyframes toBottomFromTop {
49% {
-webkit-transform: translateY(100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toBottomFromTop {
49% {
-moz-transform: translateY(100%);
}
50% {
opacity: 0;
-moz-transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toBottomFromTop {
49% {
transform: translateY(100%);
}
50% {
opacity: 0;
transform: translateY(-100%);
}
51% {
opacity: 1;
}
} .service-box .read-more {
margin-top: 4px;
font-weight: 500;
margin-left: 2px;
}
.service-box .read-more i {
display: inline-block;
position: relative;
top: 1px;
}
.image-service-box img {
margin-bottom: 14px;
}
.image-service-box h4 {
margin-bottom: 8px;
padding: 0 10px;
font-weight: 400;
}
.image-service-box p {
padding: 0 10px;
}
.section.service {
background: #f6f6f6;
} .service-center {
text-align: center;
}
.service-icon-left .service-icon {
float: left;
}
.service-icon-left .service-content {
padding-left: 45px;
}
.service-icon-left-more .service-icon {
float: left;
}
.service-icon-left-more .service-content {
padding-left: 60px;
}
.service-center .service-icon {
margin-bottom: 5px;
}
.service-center .service-content h4 {
margin-bottom: 6px;
font-weight: 500;
}
.service-center .service-icon i {
display: inline-block;
}
.service-box h4 {
margin-bottom: 5px;
font-weight: 400;
}
.service-box>div:first-child {
padding: 0;
} .service-boxed {
position: relative;
display: inline-block;
background-color: #fff;
border: 1px solid #eee;
padding: 10px;
margin-bottom: 15px;
box-shadow: 0px 0px 32px 0px rgba(122, 122, 122, 0.1);
-webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
} .hover:hover {
transform: scale(1.08, 1.08);
}
.service-boxed p {
margin-bottom: 0;
} .testimonials {
padding-top: 8px;
text-align: center;
position: relative;
}
.testimonials .testimonial-content p {
font-family: 'Lora', serif;
font-size: 24px;
line-height: 36px;
font-style: italic;
font-weight: 400;
color: #444;
}
.testimonials .testimonial-content {
position: relative;
}
.testimonials .testimonial-content p::before {
content: open-quote;
margin-right: 6px;
}
.testimonials .testimonial-content p::after {
content: close-quote;
margin-left: 6px;
}
.testimonials .testimonial-author {
padding: 8px;
margin-bottom: 10px;
}
.classic-testimonials .testimonial-content {
position: relative;
padding: 14px 18px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
margin-bottom: 10px;
border: 1px solid #e8e8e8;
box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
-o-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
}
.classic-testimonials .testimonial-content:before {
content: "\201C";
font-weight: 300;
position: absolute;
font-size: 30px;
opacity: 0.5;
top: 8px;
left: 6px;
}
.classic-testimonials .testimonial-author {
margin-left: 10px;
}
.classic-testimonials .testimonial-author span {
font-weight: 600;
} .team-member {
padding: 3px;
position: relative;
}
.team-member .member-photo {
padding: 3px;
border: 1px solid #eee;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
position: relative;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.team-member .member-photo .member-name {
position: absolute;
bottom: 12px;
right: 10px;
color: #fff;
font-size: 14px;
font-weight: 700;
padding: 5px 14px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
background-color: #444;
z-index: 9994;
}
.team-member .member-photo .member-name span {
position: absolute;
top: 90%;
right: 0;
color: #fff;
font-size: 13px;
font-weight: 300;
padding: 1px 10px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
}
.team-member .member-info {
padding: 15px 6px 12px 6px;
}
.team-member .member-socail { }
.team-member .member-socail a i {
color: #fff;
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
display: inline-block;
background-color: #d2d2d2;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.team-member .member-socail a.facebook:hover i {
background-color: #507CBE;
}
.team-member .member-socail a.twitter:hover i {
background-color: #63CDF1;
}
.team-member .member-socail a.gplus:hover i {
background-color: #F16261;
}
.team-member .member-socail a.dribbble:hover i {
background-color: #E46387;
}
.team-member .member-socail a.linkedin:hover i {
background-color: #90CADD;
}
.team-member .member-socail a.flickr:hover i {
background-color: #E474AF;
}
.team-member .member-socail a.instagramm:hover i {
background-color: #4D4F54;
}
.team-member.modern .member-info {
padding: 14px 0;
}
.team-member.modern .member-photo {
position: relative;
padding: 0px;
border: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
}
.team-member.modern .member-photo:after {
content: "";
display: block;
width: 100%;
height: calc(100% + 1px);
opacity: 0;
position: absolute;
top: 0;
left: 0;
z-index: 9993;
transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
.team-member.modern:hover .member-photo:after {
opacity: 0.5;
width: 100%;
height: 100%;
}
.team-member.modern .progress {
height: 3px;
border-width: 2px;
margin-bottom: 6px;
}
.team-member.modern .progress-label {
font-size: 11px;
line-height: 2em;
}
.team-member.modern .progress span {
display: none;
}
.team-member.modern .member-socail {
margin-top: 15px;
}
.team-member.modern .member-socail a i {
background-color: transparent;
color: #aaa;
}
.team-member.modern .member-socail a:hover i {
color: #fff;
} .classic-title {
margin-bottom: 16px;
padding-bottom: 8px;
border-bottom: 1px solid #eee;
font-weight: 300;
padding-top: 0px;
}
.classic-title span {
padding-bottom: 8px;
border-bottom: 1px solid;
}
.big-title h1, .big-title h2 {
margin-bottom: 20px;
font-size: 35px;
font-weight: 700;
}
.big-title h2+.title-desc, .big-title h1+.title-desc {
margin-top: 4px;
}  .portfolio-filter {
margin-bottom: 30px;
}
.portfolio-filter li {
display: inline-block;
margin-right: 2px;
}
.portfolio-filter li a {
color: #888;
display: inline-block;
padding: 5px 14px;
border: 1px solid #eee;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.portfolio-filter li a:hover {
border-color: #ddd;
}
.portfolio-filter li a.selected, .portfolio-filter li a.selected:hover {
color: #fff;
}
.portfolio-item {
margin-bottom: 30px;
}
.portfolio-4 {
margin-left: 5px;
}
.portfolio-4 .portfolio-item {
width: 24.99% !important;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 22px;
}
.portfolio-item .portfolio-border {
padding: 3px;
border: 1px solid #eee;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
overflow: hidden;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.portfolio-item:hover .portfolio-border {
box-shadow: 0 1px 3px #f8f8f8;
-o-box-shadow: 0 1px 3px #f8f8f8;
-moz-box-shadow: 0 1px 3px #f8f8f8;
-webkit-box-shadow: 0 1px 3px #f8f8f8;
}
.portfolio-item .portfolio-thumb {
position: relative;
overflow: hidden;
}
.portfolio-item .portfolio-thumb .thumb-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0);
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.portfolio-item:hover .portfolio-thumb .thumb-overlay {
background: rgba(255, 255, 255, 0.5);
}
.portfolio-item .portfolio-thumb .thumb-overlay i {
color: rgba(255, 255, 255, 0);
position: absolute;
top: 42%;
left: 50%;
display: block;
margin-left: -27px;
margin-top: -19px;
font-size: 3em;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.portfolio-item:hover .portfolio-thumb .thumb-overlay i {
top: 50%;
color: #444;
}
.portfolio-item .portfolio-details {
position: relative;
padding: 9px 12px 6px 12px;
}
.portfolio-item .portfolio-details .like-link {
position: absolute;
right: 8px;
top: 50%;
margin-top: -9px;
}
.portfolio-item .portfolio-details .like-link i, .portfolio-item .portfolio-details .like-link span {
color: #aaa;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.portfolio-item .portfolio-details .like-link:hover i, .portfolio-item .portfolio-details .like-link:hover span {
color: #F54B5C;
}
.portfolio-item .portfolio-details .like-link i {
padding-right: 5px;
}
.portfolio-item .portfolio-details h4 {
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}
.portfolio-item .portfolio-details a span {
color: #888;
}
.portfolio-item .portfolio-details span:after {
content: ", ";
margin-right: 2px;
}
.portfolio-item .portfolio-details span:last-child:after {
content: "";
} .isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
transition-property: transform, opacity;
} .campaign {
background: #f1f1f1;
padding: 30px 0;
}
.campaign img {
max-width: 100%;
}
#portfolio-list {
list-style: none;
margin: 0;
padding: 20px 0px 0px 0px;
display: block;
}
#portfolio-list li {
position: relative;
overflow: hidden;
display: inline-block;
width: 50%;
margin-left: -1px;
margin-bottom: -4px;
padding: 0;
text-align: center;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#portfolio-list li h3 {
background: #fff;
bottom: 0;
font-size: 1.4em;
font-weight: 300;
left: 0;
letter-spacing: 1px;
margin: 0;
padding: 20px;
position: absolute;
text-align: right;
text-transform: none;
width: 100%;
transition: transform 0.2s ease 0s, color 0.2s ease 0s;
-webkit-transition: transform 0.2s ease 0s, color 0.2s ease 0s;
-moz-transition: transform 0.2s ease 0s, color 0.2s ease 0s;
-o-transition: transform 0.2s ease 0s, color 0.2s ease 0s;
-ms-transition: transform 0.2s ease 0s, color 0.2s ease 0s;
}
@media only screen and (max-width: 550px) {
#portfolio-list li {
width: 100%;
}
} @media only screen and (max-width: 767px) and (min-width: 551px) {
#portfolio-list li {
width: 49.8%;
}
} @media (min-width: 768px) {
#portfolio-list li {
width: 33.10%;
}
} @media (min-width: 768px) {
.portfolio-4column #portfolio-list li {
width: 49.8%;
}
}
@media (min-width: 992px) {
.full-width-portfolio #portfolio-list li {
width: 24.79%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.full-width-portfolio #portfolio-list li {
width: 24.7%;
}
} @media (min-width: 768px) {
.portfolio-2column #portfolio-list li {
width: 49.86%;
}
}
#portfolio-list li .header {
display: none;
margin: 2% 2% 0%;
padding: 4% 0;
font-size: 1.8em;
line-height: 1.5;
font-weight: 300;
text-transform: none;
color: #fff;
}
@media (min-width: 992px) {
#portfolio-list li .header {
display: block;
}
}
#portfolio-list li .body {
display: none;
font-size: 1em;
color: #fff;
}
@media (min-width: 992px) {
#portfolio-list li .body {
display: block;
}
}
#portfolio-list li img {
width: 100%;
-webkit-transition: all 0.75s;
-moz-transition: all 0.75s;
-ms-transition: all 0.75s;
-o-transition: all 0.75s;
transition: all 0.75s;
}
#portfolio-list li .portfolio-item-content {
opacity: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
color: #050F1E;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#portfolio-list li .more {
opacity: 0;
-webkit-opacity: 0;
-moz-opacity: 0;
-o-opacity: 0;
display: inline-block;
content: "i";
font-size: 50px;
font-style: normal;
font-weight: 100;
line-height: 76px;
position: absolute;
top: 100%;
left: 50%;
margin-left: -40px;
height: 80px;
width: 80px;
color: #fff;
background: #000;
border: 2px solid #fff;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
#portfolio-list li:hover h3 {
color: #FFFFFF;
transform: translate3d(0px, 70px, 0px);
-webkit-transform: translate3d(0px, 70px, 0px);
-moz-transform: translate3d(0px, 70px, 0px);
-o-transform: translate3d(0px, 70px, 0px);
-ms-transform: translate3d(0px, 70px, 0px);
opacity: 0;
-webkit-opacity: 0;
transition: all 0.25s ease-in-out 0s;
-webkit-transition: all 0.25s ease-in-out 0s;
-moz-transition: all 0.25s ease-in-out 0s;
-o-transition: all 0.25s ease-in-out 0s;
}
#portfolio-list li:hover>li:before {
border-color: #2E3444;
border-width: 14px;
}
#portfolio-list li:hover .portfolio-item-content {
opacity: 0.8;
-webkit-opacity: 0.8;
-moz-opacity: 0.8;
-o-opacity: 0.8;
}
#portfolio-list li:hover .more {
opacity: 0.75;
-webkit-opacity: 0.75;
-moz-opacity: 0.75;
-o-opacity: .75;
top: 50%;
margin-top: -40px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
@media (min-width: 992px) {
#portfolio-list li:hover .more {
top: 60%;
}
}
#portfolio-list li:hover .more:hover {
opacity: 1;
-webkit-opacity: 1;
-moz-opacity: 1;
-o-opacity: 1;
color: #556270;
border-color: #fff;
background: #fff;
}  .project {
padding-top: 30px;
}
.project-page {
margin-bottom: 50px;
}
.project-slider {
position: relative;
}
.project-slider img {
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
}
.project-slider .thumb-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
background-color: rgba(0, 0, 0, 0);
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.project-slider:hover .thumb-overlay {
background: rgba(255, 255, 255, 0.5);
}
.project-slider .thumb-overlay i {
font-size: 3em;
color: rgba(0, 0, 0, 0);
position: absolute;
left: 50%;
top: 42%;
margin-left: -27px;
margin-top: -19px;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.project-slider:hover .thumb-overlay i {
top: 50%;
color: #444;
}
.project-content h4 {
margin-bottom: 12px;
padding-bottom: 8px;
border-bottom: 1px solid #eee;
}
.project-content h4 span {
padding-bottom: 8px;
border-bottom: 1px solid;
}
.project-content p, .project-content ul {
margin-bottom: 30px;
}
.project-content ul li {
margin-bottom: 5px;
}
.recent-projects h4.title {
margin-bottom: 16px;
padding-bottom: 8px;
border-bottom: 1px solid #eee;
}
.recent-projects h4.title span {
padding-bottom: 8px;
border-bottom: 1px solid;
}
.projects-carousel {
width: 1150px !important;
}
.projects-carousel .item {
margin-right: 15px;
margin-bottom: 0;
}
.full-width-recent-projects .projects-carousel {
width: 100% !important;
}
.full-width-recent-projects .projects-carousel .item {
margin: 0;
}
.full-width-recent-projects .portfolio-item .portfolio-border {
padding: 0;
border: 0;
border-radius: 0;
box-shadow: none;
}
.full-width-recent-projects .portfolio-item:hover .portfolio-thumb .thumb-overlay {
opacity: 0.65;
z-index: 9994;
}
.full-width-recent-projects .portfolio-item .portfolio-thumb .thumb-overlay i {
top: 25%;
}
.full-width-recent-projects .portfolio-item:hover .portfolio-thumb .thumb-overlay i {
color: #fff;
top: 45%;
}
.full-width-recent-projects .portfolio-item .portfolio-details {
position: absolute;
bottom: -10px;
opacity: 0;
width: 100%;
z-index: 9995;
padding: 0 20px;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.full-width-recent-projects .portfolio-item:hover .portfolio-details {
bottom: 10px;
opacity: 1;
}
.full-width-recent-projects .portfolio-item:hover .portfolio-details h4 {
color: rgba(255, 255, 255, .9);
}
.full-width-recent-projects .portfolio-item .portfolio-details a span {
color: rgba(255, 255, 255, .8);
}
.full-width-recent-projects .portfolio-item .portfolio-details .like-link i, .full-width-recent-projects .portfolio-item .portfolio-details .like-link span {
color: #fff;
}  .blog-post {
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #eee;
}
.blog-post .post-head {
overflow: hidden;
position: relative;
margin-bottom: 16px;
}
.blog-post .post-head .thumb-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
background-color: rgba(0, 0, 0, 0);
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.blog-post .post-head:hover .thumb-overlay {
background-color: rgba(255, 255, 255, 0.4);
}
.blog-post .post-head .thumb-overlay i {
font-size: 3em;
color: rgba(0, 0, 0, 0);
position: absolute;
left: 50%;
top: 42%;
margin-left: -27px;
margin-top: -19px;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.blog-post .post-head:hover .thumb-overlay i {
color: #444;
top: 50%;
}
.blog-post .post-head img {
max-width: 100%;
height: auto;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
}
.blog-post .post-content {
position: relative;
}
.blog-post .post-type {
position: absolute;
left: 0;
top: 5px;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
background-color: #444;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
}
.blog-post .post-type i {
font-size: 1.2em;
color: #fff;
}
.blog-post.quote-post .post-type {
top: 0;
}
.post-content h2 {
margin-bottom: 4px;
}
.post-content h2 a {
color: #444;
font-weight: 500;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.blog-post.quote-post .qoute-box {
background: #444;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
padding: 20px 25px;
color: #fff;
margin-bottom: 10px;
}
.blog-post.quote-post .qoute-box a {
color: #999;
}
.blog-post.quote-post .qoute-box h2 {
font-family: 'Lora', serif;
font-size: 18px;
line-height: 26px;
font-style: italic;
font-weight: 400;
color: #fff;
margin-bottom: 10px;
}
.blog-post.quote-post .qoute-box .qoute-author {
margin-left: 5px;
}
.blog-post.quote-post .qoute-box .qoute-author:before, .blog-post.quote-post .qoute-box .qoute-author:after {
content: " - "
}
.blog-post .post-slider {
position: relative;
}
ul.post-meta {
margin-bottom: 10px;
}
ul.post-meta li {
display: inline-block;
}
ul.post-meta li:after {
content: "-";
margin: 0 8px 0 8px;
}
ul.post-meta li:last-child:after {
content: "";
margin: 0;
}
ul.post-meta li, ul.post-meta li a {
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
word-wrap: break-word;
word-break: break-word;
}
.post-content p {
margin-bottom: 15px;
}
.readmore {
margin: 0px 0 8px 0;
}  #pagination span, #pagination a {
display: inline-table;
text-align: center;
padding: 0 15px 0px 15px;
margin-bottom: 10px;
margin-top: 10px;
width: auto;
height: auto;
color: #888;
line-height: 33px;
border: 1px solid #eee;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
#pagination span.current {
color: #fff;
}
#pagination a:hover {
border-color: #ddd;
}
#pagination .all-pages, #pagination .next-page {
width: auto;
padding: 0 14px;
}  .blog-page, .blog-post-page {
padding-top: 5px;
}
.blog-post-page .blog-post {
margin-bottom: 30px;
padding-bottom: 15px;
border-bottom: 1px solid #eee;
}
.blog-post-page ul.post-meta {
margin-bottom: 12px;
}
.post-content h2 {
font-weight: 500;
}
.post-bottom {
padding: 20px 0;
margin-bottom: 20px;
border-bottom: 1px solid #f6f6f6;
}
.post-tags-list {
padding-top: 6px;
}
.post-tags-list a {
display: inline-block;
color: #888;
font-size: 12px;
padding: 2px 8px;
background: #eee;
margin-bottom: 4px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.post-tags-list a:hover {
color: #fff;
}
.post-share {
float: left;
}
.post-share span {
margin-right: 4px;
font-size: 13px;
color: #888;
}
.post-share a {
display: inline-block;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.post-share a.facebook {
background-color: #507CBE;
}
.post-share a.facebook:hover {
background-color: #3E68A8;
}
.post-share a.twitter {
background-color: #63CDF1;
}
.post-share a.twitter:hover {
background-color: #36BFED;
}
.post-share a.gplus {
background-color: #F16261;
}
.post-share a.gplus:hover {
background-color: #EF4545;
}
.post-share a.linkedin {
background-color: #90CADD;
}
.post-share a.linkedin:hover {
background-color: #72BBD3;
}
.post-share a i {
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
display: block;
color: #fff;
font-size: 1em;
}
.blog-post .author-info {
display: block;
margin-bottom: 10px;
}
.blog-post .author-info .author-image {
float: left;
}
.blog-post .author-info .author-image img {
width: 70px;
height: 70px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border: 4px solid #eee;
}
.blog-post .author-info .author-bio {
padding-left: 85px;
}
.blog-post .author-info h4 {
margin-bottom: 4px;
font-weight: 500;
}
.blog-post .author-info p:last-child {
margin: 0;
}
#comments .comments-list {
padding: 0;
margin: 0 0 35px 0;
}
#comments .comments-title {
font-weight: 500;
margin-bottom: 20px;
} #comments .comments-list li .comment-box {
padding: 20px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
margin-bottom: 20px;
border: 1px solid #e8e8e8;
box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
-o-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .04) inset;
word-wrap: break-word;
}
#comments .comments-list li ul {
padding-left: 0px;
}
#comments .comments-list li ol {
padding-left: 20px;
}
#comments .avatar {
float: left;
}
#comments .avatar img {
width: 60px;
height: 60px;
padding: 3px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border: 1px solid #e8e8e8;
}
#comments .comment-content {
padding-left: 72px;
}
#comments .comment-content .comment-meta {
margin-bottom: 5px;
}
.comment-content .comment-meta span:after {
content: "-";
margin: 0 5px;
font-weight: 100;
color: #888;
}
.comment-content .comment-meta span:last-child:after {
content: "";
margin: 0;
}
.comment-content .comment-meta .comment-by {
font-weight: 600;
color: #444;
}
.comment-content .comment-meta .comment-date {
color: #888;
}
#respond .respond-title {
font-weight: 500;
margin-bottom: 15px;
}  .sidebar {
margin-bottom: 30px;
}
.sidebar a {
color: #888;
}
.sidebar .widget {
overflow: hidden;
margin-bottom: 50px;
}
.sidebar .widget ul {
margin: 0;
}
.widget-search input[type="search"] {
position: relative;
margin: 0;
float: left;
height: 37px;
line-height: 37px;
width: calc(100% - 38px);
border-right: none;
border-radius: 2px 0 0 2px;
-webkit-border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
-o-border-radius: 2px 0 0 2px;
}
.widget-search .search-btn {
display: inline-block;
width: 38px;
height: 37px;
border: none;
color: #fff;
font-size: 1.2em;
line-height: 36px;
text-align: center;
border-radius: 0 2px 2px 0;
-webkit-border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
-o-border-radius: 0 2px 2px 0;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.widget-search .search-btn:hover {
background-color: #444;
}
.sidebar .widget h4 {
text-transform: uppercase;
padding-bottom: 8px;
margin-bottom: 16px;
font-size: 14px;
font-weight: 500;
position: relative;
}
.sidebar .widget h4 .head-line {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 50px;
height: 2px;
background-color: #ddd;
margin: 0;
}
.widget-categories ul li a {
padding: 8px 0;
text-decoration: none;
display: block;
border-bottom: 1px solid #eee;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.widget-categories ul li:first-child a {
padding-top: 0;
}
.widget-categories ul li a:hover {
padding-left: 8px;
}
.sidebar .widget-popular-posts li {
margin-bottom: 12px;
padding-bottom: 12px;
border-bottom: 1px solid #eee;
}
.sidebar .widget-popular-posts li:last-child {
margin: 0;
padding: 0;
border: none;
}
.sidebar .widget-popular-posts .widget-thumb {
float: left;
margin-right: 8px;
border: 3px solid #eee;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
}
.sidebar .widget-popular-posts .widget-thumb img {
width: 65px;
height: 65px;
opacity: 1;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.sidebar .widget-popular-posts .widget-thumb:hover img {
opacity: 0.7;
}
.sidebar .widget-popular-posts .widget-content h5 {
font-size: 13px;
line-height: 19px;
margin-bottom: 5px;
font-weight: 300;
}
.sidebar .widget-popular-posts .widget-content span {
color: #bbb;
font-size: 12px;
}
.sidebar .tagcloud a, .footer-widget .tagcloud a {
text-transform: uppercase;
display: inline-block;
color: #fff;
font-size: 12px !important;
padding: 4px 10px;
margin-bottom: 4px;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.sidebar .tagcloud a:hover, .footer-widget .tagcloud a:hover {
color: #fff;
background-color: #444;
text-decoration: none;
}  footer {
background-color: #222;
padding-top: 60px;
border-top: 0px solid #555;
color: #373232;
}
footer p {
color: #ccc;
}
footer a {
color: #aaa;
}
footer a:hover {
color: #aaa;
text-decoration: underline;
}
.footer-widget {
margin-bottom: 25px;
}
.footer-widget h4 {
color: #eee;
text-transform: uppercase;
padding-bottom: 8px;
margin-bottom: 20px;
font-size: 14px;
font-weight: 700;
position: relative;
}
.footer-widget h4 .head-line {
position: absolute;
bottom: 0;
left: 0;
display: block;
width: 50px;
height: 3px;
background-color: #333;
margin: 0;
}
.social-widget ul.social-icons li {
display: inline-block;
margin-right: 4px;
margin-bottom: 4px;
}
.social-widget ul.social-icons li a i {
font-size: 1.4em;
width: 36px;
height: 36px;
color: #fff;
line-height: 36px;
text-align: center;
display: block;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.social-widget ul.social-icons li a:hover {
text-decoration: none;
}
.social-widget ul.social-icons li a.facebook:hover i {
background-color: #507CBE;
}
.social-widget ul.social-icons li a.twitter:hover i {
background-color: #63CDF1;
}
.social-widget ul.social-icons li a.google:hover i {
background-color: #F16261;
}
.social-widget ul.social-icons li a.dribbble:hover i {
background-color: #E46387;
}
.social-widget ul.social-icons li a.linkdin:hover i {
background-color: #90CADD;
}
.social-widget ul.social-icons li a.tumblr:hover i {
background-color: #4D7EA3;
}
.social-widget ul.social-icons li a.flickr:hover i {
background-color: #E474AF;
}
.social-widget ul.social-icons li a.instgram:hover i {
background-color: #4D4F54;
}
.social-widget ul.social-icons li a.vimeo:hover i {
background-color: #87D3E0;
}
.social-widget ul.social-icons li a.skype:hover i {
background-color: #36C4F3
}
.contact-widget {
background: url(http://askindia.org/ask/wp-content/themes/matrix/images/map.png) center bottom no-repeat;
}
.contact-widget span {
font-weight: 700;
}
.contact-widget ul li {
margin-bottom: 12px;
}
.contact-widget ul li p a {
color: #bbb;
}
.contact-widget p {
padding-bottom: 20px;
}
.twitter-widget a:hover {
color: #43B9CD;
text-decoration: underline;
}
.twitter-widget ul li {
margin-bottom: 20px;
}
.twitter-widget ul li span {
color: #888;
}
.flickr-widget ul {
overflow: hidden;
}
.flickr-widget ul li {
float: left;
margin-left: 8px;
margin-bottom: 8px;
}
.flickr-widget ul li:nth-child(3n+1) {
margin-left: 0;
}
.flickr-widget ul li a {
display: inline-block;
width: 80px;
opacity: 0.6;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border: 4px solid #333;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.flickr-widget ul li a img {
width: 100%;
height: 65px;
}
.flickr-widget ul li a:hover {
opacity: 1;
}
.mail-subscribe-widget form {
margin-top: 15px;
margin-bottom: 20px;
}
.mail-subscribe-widget form input[type="text"] {
outline: none;
color: #888;
font-size: 12px;
padding: 6px 12px;
border: none;
background: #fff;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
outline: none;
}
.copyright-section {
padding: 15px 0;
font-size: 11px;
letter-spacing: 0.5px;
border-top: 1px solid rgba(255, 255, 255, 0.54);
}
.copyright-section p {
font-size: 11px;
text-transform: uppercase;
}
ul.footer-nav {
float: right;
}
.copyright-text
{
text-transform: capitalize;
font-size: 13px;
}
ul.footer-nav li {
display: inline-block;
float: left;
margin-left: 15px;
}
ul.footer-nav li:first-child {
margin-left: 0;
}
ul.footer-nav li a {
display: inline-block;
text-transform: uppercase;
text-decoration: none;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
ul.footer-nav li a:hover {
color: #fff;
}
.back-to-top {
display: none;
position: fixed;
bottom: 18px;
right: 15px;
}
.back-to-top i {
display: block;
width: 36px;
height: 36px;
line-height: 36px;
color: #fff;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
text-align: center;
background-color: #444;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}   .nivo-lightbox-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 99999999;
width: 100%;
height: 100%;
overflow: hidden;
visibility: hidden;
opacity: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.nivo-lightbox-overlay.nivo-lightbox-open {
visibility: visible;
opacity: 1;
}
.nivo-lightbox-wrap {
position: absolute;
top: 10%;
bottom: 10%;
left: 10%;
right: 10%;
}
.nivo-lightbox-content {
width: 100%;
height: 100%;
}
.nivo-lightbox-title-wrap {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 99999;
text-align: center;
}
.nivo-lightbox-nav {
display: none;
}
.nivo-lightbox-prev {
position: absolute;
top: 50%;
left: 0;
}
.nivo-lightbox-next {
position: absolute;
top: 50%;
right: 0;
}
.nivo-lightbox-close {
position: absolute;
top: 2%;
right: 2%;
}
.nivo-lightbox-image {
text-align: center;
}
.nivo-lightbox-image img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
vertical-align: middle;
}
.nivo-lightbox-content iframe {
width: 100%;
height: 100%;
}
.nivo-lightbox-ajax {
max-height: 100%;
overflow: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.nivo-lightbox-error {
display: table;
text-align: center;
width: 100%;
height: 100%;
color: #fff;
text-shadow: 0 1px 1px #000;
}
.nivo-lightbox-error p {
display: table-cell;
vertical-align: middle;
} .nivo-lightbox-effect-fade, .nivo-lightbox-effect-fadeScale, .nivo-lightbox-effect-slideLeft, .nivo-lightbox-effect-slideRight, .nivo-lightbox-effect-slideUp, .nivo-lightbox-effect-slideDown, .nivo-lightbox-effect-fall {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
} .nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
}
.nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
} .nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap, .nivo-lightbox-effect-slideRight .nivo-lightbox-wrap, .nivo-lightbox-effect-slideUp .nivo-lightbox-wrap, .nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
-ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
-o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap {
-webkit-transform: translateX(-10%);
-moz-transform: translateX(-10%);
-ms-transform: translateX(-10%);
transform: translateX(-10%);
}
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap {
-webkit-transform: translateX(10%);
-moz-transform: translateX(10%);
-ms-transform: translateX(10%);
transform: translateX(10%);
}
.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap, .nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
-webkit-transform: translateY(-10%);
-moz-transform: translateY(-10%);
-ms-transform: translateY(-10%);
transform: translateY(-10%);
}
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap {
-webkit-transform: translateY(10%);
-moz-transform: translateY(10%);
-ms-transform: translateY(10%);
transform: translateY(10%);
}
.nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap, .nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
} .nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall {
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
}
.nivo-lightbox-effect-fall .nivo-lightbox-wrap {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transform: translateZ(300px);
-moz-transform: translateZ(300px);
-ms-transform: translateZ(300px);
transform: translateZ(300px);
}
.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
} .nivo-lightbox-theme-default.nivo-lightbox-overlay {
background: #666;
background: rgba(0, 0, 0, 0.8);
}
.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading {
background: url(http://askindia.org/ask/wp-content/themes/matrix/images/lightbox/loading.gif) no-repeat 50% 50%;
}
.nivo-lightbox-theme-default .nivo-lightbox-nav {
top: 10%;
width: 8%;
height: 80%;
text-indent: -9999px;
background-repeat: no-repeat;
background-position: 50% 50%;
opacity: 0.5;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.nivo-lightbox-theme-default .nivo-lightbox-nav:hover {
opacity: 1;
background-color: rgba(0, 0, 0, 0.5);
}
.nivo-lightbox-theme-default .nivo-lightbox-prev {
background-image: url(http://askindia.org/ask/wp-content/themes/matrix/images/lightbox/prev.png);
border-radius: 0 3px 3px 0;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
-o-border-radius: 0 3px 3px 0;
}
.nivo-lightbox-theme-default .nivo-lightbox-next {
background-image: url(http://askindia.org/ask/wp-content/themes/matrix/images/lightbox/next.png);
border-radius: 3px 0 0 3px;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
-o-border-radius: 3px 0 0 3px;
}
.nivo-lightbox-theme-default .nivo-lightbox-close {
display: block;
background: url(http://askindia.org/ask/wp-content/themes/matrix/images/lightbox/close.png) no-repeat 5px 5px;
width: 16px;
height: 16px;
text-indent: -9999px;
padding: 5px;
opacity: 0.5;
}
.nivo-lightbox-theme-default .nivo-lightbox-close:hover {
opacity: 1;
}
.nivo-lightbox-theme-default .nivo-lightbox-title-wrap {
bottom: -7%;
}
.nivo-lightbox-theme-default .nivo-lightbox-title {
font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
background: #000;
color: #fff;
padding: 7px 15px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
}
.nivo-lightbox-theme-default .nivo-lightbox-image img {
background: #fff;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
.nivo-lightbox-theme-default .nivo-lightbox-ajax, .nivo-lightbox-theme-default .nivo-lightbox-inline {
background: #fff;
padding: 40px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
-o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
@media (-webkit-min-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (min--moz-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading {
background-image: url(http://askindia.org/ask/wp-content/themes/matrix/images/lightbox/loading@2x.gif);
background-size: 32px 32px;
}
.nivo-lightbox-theme-default .nivo-lightbox-prev {
background-image: url(http://askindia.org/ask/wp-content/themes/matrix/images/lightbox/prev@2x.png);
background-size: 48px 48px;
}
.nivo-lightbox-theme-default .nivo-lightbox-next {
background-image: url(http://askindia.org/ask/wp-content/themes/matrix/images/lightbox/next@2x.png);
background-size: 48px 48px;
}
.nivo-lightbox-theme-default .nivo-lightbox-close {
background-image: url(http://askindia.org/ask/wp-content/themes/matrix/images/lightbox/close@2x.png);
background-size: 16px 16px;
}
}  .owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
} .owl-carousel {
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y;
margin-bottom: -33px;
}
.owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
float: left;
}
.owl-controls .owl-page, .owl-controls .owl-buttons div {
cursor: pointer;
}
.owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
} .grabbing {
cursor: url(http://askindia.org/ask/wp-content/themes/matrix/images/icons/grabbing.png) 8 8, move;
} .owl-carousel .owl-wrapper, .owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
} .owl-origin {
-webkit-perspective: 1200px;
-webkit-perspective-origin-x: 50%;
-webkit-perspective-origin-y: 50%;
-moz-perspective: 1200px;
-moz-perspective-origin-x: 50%;
-moz-perspective-origin-y: 50%;
perspective: 1200px;
} .owl-fade-out {
z-index: 10;
-webkit-animation: fadeOut .7s both ease;
-moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease;
}
.owl-fade-in {
-webkit-animation: fadeIn .7s both ease;
-moz-animation: fadeIn .7s both ease;
animation: fadeIn .7s both ease;
} .owl-backSlide-out {
-webkit-animation: backSlideOut 1s both ease;
-moz-animation: backSlideOut 1s both ease;
animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
-webkit-animation: backSlideIn 1s both ease;
-moz-animation: backSlideIn 1s both ease;
animation: backSlideIn 1s both ease;
} .owl-goDown-out {
-webkit-animation: scaleToFade .7s ease both;
-moz-animation: scaleToFade .7s ease both;
animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
-webkit-animation: goDown .6s ease both;
-moz-animation: goDown .6s ease both;
animation: goDown .6s ease both;
} .owl-fadeUp-in {
-webkit-animation: scaleUpFrom .5s ease both;
-moz-animation: scaleUpFrom .5s ease both;
animation: scaleUpFrom .5s ease both;
}
.owl-fadeUp-out {
-webkit-animation: scaleUpTo .5s ease both;
-moz-animation: scaleUpTo .5s ease both;
animation: scaleUpTo .5s ease both;
}  @-webkit-keyframes empty {
0% {
opacity: 1
}
}
@-moz-keyframes empty {
0% {
opacity: 1
}
}
@keyframes empty {
0% {
opacity: 1
}
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-webkit-keyframes backSlideOut {
25% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
75% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
100% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(-200%);
}
}
@-moz-keyframes backSlideOut {
25% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
75% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
100% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(-200%);
}
}
@keyframes backSlideOut {
25% {
opacity: .5;
transform: translateZ(-500px);
}
75% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
100% {
opacity: .5;
transform: translateZ(-500px) translateX(-200%);
}
}
@-webkit-keyframes backSlideIn {
0%, 25% {
opacity: .5;
-webkit-transform: translateZ(-500px) translateX(200%);
}
75% {
opacity: .5;
-webkit-transform: translateZ(-500px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0) translateX(0);
}
}
@-moz-keyframes backSlideIn {
0%, 25% {
opacity: .5;
-moz-transform: translateZ(-500px) translateX(200%);
}
75% {
opacity: .5;
-moz-transform: translateZ(-500px);
}
100% {
opacity: 1;
-moz-transform: translateZ(0) translateX(0);
}
}
@keyframes backSlideIn {
0%, 25% {
opacity: .5;
transform: translateZ(-500px) translateX(200%);
}
75% {
opacity: .5;
transform: translateZ(-500px);
}
100% {
opacity: 1;
transform: translateZ(0) translateX(0);
}
}
@-webkit-keyframes scaleToFade {
to {
opacity: 0;
-webkit-transform: scale(.8);
}
}
@-moz-keyframes scaleToFade {
to {
opacity: 0;
-moz-transform: scale(.8);
}
}
@keyframes scaleToFade {
to {
opacity: 0;
transform: scale(.8);
}
}
@-webkit-keyframes goDown {
from {
-webkit-transform: translateY(-100%);
}
}
@-moz-keyframes goDown {
from {
-moz-transform: translateY(-100%);
}
}
@keyframes goDown {
from {
transform: translateY(-100%);
}
}
@-webkit-keyframes scaleUpFrom {
from {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpFrom {
from {
opacity: 0;
-moz-transform: scale(1.5);
}
}
@keyframes scaleUpFrom {
from {
opacity: 0;
transform: scale(1.5);
}
}
@-webkit-keyframes scaleUpTo {
to {
opacity: 0;
-webkit-transform: scale(1.5);
}
}
@-moz-keyframes scaleUpTo {
to {
opacity: 0;
-moz-transform: scale(1.5);
}
}
@keyframes scaleUpTo {
to {
opacity: 0;
transform: scale(1.5);
}
} .owl-theme .owl-controls {
text-align: center;
} .touch-slider .owl-controls .owl-buttons div {
position: absolute;
top: 50%;
height: 60px;
line-height: 60px;
display: inline-block;
zoom: 1;
padding: 0 1px;
*display: inline; border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
background: #444;
filter: Alpha(Opacity=60); opacity: 0.6;
margin-top: -30px;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.touch-slider:hover .owl-controls .owl-buttons div {
filter: Alpha(Opacity=100); opacity: 1;
}
.touch-slider .owl-controls .owl-buttons div.owl-prev {
left: 0;
border-radius: 0 3px 3px 0;
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
-o-border-radius: 0 3px 3px 0;
}
.touch-slider .owl-controls .owl-buttons div.owl-next {
right: 0;
border-radius: 3px 0 0 3px;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
-o-border-radius: 3px 0 0 3px;
}
.touch-slider .owl-controls .owl-buttons div i {
font-size: 1.8em;
color: #fff;
}
.touch-carousel .owl-controls .owl-buttons {
position: absolute;
top: -50px;
right: 2px;
}
.touch-carousel.projects-carousel .owl-controls .owl-buttons {
right: 12px;
}
.touch-carousel.navigation-2 .owl-controls .owl-buttons {
position: relative;
top: 0;
right: 0;
}
.touch-carousel.navigation-2.clients-carousel .owl-controls .owl-buttons {
top: -8px;
}
.touch-carousel.navigation-2 .owl-controls .owl-buttons div, .touch-carousel.navigation-3 .owl-controls .owl-buttons div {
background-color: #f2f2f2;
}
.touch-carousel.navigation-2 .owl-controls .owl-buttons div i, .touch-carousel.navigation-3 .owl-controls .owl-buttons div i {
color: #666;
}
.touch-carousel.navigation-3 {
padding-top: 45px;
}
.touch-carousel.navigation-3.clients-carousel {
padding-top: 25px;
}
.touch-carousel.navigation-3 .owl-controls .owl-buttons {
position: absolute;
top: 0;
right: 0;
width: 100%;
}
.touch-carousel.navigation-2 .owl-controls .owl-buttons div, .touch-carousel.navigation-3 .owl-controls .owl-buttons div {
width: 28px;
height: 28px;
line-height: 28px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
}
.touch-carousel.navigation-3.projects-carousel .owl-controls .owl-buttons {
right: 9px;
}
.touch-carousel .owl-controls .owl-buttons div, .testimonials-carousel .owl-controls .owl-buttons div {
height: 22px;
width: 22px;
line-height: 22px;
display: inline-block;
zoom: 1;
*display: inline; -webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
background-color: #fff;
margin-left: 4px;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.touch-carousel .owl-controls .owl-buttons div i, .testimonials-carousel .owl-controls .owl-buttons div i {
font-size: 1.2em;
color: #ccc;
text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.testimonials-carousel .owl-controls .owl-buttons div i {
color: #fff;
}
.touch-carousel .owl-controls.clickable .owl-buttons div:hover i {
color: #fff;
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.testimonials-carousel .owl-controls.clickable .owl-buttons div:hover {
background-color: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
} .owl-pagination {
position: absolute;
width: 100%;
left: 0;
bottom: 5px;
}
.owl-theme .owl-controls .owl-page {
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-controls .owl-page span {
display: block;
width: 16px;
height: 16px;
margin: 2px 4px;
filter: Alpha(Opacity=50); opacity: 0.5;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
border: 3px solid #444;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.touch-slider:hover .owl-controls .owl-page span {
filter: Alpha(Opacity=100); opacity: 1;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
border-color: #0A95D8;
} .owl-theme .owl-controls .owl-page span.owl-numbers {
height: auto;
width: auto;
color: #FFF;
padding: 2px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-o-border-radius: 30px;
border-radius: 30px;
}
#bar {
width: 0%;
max-width: 100%;
height: 4px;
background: #444;
filter: Alpha(Opacity=50); opacity: 0.5;
}
#progressBar {
position: absolute;
top: 0;
z-index: 99;
width: 100%;
} .owl-item.loading {
min-height: 150px;
background: url(http://askindia.org/ask/wp-content/themes/matrix/images/ajaxloader.gif) no-repeat center center
}
.iframe {
border: none;
}
.services-2 {
position: relative;
text-align: center;
margin: 0px 0px 30px 0px;
}
.services-2-icon {
display: inline-block;
width: 100%;
display: table;
}
.services-2-icon i {
width: 60px;
height: 60px;
line-height: 60px;
margin: 0px auto;
position: relative;
display: inline-block;
margin-right: 15px;
border-radius: 50%;
float: left;
text-align: center;
font-size: 26px;
background: #E93735;
color: #fff;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.services-2:hover .services-2-icon i {
display: block;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}
.services-2-text {
margin-left: 75px;
overflow: hidden;
}
.services-2-icon h4 {
font-family: 'Open Sans', sans-serif;
color: #404449;
font-size: 16px;
font-weight: 400;
margin: 15px 0px 0px 0px;
text-align: left;
display: table-cell;
padding: 0px;
vertical-align: middle;
width: 100%;
}
.services-2 p {
color: #ACB2B8;
margin: 0px 0px 0px 0px;
text-align: left;
} .skill p {
margin-bottom: 7px;
}
.progress {
overflow: visible;
height: 18px;
margin-bottom: 10px;
background-color: #f9f9f9;
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
}
.progress-bar {
float: left;
height: 100%;
font-size: 12px;
color: #ffffff;
text-align: center;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: width 0.6s ease;
transition: width 0.6s ease;
position: relative;
}
.progress-bar-span {
opacity: 1;
position: absolute;
top: -5px;
background: #ACB2B8;
padding: 3px 10px;
color: #FFF;
border-radius: 0px;
right: 0px;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.skill:hover .progress-bar-span {
opacity: 1;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
} .counter-item {
position: relative;
text-align: center;
}
.counter-item h5 {
text-align: center;
margin-bottom: 0px;
color: #fff;
}
.counter-item i {
font-size: 40px;
}
.timer {
font-size: 48px;
font-weight: 800;
text-transform: uppercase;
text-align: center;
line-height: 80px;
}
.parallax {
width: 100%;
padding: 0;
margin: 0;
background-position: 50% 30%;
background-attachment: fixed;
background-repeat: no-repeat;
background-image: url(http://askindia.org/ask/wp-content/themes/matrix/images/parallax/bg-02.jpg) !important;
}
.parallax-text-container-1 .parallax-text-item {
padding: 120px 0px;
text-align: center;
}
.parallax-mobile {
background-position: 50% 0px !important;
background-attachment: scroll !important;
}
.services-3 {
position: relative;
text-align: center;
margin: 0px 0px 30px 0px;
}
.services-3-icon {
display: inline-block;
width: 100%;
display: table;
}
.services-3-icon i {
width: 60px;
height: 60px;
line-height: 60px;
margin: 0px auto;
position: relative;
display: inline-block;
margin-left: 15px;
border-radius: 50%;
float: left;
text-align: center;
font-size: 26px;
color: #fff;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.services-3:hover .services-3-icon i {
display: block;
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
}
.services-3-text {
margin-right: 75px;
overflow: hidden;
}
.services-3-icon h4 {
font-family: 'Raleway', sans-serif;
color: #404449;
font-size: 16px;
font-weight: 400;
margin: 0px 0px 15px 0px;
text-align: right;
display: table-cell;
padding: 0px;
vertical-align: middle;
width: 100%;
}
.services-3 p {
color: #ACB2B8;
margin: 0px 0px 0px 0px;
text-align: right;
}
.purchase {
background: url(http://askindia.org/ask/wp-content/themes/matrix/images/parallax/bg-01.jpg) no-repeat;
background-attachment: fixed;
padding: 100px 0;
}
.navbar-collapse {
max-height: 340px;
}
.full-width {
width: 100%;
} .service-image img {
border-radius: 50%;
text-shadow: 0 0 0 #ee3733;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
height: 70px;
width: 70px;
margin-bottom: 8px;
}
.service-image img:hover {
border-radius: 50%;
}
.blog_img {
padding: 0px 0px 10px;
}
.latest-posts-classic .post-content {
word-wrap: break-word;
padding: 7px;
} .social-widget ul.social-icons li a i {
color: #ee3733;
}
.social-widget ul.social-icons li {
background-color: #222;
}
.social-widget ul.social-icons li a i:hover {
color: #fff;
} .navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled {
color: #fff;
text-decoration: none;
}
.navigation li {
display: inline;
}
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled {
background-color: #6FB7E9;
border-radius: 3px;
cursor: pointer;
padding: 12px;
padding: 0.75rem;
}
.navigation li a:hover, .navigation li.active a {
background-color: #3C8DC5;
}  .paging-navigation {
font-family: sans-serif;
padding: 1em;
background: #fff;
background: hsl(0, 0%, 100%);
} .paging-navigation ul {
list-style-type: none;
margin: 0;
padding: 0;
} .paging-navigation li {
display: inline;
} a.page-numbers, span.page-numbers {
padding: .3em .7em;
color: #333;
color: hsl(0, 0%, 20%);
} a:hover.page-numbers {
color: #000;
color: hsl(0, 0%, 0%);
} .paging-navigation .current {
font-weight: bold;
color: #000;
color: hsl(0, 0%, 0%);
}
ul.page-numbers {
list-style: none;
margin: 0;
}
.page-numbers:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
ul.page-numbers li {
display: block;
float: left;
margin: 0 4px 4px 0;
text-align: center;
}
.page-numbers a, .page-numbers span {
line-height: 1.6em;
display: block;
padding: 0 6px;
height: 18px;
line-height: 18px;
font-size: 12px;
text-decoration: none;
font-weight: 400;
cursor: pointer;
border: 1px solid #ddd;
color: #888;
}
.page-numbers a span {
padding: 0
}
.page-numbers a:hover, .page-numbers.current, .page-numbers.current:hover {
color: #000;
background: #f7f7f7;
text-decoration: none;
}
.page-numbers:hover {
text-decoration: none
}
.pagination>li>a {
padding: 3px 18px 22px 18px;
margin-left: -5px;
} .gallery {
display: none;
}
#s {
position: relative;
margin: 0;
float: left;
height: 37px;
line-height: 37px;
width: calc(100% - 38px) !important;
border-right: none;
border-radius: 2px 0 0 2px;
-webkit-border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
-o-border-radius: 2px 0 0 2px;
}
#s {
color: #aaafb5;
font-size: 13px;
font-family: 'Open Sans', sans-serif;
border: 1px solid #eee;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
outline: none;
width: 100%;
padding: 7px 14px;
display: block;
margin-bottom: 10px;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
}
.search-btn {
display: inline-block;
width: 38px;
height: 37px;
border: none;
color: #fff;
font-size: 1.2em;
line-height: 36px;
text-align: center;
border-radius: 0 2px 2px 0;
-webkit-border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
-o-border-radius: 0 2px 2px 0;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
.container>.navbar-header {
margin-top: -1px;
}
.copyright-section ul.social-list li a i {
height: 36px;
font-size: 20px;
border-left: 0px;
}
.copyright-section ul.social-list li:last-child a i {
border-right: 0px;
}
.text-center {
font-size: 15px;
line-height: 20px;
font-weight: 500;
margin-bottom: 20px;
}
.service-content h4 {
font-size: 25px;
line-height: 30px;
margin-bottom: 5px !important;
} .latest-posts {
margin-bottom: 60px;
}
.purchase {
margin-bottom: 60px;
}
.latest-posts {
margin-bottom: 16px !important;
}
.boxed-page1 {
margin: 31px auto !important;
}
.top-bar1 {
margin-top: 32px !important;
}
.boxed-page2 {
margin: -31px auto !important;
}
.top-bar2 {
margin-top: -32px !important;
}
.dark_sup_menu {
background-color: #000;
}
.top-bar3 {
border-right: 1px solid #f2f2f2;
border-left: 1px solid #f2f2f2;
}
.navbar-default .navbar-nav>li:hover>a {
margin-bottom: 0px;
}
.navbar-default .navbar-nav>li>a {
color: #454545;
display: block;
font-size: 14.5px;
font-weight: 600;
padding: 22px 15px 22px 15px;
line-height: 15px;
overflow: hidden;
}
img.custom-logo { margin-bottom: 5px;
height: auto;
width: auto;
}
.navbar-nav.navbar-right:last-child {
margin-left: -28px;
} header .navbar .navbar-header a.navbar-brand {
color: #ee3733;
margin-bottom: -30px;
margin-top: 10px;
font-size: 33px;
padding-bottom: -8px;
font-family: serif;
}
p#logotag {
margin-top: 20px;
margin-bottom: 15px;
} .slider-color {
color: #fff !important;
} .slider-img {
height: 650px !important;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } .wp-caption {}
.wp-caption-text {}
.gallery-caption {}
.bypostauthor {}
.sticky {} .matrix_carousel-prev, .matrix_carousel-next {
padding: 10px 20px;
display: inline-block;
color: #fff;
}
.matrix_carousel-navi.home-blog-content {
text-align: center;
} #portfolio-list li .more {
font-size: 25px;
height: 50px;
width: 50px;
line-height: 50px;
margin-bottom: 10px;
}
#portfolio-list li .margin-left {
margin-left: -55px;
} .left a {
float: left;
}
.right a {
float: right;
} a#alogo {
margin: 0 auto;
text-align: center;
} #wp-calendar {
text-align: center;
height: auto;
width: 100%;
}
#wp-calendar td {
text-align: center;
padding: 10px;
border: 1px solid gray;
}
#wp-calendar th {
text-align: center;
padding: 12px;
}
#wp-calendar caption {
text-align: center;
color: #fff;
font-size: 16px;
font-weight: 700;
border-bottom: 0px;
padding: 10px;
border-radius: 6px 6px 0px 0px;
}
.portfolio-gallery-title {
padding-bottom: 20px;
border-bottom: 0px !important;
margin-bottom: 20px;
text-align: center;
font-size: 26px !important;
line-height: 32px !important;
font-weight: 700 !important;
} .footer-widget>ul>li>a:hover {
text-decoration: none;
} .navbar-default .navbar-nav>li>a {
padding: 41px 5px 40px 5px !important;
}
li.drop > a.drop:after {
content: '\f105';
float: right;
font-family: FontAwesome;
} .post-content ul:not(.post-meta), .page-content ul:not(.post-meta), .latest-posts ul {
list-style: inherit;
}
.post-content li ul:not(.post-meta), .page-content li ul:not(.post-meta), .comment-content .comment-meta ul, .latest-posts li ul {
list-style: circle;
}
.post-content ol:not(.post-meta), .page-content ol:not(.post-meta), .comment-content .comment-meta ol, .latest-posts ol {
list-style-type: decimal;
} .post-content td, .post-content th, .page-content td, .page-content th, .comment-content .comment-meta td, .comment-content .comment-meta th {
text-align: center !important;
border: 1px solid #ededed;
padding: 15px;
line-height: 1.42857143;
vertical-align: midddle;
}
.post-content table, .page-content table, .comment-content .comment-meta table {
text-align: center !important;
border: 1px solid #000;
margin: 20px 0;
}
.post-content table>tbody>tr.odd>td, .post-content table>tbody>tr.odd>th, .page-content table>tbody>tr.odd>td, .page-content table>tbody>tr.odd>th, .comment-content .comment-meta table>tbody>tr.odd>td, .comment-content .comment-meta table>tbody>tr.odd>th {
background-color: #f9f9f9;
}
#sidebar .widget_product_search .title {
margin-bottom: 0px;
}
#sidebar .woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
float: left;
margin-right: 19px;
width: 45px;
}
#sidebar .woocommerce.widget_shopping_cart .total {
padding: 4px 16px 0;
}
#sidebar .woocommerce.widget_shopping_cart .total span.woocommerce-Price-amount.amount {
margin-left: 37px;
}
#sidebar .woocommerce.widget_shopping_cart .buttons {
padding: 0 16px;
}
.woocommerce .widget_price_filter .ui-slider {
margin-left: 1.5em;
margin-right: 1.5em;
}
.woocommerce .widget_price_filter .price_slider_amount {
padding: 0px 17px;
}
@media( min-width:1153px) {
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
width: 23%;
}
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
margin: 0 1.8% 3.992em 0;
border: 1px solid #eee;
padding: 7px;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.woocommerce ul.products li.product .star-rating {
margin: 0 auto;
}
ul.product-categories li, .product_list_widget li {
border-bottom: 1px solid #eee;
}
ul.product-categories li ul li {
margin-left: 7px;
}
ul.product-categories li ul li:not(:last-child) {
border-bottom: 1px dashed #eee;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce ul.products:not(.list) li.product h3 {
text-align: center;
}
.woocommerce ul.products:not(.list) li.product .button {
margin-top: 0em;
}
@media (min-width: 768px) {
.woocommerce-account .woocommerce-MyAccount-navigation {
float: left;
width: 17.6470588235%;
}
.woocommerce-account .woocommerce-MyAccount-content {
float: right;
width: 76.4705882353%;
margin-right: 0;
}
}
.woocommerce-MyAccount-navigation ul li {
list-style: none;
position: relative;
}
.woocommerce-MyAccount-navigation ul li:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, .05);
}
.woocommerce-MyAccount-navigation ul li a {
padding: .875em 0;
display: block;
}
.woocommerce-MyAccount-navigation ul li a:before {
display: inline-block;
font: normal normal normal 1em/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f0f6";
line-height: 1.618;
margin-left: .5407911001em;
width: 1.41575em;
text-align: right;
float: right;
opacity: .25;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {
content: "\f0e4";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {
content: "\f291";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before {
content: "\f1c6";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {
content: "\f015";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
content: "\f007";
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
content: "\f08b";
}
.woocommerce-MyAccount-navigation ul li a:hover:before {
opacity: 1;
}
.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
width: 95px;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
line-height: 0.5;
padding: 5px;
}
.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover {
-webkit-transform: scale(1.04);
-moz-transform: scale(1.04);
-o-transform: scale(1.04);
-ms-transform: scale(1.04);
transform: scale(1.04);
}
.woocommerce ul.products.grid li.product .button {
margin-top: .5em;
}
.add_to_cart_button:before {
content: '\f07a';
font-family: FontAwesome;
margin-right: 5px;
}
.button.yith-wcqv-button:before {
content: '\f002';
font-family: FontAwesome;
margin-right: 5px;
}
.products:not(.list) .button.yith-wcqv-button:before {
content: '\f002';
font-family: FontAwesome;
margin-right: 5px;
float: left;
font-size: 18px;
line-height: 16px;
margin: 0;
text-indent: 0;
}
.products:not(.list) .compare.button:before {
content: '\f0ec';
font-family: FontAwesome;
margin-right: 5px;
float: left;
font-size: 18px;
line-height: 16px;
margin: 0;
text-indent: 0;
}
.compare.button:before {
content: '\f0ec';
font-family: FontAwesome;
margin-right: 5px;
}
.products:not(.list) .compare.button, .products:not(.list) .button.yith-wcqv-button {
display: inline-block;
overflow: hidden;
text-indent: -9999px;
color: #333;
background: transparent;
}
.products.grid .compare.button {
margin-left: 3px;
}
.up-sells.upsells h2:not(.woocommerce-loop-product__title):before {
content: '\f004';
font-family: FontAwesome;
margin-right: 7px;
}
.related.products h2:not(.woocommerce-loop-product__title):before {
content: '\f291';
font-family: FontAwesome;
margin-right: 7px;
}
.cross-sells h2:not(.woocommerce-loop-product__title):before {
content: '\f004';
font-family: FontAwesome;
margin-right: 7px;
}
.related.products ul.products, .cross-sells ul.products {
margin: 10px 0 1em;
}
.related.products h2:not(.woocommerce-loop-product__title), .up-sells.upsells h2:not(.woocommerce-loop-product__title), .cross-sells h2:not(.woocommerce-loop-product__title) {
padding-bottom: 3px;
border-bottom: 1px solid #eee;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
width: 45px;
}
.yith-wcwl-wishlistexistsbrowse.show .feedback, .yith-wcwl-wishlistexistsbrowse.show a {
margin-left: 1em;
}
#yith-quick-view-content div.images {
padding: 1em;
}
.dcjq-icon:before {
content: '+';
float: right;
}
.dcjq-icon.less:before {
content: '-';
float: right;
}
.slider-content .text-center span, #main-slide .animated2 strong {
text-shadow: 2px 2px 3px #3c1a12;
} .hero-grid__grid-sizer {
position: absolute;
}
.post-row, .hero-grid__grid-sizer {
width: 22.5%;
margin: 0 1% 20px 1%;
}
@media only screen and (min-width: 768px) {
.post-row, .hero-grid__grid-sizer {
width: 31.33%;
}
}
@media only screen and (max-width: 767px) {
.post-row, .hero-grid__grid-sizer {
width: 48%;
}
}
@media only screen and (max-width: 479px) {
.post-row, .hero-grid__grid-sizer {
width: 100%;
}
} .atg-headingk h2
{  }
#agi-btnk a
{
background:linear-gradient(#fff,#fff);
color: black !important;
} @media only screen and (max-width: 767px) {
img.custom-logo { margin-bottom: 5px;
height: 50px;
width: auto;
}
}
@media only screen and (max-width: 1300px) and (min-width: 1164px) {
.navbar-default .navbar-nav>li>a {
color: #454545;
display: block;
font-size: 13px;
font-weight: 600;
padding: 22px 15px 22px 15px;
line-height: 15px;
overflow: hidden;
}
}
@media only screen and (max-width: 1163px) and (min-width: 768px) {
.navbar-default .navbar-nav>li>a {
color: #454545;
display: block;
font-size: 12.5px;
font-weight: 600;
padding: 22px 15px 22px 15px;
line-height: 15px;
overflow: hidden;
}
}
.copyright-section {
width: 60%;
margin: 0 auto;
}
@media only screen and (max-width: 1000px) {
.copyright-section {
width: 85%;
}
}
@media only screen and (max-width: 767px){
img.custom-logo { margin-bottom: 5px;
height: 25px;
width: auto;
}
.ksocial-icons img.custom-logo { margin-bottom: 5px;
height: 25px !important;
width: auto;
}
.kfooter-bottom-add {
color: #fff;
font-size: 16px !important;
font-weight: 400 !important;
}
.kfooter-btm-add {
color: #fff;
font-weight: 400 !important;
font-size: 16px !important;
}
}
@media only screen and (max-width: 1160px) and (min-width: 1000px){
img.custom-logo { margin-bottom: 5px;
height: 50px;
width: auto;
margin-top: 14px;
}
.navbar-default .navbar-nav>li {
margin-left: 3px;
}
}
#vk-top-bar{
padding: 5px 30px;
min-height: 33px;
}
#vk-top-bar-social, #vk-top-bar-search, #vk-top-bar-tetsize{
float: right;
}
#vk-top-bar-tetsize{
font-size: 15px;
letter-spacing: 3px;
}
@media only screen and (max-width: 500px){
#vk-top-bar-tetsize{
font-size: 12px;
letter-spacing: 1px;
}
}
#vk-top-bar-tetsize a, #vk-top-bar-tetsize a:link, #vk-top-bar-tetsize a:visited, #vk-top-bar-tetsize a:hover, #vk-top-bar-tetsize a:active{
text-decoration: none;
}
#vk-top-bar .fab{
margin-left: 20px; color: white;
font-size: 20px;
}
@media only screen and (max-width: 500px){
#vk-top-bar .fab{
margin-left: 7px;
}
}
#vk-top-bar-search .fas{
margin-left: 20px;
margin-right:25px; color: white;
font-size: 20px;
}
#vk-top-bar-search-form {
max-width: 500px;
position: absolute; top: -65px;
z-index: 99;
width: 100%;
padding: 10px;
background: #a14225;
right: 7px;
-webkit-transition: all 0.5s; transition: all 0.5s;
}
#vk-top-bar-search-form .search-btn{
background-color: #039e51;
}
.top-bar {
background-color: #a14225;
border-bottom: #a14225;
position: relative;
z-index: 999;
}
#content {
padding: 0px 0;
}
.page-content{
padding-right: 0px;
padding-left: 0px;
}
.atg-font h2, .atg-font h1, .atg-font h3, .atg-font h4{
font-family: 'bell_mtbold' !important;
}
.blog-page .blog-post{
margin-bottom: 0px;
padding-bottom: 0px; 
border-bottom: 0px solid #eee; 
} 
.nf-form-content input[type='button']{
background: linear-gradient(#72a328, #308d42);
color: white;
border: 0px;
border-radius: 23px;
padding: 10px 41px;
}
.vk-btn a{
background: linear-gradient(#fff, #fff);
color: black !important;
}
#nf-form-2-cont input[type='email']{
border-radius: 41px;
padding: 20px;
border-radius: 41px;
border: 1px solid #248947;
}
#nf-form-2-cont input[type='button']{
position: absolute;
top: -87px;
padding: 20px 55px;
border-radius: 41px;
right: 0px;
font-size: 17px;
}
.dropdown li a, .sup-dropdown li a {
display: block;
color: #656565;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
padding: 9px 14px;
text-decoration: none;
text-transform: none;
}
#pagination span, #pagination a, #vk_nav a,#vk_nav span{
display: inline-block;
background: #c5c5c5;
padding: 5px 10px;
color: #2d2d2d;
}
#vk_nav .current, #pagination .current{
background: #248947;
color:white !important;
}  #vk_nav{
margin-bottom: 50px;
}
.read-more-vk-archive{
background: linear-gradient(#72a328, #308d42); padding: 8px 20px; color: white;font-size: 15px;font-weight: bold;margin: 20px 0px; border-radius: 20px;
}
.vk_cpt_h3{
font-size:24px; line-height: 28px; font-weight:bold;
}
.vk_green_underline{
width:100px; height:3px; background: green; margin: 15px 0px;
}
.vk_cpt_tuumb{
margin-bottom:10px;
}
.vk_cpt_grey_bdr{
border:1px solid #c5c5c5; margin-bottom:20px; padding:15px;
}
.page_font_vk_size{
font-size: 15px;
}
.vk_cpt_7pad{
padding: 50px 7%;
}
.vk_banner_cover{
background-size: cover; padding: 150px 7%; font-family: 'bell_mtbold' !important; color: #ffffff; font-size: 45px;
}
.vk_banner_cover h2{
margin-bottom: 8px;line-height: 1;color: #ffffff; font-size: 45px;
}
.vk_banner_cover span{
text-transform: uppercase; font-size: 15px; font-weight: bold; border-top: 1px solid white; border-bottom: 1px solid white; padding: 5px 10px; color: white;font-family: 'Roboto', Sans-serif;
}
.vk_banner_cover a{
color: #b7d647;
}
.beautiful-taxonomy-filters-button{
background: linear-gradient(#72a328, #308d42); padding: 8px 20px; color: white;font-size: 15px;font-weight: bold;margin: 20px 0px; border-radius: 20px;    border: 0px;
}
.select2-container{
min-width: 100%; max-width: 300px;
}
body{ }
.beautiful-taxonomy-filters-label{
font-size: 15px;
font-weight: bold;
color: #13844c;
margin-top: 15px;
}
.beautiful-taxonomy-filters-active-filter-widget, .beautiful-taxonomy-filters-active-filter-widget p{
font-size: 15px;
font-weight: 600;
color: #14844c;
}  .pr_atg-project-text p{
font-size:16px;
color: #333333;
padding-bottom:20px;
}
.pr_date_format {
font-size: 14px;
padding-bottom: 5px;
color: #248947;
font-weight:bold;
} #right-box-bottom .right-box-content{
position:fixed;
bottom:10px;
right:10px;
height: 150px;
}  #pr-atg-home .vk-top-bar-search-form{
float: right;
}
#s{
margin-bottom: 0px !important;
height: 30px;
}
#vk-top-bar-social{
padding-right: 14px !important;
padding-top: 5px;
}
#vk-top-bar-tetsize {
padding-top: 3px;
}
#pr-atg-home .search-btn {
width: 38px;
height: 26px;
font-size: 14px;
line-height: 27px;
}
@media (max-width: 991px) {
#pr-atg-home .search-btn {
margin-bottom: 10px;
}
}
@media (min-width: 320px) and (max-width: 480px) {
#pr-atg-home .vk-top-bar-search-form{
float: none;
margin-bottom: 5px;
}
#vk-top-bar-social{
float: none;
margin-bottom: 5px;
}
#vk-top-bar-tetsize {
float: none;
} 
}
.vk_cpt_h3{
color: #a14225;
}
.vk_green_underline{
background: #a14225!important;
}
@media only screen and (max-width: 600px) {
html{
overflow-y: scroll !important;
}
}
footer {
background-color:#FFA743 !important;
}
.dropdown li a {
background: #FFA743 !important;
color: #fff;
}
.navbar-default .navbar-nav>li:hover>a {
color: #FFA743 !important;
}
.navbar-default .navbar-nav > li > a.active{
color:#FFA743 !important;
} .donate_now{ background-size: cover;
background-attachment: fixed;
background-position: center top;
padding: 50px 0;
background: #f7f7f7;
}
.donate_now .donate_bg-color{
padding: 30px;
background: rgba(255,255,255, .9);
}
.donate_now h3{
font-size: 55px;
margin-bottom: 20px;
font-weight: 900;
color: #3B3B3B;
margin: 21px 0 52px;
}
.donate_now h3 span{
color: #E19350;
}
.donate_now .sponsor_tagline{
font-size: 16px;
color: #000;
margin-bottom: 25px;
line-height: 27px;
margin-top: 28px;
}
.donate_now .nav-tabs>li>a {
margin-right: 0px;
border: 1px solid #FFA743;
border-radius: 0px;
font-size: 18px;
background: transparent;
padding: 12px 80px;
border: 1px solid #ec7d1e;
color: #FFA743;
text-transform: uppercase;
font-weight: 600;
text-align: center;
}
.donate_now .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
color: #fff;
cursor: pointer;
background-color: #FFA743;
border: 1px solid #ee942e;
border-radius: 0px;
}
.donate_now .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
color: #fff!important;
cursor: pointer!important;
background-color: #FFA743!important;
border: 1px solid #ee942e!important;
border-radius: 0px!important;
}
.donate_now .nav-tabs>li>a:hover {
border-color:inherit;
}
.donate_now .nav>li>a:focus, .nav>li>a:hover {
text-decoration: none;
background-color: inherit;
}
.donate_now .your_money{
padding: 20px 0px;
}
.donate_now .your_money p{
font-size: 17px;
color: #a14225;
font-weight: 600;
}
.donate_now .your_money ul{
list-style:inherit;
padding-left:25px;
color:#000;
font-size:15px;
margin-bottom:20px;
}
.donate_now .your_money p{
font-size: 16px;
color: #000;
}
.donate_now .nav-tabs{
border-bottom:0px;
}
.donate_now .tab-content{
padding: 30px;
border: 1px solid #c8c4c4;
background-color: #ffffff59;
margin-top:20px;
}
.donate_now .amount-options ul {
list-style: none;
padding-left: 0;
margin: 0;
padding-bottom: 30px;
}
.donate_now .tab-form-layout ul li {
width: 33%;
}
.donate_now .amount-options ul li {
display:inline-block;
box-sizing: border-box;
transition: 0.5s;
font-size: 18px;
padding: 10px 25px;
color: #ec7d1e;
margin-bottom: 10px;
margin-right: 1%;
box-shadow: 1px 2px 4px 0px #8080807a;
cursor: pointer;
white-space: break-spaces;
}
.donate_now .amount-options ul li:hover {
background: #FFA743;
color: #fff;
}
.donate_now .toggle-form-div label, .enter-amount-box .input-item label {
display: block;
margin-bottom: 10px;
font-weight: 700;
margin-right: 15px;
line-height: 1;
}
.donate_now .enter-amount-box .input-item label {
float: left;
margin-right: 15px;
margin-top: 15px;
color:#000;
}
.donate_now .enter-amount-box .right-field {
overflow: hidden;
}
.donate_now .enter-amount-box .right-field .input-field {
width: auto;
}
.donate_now form .input-field {
height: 45px;
border: 1px solid #e3e3e3;
width: 100%;
overflow: hidden;
padding: 15px;
float: left;
}
.donate_now .toggle-form-wraper {text-align: center;}
.donate_now .toggle-form-wraper .button {
display: inline-block;
text-align: center;
background: #EEC942;
color: #000;
border:0px;
font-size: 18px;
padding: 15px 45px 14px;
border-radius: 4px;
text-transform: uppercase;
font-weight: 500;
}
.donate_now .toggle-form-wraper .button:hover {
background: #91ab24;
color: #fff;
}
.sankalp p{
color:#000;
margin-bottom:20px;
text-align: justify;
}
.sankalp img {
margin-bottom: 25px;
}
@media (max-width:812px){
.donate_now h3 {
font-size: 38px;
line-height: 47px;
margin-bottom: 25px;
}
.donate_now .nav-tabs>li>a {
font-size: 13px;
padding: 12px 15px;
}
.donate_now .nav-tabs>li{
width: 100%;
margin-bottom: 2px;
}
.donate_now .enter-amount-box .input-item label{
width: 100%;
}
.donate_now .enter-amount-box .right-field{
width: 100%;
}
.donate_now .amount-options ul{
padding-bottom: 0px;
}
.donate_now .your_money{
padding-right:0px;
padding-left:0px;
}
.donate_now .your_money p{
font-size:15px;
}
}@media (max-width: 1200px) {
.boxed-page, .boxed-page header {
width: 100%;
}
.navbar-top.affix{
width: 100%;
opacity: 1;
}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
background: #fff;
padding: 8px 5px 6px 5px;
}
.navbar-default .navbar-toggle i {
color: #bbb;
font-size: 2em;
}
.quote-buttons span {
margin: 0 2px;
}
.flickr-widget ul li {
margin-left: 0px;
margin-right: 7px;
}
.subscribe-widget form input[type="text"] {
margin-bottom: 10px;
}
.history-content p {
max-height: 36px;
line-height: 20px;
overflow: hidden;
}
.projects-carousel {
width: 950px !important;
}
}
@media (max-width: 991px) {
.boxed-page, .boxed-page header {
width: 100%;
}
.boxed-page header, .boxed-page .navbar-top.affix {
width: 100% !important;
}
.navbar-top.affix{
width: 100%;
opacity: 1;
}
.classic-testimonials {
margin-bottom: 25px !important;
}
.tp-caption a.btn-system {
font-size: 11px;
padding: 4px 8px;
}
.contact-details {
display: none !important;
}
.navbar-default .navbar-nav {
margin: 0 !important;
top: 0;
}
ul.social-list {
float: none !important;
text-align: center;
}
ul.social-list li {
float: none !important;
display: inline-block;
}
.quote-buttons {
text-align: center;
}
.copyright-section {
text-align: center;
}
ul.footer-nav {
display: block;
float: none !important;
text-align: center;
margin-top: 10px;
}
ul.footer-nav li {
display: inline-block;
float: none;
margin-left: 15px;
}
.page-banner {
text-align: center;
}
ul.breadcrumbs {
float: none;
}
ul.breadcrumbs li {
float: none;
display: inline-block;
float: left\0/;
}
.portfolio-4 .portfolio-item {
width: 49.99% !important;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 30px;
}
.projects-carousel {
width: 100% !important;
}
.pricing-tables .pricing-table {
width : 50 % !important;
margin-bottom: 15px;
}
.pricing-tables .highlight-plan {
margin: 0;
}
.pricing-tables .pricing-table.highlight-plan .plan-name {
padding: 15px 0;
}
.pricing-tables .pricing-table.highlight-plan .plan-signup {
padding: 25px 0;
}
.pricing-tables .pricing-table:hover {
top: 0;
}
.milestone-block {
margin-bottom: 25px;
margin-right: 40px;
}
.fittext {
font-size: 30px;
line-height: 38px;
}
.team-member {
text-align: center;
margin-bottom: 30px;
}
.member-photo {
display: inline-block;
margin: 0 auto;
}
.easyPieChart {
margin: 0 40px 20px 0;
}
.right-sidebar {
margin-top: 60px;
padding-top: 60px;
border-top: 1px solid #eee;
}
.sidebar .widget {
margin-bottom: 35px;
}
}
@media (max-width: 768px) {
.tp-leftarrow,
.tp-rightarrow {
display: none !important;
}
.tp-caption a.btn-system {
display: none;
}
.history-box img {
float: none;
width: 100%;
}
.history-content {
float: none;
width: 100% !important;
}
.history-box span.history-date {
right: inherit;
left: 15px;
}
.portfolio-filter li {
margin-bottom: 8px;
}
.portfolio-4 .portfolio-item {
width: 100% !important;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 20px;
}
.milestone-block {
margin-bottom: 20px;
margin-right: 45px;
}
.navbar-brand {
padding: 10px 15px;
}
}
@media only screen and (max-width: 479px) {
.top-bar {
text-align: center;
}
.navbar-default .navbar-nav {
padding: 15px 0;
}
.show-search, .search-form {
display: none;
}
ul.social-list li {
margin: 0 3px;
}
ul.social-list li a i {
font-size: 0.9em;
display: block;
width: auto;
line-height: 30px;
border: none !important;
}
ul.social-list li a:hover {
background-color: transparent !important;
}
ul.social-list li a.facebook:hover {
color: #507CBE;
}
ul.social-list li a.twitter:hover {
color: #63CDF1;
}
ul.social-list li a.google:hover {
color: #F16261;
}
ul.social-list li a.dribbble:hover {
color: #E46387;
}
ul.social-list li a.linkdin:hover {
color: #90CADD;
}
ul.social-list li a.tumblr:hover {
color: #4D7EA3;
}
ul.social-list li a.flickr:hover {
color: #E474AF;
}
ul.social-list li a.instgram:hover {
color: #4D4F54;
}
ul.social-list li a.vimeo:hover {
color: #87D3E0;
}
ul.social-list li a.skype:hover {
color: #36C4F3
}
.navbar-default .navbar-toggle {
margin-top: 15px;
outline: none;
}
.navbar-default .navbar-nav > li > a {
border: none;
padding: 5px 10px;
display: block;
border: none !important;
padding-right: 0;
}
.navbar-default .navbar-nav > li > a:after {
display: none;
}
.navbar-default .navbar-nav > li > a:hover {
opacity: 0.7;
}
.navbar-default .navbar-nav > li {
margin-left: 0;
display: block;
margin-bottom: 5px;
width: 100%
}
.navbar-default .navbar-nav > li.drop > a {
padding-right: 10px;
}
.navbar-default .navbar-nav > li.drop > a {
border-radius: 2px;
}
ul.dropdown, ul.sup-dropdown {
opacity: 1 !important;
position: relative !important;
visibility: visible !important;
width: 100% !important;
top: inherit !important;
left: 0 !important;
margin-top: 0 !important;
background: #fff !important;
padding-left: 20px !important;
box-shadow: none !important;
}
ul.dropdown li, ul.sup-dropdown li {
border-top: none;
}
.milestone-block {
display: block;
clear: left;
margin-right: 0;
}
.btn-system {
margin-bottom: 10px;
}
.easyPieChart {
font-size: 24px;
font-weight: 400;
position: relative;
text-align: center;
display: inline-block;
margin: 0 0 20px 0;
overflow: hidden;
}
}
@media (min-width: 992px) {
#main-slide .slider-content h2 {
font-size: 38px;
}
}
@media (min-width: 980px) and (max-width: 1199px) {
#portfolio-list li:hover .more {
margin-top: -18px;
}
#portfolio-list li .more {
font-size: 20px;
left: 56%;
margin-left: -15px;
height: 50px;
width: 50px;
line-height: 50px;
}
#portfolio-list li .margin-left {
margin-left: -75px;
}
.slider.btn {
font-size: 18px;
margin-top: 25PX;
padding: 8px 27px;
} #wp-calendar {
text-align: center;
height: auto;
width: 80%;
}
#wp-calendar td {
padding: 7px;
}
#wp-calendar th {
padding: 9px;
}
#wp-calendar caption {
font-size: 12px;
padding: 8px;
}
}
@media (min-width: 992px){
.slider-content .text-center span{
width:70%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.slider-content .text-center span{
width:70%;
}
#main-slide .slider-content h2 {
font-size: 30px;
}
#main-slide .slider-content h3 {
font-size: 18px;
}
.slider.btn {
padding: 5px 25px;
margin-top: 5px;
font-size: 16px;
}
#portfolio-list li:hover .more {
margin-top: -18px;
}
#portfolio-list li .more {
font-size: 20px;
left: 56%;
height: 50px;
width: 50px;
line-height: 50px;
}
#portfolio-list li .margin-left {
margin-left: -75px;
}
}
@media (max-width: 767px) {
.slider-content .text-center span{
width:80%;
}
#main-slide .slider-content h2 {
font-size: 24px;
line-height: normal;
}
#main-slide .slider-content h3 {
font-size: 14px;
}
.slider.btn {
padding: 0 15px;
margin-top: 18px;
font-size: 12px;
}
#main-slide .carousel-indicators {
display: none;
}
#main-slide .carousel-control .fa-angle-left,
#main-slide .carousel-control .fa-angle-right {
top: 35%;
}
#main-slide .carousel-control i {
font-size: 20px;
padding: 5px 5px;
}
#portfolio-list li:hover .more {
margin-top: -18px;
}
#portfolio-list li .more {
font-size: 20px;
left: 56%;
margin-left: -15px;
height: 50px;
width: 50px;
line-height: 50px;
}
#portfolio-list li .margin-left {
margin-left: -75px;
}
}
@media (max-width: 479px) {
#main-slide .slider-content h2 {
font-size: 16px;
line-height: normal;
margin-top: 9px;
margin-bottom: 0px;
}
#main-slide .slider-content h3 {
font-size: 13px;
margin-bottom: 10px;
}
.slider.btn {
padding: 0 6px;
margin-top: 0;
font-size: 8px;
}
#main-slide .carousel-control .fa-angle-left,
#main-slide .carousel-control .fa-angle-right {
top: 30%;
}
#main-slide .carousel-control i {
font-size: 12px;
padding: 2px 4px;
}
#portfolio-list li:hover .more {
margin-top: -18px;
}
#portfolio-list li .more {
font-size: 20px;
left: 56%;
margin-left: -15px;
height: 50px;
width: 50px;
line-height: 50px;
}
#portfolio-list li .margin-left {
margin-left: -75px;
}
a#banner_btn_1 {
padding: 10px 5px !important;
font-size: 7px;
margin: 0px;
display: inline;
}
a#banner_btn_2 {
padding: 10px 5px !important;
font-size: 7px;
margin: 0px;
display: inline;
} #wp-calendar td {
padding: 7px;
}
#wp-calendar th {
padding: 9px;
}
#wp-calendar caption {
font-size: 12px;
padding: 8px;
}
}
@media screen and (max-width: 767px) {
.navbar-toggle{
display: none;
}
.navbar-header{
position: relative;
float: none !important;
}
.navbar-brand{
position: absolute;
top: 0;
}
a.custom-logo-link {
float: left;
text-align: center;
width: 100%;
} .js #wpb-mobile-menu {
display:none;
}	
.js .slicknav_menu {
display:block;
}
} @media screen and (min-width: 1000px) {
.slicknav_menu{
display: none;
}
}
@media screen and (max-width: 1000px) {
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
border-color: #e7e7e7;
display: none !important;
}
}
@media only screen and (max-width: 1000px){
img.custom-logo { margin-bottom: 5px;
height: 50px;
width: auto;
}
a.custom-logo-link {
float: left;
text-align: left;
width: 100%;
}
}
@media screen and (max-width: 1000px){
.js .slicknav_menu {
display: block;
}
}
@media screen and (max-width: 1000px) and (min-width:768px){
.js .slicknav_menu {
display: block;
margin-top: -60px;
}
}header .navbar .navbar-header a.navbar-brand,
a,
.accent-color,
.top-bar a:hover,
.service-box .read-more,
.navbar-default .navbar-nav > li:hover > a,
.navbar-default .navbar-nav > li > a.active,
.dropdown > li:hover > a,
.sup-dropdown li:hover > a,
.dropdown li a.active,
.sup-dropdown li a.active,
ul.breadcrumbs li a:hover,
.latest-posts-classic .post-title a:hover,
.panel-title a,
.panel-title a:hover,
.milestone-block .milestone-number,
.btn-system.border-btn.btn-wite:hover,
.btn-system.btn-wite,
ul.icons-list li i,
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.icon-small:hover,
.service-box:hover .icon-small,
.icon-medium:hover,
.service-box:hover .icon-medium,
.icon-large:hover,
.service-box:hover .icon-large,
.service-boxed:hover .icon-large,
.icon-effect-1:hover,
.service-box:hover .icon-effect-1,
.portfolio-filter li a:hover,
.portfolio-item:hover .portfolio-details h4,
ul.post-meta li a:hover,
#pagination a:hover,
#pagination span.current,
.sidebar a:hover,
.testimonials-carousel .owl-controls.clickable .owl-buttons div:hover i,
#main-slide .animated2 strong,
#main-slide .animated4 strong,
#main-slide .animated7 strong,
.counter-item i,
.timer,
.twitter-widget a,
.woocommerce-message:before,
.woocommerce ul.product_list_widget li, .woocommerce .star-rating span:before,
.big-title h1 span
{
color: #a14225;
}
mark, ins,
thead th,
td#today,
.accent-color-bg,
.section-overlay,
.top-bar.color-bar,
a.main-button,
input[type='submit'],
.full-width-recent-projects .portfolio-item:hover .portfolio-thumb .thumb-overlay,
.tp-caption.color-bg,
.team-member .member-socail a.mail:hover i,
.post-share a.mail:hover,
.progress .progress-bar.progress-bar-primary,
.latest-posts-classic .left-meta-post .post-type i,
.milestone-block .milestone-icon,
.milestone-block .milestone-icon:after,
.btn-system,
.btn-system.border-btn:hover,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus,
.icon-effect-1:after,
.icon-effect-2:after,
.team-member .member-photo .member-name span,
.post-tags-list a:hover,
.post-share a.mail,
.widget-search .search-btn,
.sidebar .tagcloud a,
.footer-widget .tagcloud a,
.back-to-top:hover i,
.touch-slider .owl-controls.clickable .owl-buttons div:hover,
.touch-carousel .owl-controls.clickable .owl-buttons div:hover,
.testimonials-carousel .owl-controls.clickable .owl-buttons div,
.services-3-icon i,
.services-2-icon i,
.progress-bar,
#main-slide .carousel-control i:hover,
.slider.btn#main-slide .carousel-indicators .active,
.team-member.modern .member-photo:after,
.dot1,
.dot2,
.left a,
.right a,
.matrix_carousel-prev,
.matrix_carousel-next,
#wp-calendar caption,
.slicknav_btn:hover,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.search-btn,
.slider-content .text-center h3 span,
.navbar-default .navbar-nav>li>a:after
{
background-color: #a14225;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
background-color:#199e9e;
}
.btn-system.border-btn
{
color: #a14225;
border-color: #a14225;
}
.woocommerce-message{
border-top-color: #a14225 !important;
}
.icon-small,
.icon-medium,
.icon-large
{
text-shadow: 0 0 0 #a14225;
}
.icon-effect-1
{
-webkit-box-shadow: 0 0 0 3px #a14225;
-moz-box-shadow: 0 0 0 3px #a14225;
box-shadow: 0 0 0 3px #a14225;
-o-box-shadow: 0 0 0 3px #a14225;
}
.icon-effect-2
{
color: #a14225;
-webkit-box-shadow: 0 0 0 3px #a14225;
-moz-box-shadow: 0 0 0 3px #a14225;
box-shadow: 0 0 0 3px #a14225;
-o-box-shadow: 0 0 0 3px #a14225;
}
.icon-effect-3
{
color: #a14225;
-webkit-box-shadow: 0 0 0 3px #a14225;
-moz-box-shadow: 0 0 0 3px #a14225;
box-shadow: 0 0 0 3px #a14225;
-o-box-shadow: 0 0 0 3px #a14225;
}
.icon-effect-4
{
color: #a14225;
-webkit-box-shadow: 0 0 0 3px #a14225;
-moz-box-shadow: 0 0 0 3px #a14225;
box-shadow: 0 0 0 3px #a14225;
-o-box-shadow: 0 0 0 3px #a14225;
}
.icon-effect-5
{
color: #a14225;
-webkit-box-shadow: 0 0 0 3px #a14225;
-moz-box-shadow: 0 0 0 3px #a14225;
box-shadow: 0 0 0 3px #a14225;
-o-box-shadow: 0 0 0 3px #a14225;
}
.icon-effect-6
{
color: #a14225;
-webkit-box-shadow: 0 0 0 3px #a14225;
-moz-box-shadow: 0 0 0 3px #a14225;
box-shadow: 0 0 0 3px #a14225;
-o-box-shadow: 0 0 0 3px #a14225;
}
.classic-title span,
.project-content h4 span,
.recent-projects h4.title span
{
border-bottom-color: #a14225;
}
.portfolio-filter li a.selected
{
border-color: #a14225;
background-color: #a14225;
}
#portfolio-list li .portfolio-item-content
{
background: #a14225;
}
.slider.btn.btn-default
{
transition: all .8s ease 0s !important;
color: #fff;
border: 2px solid #000 !important;
background-color: #000 !important;
background-image: linear-gradient(to bottom, #000 50%, #fff 50%) !important;
background-size: 100% 200% !important;
}
.slider.btn.btn-default:hover
{
color: #000;
background-position: 0 -100%;
}
.slider-btn1
{
transition: all .8s ease 0s !important;
color: #fff;
border: 2px solid #a14225 !important;
background-color: #a14225 !important;
background-image: linear-gradient(to bottom, #a14225 50%, #fff 50%) !important;
background-size: 100% 200% !important;
}
.slider-btn1:hover
{
color: #a14225;
background-position: 0 -100%;
} .call_btn1
{
display: inline;
margin-right: 10px;
padding: 15px !important;
transition: all .8s ease 0s !important;
border: 2px solid #a14225 !important;
background-color: #a14225 !important;
background-image: linear-gradient(to bottom, #a14225 50%, #fff 50%) !important;
background-size: 100% 200% !important;
box-shadow: 3px 3px 3px #fff;
}
.call_btn1:hover
{
color: #a14225;
background-color: #fff;
background-position: 0 -100%;
box-shadow: 3px 3px 3px #000;
}
.call_btn2
{
display: inline;
margin-right: 10px;
padding: 15px !important;
transition: all .8s ease 0s !important;
color: #fff !important;
border: 2px solid #000 !important;
background-color: #000 !important;
background-image: linear-gradient(to bottom, #000 50%, #fff 50%) !important;
background-size: 100% 200% !important;
box-shadow: 3px 3px 3px #a14225;
}
.call_btn2:hover
{
color: #000 !important;
background-color: #a14225 !important;
background-position: 0 -100% !important;
box-shadow: 3px 3px 3px #000 !important;
}
.call_btn1 i:before,
.call_btn2 i:before
{
margin-right: 10px;
}
.call-sec
{
margin-top: 70px !important;
} #wp-calendar th,#wp-calendar
{
border: 2px solid #a14225;
} .slicknav_btn
{
border-color: #a14225;
}
.slicknav_menu .slicknav_icon-bar
{
background: #a14225;
}
.slicknav_nav a:hover,
.slicknav_nav .active
{
color: #a14225;
}.animated.delay-01 {
animation-delay: 0s;
-webkit-animation-delay: 0s;
-moz-animation-delay: 0s;
-o-animation-delay: 0s;
}
.animated.delay-02 {
animation-delay: 0.5s;
-webkit-animation-delay: 0.5s;
-moz-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
}
.animated.delay-03 {
animation-delay: 1s;
-webkit-animation-delay: 1s;
-moz-animation-delay: 1s;
-o-animation-delay: 1s;
}
.animated.delay-04 {
animation-delay: 1.5s;
-webkit-animation-delay: 1.5s;
-moz-animation-delay: 1.5s;
-o-animation-delay: 1.5s;
}
.animated.delay-05 {
animation-delay: 2s;
-webkit-animation-delay: 2s;
-moz-animation-delay: 2s;
-o-animation-delay: 2s;
}
.animated.delay-06 {
animation-delay: 2.5s;
-webkit-animation-delay: 2.5s;
-moz-animation-delay: 2.5s;
-o-animation-delay: 2.5s;
}
.animated.delay-07 {
animation-delay: 3s;
-webkit-animation-delay: 3s;
-moz-animation-delay: 3s;
-o-animation-delay: 3s;
}
.animated.delay-08 {
animation-delay: 3.5s;
-webkit-animation-delay: 3.5s;
-moz-animation-delay: 3.5s;
-o-animation-delay: 3.5s;
}
.animated.delay-09 {
animation-delay: 4s;
-webkit-animation-delay: 4s;
-moz-animation-delay: 4s;
-o-animation-delay: 4s;
}
.animated.delay-10 {
animation-delay: 4.5s;
-webkit-animation-delay: 4.5s;
-moz-animation-delay: 4.5s;
-o-animation-delay: 4.5s;
}
.animated.delay-11 {
animation-delay: 5s;
-webkit-animation-delay: 5s;
-moz-animation-delay: 5s;
-o-animation-delay: 5s;
}
.animated.delay-12 {
animation-delay: 5.5s;
-webkit-animation-delay: 5.5s;
-moz-animation-delay: 5.5s;
-o-animation-delay: 5.5s;
}
.animated.delay-13 {
animation-delay: 6s;
-webkit-animation-delay: 6s;
-moz-animation-delay: 6s;
-o-animation-delay: 6s;
}
.animated.delay-14 {
animation-delay: 6.5s;
-webkit-animation-delay: 6.5s;
-moz-animation-delay: 6.5s;
-o-animation-delay: 6.5s;
}
.animated.delay-15 {
animation-delay: 7s;
-webkit-animation-delay: 7s;
-moz-animation-delay: 7s;
-o-animation-delay: 7s;
}
.animated.delay-16 {
animation-delay: 7.5s;
-webkit-animation-delay: 7.5s;
-moz-animation-delay: 7.5s;
-o-animation-delay: 7.5s;
}
.animated.delay-17 {
animation-delay: 8s;
-webkit-animation-delay: 8s;
-moz-animation-delay: 8s;
-o-animation-delay: 8s;
}
.animated.delay-18 {
animation-delay: 8.5s;
-webkit-animation-delay: 8.5s;
-moz-animation-delay: 8.5s;
-o-animation-delay: 8.5s;
}
.animated.delay-19 {
animation-delay: 9s;
-webkit-animation-delay: 9s;
-moz-animation-delay: 9s;
-o-animation-delay: 9s;
}
.animated.delay-20 {
animation-delay: 9.5s;
-webkit-animation-delay: 9.5s;
-moz-animation-delay: 9.5s;
-o-animation-delay: 9.5s;
}
.animated {
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-o-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.hinge {
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-ms-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@-moz-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@-o-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
-moz-animation-name: flash;
-o-animation-name: flash;
animation-name: flash;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-webkit-transform: translateX(10px);
}
}
@-moz-keyframes shake {
0%, 100% {
-moz-transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-moz-transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-moz-transform: translateX(10px);
}
}
@-o-keyframes shake {
0%, 100% {
-o-transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
-o-transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
-o-transform: translateX(10px);
}
}
@keyframes shake {
0%, 100% {
transform: translateX(0);
}
10%, 30%, 50%, 70%, 90% {
transform: translateX(-10px);
}
20%, 40%, 60%, 80% {
transform: translateX(10px);
}
}
.shake {
-webkit-animation-name: shake;
-moz-animation-name: shake;
-o-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-webkit-transform: translateY(0);
}
40% {
-webkit-transform: translateY(-30px);
}
60% {
-webkit-transform: translateY(-15px);
}
}
@-moz-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-moz-transform: translateY(0);
}
40% {
-moz-transform: translateY(-30px);
}
60% {
-moz-transform: translateY(-15px);
}
}
@-o-keyframes bounce {
0%, 20%, 50%, 80%, 100% {
-o-transform: translateY(0);
}
40% {
-o-transform: translateY(-30px);
}
60% {
-o-transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-30px);
}
60% {
transform: translateY(-15px);
}
}
.bounce {
-webkit-animation-name: bounce;
-moz-animation-name: bounce;
-o-animation-name: bounce;
animation-name: bounce;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
}
10%, 20% {
-webkit-transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-webkit-transform: scale(1.1) rotate(-3deg);
}
100% {
-webkit-transform: scale(1) rotate(0);
}
}
@-moz-keyframes tada {
0% {
-moz-transform: scale(1);
}
10%, 20% {
-moz-transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-moz-transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-moz-transform: scale(1.1) rotate(-3deg);
}
100% {
-moz-transform: scale(1) rotate(0);
}
}
@-o-keyframes tada {
0% {
-o-transform: scale(1);
}
10%, 20% {
-o-transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
-o-transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
-o-transform: scale(1.1) rotate(-3deg);
}
100% {
-o-transform: scale(1) rotate(0);
}
}
@keyframes tada {
0% {
transform: scale(1);
}
10%, 20% {
transform: scale(0.9) rotate(-3deg);
}
30%, 50%, 70%, 90% {
transform: scale(1.1) rotate(3deg);
}
40%, 60%, 80% {
transform: scale(1.1) rotate(-3deg);
}
100% {
transform: scale(1) rotate(0);
}
}
.tada {
-webkit-animation-name: tada;
-moz-animation-name: tada;
-o-animation-name: tada;
animation-name: tada;
}
@-webkit-keyframes swing {
20%, 40%, 60%, 80%, 100% {
-webkit-transform-origin: top center;
}
20% {
-webkit-transform: rotate(15deg);
}
40% {
-webkit-transform: rotate(-10deg);
}
60% {
-webkit-transform: rotate(5deg);
}
80% {
-webkit-transform: rotate(-5deg);
}
100% {
-webkit-transform: rotate(0deg);
}
}
@-moz-keyframes swing {
20% {
-moz-transform: rotate(15deg);
}
40% {
-moz-transform: rotate(-10deg);
}
60% {
-moz-transform: rotate(5deg);
}
80% {
-moz-transform: rotate(-5deg);
}
100% {
-moz-transform: rotate(0deg);
}
}
@-o-keyframes swing {
20% {
-o-transform: rotate(15deg);
}
40% {
-o-transform: rotate(-10deg);
}
60% {
-o-transform: rotate(5deg);
}
80% {
-o-transform: rotate(-5deg);
}
100% {
-o-transform: rotate(0deg);
}
}
@keyframes swing {
20% {
transform: rotate(15deg);
}
40% {
transform: rotate(-10deg);
}
60% {
transform: rotate(5deg);
}
80% {
transform: rotate(-5deg);
}
100% {
transform: rotate(0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-moz-transform-origin: top center;
-o-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
-moz-animation-name: swing;
-o-animation-name: swing;
animation-name: swing;
} @-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
}
100% {
-webkit-transform: translateX(0%);
}
}
@-moz-keyframes wobble {
0% {
-moz-transform: translateX(0%);
}
15% {
-moz-transform: translateX(-25%) rotate(-5deg);
}
30% {
-moz-transform: translateX(20%) rotate(3deg);
}
45% {
-moz-transform: translateX(-15%) rotate(-3deg);
}
60% {
-moz-transform: translateX(10%) rotate(2deg);
}
75% {
-moz-transform: translateX(-5%) rotate(-1deg);
}
100% {
-moz-transform: translateX(0%);
}
}
@-o-keyframes wobble {
0% {
-o-transform: translateX(0%);
}
15% {
-o-transform: translateX(-25%) rotate(-5deg);
}
30% {
-o-transform: translateX(20%) rotate(3deg);
}
45% {
-o-transform: translateX(-15%) rotate(-3deg);
}
60% {
-o-transform: translateX(10%) rotate(2deg);
}
75% {
-o-transform: translateX(-5%) rotate(-1deg);
}
100% {
-o-transform: translateX(0%);
}
}
@keyframes wobble {
0% {
transform: translateX(0%);
}
15% {
transform: translateX(-25%) rotate(-5deg);
}
30% {
transform: translateX(20%) rotate(3deg);
}
45% {
transform: translateX(-15%) rotate(-3deg);
}
60% {
transform: translateX(10%) rotate(2deg);
}
75% {
transform: translateX(-5%) rotate(-1deg);
}
100% {
transform: translateX(0%);
}
}
.wobble {
-webkit-animation-name: wobble;
-moz-animation-name: wobble;
-o-animation-name: wobble;
animation-name: wobble;
} @-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
}
50% {
-webkit-transform: scale(1.1);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes pulse {
0% {
-moz-transform: scale(1);
}
50% {
-moz-transform: scale(1.1);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes pulse {
0% {
-o-transform: scale(1);
}
50% {
-o-transform: scale(1.1);
}
100% {
-o-transform: scale(1);
}
}
@keyframes pulse {
0% {
transform: scale(1);
}
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.pulse {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
}
}
@-moz-keyframes flip {
0% {
-moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-moz-animation-timing-function: ease-out;
}
40% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-moz-animation-timing-function: ease-out;
}
50% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-moz-animation-timing-function: ease-in;
}
80% {
-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-moz-animation-timing-function: ease-in;
}
100% {
-moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-moz-animation-timing-function: ease-in;
}
}
@-o-keyframes flip {
0% {
-o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-o-animation-timing-function: ease-out;
}
40% {
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-o-animation-timing-function: ease-out;
}
50% {
-o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-o-animation-timing-function: ease-in;
}
80% {
-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-o-animation-timing-function: ease-in;
}
100% {
-o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-o-animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
animation-timing-function: ease-in;
}
100% {
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flip;
-moz-backface-visibility: visible !important;
-moz-animation-name: flip;
-o-backface-visibility: visible !important;
-o-animation-name: flip;
backface-visibility: visible !important;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInX {
0% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateX(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateX(10deg);
}
100% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@-o-keyframes flipInX {
0% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateX(-10deg);
}
70% {
-o-transform: perspective(400px) rotateX(10deg);
}
100% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateX(-10deg);
}
70% {
transform: perspective(400px) rotateX(10deg);
}
100% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInX;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInX;
-o-backface-visibility: visible !important;
-o-animation-name: flipInX;
backface-visibility: visible !important;
animation-name: flipInX;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutX {
0% {
-moz-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutX {
0% {
-o-transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
transform: perspective(400px) rotateX(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateX(90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
-moz-animation-name: flipOutX;
-moz-backface-visibility: visible !important;
-o-animation-name: flipOutX;
-o-backface-visibility: visible !important;
animation-name: flipOutX;
backface-visibility: visible !important;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-moz-keyframes flipInY {
0% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-moz-transform: perspective(400px) rotateY(-10deg);
}
70% {
-moz-transform: perspective(400px) rotateY(10deg);
}
100% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@-o-keyframes flipInY {
0% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
-o-transform: perspective(400px) rotateY(-10deg);
}
70% {
-o-transform: perspective(400px) rotateY(10deg);
}
100% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
40% {
transform: perspective(400px) rotateY(-10deg);
}
70% {
transform: perspective(400px) rotateY(10deg);
}
100% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipInY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipInY;
-o-backface-visibility: visible !important;
-o-animation-name: flipInY;
backface-visibility: visible !important;
animation-name: flipInY;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-moz-keyframes flipOutY {
0% {
-moz-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-moz-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@-o-keyframes flipOutY {
0% {
-o-transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
-o-transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
transform: perspective(400px) rotateY(0deg);
opacity: 1;
}
100% {
transform: perspective(400px) rotateY(90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
-moz-backface-visibility: visible !important;
-moz-animation-name: flipOutY;
-o-backface-visibility: visible !important;
-o-animation-name: flipOutY;
backface-visibility: visible !important;
animation-name: flipOutY;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUp {
0% {
opacity: 0;
-moz-transform: translateY(20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUp {
0% {
opacity: 0;
-o-transform: translateY(20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translateY(20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDown {
0% {
opacity: 0;
-moz-transform: translateY(-20px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDown {
0% {
opacity: 0;
-o-transform: translateY(-20px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
transform: translateY(-20px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeft {
0% {
opacity: 0;
-o-transform: translateX(-20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
-moz-animation-name: fadeInLeft;
-o-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRight {
0% {
opacity: 0;
-moz-transform: translateX(20px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRight {
0% {
opacity: 0;
-o-transform: translateX(20px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translateX(20px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInUpBig {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInUpBig {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
transform: translateY(2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
-moz-animation-name: fadeInUpBig;
-o-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes fadeInDownBig {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-o-keyframes fadeInDownBig {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
100% {
opacity: 1;
-o-transform: translateY(0);
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
transform: translateY(-2000px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
-moz-animation-name: fadeInDownBig;
-o-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInLeftBig {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInLeftBig {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
-moz-animation-name: fadeInLeftBig;
-o-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes fadeInRightBig {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-o-keyframes fadeInRightBig {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
100% {
opacity: 1;
-o-transform: translateX(0);
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
-moz-animation-name: fadeInRightBig;
-o-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-moz-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@-o-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
-moz-animation-name: fadeOut;
-o-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
}
@-moz-keyframes fadeOutUp {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-20px);
}
}
@-o-keyframes fadeOutUp {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-20px);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-20px);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
-moz-animation-name: fadeOutUp;
-o-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
}
}
@-moz-keyframes fadeOutDown {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(20px);
}
}
@-o-keyframes fadeOutDown {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(20px);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(20px);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
-moz-animation-name: fadeOutDown;
-o-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
}
@-moz-keyframes fadeOutLeft {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-20px);
}
}
@-o-keyframes fadeOutLeft {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-20px);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-20px);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
-moz-animation-name: fadeOutLeft;
-o-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
}
}
@-moz-keyframes fadeOutRight {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(20px);
}
}
@-o-keyframes fadeOutRight {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(20px);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(20px);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
-moz-animation-name: fadeOutRight;
-o-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-moz-keyframes fadeOutUpBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-o-keyframes fadeOutUpBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-2000px);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
-moz-animation-name: fadeOutUpBig;
-o-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-moz-keyframes fadeOutDownBig {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-o-keyframes fadeOutDownBig {
0% {
opacity: 1;
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(2000px);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
-moz-animation-name: fadeOutDownBig;
-o-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
-moz-animation-name: fadeOutLeftBig;
-o-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes fadeOutRightBig {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes fadeOutRightBig {
0% {
opacity: 1;
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
-moz-animation-name: fadeOutRightBig;
-o-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes slideInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes slideInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
100% {
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
-moz-animation-name: slideInDown;
-o-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes slideInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes slideInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
100% {
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
-moz-animation-name: slideInLeft;
-o-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes slideInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes slideInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
100% {
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
-moz-animation-name: slideInRight;
-o-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-moz-keyframes slideOutUp {
0% {
-moz-transform: translateY(0);
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-o-keyframes slideOutUp {
0% {
-o-transform: translateY(0);
}
100% {
opacity: 0;
-o-transform: translateY(-2000px);
}
}
@keyframes slideOutUp {
0% {
transform: translateY(0);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
-moz-animation-name: slideOutUp;
-o-animation-name: slideOutUp;
animation-name: slideOutUp;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes slideOutLeft {
0% {
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes slideOutLeft {
0% {
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes slideOutLeft {
0% {
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
-moz-animation-name: slideOutLeft;
-o-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes slideOutRight {
0% {
-moz-transform: translateX(0);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes slideOutRight {
0% {
-o-transform: translateX(0);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes slideOutRight {
0% {
transform: translateX(0);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
-moz-animation-name: slideOutRight;
-o-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
}
70% {
-webkit-transform: scale(.9);
}
100% {
-webkit-transform: scale(1);
}
}
@-moz-keyframes bounceIn {
0% {
opacity: 0;
-moz-transform: scale(.3);
}
50% {
opacity: 1;
-moz-transform: scale(1.05);
}
70% {
-moz-transform: scale(.9);
}
100% {
-moz-transform: scale(1);
}
}
@-o-keyframes bounceIn {
0% {
opacity: 0;
-o-transform: scale(.3);
}
50% {
opacity: 1;
-o-transform: scale(1.05);
}
70% {
-o-transform: scale(.9);
}
100% {
-o-transform: scale(1);
}
}
@keyframes bounceIn {
0% {
opacity: 0;
transform: scale(.3);
}
50% {
opacity: 1;
transform: scale(1.05);
}
70% {
transform: scale(.9);
}
100% {
transform: scale(1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
}
80% {
-webkit-transform: translateY(10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInUp {
0% {
opacity: 0;
-moz-transform: translateY(2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(-30px);
}
80% {
-moz-transform: translateY(10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInUp {
0% {
opacity: 0;
-o-transform: translateY(2000px);
}
60% {
opacity: 1;
-o-transform: translateY(-30px);
}
80% {
-o-transform: translateY(10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
transform: translateY(2000px);
}
60% {
opacity: 1;
transform: translateY(-30px);
}
80% {
transform: translateY(10px);
}
100% {
transform: translateY(0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
-moz-animation-name: bounceInUp;
-o-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
}
80% {
-webkit-transform: translateY(-10px);
}
100% {
-webkit-transform: translateY(0);
}
}
@-moz-keyframes bounceInDown {
0% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateY(30px);
}
80% {
-moz-transform: translateY(-10px);
}
100% {
-moz-transform: translateY(0);
}
}
@-o-keyframes bounceInDown {
0% {
opacity: 0;
-o-transform: translateY(-2000px);
}
60% {
opacity: 1;
-o-transform: translateY(30px);
}
80% {
-o-transform: translateY(-10px);
}
100% {
-o-transform: translateY(0);
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
transform: translateY(-2000px);
}
60% {
opacity: 1;
transform: translateY(30px);
}
80% {
transform: translateY(-10px);
}
100% {
transform: translateY(0);
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
-moz-animation-name: bounceInDown;
-o-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
}
80% {
-webkit-transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInLeft {
0% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(30px);
}
80% {
-moz-transform: translateX(-10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInLeft {
0% {
opacity: 0;
-o-transform: translateX(-2000px);
}
60% {
opacity: 1;
-o-transform: translateX(30px);
}
80% {
-o-transform: translateX(-10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
transform: translateX(-2000px);
}
60% {
opacity: 1;
transform: translateX(30px);
}
80% {
transform: translateX(-10px);
}
100% {
transform: translateX(0);
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
-moz-animation-name: bounceInLeft;
-o-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
}
80% {
-webkit-transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
}
}
@-moz-keyframes bounceInRight {
0% {
opacity: 0;
-moz-transform: translateX(2000px);
}
60% {
opacity: 1;
-moz-transform: translateX(-30px);
}
80% {
-moz-transform: translateX(10px);
}
100% {
-moz-transform: translateX(0);
}
}
@-o-keyframes bounceInRight {
0% {
opacity: 0;
-o-transform: translateX(2000px);
}
60% {
opacity: 1;
-o-transform: translateX(-30px);
}
80% {
-o-transform: translateX(10px);
}
100% {
-o-transform: translateX(0);
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
transform: translateX(2000px);
}
60% {
opacity: 1;
transform: translateX(-30px);
}
80% {
transform: translateX(10px);
}
100% {
transform: translateX(0);
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
-moz-animation-name: bounceInRight;
-o-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
}
25% {
-webkit-transform: scale(.95);
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
}
}
@-moz-keyframes bounceOut {
0% {
-moz-transform: scale(1);
}
25% {
-moz-transform: scale(.95);
}
50% {
opacity: 1;
-moz-transform: scale(1.1);
}
100% {
opacity: 0;
-moz-transform: scale(.3);
}
}
@-o-keyframes bounceOut {
0% {
-o-transform: scale(1);
}
25% {
-o-transform: scale(.95);
}
50% {
opacity: 1;
-o-transform: scale(1.1);
}
100% {
opacity: 0;
-o-transform: scale(.3);
}
}
@keyframes bounceOut {
0% {
transform: scale(1);
}
25% {
transform: scale(.95);
}
50% {
opacity: 1;
transform: scale(1.1);
}
100% {
opacity: 0;
transform: scale(.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
-moz-animation-name: bounceOut;
-o-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-moz-keyframes bounceOutUp {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(20px);
}
100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-o-keyframes bounceOutUp {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(20px);
}
100% {
opacity: 0;
-o-transform: translateY(-2000px);
}
}
@keyframes bounceOutUp {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(20px);
}
100% {
opacity: 0;
transform: translateY(-2000px);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
-moz-animation-name: bounceOutUp;
-o-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-moz-keyframes bounceOutDown {
0% {
-moz-transform: translateY(0);
}
20% {
opacity: 1;
-moz-transform: translateY(-20px);
}
100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-o-keyframes bounceOutDown {
0% {
-o-transform: translateY(0);
}
20% {
opacity: 1;
-o-transform: translateY(-20px);
}
100% {
opacity: 0;
-o-transform: translateY(2000px);
}
}
@keyframes bounceOutDown {
0% {
transform: translateY(0);
}
20% {
opacity: 1;
transform: translateY(-20px);
}
100% {
opacity: 0;
transform: translateY(2000px);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
-moz-animation-name: bounceOutDown;
-o-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-moz-keyframes bounceOutLeft {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(20px);
}
100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-o-keyframes bounceOutLeft {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(20px);
}
100% {
opacity: 0;
-o-transform: translateX(-2000px);
}
}
@keyframes bounceOutLeft {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(20px);
}
100% {
opacity: 0;
transform: translateX(-2000px);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
-moz-animation-name: bounceOutLeft;
-o-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-moz-keyframes bounceOutRight {
0% {
-moz-transform: translateX(0);
}
20% {
opacity: 1;
-moz-transform: translateX(-20px);
}
100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-o-keyframes bounceOutRight {
0% {
-o-transform: translateX(0);
}
20% {
opacity: 1;
-o-transform: translateX(-20px);
}
100% {
opacity: 0;
-o-transform: translateX(2000px);
}
}
@keyframes bounceOutRight {
0% {
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(-20px);
}
100% {
opacity: 0;
transform: translateX(2000px);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
-moz-animation-name: bounceOutRight;
-o-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateIn {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(-200deg);
opacity: 0;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateIn {
0% {
-o-transform-origin: center center;
-o-transform: rotate(-200deg);
opacity: 0;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateIn {
0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0;
}
100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
-moz-animation-name: rotateInUpLeft;
-o-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
-moz-animation-name: rotateInDownLeft;
-o-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
-moz-animation-name: rotateInUpRight;
-o-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-o-keyframes rotateInDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
-moz-animation-name: rotateInDownRight;
-o-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(200deg);
opacity: 0;
}
}
@-moz-keyframes rotateOut {
0% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: center center;
-moz-transform: rotate(200deg);
opacity: 0;
}
}
@-o-keyframes rotateOut {
0% {
-o-transform-origin: center center;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: center center;
-o-transform: rotate(200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: center center;
transform: rotate(200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
-moz-animation-name: rotateOut;
-o-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
-transform-origin: left bottom;
-transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
-moz-animation-name: rotateOutUpLeft;
-o-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownLeft {
0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownLeft {
0% {
-o-transform-origin: left bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: left bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
-moz-animation-name: rotateOutDownLeft;
-o-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutUpRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
-moz-animation-name: rotateOutUpRight;
-o-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownRight {
0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-o-keyframes rotateOutDownRight {
0% {
-o-transform-origin: right bottom;
-o-transform: rotate(0);
opacity: 1;
}
100% {
-o-transform-origin: right bottom;
-o-transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
100% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
-moz-animation-name: rotateOutDownRight;
-o-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@-moz-keyframes lightSpeedIn {
0% {
-moz-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-moz-transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-moz-transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-moz-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@-o-keyframes lightSpeedIn {
0% {
-o-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
-o-transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
-o-transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
-o-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
60% {
transform: translateX(-20%) skewX(30deg);
opacity: 1;
}
80% {
transform: translateX(0%) skewX(-15deg);
opacity: 1;
}
100% {
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
-moz-animation-name: lightSpeedIn;
-o-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
-moz-animation-timing-function: ease-out;
-o-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@-moz-keyframes lightSpeedOut {
0% {
-moz-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-moz-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@-o-keyframes lightSpeedOut {
0% {
-o-transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
-o-transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
transform: translateX(0%) skewX(0deg);
opacity: 1;
}
100% {
transform: translateX(100%) skewX(-30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
-moz-animation-name: lightSpeedOut;
-o-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-o-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate(80deg);
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
}
40% {
-webkit-transform: rotate(60deg);
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
}
100% {
-webkit-transform: translateY(700px);
opacity: 0;
}
}
@-moz-keyframes hinge {
0% {
-moz-transform: rotate(0);
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out;
}
20%, 60% {
-moz-transform: rotate(80deg);
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out;
}
40% {
-moz-transform: rotate(60deg);
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out;
}
80% {
-moz-transform: rotate(60deg) translateY(0);
opacity: 1;
-moz-transform-origin: top left;
-moz-animation-timing-function: ease-in-out;
}
100% {
-moz-transform: translateY(700px);
opacity: 0;
}
}
@-o-keyframes hinge {
0% {
-o-transform: rotate(0);
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out;
}
20%, 60% {
-o-transform: rotate(80deg);
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out;
}
40% {
-o-transform: rotate(60deg);
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out;
}
80% {
-o-transform: rotate(60deg) translateY(0);
opacity: 1;
-o-transform-origin: top left;
-o-animation-timing-function: ease-in-out;
}
100% {
-o-transform: translateY(700px);
opacity: 0;
}
}
@keyframes hinge {
0% {
transform: rotate(0);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
20%, 60% {
transform: rotate(80deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
40% {
transform: rotate(60deg);
transform-origin: top left;
animation-timing-function: ease-in-out;
}
80% {
transform: rotate(60deg) translateY(0);
opacity: 1;
transform-origin: top left;
animation-timing-function: ease-in-out;
}
100% {
transform: translateY(700px);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
-moz-animation-name: hinge;
-o-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
}
}
@-moz-keyframes rollIn {
0% {
opacity: 0;
-moz-transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg);
}
}
@-o-keyframes rollIn {
0% {
opacity: 0;
-o-transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg);
}
}
@keyframes rollIn {
0% {
opacity: 0;
transform: translateX(-100%) rotate(-120deg);
}
100% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
}
.rollIn {
-webkit-animation-name: rollIn;
-moz-animation-name: rollIn;
-o-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
}
}
@-moz-keyframes rollOut {
0% {
opacity: 1;
-moz-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-moz-transform: translateX(100%) rotate(120deg);
}
}
@-o-keyframes rollOut {
0% {
opacity: 1;
-o-transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
-o-transform: translateX(100%) rotate(120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
transform: translateX(0px) rotate(0deg);
}
100% {
opacity: 0;
transform: translateX(100%) rotate(120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
-moz-animation-name: rollOut;
-o-animation-name: rollOut;
animation-name: rollOut;
}
@keyframes zoomIn {
from {
opacity: 0;
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
animation-name: zoomIn;
}.slicknav_btn {
cursor: pointer;
display: block;
float: right;
height: 35px;
line-height: 50px;
padding: 10px 0 9px;
position: relative;
vertical-align: middle;
width: 44px;
}
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
margin-top: 0.188em; }
.slicknav_menu {
*zoom: 1; }
.slicknav_menu .slicknav_menutxt {
display: block;
line-height: 1.188em;
float: left; }
.slicknav_menu .slicknav_icon {
margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text {
margin: 0; }
.slicknav_menu .slicknav_icon-bar {
display: block;
width: 1.125em;
height: 0.125em;
margin: 0 auto;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.slicknav_menu .slicknav_btn:hover .slicknav_icon-bar{
background: #ffffff;
}
.slicknav_menu:before {
content: " ";
display: table; }
.slicknav_menu:after {
content: " ";
display: table;
clear: both; }
.slicknav_nav {
clear: both; }
.slicknav_nav ul {
display: block; }
.slicknav_nav li {
display: block; 
line-height: 30px;
}
.slicknav_nav li:not(:first-child){
border-top: 1px solid rgba(0,0,0,0.04);
}
.slicknav_nav .slicknav_arrow {
background: #ededed;
float: right;
text-align: center;
width: 35px;
color: #666;
}
.slicknav_nav .slicknav_item {
cursor: pointer; }
.slicknav_nav .slicknav_item a {
display: inline; }
.slicknav_nav .slicknav_row {
display: block; }
.slicknav_nav a {
display: block; }
.slicknav_nav .slicknav_parent-link a {
display: inline; }
.slicknav_brand {
float: left; }
.slicknav_menu {
font-size: 16px;
box-sizing: border-box;
}
.slicknav_menu ul{
background: #fff;
}
.slicknav_menu * {
box-sizing: border-box; }
.slicknav_menu .slicknav_menutxt {
color: #fff;
font-weight: bold;
text-shadow: 0 1px 3px #000; }
.slicknav_btn {
border: 1px solid;
border-radius: 0;
margin: 16px 15px;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.slicknav_nav {
color: #fff;
font-size: 0.875em;
list-style: outside none none;
margin: 0;
max-height: 350px;
overflow-y: scroll;
padding: 0;
width: 100%;
}
.slicknav_nav ul {
list-style: none;
overflow: hidden;
padding: 0;
margin: 0 0 0 20px; }
.slicknav_nav .slicknav_row {
padding: 5px 10px;
margin: 2px 5px; }
.slicknav_nav a {
padding: 5px 10px;
margin: 2px 5px;
text-decoration: none;
color: #666; }
.slicknav_nav .slicknav_txtnode {
margin-left: 15px; }
.slicknav_nav .slicknav_item a {
padding: 0;
margin: 0; }
.slicknav_nav .slicknav_parent-link a {
padding: 0;
margin: 0; }
.slicknav_brand {
color: #fff;
font-size: 18px;
line-height: 30px;
padding: 7px 12px;
height: 44px; }