.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900italic,900,700italic,700,600italic,600,400italic,300italic,300,200italic,200&subset=latin,vietnamese,latin-ext");     html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: sans-serif;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}  :focus {
outline: 0;
}
body {
background: #ffffff;
line-height: 1;
-webkit-font-smoothing: antialiased;
font-family: sans-serif;
}
ol, ul {
list-style: none;
}  table {
border-collapse: separate;
border-spacing: 0;
} .entry-content table, .comment-content table {
border: 1px solid #ddd;
width: 100%;
margin: 20px 0;
}
.entry-content th, .comment-content th {
color: #666;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.1em;
line-height: 2.6em;
margin: 20px 0px;
padding: 10px 10px;
background: #f3f3f3;
}
.entry-content td, .comment-content td {
border-top: 1px solid #ddd;
padding: 10px 10px;
vertical-align: middle;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
.entry-content blockquote {
padding: 10px 10px 10px 20px;
background: #fafafa;
margin-bottom: 20px;
margin: 40px 0 40px 40px;
}
blockquote p {
font-size: 22px;
margin-bottom: 0px;
font-weight: 300;
line-height: 30px;
}
a img {
border: 0;
}
.page-link {
margin-bottom: 20px;
}  .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.fright {
float: right;
}
.frighti {
float: right!important;
}
.fleft {
float: left;
}
.clear{
clear: both;
}  body, input, textarea {
color: #333;
font-size: 14px;
line-height: normal;
}  h1,h2,h3,h4,h5,h6 {
clear: both;
font-weight: normal;
line-height: normal;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
color: #239fdb;
}
.entry-content h1 {
font-size:26px;
margin-bottom: 20px;
}
.entry-content h2 {
font-size:24px;
margin-bottom: 20px;
}
.entry-content h3 {
font-size:22px;
margin-bottom: 20px;
}
.entry-content h4 {
font-size:20px;
margin-bottom: 20px;
}
.entry-content h5 {
font-size:18px;
margin-bottom: 20px;
}
.entry-content h6 {
font-size:16px;
margin-bottom: 20px;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
.entry-content ul, .entry-content ol, .entry-content dl {
font-size: 16px;
font-weight: normal;
}
.textwidget{
text-align: justify;
}  p {
margin-bottom: 1.5em;
font-size: 16px;
line-height: 21px
}
ul, ol {
margin: 0 0 1.5em 2.5em;
}
ul {
list-style: square;
}
ol {
list-style-type: decimal;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
}
dl {
margin: 0 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin-bottom: 1.5em;
}
strong {
font-weight: bold;
}
cite, em, i {
font-style: italic;
}
blockquote em, blockquote i, blockquote cite {
font-style: normal;
}
pre {
background: #f4f4f4;
font: 13px "Courier 10 Pitch",Courier,monospace;
line-height: 1.5;
margin-bottom: 1.5em;
padding: 0.75em 1.5em;
}
code, kbd {
font: 13px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 10px;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
input[type=text], input[type=email],
textarea {
border: 1px solid #888;
}
textarea {
padding: 10px 5px;
width: 100%;
box-sizing: border-box;
}
input[type=text], input[type=email] {
padding: 10px 5px;
max-width: 100%;
box-sizing: border-box;
}
.sticky{}
.bypostauthor{}  a {
color:#239fdb;
}
a:visited {
color: #239fdb;
}
a:focus,
a:active,
a:hover {
color: #239fdb;
}  .screen-reader-text {
position: absolute !important;
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
}  #masthead {
background: #1e5182;
margin: 0px;
padding: 1px 0 0 0;
}
#toolbar{
background: rgba(0,0,0,0.2);
}
#masthead >.menu.isStuck {
z-index: 999999;
width: 100%;
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
animation-delay: 0.5s; -moz-animation-delay: 0.5s; -webkit-animation-delay: 0.5s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
-webkit-box-shadow: 0px 3px 4px 0px rgba(50, 50, 50, 0.10);
-moz-box-shadow:    0px 3px 4px 0px rgba(50, 50, 50, 0.10);
box-shadow:         0px 3px 4px 0px rgba(50, 50, 50, 0.10);
}
.isStuck .main-navigation {
background: rgba(256,256,256,0.95);
}
ul.menu.stuckMenu.isStuck {
position: relative!important;
}  .menu-language-menu-container {
margin: 0;
padding: 0;
}
#toolbar .language-menu {
margin: 0;
padding: 0;
}
#toolbar .language-menu li{
list-style: none;
float: left;
border-left: 1px solid rgba(256,256,256, 0.10);
}
#toolbar .language-menu li:last-child {
border-right: 1px solid rgba(256,256,256, 0.10);
}
#toolbar .language-menu li a {
padding: 11px 20px;
color: #fff;
display: block;
text-decoration: none;
font-size: 15px;
}
#toolbar .language-menu li.current a{
background: #3465aa;
padding: 11px 20px 9px 20px;
border-bottom: 2px solid rgba(256,256,256, 1);
}
#toolbar .language-menu li a:hover{
background: #3465aa;
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.3s;
-moz-animation-duration:0.3s;
-ms-animation-duration:0.3s;
-o-animation-duration:0.3s;
animation-duration:0.3s;
}  .phone_number a{min-width: 100px; padding-left: 10px; padding-right: 10px;}
.share-items {
margin: 0 0 0 0;
padding: 0;
list-style: none;
float: right;
}
.share-items li {
float: left;
text-align: center;
margin-left: 0px;
border-left: 1px solid rgba(256,256,256, 0.10);
}
.share-items li:last-child {
border-right: 1px solid rgba(256,256,256, 0.10);
}
.share-items li a {
color: #fff;
display: block;
text-decoration: none;
padding-top: 13px;
width: 40px;
height: 28px;
}
.share-items .share-item-icon-facebook a:hover{
color: #3a589b;
background: #fff;
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.3s;
-moz-animation-duration:0.3s;
-ms-animation-duration:0.3s;
-o-animation-duration:0.3s;
animation-duration:0.3s;
}
.share-items .share-item-icon-twitter a:hover{
color: #19bfe8;
background: #fff;
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.3s;
-moz-animation-duration:0.3s;
-ms-animation-duration:0.3s;
-o-animation-duration:0.3s;
animation-duration:0.3s;
}
.share-items .share-item-icon-instagram a:hover{
color: #3f729b;
background: #fff;
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.3s;
-moz-animation-duration:0.3s;
-ms-animation-duration:0.3s;
-o-animation-duration:0.3s;
animation-duration:0.3s;
}
.share-items .share-item-icon-googleplus a:hover{
color: #dd4b39;
background: #fff;
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.3s;
-moz-animation-duration:0.3s;
-ms-animation-duration:0.3s;
-o-animation-duration:0.3s;
animation-duration:0.3s;
}
.share-items .share-item-icon-pinterest a:hover{
color: #cb2027;
background: #fff;
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.3s;
-moz-animation-duration:0.3s;
-ms-animation-duration:0.3s;
-o-animation-duration:0.3s;
animation-duration:0.3s;
}
.share-items .share-item-icon-youtube a:hover{
color: #bb0000;
background: #fff;
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.3s;
-moz-animation-duration:0.3s;
-ms-animation-duration:0.3s;
-o-animation-duration:0.3s;
animation-duration:0.3s;
}
.share-items .share-item-icon-github a:hover{
color: #754c24;
background: #fff;
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.3s;
-moz-animation-duration:0.3s;
-ms-animation-duration:0.3s;
-o-animation-duration:0.3s;
animation-duration:0.3s;
}
.share-items .share-item-icon-linkedin a:hover{
color: #007bb6;
background: #fff;
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.3s;
-moz-animation-duration:0.3s;
-ms-animation-duration:0.3s;
-o-animation-duration:0.3s;
animation-duration:0.3s;
}
.share-items .share-item-icon-skype a:hover{
color: #0bbff2;
background: #fff;
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.3s;
-moz-animation-duration:0.3s;
-ms-animation-duration:0.3s;
-o-animation-duration:0.3s;
animation-duration:0.3s;
}
.share-items .share-item-icon-vimeo a:hover{
color: #0bb9e6;
background: #fff;
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.3s;
-moz-animation-duration:0.3s;
-ms-animation-duration:0.3s;
-o-animation-duration:0.3s;
animation-duration:0.3s;
}
.share-items .share-item-icon-feed2 a:hover{
color: #ff9900;
background: #fff;
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.3s;
-moz-animation-duration:0.3s;
-ms-animation-duration:0.3s;
-o-animation-duration:0.3s;
animation-duration:0.3s;
}
.share-items .share-item-icon-envelope a:hover{
color: #515883;
background: #fff;
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.3s;
-moz-animation-duration:0.3s;
-ms-animation-duration:0.3s;
-o-animation-duration:0.3s;
animation-duration:0.3s;
}
.share-items .search-items {
visibility:hidden;
opacity:0;
filter:alpha(opacity=0);
position:absolute;
top: 0px !important;
right:0px;
z-index:5000;
list-style:none;
margin:0;
min-width:245px;
text-align: right;
padding: 0;
height: 40px;
}
ul.search-items .search-form form  {
float: left;
width: 245px;
}
ul.search-items .search-form #s {
margin: 0px;
}
ul.search-items input#s {
background-position: 94% 12px;
padding: 11px 10px;
}
.share-items .share-item-icon-search {
position: relative;
}
.share-items .share-item-icon-search:hover .search-items{
visibility:visible;
opacity: 1;
filter:alpha(opacity=100);
-webkit-animation-name: fadeInDown;
-moz-animation-name: fadeInDown;
-o-animation-name: fadeInDown;
animation-name: fadeInDown;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}  .logo-online-giving {
margin: 10px 0;
}
#site-title {
font-size: 36px;
text-decoration: none;
font-weight: 600;
}
#site-title a {
text-decoration: none;
color: #fff;
}
#site-description {
font-size: 16px;
font-weight: 300;
color: #fff;
}
.home #main {
background: #f8f8f8;
padding: 20px 0px 20px 0;
}
#main {
background: #fff;
padding: 60px 0px 60px 0;
-moz-box-shadow:    inset 0 0 1px #000000;
-webkit-box-shadow: inset 0 0 1px #000000;
box-shadow:         inset 0 0 1px #000000;
}
.branding img {
max-width: 100%;
height: auto;
}  .header-links .make-donation {
float: right;
}
.header-links .make-donation a{
background: transparent;
padding: 12px 10px;
display: block;
text-align: center;
text-decoration: none;
color: #fff;
margin-top: 5px;
font-size: 18px;
border: 2px solid #fff;
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.header-links .make-donation a:hover{
background: #fff;
color: #800000;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}  .teaser img{
width: 100%;
height: auto;
display: block;
}  .main-navigation {
position: relative;
background: #fff;
}
.site-navigation.main-navigation ul.menu,
.site-navigation.main-navigation div.menu > ul {
margin: 0;
padding: 0;
}
.site-navigation.main-navigation .menu li {
display: inline-block;
position: relative;
margin-right: -4px;
}
.site-navigation.main-navigation .menu li:last-child{
background-image: none;
}
.site-navigation.main-navigation .menu li a {
color: #515659;
display: block;
font-size: 15px;
text-transform: uppercase;
line-height: 1;
padding: 18px 19px;
text-decoration: none;
font-weight: bolder;
font-family: sans-serif; }
.site-navigation.main-navigation .menu li:hover > a,
.site-navigation.main-navigation .menu li a:hover {
border-bottom: 0px solid #e9e9e9;
background: #f29120;
color: #fff;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.site-navigation.main-navigation .menu .sub-menu,
.site-navigation.main-navigation .menu .children {
-moz-box-shadow: 0 0px 8px rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0px 8px rgba(0,0,0,0.2);
box-shadow:0 0px 8px rgba(0,0,0,0.2);
background:#fff;
display: none;
padding: 0;
margin: 0;
position: absolute;
left: 0px;
color: #515659;
z-index: 99999;
text-align: left;
}
.site-navigation.main-navigation .menu .sub-menu ul,
.site-navigation.main-navigation .menu .children ul {
border-left: 0;
left: 198px;
top: 0;
}
.site-navigation.main-navigation .menu .sub-menu .off-screen {
border-right: 0;
left: -198px;
right: 198px;
}
.site-navigation.main-navigation .sub-menu li {
margin-right: 0px!important;
background-image: none!important;
}
.site-navigation.main-navigation .sub-menu li a {
text-transform: none!important;
}
.site-navigation.main-navigation .sub-menu li:hover > a {
margin-left: 0px;
}
.site-navigation.main-navigation ul.menu ul a,
.site-navigation.main-navigation .menu ul ul a {
color: #333;
margin: 0;
width: 160px;
border-bottom: 1px solid #ccc;
}
.site-navigation.main-navigation ul.menu ul a:hover, .menu ul ul a:hover {
color: #fff;
border-bottom: 1px solid #ccc;
}
.site-navigation.main-navigation ul.menu li:hover > ul,
.site-navigation.main-navigation .menu ul li:hover > ul {
display: block;
}
.site-navigation.main-navigation .menu-toggle {
display: none;
}  .home-teaser {
width: 100%;
}
.home-teaser img {width: 100%; height: auto; border: 0px; display: block;}
#masthead .page-header {
position: relative;
min-height: 70px;
overflow: hidden;
}
#masthead .page-header img {
width: 100%;
height: auto;
display: block;
}
.header-bg {
position: absolute;
bottom: 0%;
padding: 4px 0;
background: rgba(0,0,0,0.80);
-moz-animation: fadeInUp 5s;
-webkit-animation: fadeInUp 5s;
animation: fadeInUp 5s;
animation-delay: 0.2s; -moz-animation-delay: 0.2s; -webkit-animation-delay: 0.2s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:2s;
-moz-animation-duration:2s;
-ms-animation-duration:2s;
-o-animation-duration:2s;
animation-duration:2s;
overflow: hidden;
}
.header-bg.no-headerimg{
background: none;
}
.page-header .header-title {
color: #fff;
}
.page-header .header-title h1 {
font-size: 30px;
font-weight: 600;
}
#rootline {
margin-top: 10px;
font-size: 12px;
color: #ccc;
}
#rootline a {
color: #ccc;
text-decoration: none;
text-transform: uppercase;
}
#rootline a:hover {
text-decoration: underline;
}  .homepage-widget-area {
margin-left: 20px;
}  figure {
margin: 0px 40px 0 0;
padding: 0px;
float: left;
}
figure {
overflow: hidden;
}
article.list figure img{
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
display: block;
}
article.list .short-description {
margin-top: 10px;
}
article.list:hover img {
opacity: 1;
transform: scale(1.08);
-ms-transform: scale(1.08);
-webkit-transform: scale(1.08);
-o-transform: scale(1.08);
-moz-transform: scale(1.08);
overflow: hidden;
}
article.list .entry-header {
display: inline;
font-size: 16px;
margin-bottom: 20px;
}
article.list .entry-header a {
text-decoration: none;
color: #515659;
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
font-size: 20px;
font-weight: 600;
}
article.list .entry-header a:hover {
color: #239fdb;
}
.short-description {
margin-top: 0px;
}
.short-description p {
margin-bottom: 12px;
font-size: 15px;
color: #515659;
}
article.list:first-child {
margin-top: 0px;
}
article.list {
border-bottom: 1px solid #d9d9d9;
margin-bottom: 40px;
padding-bottom: 40px;
cursor: pointer;
}
article.list:last-child {
margin-bottom: 40px;
}
article.list .entry-meta .read-more-button {
text-transform: uppercase;
border: 1px solid #3465aa;
padding: 5px 10px;
text-decoration: none;
font-size: 13px;
display: inline-block;
background: #3465aa;
color: #fff;
margin-right: 20px;
}
article.list:hover .entry-meta .read-more-button {
color: #3465aa;
background: #fff;
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
article.item a.read-more-button {
text-transform: uppercase;
border: 1px solid #3465aa;
padding: 5px 10px;
text-decoration: none;
font-size: 13px;
color: #3465aa;
display: inline-block;
}
article.item:hover a.read-more-button {
background: #3465aa;
color: #fff;
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.entry-help-us, .entry-time, .entry-author, .entry-status, .entry-doc, .entry-video, .entry-audio, .entry-docs, .entry-tag, .entry-category {
border: 1px solid #d9d9d9;
padding: 5px 10px;
text-decoration: none;
font-size: 13px;
margin: 0px 20px 0 0px;
float: left;
color: #252525;
background: #fff;
} .entry-help-us:hover {
background: #c33043;
border: 1px solid #c33043;
color: #fff;
}
.entry-help-us:hover i{
color: #fff;
}
.entry-help-us i {
margin-right: 5px;
color: #c33043;
float: left;
margin-top: 3px;
} .entry-time a {
text-decoration: none;
color: #515659;
}
.entry-time:hover a{
color: #fff;
}
.entry-time:hover {
background: #049cd9;
border: 1px solid #049cd9;
color: #fff;
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.entry-time i {
margin-right: 5px;
color: #049cd9;
float: left;
margin-top: 3px;
}
.entry-time:hover i{
color: #fff;
} .entry-meta .entry-author a{
text-decoration: none;
color: #515659;
}
.entry-author i{
margin-right: 5px;
color: #f29120;
float: left;
margin-top: 3px;
}
.entry-author:hover i{
color: #fff;
}
.entry-author:hover {
background: #f29120;
border: 1px solid #f29120;
color: #fff;
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.entry-author:hover a{
color: #fff;
} .entry-tag a:hover, .entry-category a:hover {
text-decoration: underline;
}
.entry-tag i, .entry-category i{
margin-right: 5px;
color: #3465aa;
float: left;
margin-top: 3px;	
}
.entry-meta-news a {
text-decoration: none;
}
.entry-meta-news .share-btns a i {
padding-top: 8px;
margin-left: 5px;
float: left;
}
.entry-meta-news .share-btns a .icon-facebook {
color: #3b5998;
}
.entry-meta-news .share-btns a .icon-twitter {
color: #00aced;
}
.entry-meta-news .share-btns a .icon-pinterest {
color: #cb2027;
}
.entry-meta-news .share-btns a .icon-googleplus {
color: #dc4e41;
}
.share-via-box {
float: right;
}
.share-via-box .share-via {
margin-top: 4px;
} .entry-video a{
text-decoration: none;
color: #515659;
}
.entry-video i{
margin-right: 5px;
color: #c33043;
float: left;
margin-top: 3px;
}
.entry-video:hover i{
color: #fff;
}
.entry-video:hover {
background: #c33043;
border: 1px solid #c33043;
color: #fff;
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.entry-video:hover a{
color: #fff;
} .entry-audio a{
text-decoration: none;
color: #515659;
}
.entry-audio i{
margin-right: 5px;
color: #f29120;
float: left;
margin-top: 3px;
}
.entry-audio:hover i{
color: #fff;
}
.entry-audio:hover {
background: #f29120;
border: 1px solid #f29120;
color: #fff;
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.entry-audio:hover a{
color: #fff;
} .entry-docs a{
text-decoration: none;
color: #515659;
}
.entry-docs i{
margin-right: 5px;
color: #049cd9;
float: left;
margin-top: 3px;
}
.entry-docs:hover i{
color: #fff;
}
.entry-docs:hover {
background: #049cd9;
border: 1px solid #049cd9;
color: #fff;
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.entry-docs:hover a{
color: #fff;
} .entry-status {
color: #515659;
}
.entry-status i{
margin-right: 5px;
color: #3465aa;
float: left;
margin-top: 3px;
} .entry-doc {
color: #515659;
}
.entry-doc i{
margin-right: 5px;
color: #049cd9;
float: left;
margin-top: 3px;
}
.mejs-container {
margin-bottom: 20px;
}  .events-selection {
margin-bottom: 70px;
}
.events-selection h1 {
font-size: 30px;
font-weight: 600;
margin-bottom: 15px;
}
.events-selection .month-selection .item {
margin: 4px;
display: inline-block;
}
.events-selection .month-selection .button {
font-size: 12px;
text-decoration: none;
background: #3465aa;
color: #fff;
padding: 4px 10px 5px 10px;
}
.events-selection .month-selection .button.current {
background: #c33043;
}
.events-selection .month-selection .button:hover {
background: #c33043;
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 0.3s;
-moz-animation-duration: 0.3s;
-ms-animation-duration: 0.3s;
-o-animation-duration: 0.3s;
animation-duration: 0.3s;
}  article.item {
width: 260px;
margin: 0 20px 40px 20px;
-webkit-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.50);
-moz-box-shadow:    0px 0px 1px 0px rgba(50, 50, 50, 0.50);
box-shadow:         0px 0px 1px 0px rgba(50, 50, 50, 0.50);
background: #fff;
}
article.item figure {
overflow: hidden;
margin: 0px;
width: 100%;
}
.widget-date {
padding: 15px 0px;
position: absolute;
bottom: 0px;
left: 0px;
background: rgba(0,0,0,0.80);
color: #fff;
width: 100%;
opacity: 0;
}
.widget-date time {
float: left;
margin-left: 20px;
}
.widget-date span {
float: right;
margin-right: 20px;
}
.widget-date i {
color: #049cd9;
margin-right: 10px;
}
.entry-nrcomments i {
margin: 0 10px 0 20px;
color: #f29120;
}
article.item img {
opacity: 1;
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
width: 100%;
height: auto;
display: block;
}
article.item figure {
position: relative;
}
article.item:hover .widget-date{
opacity: 1;
-webkit-animation-name: fadeInUp;
-moz-animation-name: fadeInUp;
-o-animation-name: fadeInUp;
animation-name: fadeInUp;
animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.4s;
-moz-animation-duration:0.4s;
-ms-animation-duration:0.4s;
-o-animation-duration:0.4s;
animation-duration:0.4s;
}
article.item:hover img {
opacity: 1;
-webkit-transform: scale(1.05,1.07);
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transform: scale(1.05,1.07);
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}
#secondary article.item {
margin: 0px 0 40px 0;
}
#secondary article.item:last-child {
margin: 0px 0 0px 0;
}
.widget_wplook_events_widget,
#secondary .widget_nav_menu,
.widget_wpl_insta_widget,
#secondary .widget_archive,
#secondary .widget_text, 
.autogen-menu,
#secondary .widget_categories,
#secondary .widget_search,
#secondary .widget_wplook_address_widget,
#secondary .widget_wplook_projects_widget,
#secondary .widget_wplook_causes_widget {
margin-bottom: 40px;
} .homepage-widget-area .grid_3 article.item {
margin: 0px 0px 40px 0;
}
.homepage-widget-area .grid_3 article.item:last-child{
margin-bottom: 40px;
} .homepage-widget-area .grid_6 article.item:nth-child(2n+1) {
margin: 0px 40px 40px 0;
}
.homepage-widget-area .grid_6 article.item {
margin: 0px 0px 40px 0;
} .homepage-widget-area .grid_9 article.item {
margin: 0px 40px 40px 0;
}
.homepage-widget-area .grid_9 article.item:nth-child(3n+3) {
margin: 0px 0px 40px 0;
} .homepage-widget-area .grid_12 article.item {
margin: 0px 40px 40px 0;
}
.homepage-widget-area .grid_12 article.item:nth-child(4n+4) {
margin: 0px 0px 40px 0;
}
.clear-widget{
clear: both;
}
.home-page-content aside.widget, .home-page-content article.item {
margin-bottom: 0px;
}
.box-conten-margins {
float: left;
width: 100%;
}
.box-conten-margins .entry-header {
padding: 20px 20px 10px 20px;
font-size: 18px;
font-weight: 600;
}
.box-conten-margins .short-description {
padding: 0 20px 20px 20px;
background: #fff;
line-height: 18px;
}
.box-conten-margins h1 {
line-height: 135%;
font-weight: 500;
}
.box-conten-margins h1 a{
text-decoration: none;
color: #333;
}
.box-conten-margins .position {
font-size: 13px;
margin-bottom: 20px;
font-size: 15px;
text-align: center;
}
.entry-header.candidate {
text-align: center;
}
.box-conten-margins .entry-meta {
border-top: 1px solid #d9d9d9;
margin-top: 0px;
padding-top: 20px;
padding-bottom: 20px;
}
.box-conten-margins .entry-meta .entry-time {
margin: 0px;
border: none;
text-align: right;
}
.box-conten-margins .entry-time:hover {
background: none;
color: #515659;
}
.box-conten-margins .entry-time:hover i{
background: none;
color: #049cd9;
} .sermons-icons .scol25 {
width: 24%; 
text-align: center;
float: left;
}
.box-conten-margins .entry-meta .sermons-icons{
margin-left: 10px;
}
.box-conten-margins .entry-meta .sermons-icons a{
text-decoration: none;
}
.box-conten-margins p {
margin-bottom: 0px;
font-size: 15px;
line-height: 21px;
color: #515659;
}
.box-conten-margins .entry-meta .sermons-icons span {
background: rgba(0,0,0, 0.2);
padding: 6px 10px;
margin-left: 0px;
text-align: center;
display: inline-block;
}
.box-conten-margins .entry-meta .sermons-icons span i {
display: inline-block;
}
.box-conten-margins .entry-meta .sermons-icons span .icon-youtube,
.box-conten-margins .entry-meta .sermons-icons span .icon-music,
.box-conten-margins .entry-meta .sermons-icons span .icon-file-pdf,
.box-conten-margins .entry-meta .sermons-icons a {
color: #fff;
}
.box-conten-margins .entry-meta .sermons-icons span.youtube:hover {
background: #e53b51;
cursor: pointer;
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.3s;
-moz-animation-duration:0.3s;
-ms-animation-duration:0.3s;
-o-animation-duration:0.3s;
animation-duration:0.3s;
}
.box-conten-margins .entry-meta .sermons-icons .music:hover {
cursor: pointer;
background: #f29120;
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.3s;
-moz-animation-duration:0.3s;
-ms-animation-duration:0.3s;
-o-animation-duration:0.3s;
animation-duration:0.3s;
}
.box-conten-margins .entry-meta .sermons-icons .file:hover {
cursor: pointer;
background: #049cd9;
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.2s;
-moz-animation-duration:0.2s;
-ms-animation-duration:0.2s;
-o-animation-duration:0.2s;
animation-duration:0.2s;
}
.box-conten-margins .entry-meta .sermons-icons .readmore:hover {
cursor: pointer;
background: #f29120;
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.3s;
-moz-animation-duration:0.3s;
-ms-animation-duration:0.3s;
-o-animation-duration:0.3s;
animation-duration:0.3s;
}
.box-conten-margins .entry-meta .sermons-icons .youtube:hover i,
.box-conten-margins .entry-meta .sermons-icons .music:hover i,
.box-conten-margins .entry-meta .sermons-icons .file:hover i {
color: #fff;
}
.entry-meta-news {
border-top: 1px solid #d9d9d9;
margin-top: 20px;
background: #fff;
padding-top: 20px;
}
.entry-meta-news time {
margin-left: 0px;
}  .box-conten-margins .entry-meta .entry-doc {
border: none;
} .cause-details {
padding: 15px 0;
background: #3465aa;
}
.cause-details .goal, .cause-details .donors, .cause-details .raised{
width: 33%;
float: left;
text-align: center;
}
.cause-details.no-goal .donors {
float: none;
margin: 0 auto;
}
.cause-details .desc{
color: #fff;
font-size: 13px;
}
.cause-details .value {
color: #fff;
font-size: 22px;
}
.box-select .make-donation {
text-align: center;
padding: 10px 20px;
border: 2px solid #f29120;
color: #f29120;
text-decoration: none;
font-size: 16px;
display: inline-block;
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.box-select .make-donation:hover{
background: #f29120;
color: #fff;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.make-donation-box {
padding-top: 45px;
padding-bottom: 50px;
text-align: center;
display: none;
}
.no-goal + .make-donation-box, .widget_wplook_causes_widget .make-donation-box {
padding-top: 10px;
padding-bottom: 20px;
}
.box-select .make-donation-box {
display: block;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.4s;
-moz-animation-duration:0.4s;
-ms-animation-duration:0.4s;
-o-animation-duration:0.4s;
animation-duration:0.4s;
}
.box-select .cause-details {
display: none;
} .tabs_table .tabs li a {
height: 40px;
padding: 20px 20px 0 20px;
margin: 0;
cursor: pointer;
font-size: 16px;
}
.tabs_table {
clear: both; margin: 0 0 40px 0;
background: #3465aa;
}
.tabs_table .tabs {
padding: 0 0 0 20px !important;
margin:0;
overflow: auto;
}
.tabs_table .tabs i{
font-size: 16px;
margin-right: 5px;
opacity: 1;
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.tabs_table .tabs li {
float: left;
list-style-type: none !important;
list-style-position: outside !important;
cursor: pointer;
white-space: nowrap;
margin-left: 0px;
padding: 0 !important;
}
.tabs_table .tabs li a {
display: block;
float: left;
padding-left: 14px;
background: #3465aa;
margin: 0;
color: #fff;
margin-right: 6px;
}
.tabs_table .tabs li a:hover {
text-decoration: none;
background: #f3f3f3;
color:#000;
}
.tabs_table .tabs li a.selected {
position: relative; 
color:#000;
background: #fff;
}
.tabs_table .tabs li a.selected .icon-youtube{
color: #c33043;
}
.tabs_table .tabs li a.selected .icon-image{
color: #f29120;
}
.tabs_table .tabs li a.selected .icon-music{
color: #f29120;
}
.tabs_table .tabs li a.selected .icon-file{
color: #049cd9;
}
.panes {
background: #fbfbfb;
padding: 20px; 
line-height: 1.7em;
}
.panes img {
width: 100%;
height: auto;
} .donatenow p .make-donation {
border: none;
width: 100%;
padding: 10px 0;
cursor: pointer;
margin: 0px;
border: 2px solid #e57d04;
background: #e57d04;
color: #fff;
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.donatenow p .make-donation:hover {
cursor: pointer;
border: 2px solid #e57d04;
background: #fff;
color: #e57d04;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.donate-box p {
margin: 0px;
}
.donate-box input {
width: 235px;
margin-bottom: 20px;
padding: 0 10px;
height: 45px;
box-sizing: border-box;
}
.donatenow .donate-box input {
width: 100%;
}
.donate-boxselect {
margin-bottom: 20px;
}
.donate-boxselect select{
font-size: 13px;
background: none;
height: 45px;
border: 1px solid #a2a2ad;
width: 100%;
}
.donatenow label {
float: left;
margin-right: 20px;
width: 270px;
}
#secondary .donatenow label {
width: 100%;
margin-bottom: 0;
}
#secondary .donatenow label input {
margin-bottom: 0;
}
#secondary .donatenow label:last-child {
margin-bottom: 20px;
}
.download-file a {
margin: 0px 0 40px 0;
border: none;
display: block;
width: 100%;
padding: 20px 0;
font-size: 16px;
text-decoration: none;
cursor: pointer;
margin: 0px;
border: 2px solid #e57d04;
background: #e57d04;
color: #fff!important;
text-align: center;
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.download-file a:hover {
cursor: pointer;
border: 2px solid #e57d04;
background: #fff;
color: #e57d04!important;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.info-box {
border: 1px solid #d9d9d9;
background: #fff;
margin-bottom: 40px;
margin-top: 0px;
}
.info-box .info-row:last-child {
border-bottom: none;
}
.info-box .info-row {
font-size: 18px;
margin: 0px 10px;
padding: 10px 0;
border-bottom: 1px solid #d9d9d9;
}
.info-box .info-row.nmb {
margin-bottom: 5px;
border-bottom: 0px;
}
.info-box .info-row span{
font-size: 14px;
color: #049dd9;
margin-top: 5px;
}
.info-box .location {
margin: 0 10px;
}
.info-box .location iframe {
width: 100%;
min-height: 300px;
height: auto!important;
margin-bottom: 20px;
}
.info-box .recurring {
padding-bottom: 15px;
border-bottom: 1px solid #d9d9d9;
}
.small-pb {
background: #000;
padding: 20px;
}
.small-pb .dot {
background: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
height: 17px;
width: 16px;
top: -6px;
position: absolute;
}
.small-pb .proggress-bar {
height: 5px;
margin-bottom: 0px;
background: #fff;
position: relative;
}
.small-pb .acumulated {
background: #f29120;
height: 5px;
border-right: 2px solid #fff;
max-width: 100%;
}
.funders {
margin-bottom: 20px;
}
.funders a {
margin: 0 1px 10px 1px;
}
.funders a img {
display: inline-block;
margin-bottom: 3px;
}
figure.content-image {
margin: 0px;
padding: 5px;
background: #fafafa;
margin-bottom: 40px;
}
figure.content-image img{
width: 100%;
height: auto!important;
}
.gallery-image-box {
background: #fafafa;
padding: 20px;
margin-bottom: 40px;
} .info-row a {
text-decoration: none;
margin-left: 10px;
}
.info-row a .icon-facebook {
color: #3b5998;
}
.info-row a .icon-twitter {
color: #00aced;
}
.info-row a .icon-pinterest {
color: #cb2027;
}
.info-row a .icon-googleplus {
color: #dc4e41;
}
.share-btns a{
cursor: pointer;
} .error404 #main {
padding-top: 20px;
}
.error-text {
text-align: center;
font-size: 172px;
font-weight: bold;
background: #f29120;
margin-top: -20px;
padding: 60px 0 100px 0;
color: #fff;
}
.oops{
text-align: center;
font-size: 24px;
margin: 40px 0;
}
.go-home-box {
text-align: center;
padding-bottom: 60px;
} .go-home-box a.go-home-button{
width: 160px;
background: #f29120;
height: 30px;
-webkit-transition: none;
-moz-transition: none;
transition: none;
padding: 10px 20px;
color: #fff;
text-decoration: none;
}
a.go-home-button:hover{
background: #fafafa;
color: #f29120;
} .buttonsx, .wpcf7-submit {
width: 160px;
background: #fff;
height: 45px;
-webkit-transition: none;
-moz-transition: none;
transition: none;
padding: 10px 20px;
color: #f29120;
text-decoration: none;
border: none;
cursor: pointer;
border: 2px solid #f29120;
}
.buttonsx:hover, .wpcf7-submit:hover {
background: #f29120;
color: #fff;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.3s;
-moz-animation-duration:0.3s;
-ms-animation-duration:0.3s;
-o-animation-duration:0.3s;
animation-duration:0.3s;
}
.audio-title {
padding: 5px;
background: #fff;
padding-left: 10px;
}
.document-title:last-child{
margin-bottom: 0px;
}
.document-title {
padding: 5px;
background: #fff;
padding-left: 10px;
margin-bottom: 10px;
}
.document-title i {
color: #239fdb;
margin-right: 5px;
}
.doc-details {
margin-bottom: 40px;
}    a img {
border: none;
}
p img {
margin-bottom: 0.5em; }  img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
.widget-area img {
max-width: 100%; height: auto; }
img.alignleft {
margin-right: 1.5em;
}
img.alignright {
margin-left: 1.5em;
}
.wp-caption {
padding: .5em;
text-align: center;
}
.wp-caption img {
margin: .25em;
}
.wp-caption .wp-caption-text {
margin: .5em;
}
.gallery-caption {
}
.wp-smiley {
margin: 0;
} .gallery {
padding: 0 20px 0 40px;
}
.gallery .gallery-item {
float: left;
margin-top: 0;
text-align: center;
width: 33%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
}
.gallery-columns-4 .gallery-item {
width: 25%;
}
.gallery img {
border: 1px solid #e0dddd !important;
padding: 5px;
}
.gallery-columns-2 .attachment-medium {
max-width: 92%;
height: auto;
}
.gallery-columns-3 .attachment-thumbnail {
max-width: 72%;
height: auto;
}
.gallery-columns-4 .attachment-thumbnail {
max-width: 98%;
height: auto;
}
.gallery .gallery-caption {
color: #3b3b3d;
font-size: 12px;
margin: 12px 0 12px;
position: static;
background: none;
}
.gallery dl {
margin: 0;
}
.gallery img {
border: 0px solid #f1f1f1;
}
.gallery br + br {
display: none;
}  #primary nav {
clear: both;
overflow: hidden;
margin: 0 0 1.5em;
}
.nav-previous {
float: left;
width: 50%;
}
.nav-next {
float: right;
text-align: right;
width: 50%;
}
#postnav .nav-previous, #postnav .nav-next {
background: #3465aa;
display: inline-block;
width: 100px;
text-align: center;
font-size: 15px;
}
#postnav .nav-previous a, #postnav .nav-next a{
text-decoration: none;
color: #fff;
display: block;
padding: 10px 10px;
}
#postnav .nav-previous:hover, #postnav .nav-next:hover {
background: #f29120;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.3s;
-moz-animation-duration:0.3s;
-ms-animation-duration:0.3s;
-o-animation-duration:0.3s;
animation-duration:0.3s;
}
.pagination-grid {
padding: 0 20px;
}   .widget_wpl_instagram_widget .photo-tiles {
background: none;
margin: 0px;
padding: 0px;
font-size: 0;
margin-bottom: 20px;
}
.widget_wpl_instagram_widget .photo-tile {
width: 33.3%; 
display: inline-block;
background: none;
margin: 0px;
padding: 0px !important;
}
.widget_wpl_instagram_widget .photo-tile img {
padding: 0 3px;
box-sizing: border-box;
}
.widget_wpl_instagram_widget .instagram-follow {
box-sizing: border-box;
width: 100%;
text-align: center;
font-size: 16px;
text-decoration: none;
background: #3465aa;
color: #fff;
padding: 4px 10px 5px 10px;
margin: 0px;
display: block;
}
.widget_wpl_instagram_widget .instagram-follow:hover {
background: #c33043;
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.3s;
-moz-animation-duration:0.3s;
-ms-animation-duration:0.3s;
-o-animation-duration:0.3s;
animation-duration:0.3s;
} .widget_text {
font-size: 16px;
line-height:30px;
}
h3.org {
font-size: 20px;
margin-bottom: 10px;
}
.widget-title { margin-bottom: 20px;
margin-top: 20px;
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
}
.home .widget-title span {
background: #f8f8f8;
}
.widget-title span {
margin: 0px;
padding: 0px 0 0 20px;
background: #fff;
} .widget-title span a{
font-size: 12px;
text-decoration: none;
background: #3465aa;
color: #fff;
padding: 4px 10px 5px 10px;
margin: 0px;
display: block;
}
.widget-title span a:hover {
background: #c33043;
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.3s;
-moz-animation-duration:0.3s;
-ms-animation-duration:0.3s;
-o-animation-duration:0.3s;
animation-duration:0.3s;
}
.home .widget-title h3 {
background: #f8f8f8;
}
.widget-title h3{
font-size: 20px;
margin-bottom: 20px;
text-transform: uppercase;
font-weight: 600;
background: #fff;
display: inline;
padding-right: 20px;
}
aside ul {
list-style: none;
margin: 0px;
background: #fff;
}
.widget ul li {
background: transparent url(//cofpi.org.np/wp-content/themes/cofpi/images/border-x.png) left bottom repeat-x;
padding: 10px;
margin: 0px;
font-size: 15px;
}
.widget ul li a {
color: #515659;
text-decoration: none;
}
.widget ul li:hover{
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.widget ul li:hover a {
color: #fff;
text-decoration: none;
}
.widget ul li ul {
margin: 0;
padding: 10px 0 0 0px;
background: transparent;
}
.widget ul li ul li{
background: none;
margin: 0;
padding: 15px 0 15px 10px;
}
.widget ul li ul li:last-child {
background: none;
margin-bottom: 0px
}
.widget_archive .current_page_item a{
color: #fff!important;
}  #s {
width: 92.5%;
border: 1px solid #d9d9d9;
margin-top: 3%;
}
#s:focus {
background-color: #fcfbfa;
width: 92.5%;
}
#searchsubmit {
display: none;
}
input#s {
background: #fff url(//cofpi.org.np/wp-content/themes/cofpi/images/search.png) no-repeat 97% 12px;
font-size: 14px;
line-height: 1.2em;
padding: 10px;
}  .widget-event-body {
border: 1px solid #d9d9d9;
background: #fff;
}
.widget-event-body .event-item {
padding: 20px;
border-bottom: none;
background: #fff;
border-top: 1px solid #d9d9d9;
}
.widget-event-body .event-item:first-child {
border-top: none;
}
.widget-event-body .event-day-month {
width: 22%;
max-width: 60px;
text-align: center;
margin-right: 7.69230769%;
}
.widget-event-body .event-day-month .event-day {
font-size: 25px;
background: #3465aa;
color: #fff;
padding: 2px 0;
}
.widget-event-body .event-day-month .event-month {
font-size: 12px;
text-transform: uppercase;
color: #fff;
background: #f29120;
padding: 3px 0;
}
.widget-event-body .event-info {
line-height: 22px;
font-size: 15px;
width: 70%;
}
.widget-event-body .event-info a {
text-decoration: none;
color: #252525;
}
.widget-event-body .past-ev, .widget-event-body .calendar-ev {
text-transform: uppercase;
width: 50%;
text-align: center;
}
.widget-event-body .past-cal a {
text-decoration: none;
color: #333;
display: block;
padding: 10px 0px;
width: 100%
}
.widget-event-body .past-cal .past-ev:hover a, 
.widget-event-body .past-cal .calendar-ev:hover a {
background: #3465aa;
color: #fff;
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.widget-event-body .past-cal {
border-top: 1px solid #d9d9d9;
background: transparent url(//cofpi.org.np/wp-content/themes/cofpi/images/divider.png) 50% 50% repeat-y;
}  .tagcloud {
margin: 20px 10px 10px 0px;
overflow: hidden;
}
.tagcloud a {
display: block;
float: left;
margin: 0 10px 10px 0;
padding: 10px 20px;
background: #3465aa;
color: #ffffff;
font-size: 14px;
transition: all 0.2s;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
text-decoration: none;
}
.tagcloud a:hover {
background: #ebeff2;
color: #494f5c;
} .WPlookAnounce {
width: 100%;
margin-bottom: 40px;
background: #c33043;
}
.WPlookAnounce .announce-body {
padding: 20px;
text-align: center;
color: #fff;
}
.WPlookAnounce .announce-body h1 {
font-size: 30px;
margin-bottom: 10px;
}
.WPlookAnounce .announce-body h3 {
font-size: 22px
}
.WPlookAnounce .announce-body a{
text-decoration: underline;
}
.WPlookAnounce .announce-body a:hover{
color: #fff;
} .social-widget-margin {
padding: 0px 0px;
}
.social-widget-margin a, .social-widget-margin a:visited {
float: left;
width: 40px;
height: 38px;
margin: 0 25px 25px 0px;
text-align: center;
text-decoration: none;
line-height: 38px;
color: #fff;
padding-top: 2px;
background: rgba(0,0,0,0.250);
}
.social-widget-margin a:hover {
color: #fff;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.social-widget-margin .social-item-twitter a:hover, 
.social-widget-margin .social-item-facebook a:hover,
.social-widget-margin .social-item-rss a:hover,
.social-widget-margin .social-item-gplus a:hover,
.social-widget-margin .social-item-youtube a:hover,
.social-widget-margin .social-item-linkedin a:hover,
.social-widget-margin .social-item-instagram a:hover,
.social-widget-margin .social-item-github a:hover,
.social-widget-margin .social-item-pinterest a:hover,
.social-widget-margin .social-item-vimeo a:hover,
.social-widget-margin .social-item-lastfm a:hover,
.social-widget-margin .social-item-soundcloud a:hover,
.social-widget-margin .social-item-flickr a:hover {
-webkit-animation-name: rotateIn;
-moz-animation-name: rotateIn;
-o-animation-name: rotateIn;
animation-name: rotateIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.3s;
-moz-animation-duration:0.3s;
-ms-animation-duration:0.3s;
-o-animation-duration:0.3s;
animation-duration:0.3s;
}
.social-widget-margin .social-item-twitter a:hover {
background: #00aced;
}
.social-widget-margin .social-item-facebook a:hover {
background: #3b5998;
}
.social-widget-margin .social-item-rss a:hover {
background: #ff9900;
}
.social-widget-margin .social-item-gplus a:hover {
background: #d34836;
}
.social-widget-margin .social-item-youtube a:hover {
background: #bb0000;
}
.social-widget-margin .social-item-linkedin a:hover {
background: #007bb6;
}
.social-widget-margin .social-item-instagram a:hover {
background: #517fa4;
}
.social-widget-margin .social-item-github a:hover {
background: #ac5e54;
}
.social-widget-margin .social-item-pinterest a:hover {
background: #cb2027;
}
.social-widget-margin .social-item-vimeo a:hover {
background: #45bbff;
}
.social-widget-margin .social-item-lastfm a:hover {
background: #D51007;
}
.social-widget-margin .social-item-soundcloud a:hover {
background: #ff5800;
}
.social-widget-margin .social-item-flickr a:hover {
background: #ff0084;
} .flickr-widget-body{
width: 100%;
}
.flickr-widget-body a {
width: 31%;
display: inline-block;
border: 1px solid #fff;
}
.flickr-widget-body a:hover {
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.flickr-widget-body img {
width: 100%;
height: auto;
float: left;
} #calendar_wrap {
margin: 0;
color: #343434;
background: #fff;
margin-bottom: 40px;
}
#wp-calendar, #wp-calendar th, #wp-calendar td {
text-align: center;
background: none;
border: none;
}
#wp-calendar {
background: none;
empty-cells: hide;
width: 100%;
font-size: 12px;
}
#wp-calendar th {
font-style: normal;
font-weight: bold;
text-transform: capitalize;
border-bottom: 1px solid #ddd;
}
#wp-calendar td {
text-align: center;
background: #fff;
padding: 5px;
border-bottom: 1px solid #ddd;
}
#wp-calendar td:hover {
background-color: #fff;
}
#wp-calendar a {
text-decoration: none;
display: block;
padding: 5px;
}
#wp-calendar a:hover {
background: #f9f9f9;
}
#wp-calendar caption {
font-weight: bold;
text-align: center;
}
#wp-calendar #today {
background-color: #f3f3f3;
}
#wp-calendar caption {
text-align: left;
width: 100%;
padding: 20px 0;
font-size: 16px;
}
#wp-calendar .pad {
background-color: #fff;
}
#wp-calendar #next a {
padding-right: 10px;
text-align: right;
background: #f0f3f5;
}
#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
background: #f0f3f5;
}
.item .entry-meta {
text-align: center;
}  .comments .page-header h1, .comments .comment-title {
margin: 40px 0;
font-size: 24px;
}
.commentlist {
margin: 0;
padding: 0;
}
.commentlist li{
list-style: none; 
}
.comment-gravatar { 
width: 74px;
}
.entry-header-comments .fn {
display: inline;
line-height: 22px;
color: #000;
}
.entry-header-comments .fn a{
color: #000;
text-decoration: none;
}
.entry-header-comments .fn a:hover{
text-decoration: underline;
}
.entry-header-comments .reply {
color: #a2a2ad;
font-size: 12px;
}
.entry-header-comments .reply a{
color: #a2a2ad;
border: 1px solid #a2a2ad; 
text-decoration: none; 
padding: 3px 6px;
margin: 10px 0 0 0; 
display: inline-block; 
}
.entry-header-comments .reply a:hover{
color: #fff; 
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.entry-header-comments .read-more-button {
border: 1px solid #d9d9d9;
padding: 5px 10px;
text-decoration: none;
font-size: 13px;
color: #fff;
background: #fff;
}
.entry-header-comments .read-more-button a {
text-decoration: none;
}
.entry-header-comments .read-more-button:hover {
background: #f2911b;
border: 1px solid #f2911b;
color: #fff;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.entry-header-comments .read-more-button:hover a {
color: #fff;
}
.comment-date{
padding: 6px 0 0 0;
}
.comment-body {
border-bottom: 1px solid #ddd;
margin: 12px 0 24px 74px;
padding: 0 0 24px 0;
}
.comment-body p {
margin-bottom: 0;
} #commentform input {
display: block;
margin-top: 5px;
}
#commentform input {
margin-top: 5px;
}
#commentform label {
font-weight: bold;
margin-left: 5px;
}
#commentform .required{
color: red;
}  .fc-event, .fc-event:visited{
color: #fff;
}
.fc-event:hover {
text-decoration: underline;
}
.wplook-google-map {
width: 100%;
min-height: 300px;
height: 100%;
display: block;
margin-bottom: 10px;
}
.wplook-google-map img {
max-width: none;
}
.event-address {
margin-bottom: 20px;
}  .sponsors .container_12{
background: #fbfbfb;
padding: 40px 0px 60px 0;
-moz-box-shadow:    inset 0 0 1px #000000;
-webkit-box-shadow: inset 0 0 1px #000000;
box-shadow:         inset 0 0 1px #000000;
margin-top: -1px;
}
#owl-sponsors {
width: 1200px;
margin-left: 40px; 
}
.sponsors .item{
margin-right: 40px;
}
.sponsors .item a img{
display: block;
width: 100%;
height: auto;
border: 1px solid #d9d9d9;
}
.sponsor-title-nav {
width: 1160px;
margin-left: 40px;
}
.sponsor-title-nav .widget-title h3 {
background: #fbfbfb;
}
.owl-Navigation {
float: right;
background: #fbfbfb;
padding-left: 20px;
}
.owl-Navigation a {
width: 24px;
height: 24px;
background: #3465aa;
display: inline-block;
font-size: 20px;
text-align: center;
color: #fff;
cursor: pointer;
}  #colophon {
background: #383939;
}
#colophon .widget-area {
padding-top: 40px;
padding-bottom: 5px;
}
.site-info {
color: #fff;
background: rgba(0,0,0,0.20);
border-top: 1px solid rgba(256,256,256,0.05);
}
.copy {
padding: 20px 0px;
}
.copy p{
margin: 0px;
padding: 0px;
font-size: 14px;
}
#colophon aside {
width: 100%;
max-width: 260px;
float: left;
margin-right: 40px;
color: #cccccc;
margin-bottom: 20px;
}
#colophon aside:last-child {
margin-right: 0px;
}
#colophon aside h3 {
color: #fff;
font-size: 18px;
margin-bottom: 20px;
text-transform: uppercase;
}
#colophon aside article.item {
margin: 0 0 20px 0;
}
#colophon ul {
background: none;
}
#colophon ul li {
background: none;
padding: 10px 0;
-webkit-animation-name: none;
-moz-animation-name: none;
-o-animation-name: none;
animation-name: none;
}
#colophon ul li .children li {
padding-bottom: 0;
padding-left: 10px;
}
#colophon ul li a {
color: #CCC;
}
#colophon ul li a:hover {
color: white;
text-decoration: underline;
}  .footer-navigation ul {
margin: 0px;
padding: 0px;
text-align: right;
}
.footer-navigation ul li {
display: inline-block;
}
.footer-navigation ul li a {
color: #fff;
text-decoration: none;
margin-left: 20px;
}
.footer-navigation ul li a:hover {
text-decoration: underline;
}    a.meanmenu-reveal {
display: none;
left: 0!important;
right: auto!important;
}  .mean-container .mean-bar {
position: relative;
min-height: 42px;
z-index: 80;
}
.mean-container a.meanmenu-reveal {
width: 22px;
height: 22px;
padding: 13px 13px 11px 13px;
position: absolute;
top: 0;
right: 0;
cursor: pointer;
color: #f65e13;
text-decoration: none;
font-size: 16px;
text-indent: -9999em;
line-height: 22px;
font-size: 1px;
display: block;
font-weight: 700;
}
.mean-container a.meanmenu-reveal span {
display: block;
background: #a0a0a0;
height: 3px;
margin-top: 3px;
}
.mean-container .mean-nav {
width: 100%;
padding-top: 50px;
overflow: hidden;
}
.mean-container .mean-nav ul {
padding: 0;
margin: 0;
width: 100%;
list-style-type: none;
}
.mean-container .mean-nav ul li {
position: relative;
float: left;
width: 100%;
}
.mean-container .mean-nav ul li a {
display: block;
float: left;
width: 100%;
padding: 14px 20px;
margin: 0;
font-size: 14px;
color: #a0a0a0;
border-top: 1px solid #bfc6cd;
text-decoration: none;
text-transform: uppercase;
}
.mean-container .mean-nav ul li li a {
width: 100%;
padding: 14px 40px;
border-top: 1px solid #bfc6cd;
visibility: visible;
}
.mean-container .mean-nav ul li.mean-last a {
border-bottom: none;
margin-bottom: 0;
}
.mean-container .mean-nav ul li li li a {
width: 100%;
padding: 14px 60px;
}
.mean-container .mean-nav ul li li li li a {
width: 100%;
padding: 14px 80px;
}
.mean-container .mean-nav ul li li li li li a {
width: 50%;
padding: 14px 100px;
}
.mean-container .mean-nav ul li a:hover {
background: #fafafa;
color: #f65e13;
}
.mean-container .mean-nav ul li a.mean-expand {
margin-top: 1px;
width: 25px;
height: 25px;
padding: 12px !important;
text-align: center;
position: absolute;
right: 0;
top: 0;
z-index: 2;
font-weight: 700;
background: none;
border: none;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
background: #f65e13;
color: #ffffff;
}
.mean-container .mean-push {
float: left;
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.mean-container .search-form {
right: 20px;
}
.mean-nav .wrapper {
width: 100%;
padding: 0;
margin: 0;
}
.mean-container .mean-bar {
margin: 0 0px;
background: #fff;
}  .mean-container .mean-bar, .mean-container .mean-bar * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.mean-remove { display: none !important; } .column-margin {
margin: 12px;
}
.col25,
.col33,
.col50,
.col75 { 
float: left; 
font-size: 15px;
}
.col25 p,
.col33 p,
.col50 p,
.col75 p {
font-size: 15px;
}
.col25{
width: 25%;
}
.col33{
width: 33%;
}
.col50{
width: 50%;
}
.col75{
width: 75%;
}
.box{
width: 98%; 
background: #e53b51; 
font-size: 15px; 
color: #fff; 
padding: 12px 1%; 
margin-bottom: 40px;
margin-top: 10px;
}
.box p{
margin-bottom: 0px;
width: 85%;
float: left;
}
.box .button {
float: right;
margin-bottom: 0px !important;
} a.buttonss,
a.buttonss:visited {
display: inline-block;
color: #fff!important;
text-decoration: none!important;
text-align: center;
text-shadow: 0 1px 0 rgba(0,0,0,0.2);
font-size: 14px;
outline: none;
font-weight: bold;
line-height: 1em;
padding: 7px 13px!important;
cursor: pointer;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.4);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.4);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.4);
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.25), inset 0 1px 0 rgba(255,255,255,0.4);
border: 1px solid #0d507a!important;
margin: 0 1em 1.5em 0!important;
vertical-align: middle;
background: #0c6fb1;
background: -webkit-gradient(linear, left top, left bottom, from(#14a7cf), to(#0c6fb1));
background: -webkit-linear-gradient(top, #14a7cf, #0c6fb1);
background: -moz-linear-gradient(top, #14a7cf, #0c6fb1);
background: -ms-linear-gradient(top, #14a7cf, #0c6fb1);
background: -o-linear-gradient(top, #14a7cf, #0c6fb1);
}
a.buttonss.square {
border-radius: 0px!important;
-webkit-border-radius: 0px!important;
-moz-border-radius: 0px!important;
-o-border-radius: 0px!important;
}
a.buttonss.round {
border-radius: 5px!important;
-webkit-border-radius: 5px!important;
-moz-border-radius: 5px!important;
-o-border-radius: 5px!important;
}
a.buttonss.medium {
padding: 11px 16px!important;
font-size: 16px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
}
a.buttonss.large {
padding: 15px 20px!important;
font-size: 18px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
}
a.buttonss:hover {
text-decoration: none;
}
a.buttonss:active {
position: relative;
top: 1px;
box-shadow: inset 0 1px 0 rgba(255,255,255,0.9);
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
-o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
}
a.buttonss.green {
border-color: #69963b!important;
background: #7fc33c;
background: -webkit-gradient(linear, left top, left bottom, from(#5bb75b), to(#7fc33c));
background: -webkit-linear-gradient(top, #5bb75b, #7fc33c);
background: -moz-linear-gradient(top, #5bb75b, #7fc33c);
background: -ms-linear-gradient(top, #5bb75b, #7fc33c);
background: -o-linear-gradient(top, #5bb75b, #7fc33c);
}
a.buttonss.green:hover {
background: #8dd242;
background: -webkit-gradient(linear, left top, left bottom, from(#7fc33c), to(#5bb75b));
background: -webkit-linear-gradient(top, #7fc33c, #5bb75b);
background: -moz-linear-gradient(top, #7fc33c, #5bb75b);
background: -ms-linear-gradient(top, #7fc33c, #5bb75b);
background: -o-linear-gradient(top, #7fc33c, #5bb75b);
}
a.buttonss.light-blue {
border-color: #2681a2!important;
background: #2caada;
background: -webkit-gradient(linear, left top, left bottom, from(#46cae8), to(#2caada));
background: -webkit-linear-gradient(top, #46cae8, #2caada);
background: -moz-linear-gradient(top, #46cae8, #2caada);
background: -ms-linear-gradient(top, #46cae8, #2caada);
background: -o-linear-gradient(top, #46cae8, #2caada);
}
a.buttonss.light-blue:hover {
background: #32bcef;
background: -webkit-gradient(linear, left top, left bottom, from(#2caada), to(#46cae8));
background: -webkit-linear-gradient(top, #2caada, #46cae8);
background: -moz-linear-gradient(top, #2caada, #46cae8);
background: -ms-linear-gradient(top, #2caada, #46cae8);
background: -o-linear-gradient(top, #2caada, #46cae8);
}
a.buttonss.blue {
border-color: #0d507a!important;
background: #0c6fb1;
background: -webkit-gradient(linear, left top, left bottom, from(#14a7cf), to(#0c6fb1));
background: -webkit-linear-gradient(top, #14a7cf, #0c6fb1);
background: -moz-linear-gradient(top, #14a7cf, #0c6fb1);
background: -ms-linear-gradient(top, #14a7cf, #0c6fb1);
background: -o-linear-gradient(top, #14a7cf, #0c6fb1);
}
a.buttonss.blue:hover {
background: #1188d6;
background: -webkit-gradient(linear, left top, left bottom, from(#0c6fb1), to(#14a7cf));
background: -webkit-linear-gradient(top, #0c6fb1, #14a7cf);
background: -moz-linear-gradient(top, #0c6fb1, #14a7cf);
background: -ms-linear-gradient(top, #0c6fb1, #14a7cf);
background: -o-linear-gradient(top, #0c6fb1, #14a7cf);
}
a.buttonss.red {
border-color: #ab4b44!important;
background: #9E0D18;
background: -webkit-gradient(linear, left top, left bottom, from(red), to(#9E0D18));
background: -webkit-linear-gradient(top, red, #9E0D18);
background: -moz-linear-gradient(top, red, #9E0D18);
background: -ms-linear-gradient(top, red, #9E0D18);
background: -o-linear-gradient(top, red, #9E0D18);
}
a.buttonss.red:hover {
background: #ff5e56;
background: -webkit-gradient(linear, left top, left bottom, from(#9E0D18), to(red));
background: -webkit-linear-gradient(top, #9E0D18, red);
background: -moz-linear-gradient(top, #9E0D18, red);
background: -ms-linear-gradient(top, #9E0D18, red);
background: -o-linear-gradient(top, #9E0D18, red);
}
a.buttonss.orange {
border-color: #dc9014!important;
background: #ffb031;
background: -webkit-gradient(linear, left top, left bottom, from(#ff9900), to(#ffb031));
background: -webkit-linear-gradient(top, #ff9900, #ffb031);
background: -moz-linear-gradient(top, #ff9900, #ffb031);
background: -ms-linear-gradient(top, #ff9900, #ffb031);
background: -o-linear-gradient(top, #ff9900, #ffb031);
}	
a.buttonss.orange:hover {
background: #ffc531;
background: -webkit-gradient(linear, left top, left bottom, from(#ffb031), to(#ff9900));
background: -webkit-linear-gradient(top, #ffb031, #ff9900);
background: -moz-linear-gradient(top, #ffb031, #ff9900);
background: -ms-linear-gradient(top, #ffb031, #ff9900);
background: -o-linear-gradient(top, #ffb031, #ff9900);
}
a.buttonss.purple {
border-color: #996192!important;
background: #d17ac6;
background: -webkit-gradient(linear, left top, left bottom, from(#e3acdc), to(#d17ac6));
background: -webkit-linear-gradient(top, #e3acdc, #d17ac6);
background: -moz-linear-gradient(top, #e3acdc, #d17ac6);
background: -ms-linear-gradient(top, #e3acdc, #d17ac6);
background: -o-linear-gradient(top, #e3acdc, #d17ac6);
}
a.buttonss.purple:hover {
background: #eb90e0;
background: -webkit-gradient(linear, left top, left bottom, from(#d17ac6), to(#e3acdc));
background: -webkit-linear-gradient(top, #d17ac6, #e3acdc);background: -moz-linear-gradient(top, #d17ac6, #e3acdc);
background: -ms-linear-gradient(top, #d17ac6, #e3acdc);
background: -o-linear-gradient(top, #d17ac6, #e3acdc);
}
a.buttonss.grey {
color: #555!important;
text-shadow: 0 1px 0 rgba(255,255,255,0.2);
border-color: #acacac!important;
background: #e0dddd;
background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0dddd));
background: -webkit-linear-gradient(top, #ffffff, #e0dddd);
background: -moz-linear-gradient(top, #ffffff, #e0dddd);
background: -ms-linear-gradient(top, #ffffff, #e0dddd);
background: -o-linear-gradient(top, #ffffff, #e0dddd);
}
a.buttonss.grey:hover {
background: #ffffff;
background: -webkit-gradient(linear, left top, left bottom, from(#e0dddd), to(#ffffff));
background: -webkit-linear-gradient(top, #e0dddd, #ffffff);
background: -moz-linear-gradient(top, #e0dddd, #ffffff);
background: -ms-linear-gradient(top, #e0dddd, #ffffff);
background: -o-linear-gradient(top, #e0dddd, #ffffff);
}
a.buttonss.black {
border-color: #323232!important;
background: #444444;
background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#444444));
background: -webkit-linear-gradient(top, #000, #444444);
background: -moz-linear-gradient(top, #000, #444444);
background: -ms-linear-gradient(top, #000, #444444);
background: -o-linear-gradient(top, #000, #444444);
}
a.buttonss.black:hover {
background: #000000;
background: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#000000));
background: -webkit-linear-gradient(top, #444444, #000000);
background: -moz-linear-gradient(top, #444444, #000000);
background: -ms-linear-gradient(top, #444444, #000000);
background: -o-linear-gradient(top, #444444, #000000);
} .alert {
padding: 0.8em;
margin: 0 0 1.5em 0;
line-height: 1.6em;
border-radius: 4px!important;
-webkit-border-radius: 4px!important;
-moz-border-radius: 4px!important;
-o-border-radius: 4px!important;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6); 
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6); 
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6); 
-o-box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 0 rgba(255,255,255,0.6);
}
.alert.white {
background: #fff;
border: 1px solid #dfdfdf;
color: #373737;
}
.alert.red {
background: #c33043;
border: 1px solid #c33043;
color: #fff;
}
.alert.yellow {
background: #f29120;
border: 1px solid #f29120;
color: #fff;
}
.alert.green {
background: #2eb44b;
border: 1px solid #2eb44b;
color: #fff;
}
.alert.blue {
background: #049cd9;
border: 1px solid #049cd9;
color: #fff;
}
.alert.grey {
background: #fbfbfb;
border: 1px solid #dfdfdf;
color: #373737;
} .toggle-content {
background: #3465aa;
clear: both;
display: block;
margin: 20px 0 8px;
color: #fafafa;
padding: 5px 5px 10px 5px;
}
.toggle-content:hover { 
background: #3465aa;
}
.toggle-content + .toggle-content {
margin: 0;
}
.toggle-content .expand-button {
background: url(//cofpi.org.np/wp-content/themes/cofpi/images/toggle-open.png) left top no-repeat;
cursor: pointer;
font-weight: 700;
overflow: hidden;
}
.toggle-content .expand-button.close {
background: url(//cofpi.org.np/wp-content/themes/cofpi/images/toggle-close.png) left top no-repeat;
}
.toggle-content .expand-button p {
line-height: 40px;
margin: 0;
padding-left: 40px;
}
.toggle-content .expand {
margin: 0;
background: #fafafa;
line-height: 160%;
color: #3b3b3d;
padding: 20px 20px 20px;
}
.toggle-content .expand {
display: none;
}
.no-js .toggle-content .expand {
display: block;
}  @media only screen and (min-width: 962px) and (max-width: 1240px) {
.header-bg {padding: 20px 0;}
.grid_12 article.item {max-width: 215px; }
#secondary .cause-details .desc {font-size: 11px;}
#secondary .cause-details .value {font-size: 20px;}
.widget-title span a {font-size: 12px;}
.content-area article.item {width: 320px; margin-right: 0px;}
#secondary article.item {width: 220px}
.widget-event-body .event-info {font-size: 14px;}
#colophon aside {max-width: 200px;}
.homepage-widget-area {margin-left: 0px;}
.homepage-widget-area article.item {max-width: 206px; } .homepage-widget-area .grid_12 article.item {max-width: 215px; } .homepage-widget-area .grid_6 article.item {max-width: 210px; }
.cause-details .value {font-size: 20px;} .homepage-widget-area .grid_3 article.item { margin: 0px 0px 40px 0; }
.homepage-widget-area .grid_3 article.item:last-child{margin-bottom: 40px; } .homepage-widget-area .grid_6 article.item:nth-child(2n+1) {margin: 0px 20px 40px 0; }
.homepage-widget-area .grid_6 article.item {margin: 0px 0px 40px 0; } .homepage-widget-area .grid_9 article.item {margin: 0px 20px 0px 0; }
.homepage-widget-area .grid_9 article.item:nth-child(3n+3) {margin: 0px 0px 40px 0; } .homepage-widget-area .grid_12 article.item {margin: 0px 20px 0px 0; }
.homepage-widget-area .grid_12 article.item:nth-child(4n+4) {margin: 0px 0px 40px 0; }
.error-text {font-size: 120px;}
.flex-caption .flex-content h1 {font-size: 20px;}
.flex-caption .flex-content h3 p{font-size: 13px;}
.flex-caption .flex-content a.btn {margin-top: 20px;}
#owl-sponsors { width: 940px; margin-left: 20px; }
.sponsors .item{ margin-right: 20px; }
.sponsor-title-nav { width: 920px; margin-left: 20px;}
}
@media only screen and (min-width: 767px) and (max-width: 962px) {
.header-bg {padding: 20px 0;}
#secondary article.item {width: 149px;}
#secondary article.item .make-donation-box {font-size: 10px;}
#secondary article.item .short-description {display: none;}
#secondary .cause-details .desc {font-size: 9px;}
#secondary .cause-details .value {font-size: 16px;}
#colophon aside {max-width: 340px; margin-bottom: 40px; margin-right: 0px;}
#colophon aside:nth-child(2n+1) {margin-right: 36px;}
.content-area article.item {max-width: 260px; margin-right: 0px;}
#secondary .flickr-widget-body a {width:47%;}
.min-img-height {min-height: 120px;} 
.homepage-widget-area .box-select .make-donation-box {font-size: 10px;}
.homepage-widget-area .cause-details .desc {font-size: 9px;}
.homepage-widget-area .cause-details .value {font-size: 16px;}
.homepage-widget-area article.item {max-width: 160px; }
.homepage-widget-area {margin-left: 0px;} .homepage-widget-area .grid_3 article.item { margin: 0px 0px 40px 0; }
.homepage-widget-area .grid_3 article.item:last-child{margin-bottom: 0px; } .homepage-widget-area .grid_6 article.item:nth-child(2n+1) {margin: 0px 20px 40px 0; }
.homepage-widget-area .grid_6 article.item {margin: 0px 0px 40px 0; } .homepage-widget-area .grid_9 article.item {margin: 0px 20px 0px 0; max-width: 162px;}
.homepage-widget-area .grid_9 article.item:nth-child(3n+3) {margin: 0px 0px 40px 0; } .homepage-widget-area .grid_12 article.item {margin: 0px 20px 0px 0; max-width: 164px;}
.homepage-widget-area .grid_12 article.item:nth-child(4n+4) {margin: 0px 0px 40px 0; }
.widget-event-body .event-info {font-size: 14px;}
.event-day-month {width: 60px;}
.info-box .info-row {font-size: 14px;}
.info-box .info-row span {font-size: 12px;}
.donate-now {font-size: 12px;}
.flex-caption .flex-content h1 {font-size: 18px;}
.flex-caption .flex-content h3 p{font-size: 13px;}
.flex-caption .flex-content a.btn {margin-top: 20px;}
.flex-content.container_12 .grid_8, .flex-content.container_12 .grid_4 {margin: 0 20px;}
#secondary .donatenow p .make-donation {width: 149px; font-size: 12px;}
.donatenow label {width: 200px}
.donatenow input {width: 190px}
.pagination-grid {padding: 0px 10px 0 20px;}
.box-conten-margins .entry-header {font-size: 15px}
#owl-sponsors { width: 740px; margin-left: 20px; }
.sponsors .item{ margin-right: 20px; }
.sponsor-title-nav { width: 720px; margin-left: 20px;}
.widget_wplook_events_widget .event-item .fleft { width: 100%; float: none; }
.widget_wplook_events_widget .event-item .fleft.event-info { text-align: center; margin-top: 20px; }
.widget_wplook_events_widget .event-item .fleft.event-day-month { margin: 0 auto; }
.widget_wplook_events_widget .past-cal { background: none; border: none; }
.widget_wplook_events_widget .past-ev, .widget_wplook_events_widget .calendar-ev { border-top: 1px solid #d9d9d9; width: 100%; }
.cause-details .raised, .cause-details .donors { width: 50%; margin-bottom: 20px; }
.cause-details .goal { width: 100%; }
.widget_wplook_causes_widget .make-donation-box { padding-top: 32px; padding-bottom: 35px; }
.widget_wplook_causes_widget .no-goal + .make-donation-box { padding-top: 8px; padding-bottom: 10px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
div.menu.stuckMenu.isStuck { 
position: relative!important; top: none;
-webkit-animation-name: none!important;
-moz-animation-name: none!important;
-o-animation-name: none!important;
animation-name: none!important;
animation-delay: none!important; -moz-animation-delay: none!important; -webkit-animation-delay: none!important; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:none!important;
-moz-animation-duration:none!important;
-ms-animation-duration:none!important;
-o-animation-duration:none!important;
animation-duration:none!important;
}
div.teaser {margin-top: 0!important;} .header-bg {padding: 20px 0;}
#masthead .page-header img {display: none;}
#masthead .header-bg { background: none; }
.share-items {
text-align: center;
}
.share-items li {
float: none;
display: inline-block;
margin-top: 10px;
border: 1px solid rgba(256, 256, 256, 0.10);
}
.grid_2.ml {display: none;}
#secondary article.item {width: 100%;}
.content-area article.list figure{width: 100%; margin-bottom: 20px; margin-right: 0px;}
.content-area article.list figure img {width: 100%; height: auto;}
.content-area article.item {width: 420px;}
.entry-status {display: none;}
.homepage-widget-area {margin-left: 0px;}
article.item {width: 100%;}
#colophon aside {max-width: 420px; margin-right: 0px; margin-bottom: 40px;}
.branding {text-align: center; }
.container_12 .grid_4.branding {margin-bottom: 0px;}
.flex-caption .flex-content h1 {font-size: 16px;}
.flex-caption .flex-content h3 p{font-size: 12px;}
.flex-caption .flex-content a.btn {display: none;}
.flex-content.container_12 .grid_8, .flex-content.container_12 .grid_4 {margin: 0 20px;}
.menu-language-menu-container {float: left; text-align: center; width: 100%;}
#toolbar .language-menu li {float: none; display: inline-block; margin-right: -2px;}
.share-items .share-item-icon-search  li { margin-top: -1px; }
.header-links .make-donation a {margin-top: 20px; width: 99%; padding: 12px 0;}
.header-links .make-donation {float: none;}
.donatenow label {width: 420px}
.donate-box .buttons.donate {width: 420px;}
.pagination-grid {padding: 0px 0 0 20px;} .homepage-widget-area .grid_3 article.item:last-child{ margin-bottom: 40px; } .homepage-widget-area .grid_6 article.item:nth-child(2n+1) { margin: 0px 40px 40px 0; }
.homepage-widget-area .grid_6 article.item { margin: 0px 0px 40px 0; } .homepage-widget-area .grid_9 article.item { margin: 0px 40px 40px 0; }
.homepage-widget-area .grid_9 article.item:nth-child(3n+3) { margin: 0px 0px 40px 0; } .homepage-widget-area .grid_12 article.item { margin: 0px 40px 40px 0; }
.homepage-widget-area .grid_12 article.item:nth-child(4n+4) { margin: 0px 0px 40px 0; }
.widget_wplook_events_widget {margin-bottom: 40px;}
#owl-sponsors { width: 440px; margin-left: 20px; }
.sponsors .item{ margin-right: 20px; }
.sponsor-title-nav { width: 420px; margin-left: 20px;}
.footer-navigation ul {text-align: left; margin-top: 20px;}
.footer-navigation ul li a {margin-left: 0px; margin-right: 20px;}
.tabs_table .tabs { padding: 0 !important; }
.widget_wplook_events_widget .event-item .fleft { width: 100%; float: none; }
.widget_wplook_events_widget .event-item .fleft.event-info { text-align: center; margin-top: 20px; }
.widget_wplook_events_widget .event-item .fleft.event-day-month { margin: 0 auto; }
.widget_wplook_events_widget .past-cal { background: none; border: none; }
.widget_wplook_events_widget .past-ev, .widget_wplook_events_widget .calendar-ev { border-top: 1px solid #d9d9d9; width: 100%; }
.make-donation-box { padding-top: 10px; padding-bottom: 20px; }
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
div.menu.stuckMenu.isStuck { 
position: relative!important; top: none;
-webkit-animation-name: none!important;
-moz-animation-name: none!important;
-o-animation-name: none!important;
animation-name: none!important;
animation-delay: none!important; -moz-animation-delay: none!important; -webkit-animation-delay: none!important; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:none!important;
-moz-animation-duration:none!important;
-ms-animation-duration:none!important;
-o-animation-duration:none!important;
animation-duration:none!important;
}
div.teaser {margin-top: 0!important;} .header-bg {padding: 20px 0;}
#masthead .page-header img {display: none;}
#masthead .header-bg { background: none; }
.grid_2.ml {display: none;}
article.item {width: 280px;}
.content-area article.list figure{width: 100%; margin-bottom: 20px; margin-right: 0px;}
.content-area article.list figure img {width: 100%; height: auto;}
.entry-help-us {margin: 20px 20px 0 0;}
.tabs_table .tabs li span {display: none;}
.tabs_table .tabs li a { padding-left: 25px;}
#colophon aside {max-width: 320px; margin-right: 0px; margin-bottom: 40px;}
.social-widget-margin a, .social-widget-margin a:visited {margin: 0 24px 24px 0;}
.fc-button.fc-button-today, .fc-header-right {display: none;}
.homepage-widget-area {margin-left: 0px;}
.homepage-widget-area .grid_3 article.item,
.homepage-widget-area .grid_6 article.item,
.homepage-widget-area .grid_9 article.item,
.homepage-widget-area .grid_12 article.item {margin-bottom: 20px!important;}
.branding {text-align: center; }
.container_12 .grid_4.branding {margin-bottom: 0px;}
.share-items {display: none;}
.flex-caption .flex-content h1 {font-size: 14px;}
.flex-caption .flex-content h3 p{font-size: 12px;}
.flex-caption .flex-content a.btn {display: none;}
.flex-content.container_12 .grid_8, .flex-content.container_12 .grid_4 {margin: 0 20px;}
.donate-boxselect select {margin-bottom: 20px;}
.donate-box .buttonsx.donate {width: 260px;}
.widget_wplook_events_widget {margin-bottom: 40px;}
.header-links .make-donation a {width: 99%; margin-top: 20px; padding: 12px 0;}
.header-links .make-donation {float: none;}
#owl-sponsors { width: 300px; margin-left: 20px; }
.sponsors .item{ margin-right: 20px; }
.sponsor-title-nav { width: 280px; margin-left: 20px;}
.footer-navigation ul {text-align: left; margin-top: 20px;}
.footer-navigation ul li a {margin-left: 0px; margin-right: 20px;}
.tabs_table .tabs { padding: 0 !important; }
.widget_wplook_events_widget .event-item .fleft { width: 100%; float: none; }
.widget_wplook_events_widget .event-item .fleft.event-info { text-align: center; margin-top: 20px; }
.widget_wplook_events_widget .event-item .fleft.event-day-month { margin: 0 auto; }
.widget_wplook_events_widget .past-cal { background: none; border: none; }
.widget_wplook_events_widget .past-ev, .widget_wplook_events_widget .calendar-ev { border-top: 1px solid #d9d9d9; width: 100%; }
.make-donation-box { padding-top: 10px; padding-bottom: 20px; }
}
@media (max-width: 320px) {
div.menu.stuckMenu.isStuck { 
position: relative!important; top: none;
-webkit-animation-name: none!important;
-moz-animation-name: none!important;
-o-animation-name: none!important;
animation-name: none!important;
animation-delay: none!important; -moz-animation-delay: none!important; -webkit-animation-delay: none!important; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:none!important;
-moz-animation-duration:none!important;
-ms-animation-duration:none!important;
-o-animation-duration:none!important;
animation-duration:none!important;
}
div.teaser {margin-top: 0!important;} .header-links .make-donation a {width: 99%; margin-top: 20px; padding: 12px 0;}
.header-links .make-donation {float: none; width: 100%;}
#masthead .page-header img {display: none;}
#masthead .header-bg {background: none;}
.page-header {min-height: 100px; margin-top: 20px}
.branding {text-align: center; }
.container_12 .grid_4.branding {margin-bottom: 0px;}
.share-items {display: none;}
.flex-caption .flex-content h1 {font-size: 20px;}
.flex-caption .flex-content h3 {font-size: 14px;}
.flex-caption .flex-content a.btn {display: none;}
.flex-content.container_12 .grid_8, .flex-content.container_12 .grid_4 {margin: 0 20px;}
.menu-language-menu-container {float: left;}
article.item {width: 240px; }
.homepage-widget-area {margin-left: 0px;}
.homepage-widget-area .grid_3 article.item,
.homepage-widget-area .grid_6 article.item,
.homepage-widget-area .grid_9 article.item,
.homepage-widget-area .grid_12 article.item {margin-bottom: 40px!important;}
.widget-title span {display: none;}
.teaser .flex-caption {position: relative; margin: 20px 0; width: 100%;}
.flex-direction-nav {display: none;}
.widget_wplook_events_widget {margin-bottom: 40px;}
blockquote p {font-size: 16px}
.header-links .make-donation {float: left; margin-top: 20px;}
.tabs_table .tabs li span {display: none;}
.tabs_table .tabs li a { padding-left: 25px;}
#owl-sponsors { width: 260px; margin-left: 20px; }
.sponsors .item{ margin-right: 20px; }
.sponsor-title-nav { width: 240px; margin-left: 20px;}
.footer-navigation ul {text-align: left; margin-top: 20px;}
.footer-navigation ul li a {margin-left: 0px; margin-right: 20px;}
.tabs_table .tabs { padding: 0 !important; }
.widget_wplook_events_widget .event-item .fleft { width: 100%; float: none; }
.widget_wplook_events_widget .event-item .fleft.event-info { text-align: center; margin-top: 20px; }
.widget_wplook_events_widget .event-item .fleft.event-day-month { margin: 0 auto; }
.widget_wplook_events_widget .past-cal { background: none; border: none; }
.widget_wplook_events_widget .past-ev, .widget_wplook_events_widget .calendar-ev { border-top: 1px solid #d9d9d9; width: 100%; }
.make-donation-box { padding-top: 10px; padding-bottom: 20px; }
}  .woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {
margin-bottom: 0;
}
.woocommerce ul.products li.product a.button.add_to_cart_button {
margin: 20px 0;
}
.woocommerce .products .star-rating, .woocommerce-page .products .star-rating {
margin: 0;
display: inline-block;
}
.woocommerce .products .star-rating-container, .woocommerce-page .products .star-rating-container {
text-align: center;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
font-size: 12px;
text-decoration: none;
background: white;
color: #3465aa;
padding: 4px 10px 5px 10px;
border: 1px solid #3465aa;
border-radius: 0;
font-family: 'Source Sans Pro', sans-serif;
padding: 8px 13px 8px 13px;
font-size: 14px;
}
.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
background: #3465aa;
color: white;
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-ms-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-duration: 0.3s;
-moz-animation-duration: 0.3s;
-ms-animation-duration: 0.3s;
-o-animation-duration: 0.3s;
animation-duration: 0.3s;
}
.woocommerce .quantity .qty {
padding: 6px 13px 5px 13px;
margin: 0;
}
.woocommerce #reviews #comments ol.commentlist .description {
margin: 0 0 1em;
}
.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: 160px;
}
.select2-container .select2-choice {
border-radius: 0;
}
.woocommerce form .form-row {
padding: 0;
margin: 6px 0;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #3F7ED6;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-range {
background-color: #3465aa;
}@font-face {
font-family: 'icomoon';
src:url(//cofpi.org.np/wp-content/themes/cofpi/css/icomoon/fonts/icomoon.eot?7eub1a);
src:url(//cofpi.org.np/wp-content/themes/cofpi/css/icomoon/fonts/icomoon.eot?#iefix7eub1a) format('embedded-opentype'),
url(//cofpi.org.np/wp-content/themes/cofpi/css/icomoon/fonts/icomoon.woff?7eub1a) format('woff'),
url(//cofpi.org.np/wp-content/themes/cofpi/css/icomoon/fonts/icomoon.ttf?7eub1a) format('truetype'),
url(//cofpi.org.np/wp-content/themes/cofpi/css/icomoon/fonts/icomoon.svg?7eub1a#icomoon) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-IcoMoon:before {
content: "\e7c2";
}
.icon-home:before {
content: "\e600";
}
.icon-home2:before {
content: "\e601";
}
.icon-home3:before {
content: "\e602";
}
.icon-music:before {
content: "\e610";
}
.icon-headphones:before {
content: "\e611";
}
.icon-play:before {
content: "\e612";
}
.icon-books:before {
content: "\e620";
}
.icon-library:before {
content: "\e621";
}
.icon-file:before {
content: "\e622";
}
.icon-tag:before {
content: "\e630";
}
.icon-tags:before {
content: "\e631";
}
.icon-barcode:before {
content: "\e632";
}
.icon-envelope:before {
content: "\e640";
}
.icon-pushpin:before {
content: "\e641";
}
.icon-location:before {
content: "\e642";
}
.icon-print:before {
content: "\e650";
}
.icon-keyboard:before {
content: "\e651";
}
.icon-screen:before {
content: "\e652";
}
.icon-disk:before {
content: "\e660";
}
.icon-storage:before {
content: "\e661";
}
.icon-undo:before {
content: "\e662";
}
.icon-user:before {
content: "\e670";
}
.icon-users:before {
content: "\e671";
}
.icon-user2:before {
content: "\e672";
}
.icon-zoomin:before {
content: "\e680";
}
.icon-zoomout:before {
content: "\e681";
}
.icon-expand:before {
content: "\e682";
}
.icon-cog2:before {
content: "\e690";
}
.icon-hammer:before {
content: "\e691";
}
.icon-wand:before {
content: "\e692";
}
.icon-meter:before {
content: "\e6a0";
}
.icon-meter2:before {
content: "\e6a1";
}
.icon-dashboard:before {
content: "\e6a2";
}
.icon-lightning:before {
content: "\e6b0";
}
.icon-switch:before {
content: "\e6b1";
}
.icon-powercord:before {
content: "\e6b2";
}
.icon-upload3:before {
content: "\e6c0";
}
.icon-globe:before {
content: "\e6c1";
}
.icon-earth:before {
content: "\e6c2";
}
.icon-star3:before {
content: "\e6d0";
}
.icon-heart:before {
content: "\e6d1";
}
.icon-heart2:before {
content: "\e6d2";
}
.icon-grin:before {
content: "\e6e0";
}
.icon-grin2:before {
content: "\e6e1";
}
.icon-cool:before {
content: "\e6e2";
}
.icon-point-up:before {
content: "\e6f0";
}
.icon-point-right:before {
content: "\e6f1";
}
.icon-point-down:before {
content: "\e6f2";
}
.icon-spell-check:before {
content: "\e700";
}
.icon-minus:before {
content: "\e701";
}
.icon-plus:before {
content: "\e702";
}
.icon-last:before {
content: "\e710";
}
.icon-previous:before {
content: "\e711";
}
.icon-next:before {
content: "\e712";
}
.icon-arrow-up:before {
content: "\e720";
}
.icon-arrow-up-right:before {
content: "\e721";
}
.icon-arrow-right:before {
content: "\e722";
}
.icon-arrow-up3:before {
content: "\e730";
}
.icon-arrow-up-right3:before {
content: "\e731";
}
.icon-arrow-right3:before {
content: "\e732";
}
.icon-filter2:before {
content: "\e740";
}
.icon-font:before {
content: "\e741";
}
.icon-text-height:before {
content: "\e742";
}
.icon-paragraph-left:before {
content: "\e750";
}
.icon-paragraph-center:before {
content: "\e751";
}
.icon-paragraph-right:before {
content: "\e752";
}
.icon-mail2:before {
content: "\e760";
}
.icon-mail3:before {
content: "\e761";
}
.icon-mail4:before {
content: "\e762";
}
.icon-feed2:before {
content: "\e770";
}
.icon-feed3:before {
content: "\e771";
}
.icon-feed4:before {
content: "\e772";
}
.icon-dribbble2:before {
content: "\e780";
}
.icon-dribbble3:before {
content: "\e781";
}
.icon-forrst:before {
content: "\e782";
}
.icon-blogger:before {
content: "\e790";
}
.icon-blogger2:before {
content: "\e791";
}
.icon-tumblr:before {
content: "\e792";
}
.icon-lastfm:before {
content: "\e7a0";
}
.icon-lastfm2:before {
content: "\e7a1";
}
.icon-delicious:before {
content: "\e7a2";
}
.icon-yelp:before {
content: "\e7b0";
}
.icon-libreoffice:before {
content: "\e7b1";
}
.icon-file-pdf:before {
content: "\e7b2";
}
.icon-opera:before {
content: "\e7c0";
}
.icon-safari:before {
content: "\e7c1";
}
.icon-office:before {
content: "\e603";
}
.icon-newspaper:before {
content: "\e604";
}
.icon-pencil:before {
content: "\e605";
}
.icon-pencil2:before {
content: "\e606";
}
.icon-quill:before {
content: "\e607";
}
.icon-pen:before {
content: "\e608";
}
.icon-blog:before {
content: "\e609";
}
.icon-droplet:before {
content: "\e60a";
}
.icon-paint-format:before {
content: "\e60b";
}
.icon-image:before {
content: "\e60c";
}
.icon-image2:before {
content: "\e60d";
}
.icon-images:before {
content: "\e60e";
}
.icon-camera:before {
content: "\e60f";
}
.icon-film:before {
content: "\e613";
}
.icon-camera2:before {
content: "\e614";
}
.icon-dice:before {
content: "\e615";
}
.icon-pacman:before {
content: "\e616";
}
.icon-spades:before {
content: "\e617";
}
.icon-clubs:before {
content: "\e618";
}
.icon-diamonds:before {
content: "\e619";
}
.icon-pawn:before {
content: "\e61a";
}
.icon-bullhorn:before {
content: "\e61b";
}
.icon-connection:before {
content: "\e61c";
}
.icon-podcast:before {
content: "\e61d";
}
.icon-feed:before {
content: "\e61e";
}
.icon-book:before {
content: "\e61f";
}
.icon-profile:before {
content: "\e623";
}
.icon-file2:before {
content: "\e624";
}
.icon-file3:before {
content: "\e625";
}
.icon-file4:before {
content: "\e626";
}
.icon-copy:before {
content: "\e627";
}
.icon-copy2:before {
content: "\e628";
}
.icon-copy3:before {
content: "\e629";
}
.icon-paste:before {
content: "\e62a";
}
.icon-paste2:before {
content: "\e62b";
}
.icon-paste3:before {
content: "\e62c";
}
.icon-stack:before {
content: "\e62d";
}
.icon-folder:before {
content: "\e62e";
}
.icon-folder-open:before {
content: "\e62f";
}
.icon-qrcode:before {
content: "\e633";
}
.icon-ticket:before {
content: "\e634";
}
.icon-cart:before {
content: "\e635";
}
.icon-cart2:before {
content: "\e636";
}
.icon-cart3:before {
content: "\e637";
}
.icon-coin:before {
content: "\e638";
}
.icon-credit:before {
content: "\e639";
}
.icon-calculate:before {
content: "\e63a";
}
.icon-support:before {
content: "\e63b";
}
.icon-phone:before {
content: "\e63c";
}
.icon-phone-hang-up:before {
content: "\e63d";
}
.icon-address-book:before {
content: "\e63e";
}
.icon-notebook:before {
content: "\e63f";
}
.icon-location2:before {
content: "\e643";
}
.icon-compass:before {
content: "\e644";
}
.icon-map:before {
content: "\e645";
}
.icon-map2:before {
content: "\e646";
}
.icon-history:before {
content: "\e647";
}
.icon-clock:before {
content: "\e648";
}
.icon-clock2:before {
content: "\e649";
}
.icon-alarm:before {
content: "\e64a";
}
.icon-alarm2:before {
content: "\e64b";
}
.icon-bell:before {
content: "\e64c";
}
.icon-stopwatch:before {
content: "\e64d";
}
.icon-calendar:before {
content: "\e64e";
}
.icon-calendar2:before {
content: "\e64f";
}
.icon-laptop:before {
content: "\e653";
}
.icon-mobile:before {
content: "\e654";
}
.icon-mobile2:before {
content: "\e655";
}
.icon-tablet:before {
content: "\e656";
}
.icon-tv:before {
content: "\e657";
}
.icon-cabinet:before {
content: "\e658";
}
.icon-drawer:before {
content: "\e659";
}
.icon-drawer2:before {
content: "\e65a";
}
.icon-drawer3:before {
content: "\e65b";
}
.icon-box-add:before {
content: "\e65c";
}
.icon-box-remove:before {
content: "\e65d";
}
.icon-download:before {
content: "\e65e";
}
.icon-upload:before {
content: "\e65f";
}
.icon-redo:before {
content: "\e663";
}
.icon-flip:before {
content: "\e664";
}
.icon-flip2:before {
content: "\e665";
}
.icon-undo2:before {
content: "\e666";
}
.icon-redo2:before {
content: "\e667";
}
.icon-forward:before {
content: "\e668";
}
.icon-reply:before {
content: "\e669";
}
.icon-bubble:before {
content: "\e66a";
}
.icon-bubbles:before {
content: "\e66b";
}
.icon-bubbles2:before {
content: "\e66c";
}
.icon-bubble2:before {
content: "\e66d";
}
.icon-bubbles3:before {
content: "\e66e";
}
.icon-bubbles4:before {
content: "\e66f";
}
.icon-users2:before {
content: "\e673";
}
.icon-user3:before {
content: "\e674";
}
.icon-user4:before {
content: "\e675";
}
.icon-quotes-left:before {
content: "\e676";
}
.icon-busy:before {
content: "\e677";
}
.icon-spinner:before {
content: "\e678";
}
.icon-spinner2:before {
content: "\e679";
}
.icon-spinner3:before {
content: "\e67a";
}
.icon-spinner4:before {
content: "\e67b";
}
.icon-spinner5:before {
content: "\e67c";
}
.icon-spinner6:before {
content: "\e67d";
}
.icon-binoculars:before {
content: "\e67e";
}
.icon-search:before {
content: "\e67f";
}
.icon-contract:before {
content: "\e683";
}
.icon-expand2:before {
content: "\e684";
}
.icon-contract2:before {
content: "\e685";
}
.icon-key:before {
content: "\e686";
}
.icon-key2:before {
content: "\e687";
}
.icon-lock:before {
content: "\e688";
}
.icon-lock2:before {
content: "\e689";
}
.icon-unlocked:before {
content: "\e68a";
}
.icon-wrench:before {
content: "\e68b";
}
.icon-settings:before {
content: "\e68c";
}
.icon-equalizer:before {
content: "\e68d";
}
.icon-cog:before {
content: "\e68e";
}
.icon-cogs:before {
content: "\e68f";
}
.icon-aid:before {
content: "\e693";
}
.icon-bug:before {
content: "\e694";
}
.icon-pie:before {
content: "\e695";
}
.icon-stats:before {
content: "\e696";
}
.icon-bars:before {
content: "\e697";
}
.icon-bars2:before {
content: "\e698";
}
.icon-gift:before {
content: "\e699";
}
.icon-trophy:before {
content: "\e69a";
}
.icon-glass:before {
content: "\e69b";
}
.icon-mug:before {
content: "\e69c";
}
.icon-food:before {
content: "\e69d";
}
.icon-leaf:before {
content: "\e69e";
}
.icon-rocket:before {
content: "\e69f";
}
.icon-hammer2:before {
content: "\e6a3";
}
.icon-fire:before {
content: "\e6a4";
}
.icon-lab:before {
content: "\e6a5";
}
.icon-magnet:before {
content: "\e6a6";
}
.icon-remove:before {
content: "\e6a7";
}
.icon-remove2:before {
content: "\e6a8";
}
.icon-briefcase:before {
content: "\e6a9";
}
.icon-airplane:before {
content: "\e6aa";
}
.icon-truck:before {
content: "\e6ab";
}
.icon-road:before {
content: "\e6ac";
}
.icon-accessibility:before {
content: "\e6ad";
}
.icon-target:before {
content: "\e6ae";
}
.icon-shield:before {
content: "\e6af";
}
.icon-signup:before {
content: "\e6b3";
}
.icon-list:before {
content: "\e6b4";
}
.icon-list2:before {
content: "\e6b5";
}
.icon-numbered-list:before {
content: "\e6b6";
}
.icon-menu:before {
content: "\e6b7";
}
.icon-menu2:before {
content: "\e6b8";
}
.icon-tree:before {
content: "\e6b9";
}
.icon-cloud:before {
content: "\e6ba";
}
.icon-cloud-download:before {
content: "\e6bb";
}
.icon-cloud-upload:before {
content: "\e6bc";
}
.icon-download2:before {
content: "\e6bd";
}
.icon-upload2:before {
content: "\e6be";
}
.icon-download3:before {
content: "\e6bf";
}
.icon-link:before {
content: "\e6c3";
}
.icon-flag:before {
content: "\e6c4";
}
.icon-attachment:before {
content: "\e6c5";
}
.icon-eye:before {
content: "\e6c6";
}
.icon-eye-blocked:before {
content: "\e6c7";
}
.icon-eye2:before {
content: "\e6c8";
}
.icon-bookmark:before {
content: "\e6c9";
}
.icon-bookmarks:before {
content: "\e6ca";
}
.icon-brightness-medium:before {
content: "\e6cb";
}
.icon-brightness-contrast:before {
content: "\e6cc";
}
.icon-contrast:before {
content: "\e6cd";
}
.icon-star:before {
content: "\e6ce";
}
.icon-star2:before {
content: "\e6cf";
}
.icon-heart-broken:before {
content: "\e6d3";
}
.icon-thumbs-up:before {
content: "\e6d4";
}
.icon-thumbs-up2:before {
content: "\e6d5";
}
.icon-happy:before {
content: "\e6d6";
}
.icon-happy2:before {
content: "\e6d7";
}
.icon-smiley:before {
content: "\e6d8";
}
.icon-smiley2:before {
content: "\e6d9";
}
.icon-tongue:before {
content: "\e6da";
}
.icon-tongue2:before {
content: "\e6db";
}
.icon-sad:before {
content: "\e6dc";
}
.icon-sad2:before {
content: "\e6dd";
}
.icon-wink:before {
content: "\e6de";
}
.icon-wink2:before {
content: "\e6df";
}
.icon-cool2:before {
content: "\e6e3";
}
.icon-angry:before {
content: "\e6e4";
}
.icon-angry2:before {
content: "\e6e5";
}
.icon-evil:before {
content: "\e6e6";
}
.icon-evil2:before {
content: "\e6e7";
}
.icon-shocked:before {
content: "\e6e8";
}
.icon-shocked2:before {
content: "\e6e9";
}
.icon-confused:before {
content: "\e6ea";
}
.icon-confused2:before {
content: "\e6eb";
}
.icon-neutral:before {
content: "\e6ec";
}
.icon-neutral2:before {
content: "\e6ed";
}
.icon-wondering:before {
content: "\e6ee";
}
.icon-wondering2:before {
content: "\e6ef";
}
.icon-point-left:before {
content: "\e6f3";
}
.icon-warning:before {
content: "\e6f4";
}
.icon-notification:before {
content: "\e6f5";
}
.icon-question:before {
content: "\e6f6";
}
.icon-info:before {
content: "\e6f7";
}
.icon-info2:before {
content: "\e6f8";
}
.icon-blocked:before {
content: "\e6f9";
}
.icon-cancel-circle:before {
content: "\e6fa";
}
.icon-checkmark-circle:before {
content: "\e6fb";
}
.icon-spam:before {
content: "\e6fc";
}
.icon-close:before {
content: "\e6fd";
}
.icon-checkmark:before {
content: "\e6fe";
}
.icon-checkmark2:before {
content: "\e6ff";
}
.icon-enter:before {
content: "\e703";
}
.icon-exit:before {
content: "\e704";
}
.icon-play2:before {
content: "\e705";
}
.icon-pause:before {
content: "\e706";
}
.icon-stop:before {
content: "\e707";
}
.icon-backward:before {
content: "\e708";
}
.icon-forward2:before {
content: "\e709";
}
.icon-play3:before {
content: "\e70a";
}
.icon-pause2:before {
content: "\e70b";
}
.icon-stop2:before {
content: "\e70c";
}
.icon-backward2:before {
content: "\e70d";
}
.icon-forward3:before {
content: "\e70e";
}
.icon-first:before {
content: "\e70f";
}
.icon-eject:before {
content: "\e713";
}
.icon-volume-high:before {
content: "\e714";
}
.icon-volume-medium:before {
content: "\e715";
}
.icon-volume-low:before {
content: "\e716";
}
.icon-volume-mute:before {
content: "\e717";
}
.icon-volume-mute2:before {
content: "\e718";
}
.icon-volume-increase:before {
content: "\e719";
}
.icon-volume-decrease:before {
content: "\e71a";
}
.icon-loop:before {
content: "\e71b";
}
.icon-loop2:before {
content: "\e71c";
}
.icon-loop3:before {
content: "\e71d";
}
.icon-shuffle:before {
content: "\e71e";
}
.icon-arrow-up-left:before {
content: "\e71f";
}
.icon-arrow-down-right:before {
content: "\e723";
}
.icon-arrow-down:before {
content: "\e724";
}
.icon-arrow-down-left:before {
content: "\e725";
}
.icon-arrow-left:before {
content: "\e726";
}
.icon-arrow-up-left2:before {
content: "\e727";
}
.icon-arrow-up2:before {
content: "\e728";
}
.icon-arrow-up-right2:before {
content: "\e729";
}
.icon-arrow-right2:before {
content: "\e72a";
}
.icon-arrow-down-right2:before {
content: "\e72b";
}
.icon-arrow-down2:before {
content: "\e72c";
}
.icon-arrow-down-left2:before {
content: "\e72d";
}
.icon-arrow-left2:before {
content: "\e72e";
}
.icon-arrow-up-left3:before {
content: "\e72f";
}
.icon-arrow-down-right3:before {
content: "\e733";
}
.icon-arrow-down3:before {
content: "\e734";
}
.icon-arrow-down-left3:before {
content: "\e735";
}
.icon-arrow-left3:before {
content: "\e736";
}
.icon-tab:before {
content: "\e737";
}
.icon-checkbox-checked:before {
content: "\e738";
}
.icon-checkbox-unchecked:before {
content: "\e739";
}
.icon-checkbox-partial:before {
content: "\e73a";
}
.icon-radio-checked:before {
content: "\e73b";
}
.icon-radio-unchecked:before {
content: "\e73c";
}
.icon-crop:before {
content: "\e73d";
}
.icon-scissors:before {
content: "\e73e";
}
.icon-filter:before {
content: "\e73f";
}
.icon-text-width:before {
content: "\e743";
}
.icon-bold:before {
content: "\e744";
}
.icon-underline:before {
content: "\e745";
}
.icon-italic:before {
content: "\e746";
}
.icon-strikethrough:before {
content: "\e747";
}
.icon-omega:before {
content: "\e748";
}
.icon-sigma:before {
content: "\e749";
}
.icon-table:before {
content: "\e74a";
}
.icon-table2:before {
content: "\e74b";
}
.icon-insert-template:before {
content: "\e74c";
}
.icon-pilcrow:before {
content: "\e74d";
}
.icon-lefttoright:before {
content: "\e74e";
}
.icon-righttoleft:before {
content: "\e74f";
}
.icon-paragraph-justify:before {
content: "\e753";
}
.icon-paragraph-left2:before {
content: "\e754";
}
.icon-paragraph-center2:before {
content: "\e755";
}
.icon-paragraph-right2:before {
content: "\e756";
}
.icon-paragraph-justify2:before {
content: "\e757";
}
.icon-indent-increase:before {
content: "\e758";
}
.icon-indent-decrease:before {
content: "\e759";
}
.icon-newtab:before {
content: "\e75a";
}
.icon-embed:before {
content: "\e75b";
}
.icon-code:before {
content: "\e75c";
}
.icon-console:before {
content: "\e75d";
}
.icon-share:before {
content: "\e75e";
}
.icon-mail:before {
content: "\e75f";
}
.icon-google:before {
content: "\e763";
}
.icon-googleplus:before {
content: "\e764";
}
.icon-googleplus2:before {
content: "\e765";
}
.icon-googleplus3:before {
content: "\e766";
}
.icon-googleplus4:before {
content: "\e767";
}
.icon-google-drive:before {
content: "\e768";
}
.icon-facebook:before {
content: "\e769";
}
.icon-facebook2:before {
content: "\e76a";
}
.icon-facebook3:before {
content: "\e76b";
}
.icon-instagram:before {
content: "\e76c";
}
.icon-twitter:before {
content: "\e76d";
}
.icon-twitter2:before {
content: "\e76e";
}
.icon-twitter3:before {
content: "\e76f";
}
.icon-youtube:before {
content: "\e773";
}
.icon-youtube2:before {
content: "\e774";
}
.icon-vimeo:before {
content: "\e775";
}
.icon-vimeo2:before {
content: "\e776";
}
.icon-vimeo3:before {
content: "\e777";
}
.icon-lanyrd:before {
content: "\e778";
}
.icon-flickr:before {
content: "\e779";
}
.icon-flickr2:before {
content: "\e77a";
}
.icon-flickr3:before {
content: "\e77b";
}
.icon-flickr4:before {
content: "\e77c";
}
.icon-picassa:before {
content: "\e77d";
}
.icon-picassa2:before {
content: "\e77e";
}
.icon-dribbble:before {
content: "\e77f";
}
.icon-forrst2:before {
content: "\e783";
}
.icon-deviantart:before {
content: "\e784";
}
.icon-deviantart2:before {
content: "\e785";
}
.icon-steam:before {
content: "\e786";
}
.icon-steam2:before {
content: "\e787";
}
.icon-github:before {
content: "\e788";
}
.icon-github2:before {
content: "\e789";
}
.icon-github3:before {
content: "\e78a";
}
.icon-github4:before {
content: "\e78b";
}
.icon-github5:before {
content: "\e78c";
}
.icon-wordpress:before {
content: "\e78d";
}
.icon-wordpress2:before {
content: "\e78e";
}
.icon-joomla:before {
content: "\e78f";
}
.icon-tumblr2:before {
content: "\e793";
}
.icon-yahoo:before {
content: "\e794";
}
.icon-tux:before {
content: "\e795";
}
.icon-apple:before {
content: "\e796";
}
.icon-finder:before {
content: "\e797";
}
.icon-android:before {
content: "\e798";
}
.icon-windows:before {
content: "\e799";
}
.icon-windows8:before {
content: "\e79a";
}
.icon-soundcloud:before {
content: "\e79b";
}
.icon-soundcloud2:before {
content: "\e79c";
}
.icon-skype:before {
content: "\e79d";
}
.icon-reddit:before {
content: "\e79e";
}
.icon-linkedin:before {
content: "\e79f";
}
.icon-stumbleupon:before {
content: "\e7a3";
}
.icon-stumbleupon2:before {
content: "\e7a4";
}
.icon-stackoverflow:before {
content: "\e7a5";
}
.icon-pinterest:before {
content: "\e7a6";
}
.icon-pinterest2:before {
content: "\e7a7";
}
.icon-xing:before {
content: "\e7a8";
}
.icon-xing2:before {
content: "\e7a9";
}
.icon-flattr:before {
content: "\e7aa";
}
.icon-foursquare:before {
content: "\e7ab";
}
.icon-foursquare2:before {
content: "\e7ac";
}
.icon-paypal:before {
content: "\e7ad";
}
.icon-paypal2:before {
content: "\e7ae";
}
.icon-paypal3:before {
content: "\e7af";
}
.icon-file-openoffice:before {
content: "\e7b3";
}
.icon-file-word:before {
content: "\e7b4";
}
.icon-file-excel:before {
content: "\e7b5";
}
.icon-file-zip:before {
content: "\e7b6";
}
.icon-file-powerpoint:before {
content: "\e7b7";
}
.icon-file-xml:before {
content: "\e7b8";
}
.icon-file-css:before {
content: "\e7b9";
}
.icon-html5:before {
content: "\e7ba";
}
.icon-html52:before {
content: "\e7bb";
}
.icon-css3:before {
content: "\e7bc";
}
.icon-chrome:before {
content: "\e7bd";
}
.icon-firefox:before {
content: "\e7be";
}
.icon-IE:before {
content: "\e7bf";
}
.icon-angle-left:before {
content: "\f104";
}
.icon-angle-right:before {
content: "\f105";
}
.icon-ellipsis-h:before {
content: "\f141";
}.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} .flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}  .no-js .slides > li:first-child {display: block;} .flexslider { margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; } .flex-direction-nav {*height: 0;}
.flex-direction-nav a  { text-decoration:none; display: block; width: 40px; height: 40px; margin: -20px 0 0; position: absolute; top: 50%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8); text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: 0px; }
.flex-direction-nav .flex-next { right: 0px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "icomoon"; font-size: 40px; display: inline-block; content: '\f104'; }
.flex-direction-nav a.flex-next:before  { content: '\f105'; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "icomoon"; font-size: 20px; display: inline-block; content: '\f104'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f105'; } .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}  .flexslider {
border: 0px solid #fff;
-webkit-border-radius: 0px; 
-moz-border-radius: 0px; 
-o-border-radius: 0px; 
border-radius: 0px;
position: relative;
margin-bottom: 0px;
}
.flexslider .slider-title {
font-size: 30px;
margin-top: 20px;
font-weight: 600;
margin-bottom: 20px;
}
.flexslider .slider-desc p{
font-size: 18px;
margin-top: -10px;
font-weight: 400;
}
.flex-caption {
position: absolute;
bottom: 0px;
overflow: hidden;
}
.flex-content {
background:rgba(0,0,0,.8);
color: #fff;
}
.btn-space {
float: right;
}
.teaser .flex-control-nav {
display: none;
}
.flex-prev, .flex-next {
background: #fff;
font-size: 15px;
}
.flex-direction-nav a::before{
font-size: 37px;
text-align: center;
margin: 0 13px;
}
.flex-direction-nav li{
background: #fff;
}
.flex-active-slide .flex-content {
-moz-animation: fadeInUp 5s;
-webkit-animation: fadeInUp 5s;
animation: fadeInUp 5s;
animation-delay: 0.75s; -moz-animation-delay: 0.75s; -webkit-animation-delay: 0.75s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:2s;
-moz-animation-duration:2s;
-ms-animation-duration:2s;
-o-animation-duration:2s;
animation-duration:2s;
overflow: hidden;
}
.teaser .flex-caption{
width: 100%;
}
.flexslider.loading {
min-height: 600px;
background: #fff url(//cofpi.org.np/wp-content/themes/cofpi/images/ajax-loader.gif) no-repeat 50% 50%;
}
.flex-caption a.btn{
background: transparent;
padding: 12px 20px;
display: block;
text-align: center;
text-decoration: none;
width: 160px;
color: #fff;
margin-top: 30px;
font-size: 18px;
border: 2px solid #fff;
margin-bottom: 32px;
-webkit-animation-name: bounceIn;
-moz-animation-name: bounceIn;
-o-animation-name: bounceIn;
animation-name: bounceIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
a.btn:hover{
background: #fff;
color: #f29120;
-webkit-animation-name: fadeIn;
-moz-animation-name: fadeIn;
-o-animation-name: fadeIn;
animation-name: fadeIn;
animation-delay: 0.1s; -moz-animation-delay: 0.1s; -webkit-animation-delay: 0.1s; -webkit-animation-fill-mode:both;
-moz-animation-fill-mode:both;
-ms-animation-fill-mode:both;
-o-animation-fill-mode:both;
animation-fill-mode:both;
-webkit-animation-duration:0.5s;
-moz-animation-duration:0.5s;
-ms-animation-duration:0.5s;
-o-animation-duration:0.5s;
animation-duration:0.5s;
}
.no-slider {
background: #d1d1d1;
height: 1px;
} .flexslider-gallery.loading {
min-height: 600px;
background: #fff url(//cofpi.org.np/wp-content/themes/cofpi/images/ajax-loader.gif) no-repeat 50% 50%;
}
.flexslider-gallery { 
margin: 0 0 0px 0; 
padding: 0;
position: relative;
}
.flexslider-gallery .slides > li {
display: none; 
-webkit-backface-visibility: hidden; 
position: relative;
} .flexslider-gallery .slides img {
width: 100%;
height: auto;
display: block;
}
.flexslider-gallery {margin: 0; padding: 0;}
.flexslider-gallery .slides > li {display: none; -webkit-backface-visibility: hidden;} .flexslider-gallery .slides img {width: 100%; display: block;}
.flexslider-gallery .flex-prev, .flexslider-gallery .flex-next {
font-size: 15px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.flexslider-gallery .flex-direction-nav a {width: 40px; height: 35px; padding: 0px; padding-top: 8px;}
.flexslider-gallery:hover .flex-next:hover, .flexslider-gallery:hover .flex-prev:hover { opacity: 1; }
.flexslider-gallery:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider-gallery:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider-gallery .slides { zoom: 1; }
.flexslider-gallery .flex-control-nav { position: relative; bottom: -10px}
.gallery-caption { background:rgba(0,0,0,.8); color: #fff; position: absolute; bottom: 0px; width: 100%; }
.caption-margins { padding: 10px; } .gallery-image-box .flexslider-gallery .flex-direction-nav a { width: 40px; height: 35px; padding: 0 0 7px 0; }
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
.flex-direction-nav .flex-next { opacity: 1; right: 10px;}
.flexslider-gallery.loading { min-height: 250px; }
}.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;
}
.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(//cofpi.org.np/wp-content/themes/cofpi/css/owl-carousel/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-theme .owl-controls{
margin-top: 10px;
text-align: center;
} .owl-theme .owl-controls .owl-buttons div{
color: #FFF;
display: inline-block;
zoom: 1;
*display: inline; margin: 5px;
padding: 3px 10px;
font-size: 12px;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
background: #869791;
filter: Alpha(Opacity=50); opacity: 0.5;
}  .owl-theme .owl-controls.clickable .owl-buttons div:hover{
filter: Alpha(Opacity=100); opacity: 1;
text-decoration: none;
} .owl-theme .owl-controls .owl-page{
display: inline-block;
zoom: 1;
*display: inline; }
.owl-theme .owl-controls .owl-page span{
display: block;
width: 12px;
height: 12px;
margin: 5px 7px;
filter: Alpha(Opacity=50); opacity: 0.5;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #869791;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
filter: Alpha(Opacity=100); opacity: 1;
} .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;
border-radius: 30px;
} .owl-item.loading{
min-height: 150px;
background: url(//cofpi.org.np/wp-content/themes/cofpi/css/owl-carousel/AjaxLoader.gif) no-repeat center center
}.container_12 {
margin: 0px auto;
width: 1240px;
} .grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
display:inline;
float: left;
position: relative;
margin-left: 20px;
margin-right: 20px;
}
.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
position:relative;
} .alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
.mb {margin-bottom: 40px; }
.ml-half{margin-left: 20px;}
.ml { margin-left: 40px; }
.ml2 { margin-left: 60px; }
.no-ml {
margin-left: 0;
}
.no-mr {
margin-right: 0;
}
.no-mb{
margin-bottom: 0;
}
.no-mt{
margin-top: 0;
} .container_12 .grid_1 {
width:60px;
}
.container_12 .grid_2 {
width:160px;
}
.container_12 .grid_3 {
width:260px;
}
.container_12 .grid_4 {
width:360px;
}
.container_12 .grid_5 {
width:460px;
}
.container_12 .grid_6 {
width:560px;
}
.container_12 .grid_7 {
width:660px;
}
.container_12 .grid_8 {
width:760px;
}
.container_12 .grid_9 {
width:860px;
}
.container_12 .grid_10 {
width:960px;
}
.container_12 .grid_11 {
width:1060px;
}
.container_12 .grid_12 {
width:1160px;
}
.container_12 .grid_12.ms {
width:1200px;
}
.container_12 .grid_9.ms {
width:900px;
}
.container_12 .grid_6.ms {
width:600px;
}
.ms {margin-right: 0px;} .container_12 .prefix_1 {
padding-left:100px;
}
.container_12 .prefix_2 {
padding-left:200px;
}
.container_12 .prefix_3 {
padding-left:300px;
}
.container_12 .prefix_4 {
padding-left:400px;
}
.container_12 .prefix_5 {
padding-left:500px;
}
.container_12 .prefix_6 {
padding-left:600px;
}
.container_12 .prefix_7 {
padding-left:700px;
}
.container_12 .prefix_8 {
padding-left:800px;
}
.container_12 .prefix_9 {
padding-left:900px;
}
.container_12 .prefix_10 {
padding-left:1000px;
}
.container_12 .prefix_11 {
padding-left:1100px;
} .container_12 .suffix_1 {
padding-right:100px;
}
.container_12 .suffix_2 {
padding-right:200px;
}
.container_12 .suffix_3 {
padding-right:300px;
}
.container_12 .suffix_4 {
padding-right:400px;
}
.container_12 .suffix_5 {
padding-right:500px;
}
.container_12 .suffix_6 {
padding-right:600px;
}
.container_12 .suffix_7 {
padding-right:700px;
}
.container_12 .suffix_8 {
padding-right:800px;
}
.container_12 .suffix_9 {
padding-right:900px;
}
.container_12 .suffix_10 {
padding-right:1000px;
}
.container_12 .suffix_11 {
padding-right:1100px;
} .container_12 .push_1 {
left:100px;
}
.container_12 .push_2 {
left:200px;
}
.container_12 .push_3 {
left:300px;
}
.container_12 .push_4 {
left:400px;
}
.container_12 .push_5 {
left:500px;
}
.container_12 .push_6 {
left:600px;
}
.container_12 .push_7 {
left:700px;
}
.container_12 .push_8 {
left:800px;
}
.container_12 .push_9 {
left:900px;
}
.container_12 .push_10 {
left:1000px;
}
.container_12 .push_11 {
left:1100px;
} .container_12 .pull_1 {
left:-100px;
}
.container_12 .pull_2 {
left:-200px;
}
.container_12 .pull_3 {
left:-300px;
}
.container_12 .pull_4 {
left:-400px;
}
.container_12 .pull_5 {
left:-500px;
}
.container_12 .pull_6 {
left:-600px;
}
.container_12 .pull_7 {
left:-700px;
}
.container_12 .pull_8 {
left:-800px;
}
.container_12 .pull_9 {
left:-900px;
}
.container_12 .pull_10 {
left:-1000px;
}
.container_12 .pull_11 {
left:-1100px;
} .clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:before,
.clearfix:after {
content: '\0020';
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}   @-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);}
} @-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);}
} @-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); }
} @-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%); }
} @-webkit-keyframes wiggle {
0% { -webkit-transform: skewX(9deg); }
10% { -webkit-transform: skewX(-8deg); }
20% { -webkit-transform: skewX(7deg); }
30% { -webkit-transform: skewX(-6deg); }
40% { -webkit-transform: skewX(5deg); }
50% { -webkit-transform: skewX(-4deg); }
60% { -webkit-transform: skewX(3deg); }
70% { -webkit-transform: skewX(-2deg); }
80% { -webkit-transform: skewX(1deg); }
90% { -webkit-transform: skewX(0deg); }
100% { -webkit-transform: skewX(0deg); }
}
@-moz-keyframes wiggle {
0% { -moz-transform: skewX(9deg); }
10% { -moz-transform: skewX(-8deg); }
20% { -moz-transform: skewX(7deg); }
30% { -moz-transform: skewX(-6deg); }
40% { -moz-transform: skewX(5deg); }
50% { -moz-transform: skewX(-4deg); }
60% { -moz-transform: skewX(3deg); }
70% { -moz-transform: skewX(-2deg); }
80% { -moz-transform: skewX(1deg); }
90% { -moz-transform: skewX(0deg); }
100% { -moz-transform: skewX(0deg); }
}
@-o-keyframes wiggle {
0% { -o-transform: skewX(9deg); }
10% { -o-transform: skewX(-8deg); }
20% { -o-transform: skewX(7deg); }
30% { -o-transform: skewX(-6deg); }
40% { -o-transform: skewX(5deg); }
50% { -o-transform: skewX(-4deg); }
60% { -o-transform: skewX(3deg); }
70% { -o-transform: skewX(-2deg); }
80% { -o-transform: skewX(1deg); }
90% { -o-transform: skewX(0deg); }
100% { -o-transform: skewX(0deg); }
}
@keyframes wiggle {
0% { transform: skewX(9deg); }
10% { transform: skewX(-8deg); }
20% { transform: skewX(7deg); }
30% { transform: skewX(-6deg); }
40% { transform: skewX(5deg); }
50% { transform: skewX(-4deg); }
60% { transform: skewX(3deg); }
70% { transform: skewX(-2deg); }
80% { transform: skewX(1deg); }
90% { transform: skewX(0deg); }
100% { transform: skewX(0deg); }
} @-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); }
} @-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotateY(0);
-webkit-animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-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) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px) scale(1);
-webkit-animation-timing-function: ease-in;
}
}
@-moz-keyframes flip {
0% {
-moz-transform: perspective(400px) rotateY(0);
-moz-animation-timing-function: ease-out;
}
40% {
-moz-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-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) rotateY(360deg) scale(.95);
-moz-animation-timing-function: ease-in;
}
100% {
-moz-transform: perspective(400px) scale(1);
-moz-animation-timing-function: ease-in;
}
}
@-o-keyframes flip {
0% {
-o-transform: perspective(400px) rotateY(0);
-o-animation-timing-function: ease-out;
}
40% {
-o-transform: perspective(400px) translateZ(150px) rotateY(170deg);
-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) rotateY(360deg) scale(.95);
-o-animation-timing-function: ease-in;
}
100% {
-o-transform: perspective(400px) scale(1);
-o-animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
transform: perspective(400px) rotateY(0);
animation-timing-function: ease-out;
}
40% {
transform: perspective(400px) translateZ(150px) rotateY(170deg);
animation-timing-function: ease-out;
}
50% {
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
animation-timing-function: ease-in;
}
80% {
transform: perspective(400px) rotateY(360deg) scale(.95);
animation-timing-function: ease-in;
}
100% {
transform: perspective(400px) scale(1);
animation-timing-function: ease-in;
}
} @-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;
}
} @-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;
}
} @-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;
}
} @-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;
}
} @-webkit-keyframes fadeIn {
0% {opacity: 0.2;}	
100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
0% {opacity: 0.2;}	
100% {opacity: 1;}
}
@-o-keyframes fadeIn {
0% {opacity: 0.2;}	
100% {opacity: 1;}
}
@keyframes fadeIn {
0% {opacity: 0.2;}	
100% {opacity: 1;}
} @-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);
}
} @-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);
}
} @-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);
}
} @-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);
}
} @-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);
}
} @-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);
}
} @-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);
}
} @-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);
}
} @-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;}
} @-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);
}
} @-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);
}
} @-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);
}
} @-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);
}
} @-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);
}
} @-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);
}
} @-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);
}
} @-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);
}
}
@-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);
}
} @-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);
}
} @-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);
}
} @-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);
}
} @-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);
}
} @-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);
}	
} @-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);
}
} @-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);
}
} @-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);
}
} @-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);
}
} @-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;
}
} @-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;
}
} @-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;
}
} @-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;
}
} @-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;
}
} @-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;
}
} @-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;
}
} @-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;
}
} @-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;
}
} @-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;
}
} @-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; }
} @-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; }
} @-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; }
} @-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); }
} @-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);
}
} @media only screen and (min-width: 962px) and (max-width: 1240px) {
.container_12 { width: 960px;}
.ml, .ml2 { margin-left: 20px;}
.container_12 .grid_1 { width:40px; }
.container_12 .grid_2 { width:120px; }
.container_12 .grid_3 { width:220px; }
.container_12 .grid_4 { width:280px; }
.container_12 .grid_5 { width:360px; }
.container_12 .grid_6 { width:440px; }
.container_12 .grid_7 { width:520px; }
.container_12 .grid_8 { width:600px; }
.container_12 .grid_9  { width:660px; }
.container_12 .grid_9.ms { width:700px; }
.container_12 .grid_10 { width:760px; }
.container_12 .grid_11 { width:840px; }
.container_12 .grid_12 { width:920px;}
.container_12 .grid_12.ms { width:940px;}
.ms {margin-left: 0px; margin-right: 0px;}
}
@media only screen and (min-width: 767px) and (max-width: 962px) {
.container_12 { width: 760px; }
.ml, .ml2 { margin-left: 20px;}
.container_12 .grid_1 { width:23px; }
.container_12 .grid_2 { width:90px; }
.container_12 .grid_3 { width:149px; }
.container_12 .grid_4 { width:212px; }
.container_12 .grid_5 { width:275px; }
.container_12 .grid_6 { width:340px; }
.container_12 .grid_7 { width:401px; }
.container_12 .grid_8 { width:464px; }
.container_12 .grid_9 { width:527px; }
.container_12 .grid_9.ms { width:570px;}
.container_12 .grid_10 { width:590px; }
.container_12 .grid_11 { width:653px; }
.container_12 .grid_12 { width:716px; }
.container_12 .grid_12.ms { width:736px; }
.ms {margin-left: 0px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
.container_12 { width: 460px; }
.ml, .ml2 { margin-left: 20px;}
.container_12 .grid_1 { width:420px; }
.container_12 .grid_2 { width:420px; }
.container_12 .grid_3 { width:420px; }
.container_12 .grid_4 { width:420px; }
.container_12 .grid_5 { width:420px; }
.container_12 .grid_6 { width:420px; }
.container_12 .grid_7 { width:420px; }
.container_12 .grid_8 { width:420px; }
.container_12 .grid_9 { width:420px; }
.container_12 .grid_9.ms { width:440px; }
.container_12 .grid_10 { width:420px; }
.container_12 .grid_11 { width:420px; }
.container_12 .grid_12  { width:420px; }
.container_12 .grid_12.ms { width:460px; }
.ms {margin-left: 0px;}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
.container_12 { width: 320px; }
.ml, .ml2 { margin-left: 20px;}
.container_12 .grid_1 { width:280px; }
.container_12 .grid_2 { width:280px; }
.container_12 .grid_3 { width:280px; }
.container_12 .grid_4 { width:280px; }
.container_12 .grid_5 { width:280px; }
.container_12 .grid_6 { width:280px; }
.container_12 .grid_7 { width:280px; }
.container_12 .grid_8 { width:280px; }
.container_12 .grid_9 { width:280px; }
.container_12 .grid_9.ms { width:320px; }
.container_12 .grid_10 { width:280px; }
.container_12 .grid_11 { width:280px; }
.container_12 .grid_12 { width:280px; }
.container_12 .grid_12.ms { width:360px; }
.ms {margin-left: 0px;}
}
@media (max-width: 320px) {
.container_12 { width: 280px; }
.ml, .ml2 { margin-left: 20px;}
.container_12 .grid_1 { width:240px; }
.container_12 .grid_2 { width:240px; }
.container_12 .grid_3 { width:240px; }
.container_12 .grid_4 { width:240px; }
.container_12 .grid_5 { width:240px; }
.container_12 .grid_6 { width:240px; }
.container_12 .grid_7 { width:240px; }
.container_12 .grid_8 { width:240px; }
.container_12 .grid_9 { width:240px; }
.container_12 .grid_9.ms { width:260px; }
.container_12 .grid_10 { width:220px; }
.container_12 .grid_11 { width:220px; }
.container_12 .grid_12 { width:240px; }
.container_12 .grid_12.ms { width:240px; }
.ms {margin-left: 0px;}
}