/*===================== TABLE OF CONTENT =======================
1.  Included Files
2.  Google Fonts
3.  General Styling
4.  Cross Browser Compatibility
5.  Header
6.  Top Bar
7.  Logo Menu Sec
8.  DropDown
9.  Sticky Header
10. Responsive Header
11. Slider
=============================================================*/

/*=== Included Files ===*/
@import url(owl.carousel.css);/*=== Owl Carousel ===*/
@import url(custom-scrollbar.min.css);/*=== Custom Scrollbar ===*/
@import url(select2.min.css);/*=== Select2 ===*/
@import url(fullcalendar.min.css);/*=== Full Calendar ===*/
@import url(datepicker.css);/*=== Datepicker ===*/
@import url(slick.css);/*=== Slick ===*/
@import url(animate.css);/*=== Animate ===*/

/*=== Fonts Poppins, Montserrat, Lato & Arimo ===*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i);
@import url(https://fonts.googleapis.com/css?family=Arimo:400,400i,700,700i);

/*===== General Styling =====*/
html, 
body {overflow-x:hidden;}



*
 CSS for the main interaction
*/
.tabset > input[type="radio"] {
  position: absolute;
  left: -200vw;
}

.tabset .tab-panel {
  display: none;
}

.tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
  display: block;
}

/*
 Styling
*/
body {
  font: 16px/1.5em "Overpass", "Open Sans", Helvetica, sans-serif;
  color: #333;
  font-weight: 300;
}

.tabset > label {
  position: relative;
  display: inline-block;
  padding: 15px 15px 25px;
  border: 1px solid transparent;
  border-bottom: 0;
  cursor: pointer;
  font-weight: 600;
}

.tabset > label::after {
  content: "";
  position: absolute;
  left: 15px;
  bottom: 10px;
  width: 22px;
  height: 4px;
  background: #8d8d8d;
}

.tabset > label:hover,
.tabset > input:focus + label {
  color: #06c;
}

.tabset > label:hover::after,
.tabset > input:focus + label::after,
.tabset > input:checked + label::after {
  background: #06c;
}

.tabset > input:checked + label {
  border-color: #ccc;
  border-bottom: 1px solid #fff;
  margin-bottom: -1px;
}

.tab-panel {
  padding: 30px 0;
  border-top: 1px solid #ccc;
}

/*
 Demo purposes only
*/
*,
*:before,
*:after {
  box-sizing: border-box;
}

body {
  padding: 30px;
}

.tabset {
  max-width: 65em;
}


body {
    float:left;
    width:100%;
    font-family:arimo;
    letter-spacing:0.3px;
}
h1, h2, h3, h4, h5, h6 {
    color: #444444;
    font-family: montserrat;
    font-weight: 600;
}
p {
    color: #555555;
    font-family: arimo;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 26px;
}
ul li,
ol li {
    font-family:arimo;
    color:#666666;
}
a:hover,
a:focus {
    text-decoration:none;
    outline:none;
}
input:focus,
.qun-inpt > span .input-group > input {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
}
input:focus,
textarea:focus,
select:focus,
button:focus {
    font-style: normal !important;
    outline: none;
}
textarea {resize: none;}
.web-lyut {
    float:left;
    overflow:hidden;
    position:relative;
    width:100%;
}
.web-lyut.boxed {
    background:none repeat scroll 0 0 #FFFFFF;
    float:none;
    margin:0 auto;
    overflow:hidden;
    position:relative;
    z-index:1;
    width:1230px;
    -webkit-box-shadow:0 0 6px #747474;
    -moz-box-shadow:0 0 6px #747474;
    -ms-box-shadow:0 0 6px #747474;
    -o-box-shadow:0 0 6px #747474;
    box-shadow:0 0 6px #747474;
}
section {
    float:left;
    position:relative;
    width:100%;
}
.block {
    float: left;
    padding: 110px 0;
    position: relative;
    width: 100%;
}
.block.less-spacing,
.less-spacing {padding:80px 0}
.block.extra-topgap {padding-top: 270px;}
.block.extra-bottomgap {padding-bottom: 140px;}
.block .container,
.container {padding:0;}
.block.remove-gap {padding-top:0;}
.block.no-padding {padding:0;}
.block.remove-bottom {padding-bottom:0;}
.block.gray,
.gray {background-color:#fbfbfb;}
.block.dark,
.dark {background-color: #242424;}
.block.dark2,
.dark2 {background-color: #151515;}
.remove-ext,
.remove-ext50,
.remove-ext65,
.remove-ext60 {
    float:left;
    width:100%;
    margin-bottom:-30px;
}
.block .mb30 {margin-bottom: 30px;}
.remove-ext50 {margin-bottom: -50px;}
.remove-ext65 {margin-bottom: -65px;}
.remove-ext60 {margin-bottom: -60px;}
.mrg {margin: 0;}
.mrg > div,
.mrg > .masonry > div {padding: 0;}
.mrg1 {margin: 0 -.5px;}
.mrg1 > div,
.mrg1 > .masonry > div {padding: 0 .5px;}
.mrg10 {margin: 0 -5px;}
.mrg10 > div,
.mrg10 > .masonry > div {padding: 0 5px;}
.mrg10 .gallery-box {margin-bottom: 10px;}
.mrg .gallery-box {margin-bottom: 0;}
.mrg5 .gallery-box {margin-bottom: 5px;}
.mrg1 .gallery-box {margin-bottom: 1px;}
.mrg5 {margin: 0 -2.5px;}
.mrg1 > div.masonry,
.mrg5 > div.masonry,
.mrg10 > div.masonry {padding: 0;}
.mrg5 > div,
.mrg5 > .masonry > div {padding: 0 2.5px;}
.ovrlp80 {margin-top: -80px;}
.overlap168 {margin-top: -168px;}
.overlap100 {margin-top: -100px;}
.ext-wd30 {width: calc(100% + 30px);}
.ml-30 {margin-left: -30px;}
.center-align {text-align: center;}
.paddlr70 {padding: 0 70px;}
.paddlr60 {padding: 0 60px;}
.paddlr100 {padding: 0 100px;}
.paddlr8ps {
    padding-left: 8%;
    padding-right: 8%;
}
div.paddtb100 {padding: 100px 0;}
div.paddtb240-100 {
    padding-bottom: 100px;
    padding-top: 240px;
}
.paddl58 {padding-left: 58px;}
.paddlr48 {padding: 0 48px;}
.paddlr30 {padding: 0 30px;}
.paddlr170 {padding: 0 170px;}
.paddt130 {padding-top: 130px;}
.overlap-160 {margin-bottom: -160px;}
.overlap-70 {margin-bottom: -70px;}
.parallax,
.fixed-bg,
.fixed-bg2 {
    height:100%;
    width:100%;
    margin:0;
    position:absolute;
    left:0;
    top:0;
    z-index: -2;
}
.gray .fixed-bg2 {z-index: 0;}
.fixed-bg2 {
    background-size:cover !important;
    background-position:center !important;
}
.fixed-bg {
    background-attachment:fixed !important;
    background-position:center !important;
    background-size:cover!important;
}
.parallax {
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}
.parallax.still {background-position:0 0 !important;}
.parallax.pattern {background-repeat:repeat !important;}
.blackish:before,
.grayish:before,
.whitish:before,
.mrgndish:before,
.thm-lyr:before,
.blackish2:before {
    background: #000 none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.mrgndish:before {background: #a43459;}
.grayish:before {background: #fbfbfb;}
.whitish:before {background: #ffffff;}
.blackish2:before {background: #171717;}
.hgh-opc:before {opacity: .95;}
.opc7:before {opacity: .7;}
.opc85:before {opacity: .85;}
.mdm-opc:before {opacity: .8;}
.lw-opc:before {opacity: .5;}
.hlf-bg:before {height: 50%;}
iframe {
    border:0;
    width:100%;
    float:left;
}
img {
    height: auto;
    max-width: 100%;
    vertical-align: middle
}
a.facebook{background:#384f84}
a.facebook-color{color:#384f84}
a.twitter{background:#4d9fd7}
a.twitter-color{color:#4d9fd7}
a.whatsapp{background:#25D366}
a.whatsapp-color{color:#25D366}
a.dribbble{background:#d75281}
a.dribbble-color{color:#d75281}
a.rss{background:#fd9f13}
a.rss-color{color:#fd9f13}
a.linkedin{background:#0077b5}
a.linkedin-color{color:#0077b5}
a.github{background:#1f76b6}
a.github-color{color:#1f76b6}
a.vimeo{background:#44bbff}
a.vimeo-color{color:#44bbff}
a.pinterest{background:#d64033}
a.pinterest-color{color:#d64033}
a.reddit{background:#000}
a.reddit-color{color:#000}
a.tumbler{background:#32506d}
a.tumbler-color{color:#32506d}
.poptrox-popup .caption {display: none !important;}
/*=============== Cross Browser Compatibility ===============*/
.tb-br-cnt1 > li a,
.btn1,
a,
button,
.widget ul li:before,
.widget ul li span,
.pagination ul li a,
.pagination ul li span,
.fltrs-lst li.selected a:before,
.sidebar .widget ul li:hover > span,
.tagcloud > a:before,
.flickr-gallery a > img,
.share > a:before,
.comment-reply-link:before,
.gallery-box:before,
.gallery-info,
.projects-nav > div.owl-stage-outer a.clicked:before,
.projects-nav > div.owl-stage-outer a,
.hig-pri-carousel .owl-nav > div,
.project-box1:before,
.projects-carousel2 .owl-item,
.project-inf,
.projects-carousel2 .owl-nav > div,
.storie-box2:before,
.storie-box2 > img,
.storie-inf,
.tem-carousel .owl-nav > div,
.carousel .owl-nav > div,
nav > div > ul > li ul,
nav > div > ul > li ul li:before,
nav > div > ul > li ul li:after,
.popup-wrp,
.pp-cls,
.rs-mu-btn,
.rs-mnu-cls-btn,
.rs-mnu,
.rs-mnu > ul li,
.rs-mnu > ul li a::before,
.crt-drp,
.srch-cls,
.hdr-srch > form button,
.hdr-srch > form input,
.hdr-srch
{
    -webkit-transition:all 0.4s linear;
    -moz-transition:all 0.4s linear;
    -ms-transition:all 0.4s linear;
    -o-transition:all 0.4s linear;
    transition:all 0.4s linear;
}

.rs-mnu
{
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
    -webkit-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    -moz-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -ms-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    transition: all 600ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */

    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); 
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */   
}

.dnt-collected:before,
.newsletter-frm > button,
.dnt-fgr-lst > li a:before,
.dnt-fgr-lst > li a:after,
.projects-carousel2 .owl-nav > div,
.storie-inf,
.tem-carousel .owl-nav > div,
.carousel .owl-nav > div,
.ft3-abt::before,
.pg-srch-frm > button,
.rs-mu-btn,
.crt-itm .remove
{
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sndr-img,
.comment-reply-link,
.news-box.style3 .news-meta:before,
.qun-inpt .input-group > span button::before,
.popup-inr
{
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.event-counter > ul,
.sidebar-calendar .fc-month-view .fc-body td div.fc-week td:before,
.video-thumb > a,
.mbr-inf-inr,
.feat-cap,
.reviwrs-vdo > a,
.feat-cap2
{
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.sndr-img,
.cause-thumb:before,
.dnt-collected:before,
.news-thumb:before,
.twitter-lg,
.sidebar-calendar .fc-month-view .fc-body td div.fc-week td.fc-today:before,
.member-box > img,
.member-box:before,
.offic-info > i,
.pst-meta li img,
.blg-dtl ul li:before,
.mbr-scil li a,
.dnt-fgr-lst > li a:before,
.dnt-fgr-lst > li a:after,
.gallery-info > .lightbox a,
.service-box > i,
.serv-bx > i,
.review-inf > img,
.ft-serv-bx > i,
.prj3-sndr > img,
.contact2-info > ul > li > i,
blockquote.style2 > i,
.pst-author.style2 > img,
.comments.style2 .comment-thumb,
.dntr > img,
.ft-scl > li a
{
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}

.btn1,
input,
textarea,
.btn1-drk,
.event-detail .price,
.tagcloud > a,
.tagcloud > a:before,
.bredcrumbs,
.scl2 .select2-container--default .select2-selection--single,
.clt-shp .select2-container--default .select2-selection--single,
.popup-inr,
.crt-drp-btns > a
{
    -webkit-border-radius:30px;
    -moz-border-radius:30px;
    border-radius:30px;
}

.newsletter-frm > button,
.select2-container--default .select2-selection--single .select2-selection__arrow
{
    -webkit-border-radius: 10px/30px;
    -moz-border-radius: 10px/30px;
    border-radius: 10px/30px;
}

.event-box-mini > strong,
.sidebar .widget ul,
.sidebar .widget ul li span,
.tagcloud,
.clndr .fc-day,
.brd-rd5,
.clndr .fc-view-container table thead.fc-head,
.clndr .fc-view-container table tbody .fc-day:before,
.fc-row .fc-content-skeleton td.fc-event-container:before,
.mbr-cnt li i,
.dnt-fgr-lst > li a,
.pynt-opts > img,
.prj-bx3,
.news-box.style3,
.evnt-dt,
.up-evnts,
.event-box2,
.our-donrs,
.prg-tl > span,
.sprt-vt .progress,
.sprt-vt .progress .progress-bar,
ul.countdown.style2 > li
{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

.pagination ul li a,
.pagination ul li span,
.share > a,
.share > a:before,
.srch-crt-lst li a span
{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

/*===== Header =====*/
header {
    float: left;
    position: relative;
    width: 100%;
    z-index: 9999;
}
/*===== Header 1 =====*/
.topbar1 {
    float: left;
    width: 100%;
    background: #0d0d0d;
    position: relative;
    overflow: hidden;
}
.tb-br-cnt1 {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.tb-br-cnt1 > li {
    float: left;
    position: relative;
    line-height: 58px;
    padding-right: 30px;
    margin-right: 25px;
    font-size: 11px;
    color: #eceaea;
    font-family: montserrat;
}
.tb-br-cnt1 > li:last-child {
    margin-right: 0;
    padding-right: 0;
}
.tb-br-cnt1 > li i {
    font-size: 15px;
    margin-right: 5px;
}
.tb-br-cnt1 > li a {color: inherit;}
.topbar1 .tb-br-scl1 {
    position: absolute;
    right: 0;
    padding: 0 60px;
}
.tb-br-scl1 strong {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    float: left;
    line-height: 58px;
}
.tb-br-cnt1 > li:before {
    content: "";
    height: 8px;
    width: 1px;
    background: #8b8b8b;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 0;
}
.tb-br-cnt1 > li:last-child:before {display: none;}
.scl-shr1 {
    float: left;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}
.topbar1 .tb-br-scl1:before {
    content: "";
    right: 72%;
    background: #84c350;
    position: absolute;
    height: 100%;
    width: 70%;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: -1;
    top: -60%;
}
.tb-br-scl1 {z-index: 1;}
.tb-br-scl1 .scl-shr1 {margin-left: 40px;}
.scl-shr1 > li {
    color: #ffffff;
    float: left;
    font-size: 13px;
    line-height: 58px;
    margin-right: 15px
}
.scl-shr1 > li:last-child {margin-right: 0;}
.scl-shr1 > li a {
    color: inherit;
    display: block;
}
.scl-shr1 > li a:hover {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
}
.menu-sec1 {
    float: left;
    width: 100%;
}
.menu-sec1 > .container {}
.menu-sec1 .logo {
    float: left;
    width: 27%;
    margin-top: 12px;
}
nav {display: inline-block;}
nav ul {
    float: left;
    width: 100%;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
}
nav > div > ul > li {
    float: left;
    margin-right: 50px;
    font-size: 13px;
    color: #505050;
    font-family: montserrat;
    position: relative;
    text-transform: uppercase;
    line-height: 110px;
}
nav > div > ul > li > a {color: inherit;}
.menu-sec1 .btn1 {
    margin-top: 30px;
    line-height: 50px;
    float: right;
}
.menu-sec1 nav {
    float: left;
    vertical-align: middle;
}
.logo {display: inline-block;}
/*===== DropDown Light =====*/
nav > div > ul > li ul {
    background: rgba(250, 250, 250, 0.98) none repeat scroll 0 0;
    left: 0;
    line-height: initial;
    opacity: 0;
    padding: 30px 0;
    position: absolute;
    top: 100%;
    visibility: hidden;
    width: 260px;
}
nav > div > ul > li ul li {
    color: #555;
    float: left;
    font-family: montserrat;
    font-size: 12px;
    padding: 0 30px;
    position: relative;
    text-transform: initial;
    width: 100%;
}
nav > div > ul > li ul li a {
    border-bottom: 1px solid #e8e8e8;
    color: inherit;
    display: block;
    padding: 10px;
}
nav > div > ul > li ul li.menu-item-has-children::before {
    content: "\f105";
    font-family: fontawesome;
    position: absolute;
    right: 60px;
    top: 10px;
}
nav > div > ul > li ul li::after {
    background: red none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    -webkit-transform: scaleY(0.2);
    -moz-transform: scaleY(0.2);
    -ms-transform: scaleY(0.2);
    -o-transform: scaleY(0.2);
    transform: scaleY(0.2);
    width: 4px;
}
nav > div > ul > li ul li:last-child > a {border-bottom: 0 none;}
nav > div > ul > li ul li:hover::after {
    opacity: 1;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}
nav > div > ul > li ul ul {
    background: rgba(253, 253, 253, 0.98) none repeat scroll 0 0;
    left: 100%;
    top: 0;
}
nav > div > ul > li ul ul li a {border-bottom-color: #f1f1f1;}
nav > div > ul li.menu-item-has-children:hover > ul {
    opacity: 1;
    visibility: visible;
}
/*===== DropDown Dark =====*/
.drk nav > div > ul > li ul {background: rgba(21, 21, 21, 0.98) none repeat scroll 0 0;}
.drk nav > div > ul > li ul li {color: #fff;}
.drk nav > div > ul > li ul li::before {color: #c0c0c0;}
.drk nav > div > ul > li ul li a {border-bottom-color: #252525;}
.drk nav > div > ul > li ul ul li a {border-bottom-color: #313131;}
.drk nav > div > ul > li ul ul {background: rgba(34, 34, 34, 0.98) none repeat scroll 0 0;}

/*===== Button 1 =====*/
.btn1,
.btn1-drk {
    border: 0;
    color: #fff;
    font-family: montserrat;
    padding: 0 50px;
    display: inline-block;
    vertical-align: middle;
    line-height: 58px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    -webkit-box-shadow: 0 6px 13px rgba(14,44,53,.14);
    -moz-box-shadow: 0 6px 13px rgba(14,44,53,.14);
    -ms-box-shadow: 0 6px 13px rgba(14,44,53,.14);
    -o-box-shadow: 0 6px 13px rgba(14,44,53,.14);
    box-shadow: 0 6px 13px rgba(14,44,53,.14);
}
.btn1.no-shd {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.btn1:hover,
.btn1-drk {
    background: #000;
    color: #fff;
}
.btn1-drk:hover {color: #fff;}
/*===== Find Rescue =====*/
.fnd-rsc {
    float: left;
    width: 100%;
    position: relative;
    z-index: 1;
    border-top: 10px solid;
    padding: 70px 90px;
    display: table;
}
.fnd-rsc:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .7;
    z-index: -1;
}
.fnd-rsc > * {
    display: table-cell;
    vertical-align: middle;
}
.fnd-rsc > h4 {
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    letter-spacing: 1px;
}
.fnd-rsc > p {
    font-size: 15px;
    color: #e0e0e0;
    font-style: italic;
    letter-spacing: 1px;
    line-height: 24px;
    padding-left: 40px;
}
.fnd-rsc-frm {
    width: 473px;
    position: relative;
}
.fnd-rsc-frm > input {
    border: 0;
    height: 58px;
    padding: 0 50px;
    font-size: 11px;
    font-style: italic;
    color: #878787;
    width: 300px;
}
.fnd-rsc-frm > button {
    line-height: 58px;
    margin-left: -26px;
}
/*===== Help Senior Citizens =====*/
.yr-dnt {
    float: left;
    padding: 80px 45px 85px;
    text-align: center;
}
.yr-dnt > h4 {
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    line-height: 33px;
    margin-top: 0;
}
.yr-dnt > span {
    font-size: 14px;
    color: #444;
    float: left;
    width: 100%;
    margin-top: 10px;
}
.dnt-slc {
    float: left;
    margin-top: 40px;
    width: 100%;
}
span.select2-container {width: 100% !important;}
.select2-container--default .select2-selection--single {
    border: 0;
    -webkit-border-radius: 30px 0 0 30px;
    -moz-border-radius: 30px 0 0 30px;
    border-radius: 30px 0 0 30px;
    height: 58px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 58px;
    font-style: italic;
    color: #878787;
    font-size: 11px;
    padding-left: 45px;
    text-align: left;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 100%;
    width: 67px;
    background: #171717;
    top: 0;
    right: -8px;
    color: #fff;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {border-top-color: #fff;}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-bottom-color: #fff;}
.yr-dnt .btn1-drk {
    margin-top: 20px;
    line-height: 58px;
}
.yr-dnt .btn1-drk:hover {background: #fff;}
.hlp-inf {
    float: left;
    width: 100%;
}
.hlp-inf > p {
    font-size: 15px;
    line-height: 28px;
    color: #444;
    float: left;
    width: 100%;
}
.hlp-cnt-inf1 {
    float: left;
    position: relative;
    padding: 35px 40% 35px 0;
    width: 85%;
    margin-top: 50px;
}
.hlp-cnt-inf1:before {
    content: "";
    position: absolute;
    background: #fbfbfb;
    top: 0;
    bottom: 0;
    right: 15%;
    left: -20%;
    z-index: -1;
    -webkit-border-radius: 0 100px 100px 0;
    -moz-border-radius: 0 100px 100px 0;
    border-radius: 0 100px 100px 0;
}
.hlp-cnt-inf1 .btn1 {
    line-height: 58px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.hlp-cnt-inf1 > span {
    display: block;
    font-size: 16px;
    color: #333;
    font-family: montserrat;
    margin-bottom: 7px;
}
.hlp-cnt-inf1 > i {
    font-style: normal;
    font-family: montserrat;
    font-weight: 700;
    font-size: 18px;
}
/*===== Title Style 1 =====*/
.title-style1 {
    float: left;
    width: 100%;
    margin-bottom: 25px;
}
.title-style1 > span {
    float: left;
    width: 100%;
    font-size: 16px;
    font-family: montserrat;
    margin-bottom: 10px;
}
.title-style1 > h4 {
    font-size: 34px;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0;
    float: left;
    width: 100%;
}
.title-style1 > h4 i {font-style: normal;}
/*===== Title Style 2 =====*/
.title-style2 {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}
.title-style2 > h4 {
    font-size: 36px;
    color: #333;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 0;
}
.title-style2 > h4 i {font-style: normal;}
.title-style2 > span {
    font-size: 15px;
    font-family: montserrat;
}
.title-style2 > p {
    display: block;
    margin: 20px 0 0;
    max-width: 50%;
    font-style: italic;
    color: #444;
    font-size: 16px;
    line-height: 28px;
}
.title-style2.center-align > p {margin: 20px auto 0;}
.container .title-style2 > p {max-width: 70%;}
/*===== Title Compatibility =====*/
.mrgndish .title-style2 > h4,
.blackish .title-style2 > h4 {color: #fff;}
.mrgndish .title-style2 > p,
.blackish .title-style2 > p {color: #e2e1e1;}
/*===== Cause Filters List =====*/
.fltrs {
    float: left;
    width: 100%;
}
.fltrs-lst {
    display: inline-block;
    margin-bottom: 25px;    
    padding: 0 50px;
    list-style: none;
    background: #fbfbfb;
}
.gray .fltrs-lst {background: #fff;}
.fltrs-lst > li {
    float: left;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .2px;
    font-family: montserrat;
    color: #444;
    margin-right: 50px;
    line-height: 63px;
    position: relative;
}
.fltrs-lst > li:last-child {margin-right: 0;}
.fltrs-lst > li a {
    color: inherit;
    display: inline-block;
    padding: 0 10px;
}
.fltrs-lst > li a:before {
    height: 2px;
    width: 100%;
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    -webkit-transform: scaleX(0.3);
    -moz-transform: scaleX(0.3);
    -ms-transform: scaleX(0.3);
    -o-transform: scaleX(0.3);
    transform: scaleX(0.3);
    opacity: 0;
}
.fltrs-lst > li.selected a:before {
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
    opacity: 1;
}
/*===== Cause =====*/
.cause-box1 {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.cause-thumb {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.cause-thumb:before {
    content: "";
    position: absolute;
    background: #fbfbfb;
    height: 65%;
    width: 120%;
    bottom: -50%;
    left: -10%;
}
.gray .cause-thumb:before {background: #fff;}
.cause-info {
    float: left;
    width: 100%;
    background: #fbfbfb;
    padding: 23px 12% 35px;
    position: relative;
}
.gray .cause-info {background: #fff;}
.sndr-img {
    position: absolute;
    top: -65px;
    left: 50%;
    border: 5px solid #fbfbfb;
}
.gray .sndr-img {border-color: #fff;}
span.sndr-nm {
    float: left;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    font-size: 13px;
    font-family: montserrat;
    font-weight: 700;
}
span.sndr-nm i {
    font-style: normal;
    color: #8c8b8b;
    font-weight: 400;
    font-family: arimo;
    text-transform: initial;
    font-size: 11px;
}
.cause-info > h2 {
    font-size: 15px;
    font-weight: 400;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.cause-info > h2 a {color: inherit;}
span.cate {
    float: left;
    width: 100%;
    margin-top: 12px;
    font-size: 13px;
    color: #8c8b8b;
}

span.cate > a {color: inherit;}
span.dnt-gl {
    font-size: 13px;
    font-family: montserrat;
    color: #333;
    font-weight: 700;
    float: left;
    width: 100%;
    margin-top: 15px;
}

span.dnt-gl > span {font-size: 18px;}
.cause-cl-cm {
    float: left;
    width: 100%;
    margin-top: 5px;
    padding: 15px 13%;
}
span.cause-cmt {
    color: #fff;
    font-family: montserrat;
    font-size: 12px;
    font-weight: 600;
}
span.cause-collected {
    float: right;
    color: #fff;
    font-size: 13px;
    font-family: montserrat;
    font-weight: 600;
}
span.cause-collected i {
    font-style: normal;
    color: #333;
    text-transform: uppercase;
}
/*===== Impact Sec =====*/
.mk-imptc {
    float: left;
    width: 100%;
    padding-left: 30px;
}
.imptc-box {
    position: relative;
    background-size: cover;
    background-position: center;
    padding: 55px 20% 50px 28%;
    float: left;
    width: 100%;
    z-index: 1;
}
.imptc-box:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    z-index: -1;
}
.imptc-box > i {
    font-size: 50px;
    position: absolute;
    left: 13%;
}
.imptc-box > h2 {
    font-size: 16px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 12px;
}
.imptc-box > h2 a {color: inherit;}
.imptc-box > p {
    font-size: 13px;
    color: #d8d8d8;
    line-height: 20px;
    margin-bottom: 0;
}
.imptc-box > a {
    float: left;
    font-size: 11px;
    font-family: montserrat;
    margin-top: 18px;
    text-transform: uppercase;
    border-bottom: 1px solid;
}
.imptc-box.rd-bg:before {display: none;}
.rd-bg {background: #a43459;}
.imptc-box.blu-bg:before {display: none;}
.blu-bg {background: #3486a4;}
/*===== Need Your Help =====*/
.need-hlp {
    display: block;
    margin: 0 auto;
    max-width: 60%;
}
.need-hlp > span {
    font-size: 15px;
    font-family: montserrat;
}
.need-hlp > h4 {
    font-size: 50px;
    color: #fff;
    letter-spacing: 2px;
    margin-top: 14px;
}
.need-hlp > h4 span {
    display: block;
    font-size: 36px;
    margin-top: 7px;
}
.need-hlp > p {
    font-size: 17px;
    line-height: 30px;
    letter-spacing: .3px;
    color: #e2e1e1;
    margin-top: 23px;
}
.need-hlp .btn1 {margin-top: 45px;}
/*===== Stories =====*/
.storie-box {
    float: left;
    width: 100%;
    background: #fbfbfb;
    padding: 45px 85px 35px 100px;
    display: table;
}
.gray .storie-box,
.mrgndish .storie-box {background: #fff;}
.storie-box + .storie-box {margin-top: 2px;}
.storie-box > * {
    display: table-cell;
    vertical-align: middle;
}
.storie-info {width: 50%;}
.storie-info > h2 {
    font-size: 15px;
    text-transform: uppercase;
    margin: 0;
}
.storie-info > .cate {
    width: initial;
    margin-right: 30px;
}
.cate > i {margin-right: 5px;}
.storie-info > h2 a {color: inherit;}
.storie-info .sndr-nm {
    width: initial;
    margin-top: 12px;
}
.storie-info .sndr-nm span {margin-right: 5px;}
.storie-box .dnt-gl {
    margin-top: 0;
    float: none;
    width: initial;
}
.dnt-collected {
    font-size: 13px;
    color: #8c8b8b;
    text-align: right;
    position: relative;
}
.dnt-collected:before {
    background: #c3bbf5;
    height: 8px;
    width: 8px;
    content: "";
    position: absolute;
    top: 50%;
    left: 24%;
}
.paddlr48 .dnt-collected:before {left: 18%;}
.btns-grp {
    float: left;
    width: 100%;
    margin-top: 60px;
}
.btns-grp > a {margin: 10px 5px 0;}
.evnt-tl {
    display: block;
    margin: 0 auto;
    max-width: 87%;
}
/*===== Title Style 3 =====*/
.title-style3 {
    float: left;
    width: 100%;
    margin-bottom: 40px;
}
.title-style3 > h4 {
    font-size: 30px;
    margin-top: 0;
    text-transform: uppercase;
    color: #333;
    letter-spacing: 2px;
    margin-bottom: 7px;
}
.title-style3 > h4 span {
    display: block;
    margin-top: 6px;
}
.title-style3 > p {
    margin-bottom: 0;
    margin-top: 30px;
    font-size: 15px;
    color: #444;
    line-height: 28px;
}
.btns-grp2 > a + a {margin-top: 20px;}
/*===== Event =====*/
.event-box {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.event-thumb {
    float: left;
    width: 100%;
    position: relative;
}
.event-counter {
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    right: 0;
    bottom: 0;
}
.event-counter:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .7;
}
.event-counter > ul {
    position: absolute;
    top: 50%;
    left: 50%;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    width: 445px;
}
ul.countdown > li {    
    float: left;
    width: 110px;
    height: 95px;
    font-family: montserrat;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: 1px;
    position: relative;
    padding: 18px 0;
}
ul.countdown > li span {
    font-size: 24px;
    color: #fff;
}
ul.countdown > li:before {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 1px solid #ccc;
    -webkit-transform: skew(-15deg);
    -moz-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    -o-transform: skew(-15deg);
    transform: skew(-15deg);
    margin-left: -1px;
}
ul.countdown > li p {
    margin-bottom: 0;
    line-height: initial;
}
.event-detail {
    float: left;
    width: 100%;
    position: relative;
    padding-top: 45px;
}
.event-detail .price {
    background: #000;
    border: 5px solid #fff;
    line-height: 30px;
    position: absolute;
    left: 20px;
    top: -20px;
    font-family: montserrat;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 20px;
    font-size: 11px;
}
.event-detail > h2 {
    font-size: 22px;
    margin: 0;
}
.event-detail > h2 a {color: inherit;}
span.loc {
    float: left;
    margin-top: 25px;
    font-size: 13px;
    color: #555;
    font-family: arimo;
    width: 100%;
}
span.loc > i {margin-right: 5px;}
.pst-meta {
    float: left;
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    margin-top: 15px;
}
.pst-meta > li {
    float: left;
    margin-right: 20px;
    font-size: 13px;
    color: #555;
}
.pst-meta > li i {margin-right: 5px;}
.pst-meta > li a {color: inherit;}
.event-detail .btn1 {
    margin-top: -20px;
    float: right;
}
/*===== News =====*/
.news-box {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.news-thumb {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.news-thumb:before {
    content: "";
    position: absolute;
    left: -20%;
    width: 140%;
    background: #fbfbfb;
    height: 65%;
    bottom: -55%;
}
.gray .news-thumb:before {background: #fff;}
.news-detail {
    float: left;
    width: 100%;
    background: #fbfbfb;
    padding: 25px 12% 35px;
}
.gray .news-detail {background: #fff;}
.news-detail span.cate {margin-top: 0;}
.news-detail > h2 {
    font-size: 14px;
    line-height: 25px;
    float: left;
    width: 100%;
    margin-top: 10px;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 30px;
}
.news-detail > h2 a {color: inherit;}
.news-meta {
    float: left;
    border-top: 1px solid #ededed;
    padding-top: 20px;
    position: relative;
    width: 100%;
}
.news-meta:before {
    content: "";
    height: 3px;
    width: 50px;
    background: #84c350;
    position: absolute;
    top: 0;
    left: 3px;
}
span.date {
    font-size: 12px;
    color: #555;
    float: left;
}
span.date > i {margin-right: 5px;}
span.date > a {color: inherit;}
.news-meta span.cause-cmt,
.blg-mta.style2 span.cause-cmt {
    float: right;
    font-size: 13px;
    font-weight: 400;
}
/*===== Sponsors =====*/
.sponsors {
    float: left;
    width: 100%;
}
.sponsor-box {
    float: left;
    width: 100%;
    text-align: center;
    min-height: 85px;
    line-height: 75px;
}
.sponsor-box > a {
    display: inline-block;
    vertical-align: middle;
}
/*===== Twitter Reviews =====*/
.twitter-rev {
    float: left;
    overflow: hidden;
    width: 100%;
}
.twitter-lg {
    float: left;
    height: 208px;
    background: #f8f8f8;
    border: 13px solid #fff;
    width: 208px;
    text-align: center;
    line-height: 190px;
    margin: -8px 75px -8px 0;
}
.twitter-reviews {
    float: left;
    width: 72%;
    vertical-align: middle;
    padding: 65px 0;
}
.twitter-review {
    float: left;
    width: 100%;
}
.twitter-review > .sndr-inf {
    float: left;
    margin-right: 50px;
    width: 20%;
}
.twitter-review > .sndr-inf h4 {
    font-size: 22px;
    text-transform: uppercase;
    color: #fff;
    margin-top: 0;
    margin-bottom: 8px;
}
.twitter-review > .sndr-inf span {
    font-size: 13px;
    color: #fff;
    font-family: montserrat;
    text-transform: uppercase;
    letter-spacing: .3px;
}
.twitter-review > p {
    width: 80%;
    font-size: 15px;
    color: #f1f1f1;
    font-style: italic;
    line-height: 26px;
}
/*===== NewsLetter =====*/
.newsletter {
    float: left;
    width: 100%;
    display: table;
    padding-top: 70px;
    padding-bottom: 30px;
}
.newsletter > * {
    display: table-cell;
    vertical-align: middle;
}
.newslt-title {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.newslt-title > span {
    font-family: montserrat;
    font-size: 15px;
}
.newslt-title > h4 {
    font-size: 24px;
    margin-bottom: 0;
}
form.newsletter-frm {
    margin-bottom: 30px;
    position: relative;
    height: 58px;
    width: 570px;
}
form.newsletter-frm > input {
    width: 100%;
    border: 1px solid #c9c9c9;
    height: 58px;
    font-size: 13px;
    font-style: italic;
    letter-spacing: 1px;
    color: #999;
    padding: 0 50px;
}
form.newsletter-frm > button {
    position: absolute;
    border: 0;
    right: 0;
    height: 58px;
    color: #fff;
    font-family: montserrat;
    font-size: 15px;
    letter-spacing: 1px;
    top: 50%;
    width: 93px;
}
.newsletter-frm > button:hover {background: #0d0d0d;}
/*===== Footer =====*/
.widget {
    float: left;
    width: 100%;
    margin-bottom: 65px;
}
.widget-title1 {
    float: left;
    width: 100%;
    margin-top: 0;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 40px;
    font-size: 17px;
    text-transform: uppercase;
}
.widget-title1:before,
.widget-title1:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: #393939;
    height: 1px;
    width: 110px;
}
.widget-title1:after {
    width: 50px;
    left: 10px;
}
footer .widget-title1 {color: #fff;}
.widget-title1 i {font-style: normal;}
.dark .widget-title1 {color: #fff;}
.widget-data {
    float: left;
    width: 100%;
}
.widget p {
    font-size: 15px;
    color: #787878;
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.widget p + p {margin-top: 25px;}
.rcnt-pst {
    float: left;
    width: 100%;
    display: table;
}
.rcnt-pst + .rcnt-pst {margin-top: 30px;}
.rcnt-pst > * {
    display: table-cell;
    vertical-align: middle;
}
.rcnt-pst > a {width: 87px;}
.rcnt-pst-inf {padding-left: 30px;}
.rcnt-pst-inf > h2 {
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 3px;
    float: left;
    width: 100%;
    text-transform: uppercase;
}
.dark .rcnt-pst-inf > h2 {color: #fff;}
.rcnt-pst-inf > h2 a {color: inherit;}
.rcnt-pst-inf > span {
    font-style: italic;
    font-size: 11px;
    color: #7b7b7b;
}
.widget ul {
    float: left;
    width: 100%;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.widget ul li {
    float: left;
    width: 100%;
    font-size: 13px;
    color: #787878;
    position: relative;
}
footer .widget ul li {padding-left: 25px;}
footer .widget ul li:before {
    content: "\f0a4";
    font-family: fontawesome;
    position: absolute;
    left: 0;
}
.widget ul li + li {margin-top: 20px;}
.widget ul li a {color: inherit;}
.widget ul.cnt-lst {}
.widget ul.cnt-lst li {padding-left: 0;}
.widget ul.cnt-lst li:before {display: none;}
.widget ul.cnt-lst li.addr > i {
    height: 62px;
    width: 62px;
    text-align: center;
    line-height: 62px;
    background: #191919;
    font-size: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    margin-right: 20px;
    float: left;
}
.widget ul.cnt-lst li.addr > strong {
    display: block;
    margin-bottom: 9px;
}
.widget ul.cnt-lst li strong {
    font-size: 13px;
    text-transform: uppercase;
    font-family: montserrat;
}
.widget ul.cnt-lst li span,
.widget ul.cnt-lst li a {
    font-style: italic;
    font-size: 12px;
}
.widget ul.cnt-lst li + li {margin-top: 15px;}
.widget ul.cnt-lst li + li strong {
    float: left;
    margin-left: 10px;
}
.widget ul.cnt-lst li + li span,
.widget ul.cnt-lst li a {margin-left: 30px;}
/*===== Bottom Bar =====*/
.bottom-bar {
    float: left;
    width: 100%;
    padding: 35px 0 25px;
}
.ft-lg {float: left;}
.ft-lg > h1 {margin: 0;}
.copyright {
    float: right;
    text-align: right;
}
.copyright > span,.copyright > p {
    font-style: italic;
    font-size: 12px;
    color: #555;
}
.copyright > span a {border-bottom: 1px solid;}
.copyright > p {margin-bottom: 0;}
/*===== Page Top 1 =====*/
.page-top {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    padding: 70px 0;
}
.page-title {
    float: left;
    width: 100%;
}
.page-title > h1 {
    font-size: 30px;
    margin: 0;
    text-transform: uppercase;
}
/*===== Pagination =====*/
.pagination {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    margin-top: 83px;
}
.pagination ul {
    padding-left: 0;
    list-style: none;
    margin: 0;
    display: inline-block;
}
.pagination ul li {
    float: left;
    margin-right: 7px;
    margin-top: 7px;
    color: #303030;
    font-family: montserrat;
    font-size: 13px;
    line-height: 53px;
}
.pagination ul li:last-child {margin-right: 0;}
.pagination ul li a,
.pagination ul li span {
    height: 53px;
    width: 63px;
    float: left;
    background: #fbfbfb;
    color: inherit;
}
.gray .pagination ul li a, 
.gray .pagination ul li span {background: #fff;}
.pagination ul li:hover a,
.pagination ul li:hover span {color: #fff;}
.pagination ul li.prev-pg, 
.pagination ul li.next-pg {
    color: #fff;
    font-size: 16px;
}
.pagination ul li.prev-pg a, 
.pagination ul li.prev-pg span, 
.pagination ul li.next-pg a, 
.pagination ul li.next-pg span {background: #383838;}
/*===== Event Page =====*/
.search-event {
    float: left;
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
    background: #fbfbfb;
    margin-bottom: 80px;
}
.gray .search-event {background: #fff;}
.search-event > h4 {
    font-size: 18px;
    text-transform: uppercase;
    margin: 0;
    float: left;
}
.search-event > a {
    float: right;
    font-family: montserrat;
    text-transform: uppercase;
    font-weight: 600;
    border-bottom: 1px solid;
}
.search-event > a i.fa-map-marker {margin-right: 5px;}
.search-event > a i.fa-long-arrow-right {margin-left: 5px;}
.search-event > form {
    float: left;
    width: 100%;
    margin-top: 10px;
}
.search-event > form input {
    float: left;
    width: 100%;
    border: 1px solid #c9c9c9;
    height: 58px;
    font-style: italic;
    color: #999;
    font-size: 13px;
    padding-left: 50px;
    margin-top: 10px;
    background: #fff;
}
.gray .search-event > form input {background: #fbfbfb;}
.select-fld .select2-container--default .select2-selection--single {
    background: #fbfbfb;
    border: 1px solid #c9c9c9;
}
.select-fld {
    margin-top: 10px;
    width: 98%;
}
.select-fld .select2-container--default .select2-selection--single .select2-selection__rendered {font-size: 13px;}
.select-fld .select2-container--default .select2-selection--single .select2-selection__arrow {right: -8px;}
.search-event > form button {
    padding: 0 42px;
    margin-left: 8px;
    margin-top: 10px;
}
/*===== Sidebar =====*/
.widget-title2 {
    float: left;
    width: 100%;
    margin-top: 0;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333;
    font-weight: 700;
    position: relative;
    margin-bottom: 30px;
}
.widget-title2:before {
    content: "\f10d";
    position: absolute;
    right: 0;
    font-family: Flaticon;
    font-size: 32px;
    top: -10px;
}
/*===== Calendar Widget =====*/
.sidebar-calendar {
    float: left;
    margin-bottom: 30px;
    width: 100%;
    text-align: center;
    background: #fbfbfb;
}
.sidebar-calendar .fc-toolbar {
    margin-bottom: 0;
    position: relative;
    height: 56px;
    line-height: 56px;
}
.fc-toolbar .fc-center > h2 {
    font-size: 15px;
    color: #fff;
    line-height: 56px;
}
.sidebar-calendar .fc-toolbar > div.fc-left,
.sidebar-calendar .fc-toolbar > div.fc-right {
    position: absolute;
    height: 10px;
    width: 10px;
    top: 50%;
    margin-top: -5px;
}
.sidebar-calendar .fc-toolbar > div button {
    background: transparent;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
    -ms-text-shadow: none;
    -o-text-shadow: none;
    text-shadow: none;
    height: 10px;
    width: 10px;
    color: transparent;
    padding: 0;
    font-size: 13px;
}
.sidebar-calendar .fc-toolbar > div.fc-center {}
.sidebar-calendar .fc-toolbar > div button:before {
    content: "\f101";
    font-family: fontawesome;
    color: #fff;
    position: absolute;
    font-size: 13px;
    top: -23px;
}
.sidebar-calendar .fc-toolbar > div.fc-right button:before {right: 0;}
.sidebar-calendar .fc-toolbar > div.fc-left button:before {content: "\f100";}
.sidebar-calendar .fc-toolbar > div.fc-left {
    left: 50%;
    -webkit-transform: translateX(-80px);
    -moz-transform: translateX(-80px);
    -ms-transform: translateX(-80px);
    -o-transform: translateX(-80px);
    transform: translateX(-80px);
}
.sidebar-calendar .fc-toolbar > div.fc-right {
    right: 50%;
    -webkit-transform: translateX(75px);
    -moz-transform: translateX(75px);
    -ms-transform: translateX(75px);
    -o-transform: translateX(75px);
    transform: translateX(75px);
}
.sidebar-calendar .fc-month-view .fc-head {
    height: 40px;
    line-height: 40px;
    background: #f6f6f6;
}
.sidebar-calendar .fc-month-view .fc-head td {border: 0;}
.sidebar-calendar .fc-month-view .fc-head td.fc-widget-header {
    font-size: 12px;
    color: #555;
    font-family: montserrat;
    padding: 0 15px;
}
.sidebar-calendar .fc-month-view .fc-head td.fc-widget-header > div {
    margin-right: 0 !important;
    border-right: 0 !important;
}
.sidebar-calendar .fc-month-view .fc-head td.fc-widget-header > div th {border: 0;}
.sidebar-calendar .fc-month-view .fc-head td.fc-widget-header > div thead tr {}
.sidebar-calendar .fc-month-view .fc-body {}
.sidebar-calendar .fc-month-view .fc-body td {border: 0;}
.sidebar-calendar .fc-month-view .fc-body td div.fc-week {min-height: 40px;}
.sidebar-calendar .fc-month-view .fc-body td div.fc-week td {
    height: 40px;
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    color: #444;
    line-height: 30px;
    position: relative;
    padding: 0;
}
.sidebar-calendar .fc-month-view .fc-body td div.fc-week td.fc-today {
    background: transparent;
    color: #fff;
}
.sidebar-calendar .fc-month-view .fc-body td div.fc-week td:before {
    content: "";
    position: absolute;
    height: 30px;
    width: 30px;
    background: red;
    left: 50%;
    top: 50%;
    z-index: -1;
    opacity: 0;
}
.sidebar-calendar .fc-month-view .fc-body td div.fc-week td.fc-today:before {opacity: 1;}
.gray .sidebar-calendar {background: #fff;}
.sidebar-calendar * {
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -ms-box-sizing: border-box !important;
    -o-box-sizing: border-box !important;
    box-sizing: border-box !important;
}
.sidebar-calendar .fc-month-view .fc-body tr div.fc-day-grid {padding: 0 20px;}
.sidebar-calendar .fc-month-view .fc-body td > div.fc-day-grid-container {
    height: 250px !important;
    overflow: hidden;
}
/*===== Event Mini =====*/
.event-box-mini {
    float: left;
    width: 100%;
}
.event-box-mini + .event-box-mini {margin-top: 20px;}
.event-box-mini > strong {
    float: left;
    color: #fff;
    height: 80px;
    width: 85px;
    text-align: center;
    font-size: 25px;
    color: #fefefe;
    text-transform: uppercase;
    padding: 12px 10px;
    margin-right: 20px;
}
.event-box-mini > strong small {
    font-size: 11px;
    display: block;
}
.event-box-mini > span {
    width: initial;
    margin-top: 8px;
    display: block;
    float: none;
}
.event-box-mini > h2 {
    font-size: 13px;
    color: #333;
    line-height: 19px;
    margin-bottom: 0;
    margin-top: 10px;
    font-weight: 400;
}
.event-box-mini > h2 a {color: inherit;}
/*===== Sidebar List =====*/
.sidebar .widget ul {
    background: #fbfbfb;
    padding: 40px;
}
.gray .sidebar .widget ul {background: #fff;}
.sidebar .widget ul li {
    font-family: montserrat;
    color: #444;
    line-height: 35px;
}
.sidebar .widget ul li span {
    font-size: 10px;
    font-weight: 700;
    height: 35px;
    width: 35px;
    text-align: center;
    border: 2px solid #fff;
    float: right;
    line-height: 35px;
}
.gray .sidebar .widget ul li span {border-color: #fbfbfb;}
.sidebar .widget ul li:hover > span {color: #fff !important;}
.sidebar .widget ul li:hover > a {color: #333;}
/*===== Video Post =====*/
.sidebar .rcnt-pst-inf > span {font-style: normal;}
.sidebar .rcnt-pst-inf {padding-left: 25px;}
.sidebar .rcnt-pst-inf > h2 {text-transform: initial;}
.video-pst {
    float: left;
    width: 100%;
    text-align: center;
}
.video-thumb {
    float: left;
    width: 100%;
    position: relative;
}
.video-thumb:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: .6;
}
.video-thumb > a {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 45px;
}
.video-info {
    float: left;
    width: 100%;
    margin-top: 30px;
}
.video-info > h2 {
    float: left;
    width: 100%;
    margin-top: 0;
    font-size: 14px;
    margin-bottom: 8px;
}
.video-info > h2 a {color: inherit;}
.video-info > span {
    float: none;
    display: inline-block;
}
/*===== Tag Cloud =====*/
.tagcloud {
    float: left;
    width: 100%;
    padding: 37px 35px;
    background: #fbfbfb;
}
.gray .tagcloud {background: #fff;}
.tagcloud > a {
    font-size: 11px;
    font-style: italic;
    color: #555;
    padding: 0 22px;
    line-height: 40px;
    margin-right: 4px;
    margin-top: 3px;
    background: #fff;
    float: left;
    position: relative;
    z-index: 1;
}
.gray .tagcloud > a {background: #ededed;}
.tagcloud > a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
    transform: scale(.5);
    opacity: 0;
}
.tagcloud > a:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.tagcloud > a:hover {color: #fff;}

/*===== Flickr Widget =====*/
.flickr-gallery {
    float: left;
    width: 100%;
    margin-bottom: -5px;
}
.flickr-gallery a {
    display: block;
    margin-bottom: 5px;
    overflow: hidden;
}
.flickr-gallery a:hover > img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

/*===== Team =====*/
.member-box {
    text-align: center;
    float: left;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
    padding-bottom: 70px;
}
.member-box > img {display: inline-block !important;}
.member-detail {margin-top: 30px;}
.member-detail > h2 {
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 5px;
}
.member-detail > h2 a {color: inherit;}
.member-detail > span {
    text-transform: uppercase;
    font-family: montserrat;
    font-size: 12px;
}
.member-box:before {
    content: "";
    background: #fbfbfb;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    z-index: -1;
}
.gray .member-box:before {background: #fff;}

/*===== Google Map =====*/
.google-map {
    float: left;
    width: 100%;
}
.map {
    float: left;
    width: 100%;
    min-height: 455px;
}
/*===== Offices Address =====*/
.offices-list {
    float: left;
    width: 100%;
}
.offic-box {
    float: left;
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 1px solid #dfdfdf;
}
.offic-box:last-child {border-bottom: 0;}
.offic-box + .offic-box {margin-top: 60px;}
.offic-name {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.offic-name > span {
    font-size: 30px;
    color: #cdcdcd;
    font-family: montserrat;
    font-weight: 600;
}
.offic-name > h2 {
    font-size: 18px;
    color: #404040;
    letter-spacing: 1px;
    margin-top: 15px;
    margin-bottom: 8px;
}
.offic-name > a {
    font-style: italic;
    font-size: 13px;
    float: left;
    border-bottom: 1px solid;
}
.offic-info {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    margin-top: 20px;
}
.offic-info > i {
    height: 82px;
    width: 82px;
    text-align: center;
    font-size: 28px;
    color: #fff;
    line-height: 82px;
    margin-right: 20px;
    float: left;
}
.offic-info > strong {
    display: block;
    font-size: 15px;
    font-family: montserrat;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 7px;
    margin-top: 5px;
}
.offic-info > span, 
.offic-info > a {
    display: block;
    font-size: 14px;
    color: #373838;
    margin-top: 4px;
}
/*===== Title Style 4 =====*/
.title-style4 {
    float: left;
    width: 100%;
}
.title-style4 > span {font-size: 13px;}
.title-style4 > h4 {
    font-size: 22px;
    color: #404040;
    letter-spacing: 1px;
}
.title-style4 > p {
    font-size: 15px;
    color: #666;
    line-height: 24px;
}
/*===== Contact Page =====*/
.contact-form {
    float: left;
    width: 100%;
}
.contact-form > form {
    float: left;
    width: 100%;
}
.contact-form > form input,
.contact-form > form textarea {
    float: left;
    width: 100%;
    border: 0;
    background: #fbfbfb;
    font-size: 12px;
    color: #ababab;
    padding: 10px 40px;
    height: 55px;
}
.gray .contact-form > form input, 
.gray .contact-form > form textarea {background: #fff;}
.contact-form > form input + input {margin-top: 10px;}
.contact-form > form textarea {
    min-height: 185px;
    padding-top: 25px;
}
.contact-form > form button {margin-top: 50px;}
/*===== Blog Detail =====*/
.blg-dtl {
    float: left;
    width: 100%;
}
.blg-dtl > img {margin-bottom: 45px;}
.blg-mta {
    float: left;
    margin-bottom: 30px;
    padding: 0 65px;
    width: 100%;
}
.blg-mta > h1 {
    float: left;
    font-size: 22px;
    letter-spacing: 1px;
    margin-top: 30px;
    width: 100%;
}
.pst-meta > li.cmt {
    font-family: montserrat;
    font-weight: 700;
}
.blg-dtl > p {
    clear: both;
    font-size: 15px;
    margin-bottom: 30px;
    padding: 0 8%;
}
.blg-mta .pst-meta {width: 100%;}
blockquote {
    background: rgba(0, 0, 0, 0) url(../images/blcqut-bg1.jpg) repeat scroll center center / cover ;
    border-left: 0 none;
    margin-bottom: 40px;
    padding: 55px 10%;
    position: relative;
    text-align: center;
    z-index: 1;
}
blockquote:before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.7;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
blockquote p {
    color: #fff !important;
    font-family: montserrat;
    font-size: 18px;
    font-style: italic;
    font-weight: 600;
    line-height: 30px;
}
/*===== Share & Tags =====*/
.shar-tag {
    border-bottom: 3px double #ebebeb;
    border-top: 3px double #ebebeb;
    float: left;
    padding: 20px 0;
    width: 100%;
}
.share {float: left;}
.share > span {
    color: #666;
    float: left;
    font-family: montserrat;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 38px;
    margin-right: 15px;
    text-transform: uppercase;
}
.share > a {
    background: #fbfbfb none repeat scroll 0 0;
    color: #555;
    float: left;
    height: 38px;
    line-height: 38px;
    margin-left: 5px;
    position: relative;
    text-align: center;
    width: 40px;
    z-index: 1;
}
.gray .share > a {background: #fff none repeat scroll 0 0;}
.tagclouds {float: right;}
.tagclouds > * {line-height: 38px;}
.tagclouds > span {
    color: #555;
    font-family: montserrat;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.tagclouds > a {
    font-family: montserrat;
    font-size: 12px;
    font-weight: 600;
}
.tagclouds > a:hover {color: #333;}
.share > a:before {
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    z-index: -1;
}
.share > a:hover:before {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.share > a:hover {color: #fff;}
/*===== Author =====*/
.pst-author {
    display: table;
    float: left;
    margin-top: 45px;
    padding: 10px 115px 10px 0;
    position: relative;
    width: 100%;
    z-index: 1;
}
.pst-author:before {
    background: #fbfbfb none repeat scroll 0 0;
    -webkit-border-radius: 0 110px 110px 0;
    -moz-border-radius: 0 110px 110px 0;
    border-radius: 0 110px 110px 0;
    bottom: 0;
    content: "";
    left: 100px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.pst-author > * {
    display: table-cell;
    vertical-align: middle;
}
.pst-author-detail {padding-left: 50px;}
.pst-author > img {min-width: 170px;}
.pst-author-detail > h2 {
    float: left;
    font-size: 15px;
    margin-top: 0;
    text-transform: uppercase;
}
.author-social {
    float: right;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}
.author-social > li {
    float: left;
    font-size: 13px;
    margin-right: 10px;
    padding-right: 10px;
    position: relative;
}
.author-social > li:last-child {
    margin-right: 0;
    padding-right: 0;
}
.author-social > li:before {
    background: #9c9c9c none repeat scroll 0 0;
    content: "";
    height: 9px;
    margin-top: -4.5px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
}
.author-social > li:last-child:before {display: none;}
.author-social > li a:hover {color: #333;}
.pst-author-detail > p {
    float: left;
    font-size: 15px;
    font-style: italic;
    margin-bottom: 0;
    margin-top: 10px;
    width: 100%;
}
.gray .pst-author:before {background: #fff none repeat scroll 0 0;}
.comments {
    float: left;
    margin-top: 50px;
    width: 100%;
}
/*===== Title =====*/
.title {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.title > span {font-size: 13px;}
.title > h4 {
    color: #323232;
    font-size: 24px;
    text-transform: uppercase;
}

/*===== Comment Threads =====*/
.comments-thred {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    margin-top: -10px;
    padding-left: 0;
    width: 100%;
}
.comments-thred > li {
    float: left;
    width: 100%;
}
.comment {
    display: table;
    float: left;
    padding: 10px 50px 10px 0;
    position: relative;
    width: 100%;
    z-index: 1;
}
.comment:before {
    background: #fbfbfb none repeat scroll 0 0;
    -webkit-border-radius: 0 110px 110px 0;
    -moz-border-radius: 0 110px 110px 0;
    border-radius: 0 110px 110px 0;
    bottom: 0;
    content: "";
    left: 100px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.gray .comment:before {background: #fff none repeat scroll 0 0;}
.comment > * {
    display: table-cell;
    vertical-align: middle;
}
.comment-thumb {
    min-width: 170px;
    position: relative;
}
.comment-reply-link {
    bottom: 20px;
    color: #fff;
    font-family: montserrat;
    font-size: 11px;
    font-weight: 600;
    left: 50%;
    line-height: 36px;
    padding: 0 40px;
    position: absolute;
    text-transform: uppercase;
}
.comment-reply-link:hover {
    background: #000 none repeat scroll 0 0;
    color: #fff;
}
.comment-detail {padding-left: 50px;}
.comment-detail > h2 {
    color: #323232;
    float: left;
    font-size: 15px;
    margin-bottom: 0;
    margin-right: 70px;
    margin-top: 0;
    text-transform: uppercase;
}
.comment-detail > h2 a {color: inherit;}
.comment-detail > span {
    float: left;
    font-size: 12px;
    margin-top: 5px;
}
.comment-detail > p {
    color: #666;
    float: left;
    font-size: 15px;
    margin-bottom: 0;
    margin-top: 10px;
    width: 100%;
}
.comment ~ ul {
    list-style: outside none none;
    padding-left: 170px;
}
.comments-thred li {
    float: left;
    margin-top: 10px;
    width: 100%;
}
/*===== Reply Form =====*/
.reply-comment {
    float: left;
    margin-top: 50px;
    width: 100%;
}
.reply-comment > form {
    float: left;
    width: 100%;
}
.reply-comment > form input, 
.reply-comment > form textarea {
    border: 0 none;
    color: #8c8c8c;
    float: left;
    font-size: 12px;
    height: 58px;
    padding: 20px 40px;
    width: 100%;
}
.mrg5 input, 
.mrg5 textarea {margin-bottom: 5px;}
.mrg10 input, 
.mrg10 textarea {margin-bottom: 10px;}
.reply-comment > form textarea {min-height: 185px;}
.reply-comment > form button {margin-top: 40px;}
/*===== Cause Detail =====*/
.dont-inf {
    float: left;
    margin-bottom: 35px;
    margin-top: 10px;
    width: 100%;
}
.dont-inf > span {width: auto;}
.dont-inf > a {float: right;}
.progress {
    background: #202020 none repeat scroll 0 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    float: left;
    height: 10px;
    margin-bottom: 10px;
    margin-top: 40px;
    overflow: initial;
    width: 100%;
}
.progress-bar {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    position: relative;
}
.progress-bar > span {
    background: red none repeat scroll 0 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    bottom: -43px;
    font-family: montserrat;
    font-size: 13px;
    font-weight: 600;
    line-height: 24px;
    padding: 0 10px;
    position: absolute;
    right: 0;
}
.progress-bar > span:before {
    background: red none repeat scroll 0 0;
    content: "";
    height: 7px;
    left: 50%;
    margin-left: -3px;
    position: absolute;
    top: -3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 7px;
}
.pst-meta.styl2 li img {
    float: left;
    margin-right: 15px;
}
.pst-meta.styl2 li span {width: auto;}
.pst-meta.styl2 li span, 
.pst-meta.styl2 li a, 
.pst-meta.styl2 li i {margin-top: 15px;}
.pst-meta.styl2 li span i {color: #8c8b8b;}
.btn1.disable {
    background: #c2c3c1 none repeat scroll 0 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    cursor: auto;
}

/*===== Event Detail =====*/
.evnt-tmng {
    float: left;
    margin-top: 45px;
    width: 100%;
}
.evnt-tim {
    float: left;
    margin-right: 45px;
    padding-right: 25px;
    position: relative;
    width: 270px;
}
.evnt-tim:before {
    background: #d7d7d7 none repeat scroll 0 0;
    content: "";
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
}
.evnt-tim:last-child {
    margin-right: 0;
    padding-right: 0;
}
.evnt-tim:last-child:before {display: none;}
.evnt-tim > span {
    color: #444;
    font-family: montserrat;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.pst-meta li strong, 
span.loc strong {
    color: #444;
    font-family: montserrat;
    font-size: 12px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.evnt-loca {
    min-height: 285px;
    width: 330px;
}
.alignright {
    float: right;
    margin-bottom: 20px;
    margin-left: 40px;
}
.blg-dtl h3 {
    font-size: 17px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.blg-dtl > div.paddlr70 ul {
    list-style: outside none none;
    margin-bottom: 70px;
    padding-left: 0;
}
.blg-dtl > div.paddlr70 ul li:before {
    background: #444 none repeat scroll 0 0;
    content: "";
    height: 8px;
    left: 0;
    position: absolute;
    top: 14px;
    width: 8px;
}
.blg-dtl > div.paddlr70 ul li {
    font-size: 15px;
    line-height: 33px;
    padding-left: 15px;
    position: relative;
}
/*===== Become Volunteer =====*/
.hlp-cnt {
    float: left;
    width: 100%;
}
.hlp-cnt > span {font-size: 13px;}
.hlp-cnt > h4 {
    color: #404040;
    font-size: 26px;
    margin-bottom: 0;
}
.hlp-cnt > p {
    font-size: 15px;
    margin-bottom: 0;
    margin-top: 25px;
}
.othr-inf {
    float: left;
    margin-top: 60px;
    width: 100%;
}
.othr-inf > span {
    float: left;
    font-family: montserrat;
    font-size: 17px;
    font-weight: 600;
    margin-right: 45px;
    margin-top: 6px;
}
.othr-inf > span i {
    display: block;
    font-style: normal;
}
.bec-vdo {
    float: left;
    width: 100%;
}
.bec-vdo .video-thumb {margin-bottom: 50px;}
/*===== Volunteer Form =====*/
form input,
form textarea {
    background: #fbfbfb;
    border: 0 none;
    color: #ababab;
    float: left;
    font-size: 12px;
    height: 58px;
    padding: 20px 40px;
    width: 100%;
}
.gray form input,
.gray form textarea {background: #fff;}
.sclt .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #ababab;
    font-size: 12px;
    font-style: normal;
}
.volunteer-form {
    float: left;
    width: 100%;
}
.volunteer-form > form {
    float: left;
    width: 100%;
}
.volunteer-form > form input, 
.volunteer-form > form .sclt,
.volunteer-form > form textarea {margin-bottom: 10px;}
.volunteer-form > form .sclt {width: 98%;}
.volunteer-form > form textarea {height: 140px;}
.volunteer-form > form button {
    margin-top: 20px;
    padding: 0 60px;
}
/*===== Title 2 =====*/
.title2 {
    float: left;
    width: 100%;
}
.title2 > span {
    color: #2e2d2d;
    font-size: 14px;
}
.title2 > h4 {
    color: #050505;
    font-size: 48px;
    margin-bottom: 15px;
    margin-top: 10px;
}
.title2 > h4 span {font-size: 26px;}
.title2 > h4 span {
    display: block;
    margin-bottom: 7px;
}
.title2 > p {
    color: #303030;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 10px;
}
/*===== Event Calendar =====*/
.evnt-calendar {
    float: left;
    overflow: hidden;
    width: 100%;
}
.clndr {
    background: #fbfbfb none repeat scroll 0 0;
    float: left;
    width: 100%;
}
.gray .clndr {background: #fff none repeat scroll 0 0;}
.clndr .fc-toolbar {
    margin-bottom: 0;
    padding: 60px 65px 40px;
    position: relative;
    text-align: center;
}
.clndr .fc-toolbar > .fc-center {display: inline-block;}
.clndr .fc-toolbar > .fc-center h2 {
    color: #282828;
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.clndr .fc-toolbar > div.fc-left, 
.clndr .fc-toolbar > div.fc-right {
    margin-top: -10px;
    position: absolute;
    top: 50%;
}
.clndr .fc-toolbar > div.fc-left {
    left: 50%;
    -webkitransform: translateX(-190px);t-
    -moz-transform: translateX(-190px);
    -ms-transform: translateX(-190px);
    -o-transform: translateX(-190px);
    transform: translateX(-190px);
}
.clndr .fc-toolbar > div.fc-right {
    right: 50%;
    -webkit-transform: translateX(190px);
    -moz-transform: translateX(190px);
    -ms-transform: translateX(190px);
    -o-transform: translateX(190px);
    transform: translateX(190px);
}
.clndr .fc-toolbar > div button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    color: #959595;
    font-family: montserrat;
    text-transform: capitalize;
}
.clndr .fc-view-container {
    background: #f0eeee none repeat scroll 0 0;
    padding: 30px;
}
.clndr .fc-view-container table, 
.clndr .fc-view-container table tr, 
.clndr .fc-view-container table td, 
.clndr .fc-view-container table th {border: 0 none;}
.clndr .fc-view-container table thead.fc-head {
    background: #fff none repeat scroll 0 0;
    line-height: 60px;
}
.clndr .fc-view-container table thead.fc-head .fc-day-header {
    color: #444;
    font-family: montserrat;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.clndr .fc-basic-view .fc-body .fc-row {min-height: 165px;}
.clndr .fc-view-container table tbody .fc-day {
    border-color: #f0eeee;
    border-style: solid;
    border-width: 3px 4px;
    position: relative;
}
.clndr .fc-view-container table tbody .fc-day.fc-today {background: transparent;}
.clndr .fc-view-container table tbody .fc-day:before {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}
.fc-basic-view td.fc-day-number, .fc-basic-view td.fc-week-number span {
    color: #444;
    font-family: montserrat;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    padding-right: 45px;
    padding-top: 40px;
}
.clndr .fc-view-container table tbody .fc-day.fc-other-month:before {background: #f5f5f5 none repeat scroll 0 0;}
.fc-basic-view td.fc-day-number.fc-today, 
.fc-basic-view td.fc-week-number.fc-today span {color: #fff;}
.fc-day-grid-event {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 11px;
    letter-spacing: 0.1px;
    margin: 0;
    padding: 0;
    width: 100%;
}
.fc-row .fc-content-skeleton td.fc-event-container {
    padding: 30px 20px;
    position: relative;
}
.fc-day-grid-event > div.fc-content {white-space: normal;}
.fc-row .fc-content-skeleton td.fc-event-container:before {
    background: #333 none repeat scroll 0 0;
    content: "";
    height: 160px;
    left: 6px;
    position: absolute;
    top: -57px;
    width: 152px;
    z-index: -1;
}

.clndr .fc-day-grid-container {
    height: initial !important;
    overflow: hidden;
}
/*===== Member Detail =====*/
.mbr-dtl {}
.mbr-inf-wrp {
    float: left;
    min-height: 554px;
    position: relative;
    width: 100%;
}
.mbr-inf-inr {
    left: 60%;
    position: absolute;
    top: 50%;
    width: 80%;
}
.mbr-inf {
    float: left;
    text-align: right;
    width: 100%;
}
.mbr-scil {
    float: left;
    list-style: outside none none;
    margin-top: 16px;
    margin-bottom: 0;
    padding-left: 0;
}
.mbr-scil > li {
    color: #fff;
    float: left;
    font-size: 11px;
    line-height: 38px;
    margin-right: 5px;
    text-align: center;
}
.mbr-scil > li a {
    color: inherit;
    display: block;
    height: 38px;
    width: 38px;
}
.mbr-inf > h1 {
    float: right;
    font-size: 36px;
    margin-bottom: 15px;
    margin-top: 0;
}
.mbr-inf > i {
    float: right;
    font-size: 15px;
    width: 100%;
}
.mbr-inf > p {
    color: #666;
    float: left;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 15px;
    width: 100%;
}
.mbr-cnt {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    margin-top: 25px;
    padding-left: 0;
    width: 100%;
}
.mbr-cnt > li {
    float: left;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 42px;
    margin-top: 10px;
    width: 100%;
}
.mbr-cnt > li i {
    color: #fff;
    float: right;
    font-size: 13px;
    height: 42px;
    line-height: 42px;
    margin-left: 30px;
    text-align: center;
    width: 42px;
}
.mbr-cnt > li a {color: inherit;}
.mbr-thmb {
    float: left;
    width: 100%;
}
.mbr-thmb > img {width: 100%;}
/*===== Donation Sec =====*/
.dnt-sec {
    float: left;
    width: 100%;
}
.dnt-hdr {
    background: #ececec none repeat scroll 0 0;
    display: table;
    float: left;
    padding: 60px 13%;
    width: 100%;
}
.donation-intro {
    float: left;
    padding-right: 30px;
    vertical-align: middle;
}
.sclt-dnt-tm {
    display: table-cell;
    vertical-align: middle;
    width: 530px;
}
.donation-intro > h4 {
    font-size: 22px;
    letter-spacing: 1px;
    margin-bottom: 8px;
    margin-top: 0;
    text-transform: uppercase;
}
.donation-intro > span {
    color: #666;
    font-size: 14px;
}
.sclt-dnt-tm .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #727272;
    font-family: montserrat;
    font-size: 12px;
    font-style: normal;
    text-transform: uppercase;
}
.dnt-figrs {
    background: #fbfbfb none repeat scroll 0 0;
    display: table;
    float: left;
    padding: 40px 13%;
    width: 100%;
}
.gray .dnt-figrs {background: #fff none repeat scroll 0 0;}
.dnt-figrs > strong {
    color: #303030;
    float: left;
    font-family: montserrat;
    font-size: 17px;
    line-height: 48px;
    margin-top: 3px;
    padding-right: 30px;
    text-transform: uppercase;
    vertical-align: middle;
}
.dnt-fgr-lst {
    display: table-cell;
    float: right;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    vertical-align: middle;
}
.dnt-fgr-lst > li {
    color: #5d5d5d;
    float: left;
    font-family: montserrat;
    font-size: 15px;
    line-height: 48px;
    margin-right: 3px;
    margin-top: 3px;
}
.dnt-fgr-lst > li a {
    border: 1px solid #d5d5d5;
    color: inherit;
    float: left;
    padding: 0 20px 0 40px;
    position: relative;
    width: 105px;
}
.dnt-fgr-lst > li a:before {
    background: #adadad none repeat scroll 0 0;
    content: "";
    height: 7px;
    left: 20px;
    position: absolute;
    top: 50%;
    width: 7px;
}
.dnt-fgr-lst > li a:after {
    border: 1px solid #d5d5d5;
    content: "";
    height: 13px;
    left: 17px;
    position: absolute;
    top: 50%;
    width: 13px;
}
.dnt-fgr-lst > li:last-child {margin-right: 0;}
.dnt-lst {
    float: left;
    width: 100%;
}
.dnt-lst > table {
    float: left;
    text-align: center;
    width: 100%;
}
.dnt-lst > table thead tr th:nth-child(2n+1) {background: #ececec none repeat scroll 0 0;}
.dnt-lst > table thead tr th:nth-child(2n) {background: #f2f0f0 none repeat scroll 0 0;}
.dnt-lst > table thead tr th {
    color: #303030;
    font-family: montserrat;
    font-size: 14px;
    line-height: 70px;
    padding: 0 90px;
    text-transform: uppercase;
}
.dnt-lst > table tbody tr td {
    background: #fbfbfb none repeat scroll 0 0;
    padding: 30px;
}
.gray .dnt-lst > table tbody tr td {background: #fff none repeat scroll 0 0;}
.caus-nm {
    display: table;
    float: left;
    max-width: 80%;
    text-align: left;
    width: 100%;
}
.caus-nm > img {
    float: left;
    min-width: 168px;
    vertical-align: middle;
}
.caus-nm > h2 {
    color: #303030;
    display: table-cell;
    font-size: 17px;
    line-height: 24px;
    padding-left: 30px;
    vertical-align: middle;
}
.caus-nm > h2 a {color: inherit;}
.amunt-bx {
    color: #5d5d5d;
    font-family: montserrat;
    font-size: 15px;
    font-weight: 700;
}
.rmv-dnt {}
.rmv-dnt {
    border-bottom: 1px solid;
    display: inline-block;
    font-family: montserrat;
    font-weight: 600;
}
a:hover {color: #000;}
.dnt-pymnt-mthd {
    float: left;
    margin-top: 70px;
    width: 100%;
}
.title3 {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.title3 > span {font-size: 13px;}
.title3 > h4 {
    color: #404040;
    font-size: 22px;
    letter-spacing: 1px;
    margin-bottom: 0;
}
.pymnt-frm {
    float: left;
    width: 100%;
}
.pynt-opts {
    float: left;
    width: 100%;
}
.pynt-opts > span {
    cursor: pointer;
    float: left;
    line-height: 48px;
    margin-bottom: 45px;
    margin-left: 35px;
}
.pynt-opts > img {
    float: left;
    margin-bottom: 45px;
}
.pynt-opts > span input {
    cursor: pointer;
    height: 40px;
    margin-right: 10px;
    margin-top: 4px;
    width: auto;
}
.pynt-opts > span label {
    color: #404040;
    cursor: pointer;
    font-family: montserrat;
    font-size: 15px;
    letter-spacing: 1px;
}
.pynt-opts div > input, 
.pynt-opts div > .scl {margin-bottom: 10px;}
.pynt-opts div > .scl .select2-container--default .select2-selection--single .select2-selection__rendered {
    text-transform: uppercase;
    font-family: montserrat;
    color: #727272;
    font-size: 12px;
    font-style: normal;
}
.prcnl-inf {
    float: left;
    margin-top: 35px;
    width: 100%;
}
.title3 > p {
    color: #666;
    font-size: 15px;
    margin-bottom: 0;
    margin-top: 20px;
}
.pynt-opts div > textarea {min-height: 192px;}
.pynt-opts div > button {margin-top: 50px;}
/*===== Demo 2 =====*/
/*===== Header Style 2 =====*/
.topbar1.style2 .tb-br-cnt1 > li i {font-size: 15px;}
.tb-br-scl2 {
    float: right;
    margin-right: 70px;
}
.tb-br-scl2 > strong {
    float: left;
    font-family: montserrat;
    font-size: 12px;
    line-height: 58px;
    margin-right: 20px;
    text-transform: uppercase;
}
.tb-br-scl2 .scl-shr1 > li a:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.topbar1.style2 > a {float: right;}
.topbar1.style2 > a {float: right;}
.topbar1.style2 > div > a {float: right;}
.btn2 {
    color: #fff;
    font-family: montserrat;
    font-size: 12px;
    font-weight: 600;
    line-height: 58px;
    padding: 0 45px;
    text-transform: uppercase;
}
.srch-crt-lst {
    float: right;
    margin-top: 40px;
    vertical-align: middle;
}
.srch-crt-lst > ul {
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}
.srch-crt-lst > ul > li {
    color: #444;
    float: left;
    font-size: 15px;
    margin-right: 15px;
    padding-right: 15px;
    position: relative;
}
.srch-crt-lst > ul > li:last-child {
    margin-right: 0;
    padding-right: 0;
}
.srch-crt-lst > ul > li:before {
    background: #dbdbdb none repeat scroll 0 0;
    content: "";
    height: 11px;
    margin-top: -5.5px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
}
.srch-crt-lst > ul > li:last-child:before {display: none;}
.srch-crt-lst > ul > li a {color: inherit;}
.srch-crt-lst > ul > li a span {
    -webkit-animation: 1s ease 0s normal none infinite running wobble;
    -moz-animation: 1s ease 0s normal none infinite running wobble;
    -ms-animation: 1s ease 0s normal none infinite running wobble;
    -o-animation: 1s ease 0s normal none infinite running wobble;
    animation: 1s ease 0s normal none infinite running wobble;
    color: #f9f7f7;
    font-size: 10px;
    height: 15px;
    line-height: 15px;
    position: absolute;
    right: -10px;
    text-align: center;
    top: -3px;
    width: 15px;
}
/*===== Page Top 2 =====*/
.pg-tl {
    float: left;
    text-align: left;
}
.pg-tl > span {
    font-family: montserrat;
    font-size: 15px;
    letter-spacing: 1.2px;
}
.pg-tl > h1 {
    color: #fff;
    font-size: 32px;
    margin-bottom: 0;
    margin-top: 10px;
    text-transform: uppercase;
}
.bredcrumbs {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    float: right;
    list-style: outside none none;
    margin-bottom: 0;
    margin-top: 10px;
    padding: 0 70px;
}
.bredcrumbs > li {
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 12px;
    line-height: 58px;
    position: relative;
    text-transform: uppercase;
}
.bredcrumbs > li:before {
    content: "-";
    margin: 0 7px;
}
.bredcrumbs > li:first-child:before {display: none;}
.bredcrumbs > li a {color: inherit;}

/*===== Blog Style 2 =====*/
.news-box.style2 .news-detail > h2 {
    font-size: 17px;
    margin-bottom: 0;
    margin-top: 0;
}
.news-box.style2 .news-detail > .pst-meta {
    margin-bottom: 30px;
    margin-top: 13px;
}
/*===== Cause Style 2 =====*/
.cause-box1.style2 {text-align: left;}
.cause-box1.style2 .cause-thumb:before {
    bottom: -59%;
    left: -40%;
    width: 180%;
}
.cause-box1.style2 .cause-info > h2 {margin-top: 0;}
.cause-info > p {
    color: #444;
    float: left;
    line-height: 24px;
    margin-top: 10px;
    width: 100%;
}
.cause-box1.style2 span.dnt-gl {
    font-weight: 400;
    margin-top: 10px;
}
.cause-box1.style2 span.dnt-gl span {font-weight: 700;}
/*===== Gallery Style 1 =====*/
.gallery-box {
    float: left;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}
.gallery-box:before {
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleY(0.3);
    -moz-transform: scaleY(0.3);
    -ms-transform: scaleY(0.3);
    -o-transform: scaleY(0.3);
    transform: scaleY(0.3);
}
.gallery-box:hover:before {
    opacity: 0.9;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}
.gallery-info {
    left: 0;
    opacity: 0;
    padding: 0 6%;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%) scale(0.5);
    -moz-transform: translateY(-50%) scale(0.5);
    -ms-transform: translateY(-50%) scale(0.5);
    -o-transform: translateY(-50%) scale(0.5);
    transform: translateY(-50%) scale(0.5);
}
.gallery-info > h2 {
    color: #fff;
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}
.gallery-info > span.cate {
    color: #fff;
    font-style: italic;
}
.gallery-info > span.cate a:hover {color: #000;}
.gallery-box .lightbox > a {
    background: #111 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    width: 50px;
}
.gallery-box span.lightbox {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.gallery-box:hover .gallery-info {
    opacity: 1;
    -webkit-transform: translateY(-50%) scale(1);
    -moz-transform: translateY(-50%) scale(1);
    -ms-transform: translateY(-50%) scale(1);
    -o-transform: translateY(-50%) scale(1);
    transform: translateY(-50%) scale(1);
}
/*===== Featured Image =====*/
.feat-img {
    float: left;
    position: relative;
    width: 100%;
}
.feat-img:before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.7;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
.feat-cap {
    left: 50%;
    max-width: 500px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    z-index: 2;
}
.feat-cap > i {
    display: block;
    font-size: 50px;
}
.feat-cap > span {
    color: #fff;
    display: block;
    font-family: montserrat;
    font-size: 20px;
    letter-spacing: 1.3px;
    margin-top: 30px;
}
.feat-cap > h4 {
    font-size: 46px;
    text-transform: uppercase;
}
.feat-cap > p {
    color: #fff;
    font-family: montserrat;
    font-size: 18px;
}
.scl2 {
    display: inline-block;
    margin-top: 40px;
    max-width: 330px;
    width: 100%;
}
.scl2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    font-family: montserrat;
    font-size: 12px;
    font-style: normal;
    text-transform: uppercase;
}
.scl2 .select2-container--default .select2-selection--single .select2-selection__arrow {
    background: transparent none repeat scroll 0 0;
    right: 10px;
}
.scl2 .select2-container--default .select2-selection--single {}
.scl2 .select2-container--default .select2-selection--single .select2-selection__arrow b {border-top-color: #444;}
.scl2 .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-bottom-color: #444;}
/*===== Product Style 1 =====*/
.product-box {
    float: left;
    margin-bottom: 60px;
    text-align: center;
    width: 100%;
}
.product-inf {
    float: left;
    width: 100%;
}
.product-inf > h2 {
    font-size: 16px;
    letter-spacing: 0.2px;
    margin-bottom: 8px;
    margin-top: 30px;
    text-transform: uppercase;
}
.product-inf > h2 a {color: inherit;}
.product-inf .price {
    display: block;
    font-family: montserrat;
    font-size: 16px;
    margin-top: 12px;
}
.rating {
    display: block;
    margin-top: 8px;
}
.rating > ul {
    display: inline-block;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}
.rating > ul > li {
    color: #a0a0a0;
    float: left;
    font-size: 14px;
    margin-right: 5px;
}
.rating > ul > li:last-child {margin-right: 0;}
.product-inf .btn1-drk {margin-top: 22px;}
/*===== Title Style 5 =====*/
.title-style5 {
    display: block;
    margin: 0 auto 40px;
    max-width: 70%;
}
.title-style5 > span {
    font-family: montserrat;
    font-size: 15px;
    letter-spacing: 1.5px;
}
.title-style5 > h4 {
    font-size: 40px;
    line-height: 55px;
    letter-spacing: 2px;
}
.blackish .title-style5 > h4 {color: #fff;}
.title-style5 > h4 span {
    display: block;
    font-size: 30px;
}
.title-style5 > p {
    color: #e2e1e1;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 13px;
}
/*===== FunFacts =====*/
.fact-box {
    float: left;
    margin-bottom: 30px;
    text-align: left;
    width: 100%;
}
.fact-box > i {
    color: #fff;
    float: left;
    font-size: 63px;
    margin-right: 20px;
}
.fact-box > span {
    font-family: montserrat;
    font-size: 34px;
    font-weight: 600;
    letter-spacing: 2px;
}
.fact-box > p {
    color: #fff;
    font-family: montserrat;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 5px;
}
.fun-facts > a {margin-top: 15px;}
/*===== Projects =====*/
.projects-carousel {
    float: left;
    width: 100%;
}
.projects-nav {
    float: left;
    width: 100%;
}
.projects-nav > div.owl-stage-outer {
    overflow-y: auto;
    padding: 42px 0 70px;
}
.projects-nav > div.owl-stage-outer a {
    float: left;
    width: 100%;
}
.projects-nav > div.owl-stage-outer a.clicked {
    -webkit-box-shadow: 0 0 16px rgba(14, 44, 53, 0.14);
    -moz-box-shadow: 0 0 16px rgba(14, 44, 53, 0.14);
    -ms-box-shadow: 0 0 16px rgba(14, 44, 53, 0.14);
    -o-box-shadow: 0 0 16px rgba(14, 44, 53, 0.14);
    box-shadow: 0 0 16px rgba(14, 44, 53, 0.14);
    margin-top: 25px;
    position: relative;
    -webkit-transform: scaleX(1.2) scaleY(1.4);
    -moz-transform: scaleX(1.2) scaleY(1.4);
    -ms-transform: scaleX(1.2) scaleY(1.4);
    -o-transform: scaleX(1.2) scaleY(1.4);
    transform: scaleX(1.2) scaleY(1.4);
    z-index: 2;
}
.projects-nav > div.owl-stage-outer a.clicked:before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.3;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.projects-detail {
    float: left;
    width: 100%;
}
.project-detail {
    float: left;
    margin-top: 40px;
    padding: 0 20px;
    position: relative;
    width: 100%;
}
.project-detail > h2 {
    font-size: 24px;
    margin: 0;
    text-transform: uppercase;
}
.project-detail > h2 a {color: inherit;}
.project-detail > span.cate ~ span.dnt-gl:nth-child(3) {
    position: absolute;
    right: 30%;
    top: 0;
    width: auto;
}
.project-detail > p {
    color: #444;
    float: left;
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 0;
    margin-right: 60px;
    margin-top: 10px;
    width: 74%;
}
.project-detail > a {float: right;}
/*===== High Priorites =====*/
.pri-tl {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}
.pri-tl-in {
    float: left;
    margin-right: 65px;
}
.pri-tl-in > h4 {
    color: #fff;
    font-size: 36px;
    letter-spacing: 2px;
    margin-bottom: 15px;
    margin-top: 0;
    text-transform: uppercase;
}
.pri-tl-in > h4 i {
    display: block;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 5px;
}
.pri-tl-in > span {
    color: #fff;
    font-family: montserrat;
    font-size: 15px;
}
.pri-tl > p {
    color: #fafafa;
    float: left;
    font-size: 16px;
    font-style: italic;
    line-height: 28px;
    width: 50%;
}
.rsc-hg-pri {
    float: left;
    padding: 0 30px;
    width: 100%;
}
.hig-pri-carousel {
    border-left: 20px solid #fff;
    border-right: 20px solid #fff;
    border-top: 20px solid #fff;
    float: left;
    width: 100%;
}
.hig-pri-it {
    float: left;
    width: 100%;
}
.high-pr-detail {
    float: left;
    padding: 10%;
    position: relative;
    width: 100%;
    z-index: 1;
}
.high-pr-detail:before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.8;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.tl-in {
    float: left;
    width: 70%;
}
.tl-in > h2 {
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    margin: 0;
    max-width: 90%;
    text-transform: uppercase;
    width: 100%;
}
.tl-in > h2 a {color: inherit;}
.tl-in .loc {
    color: #bebebe;
    font-style: italic;
    margin-top: 15px;
}
.high-pr-detail span.dnt-gl {
    border-left: 1px solid #747474;
    color: #e7e7e7;
    font-weight: 400;
    padding-left: 35px;
    width: auto;
}
.high-pr-detail span.dnt-gl span {
    display: block;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px;
}
.high-pti-bottom {
    border-top: 1px solid #747474;
    float: left;
    margin-top: 35px;
    padding-top: 35px;
    width: 100%;
}
.high-pti-bottom > p {
    color: #d8d8d8;
    float: left;
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    width: 40%;
}
.high-pti-bottom > p a {
    border-bottom: 1px solid;
    float: left;
    font-family: montserrat;
    font-size: 11px;
    margin-top: 15px;
    text-transform: uppercase;
}
.high-pti-bottom > p a i {margin-left: 5px;}
.high-pti-bottom > .btn1 {float: right;}
.high-pri-thumb {
    float: left;
    position: relative;
    width: 100%;
}
.high-pri-thumb .sndr-img {
    border-color: rgba(255, 255, 255, 0.35);
    left: -30px;
    top: 80px;
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    width: auto !important;
    z-index: 1;
}

.hig-pri-carousel .owl-nav {
    position: absolute;
    right: 0;
    top: -40%;
}
.hig-pri-carousel .owl-nav > div {
    border: 1px solid #fff;
    color: #fff;
    float: left;
    font-size: 18px;
    height: 52px;
    line-height: 52px;
    margin-right: 4px;
    text-align: center;
    width: 52px;
}
.hig-pri-carousel .owl-nav > div:last-child {margin-right: 0;}
.hig-pri-carousel .owl-nav > div:hover {
    background: #fff none repeat scroll 0 0;
    color: #444;
    height: 63px;
    line-height: 63px;
    margin-top: -5px;
    width: 63px;
}
/*===== Services =====*/
.service-box {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.service-box > i {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 0 10px 13px rgba(14, 44, 53, 0.14);
    -moz-box-shadow: 0 10px 13px rgba(14, 44, 53, 0.14);
    -ms-box-shadow: 0 10px 13px rgba(14, 44, 53, 0.14);
    -o-box-shadow: 0 10px 13px rgba(14, 44, 53, 0.14);
    box-shadow: 0 10px 13px rgba(14, 44, 53, 0.14);
    float: left;
    height: 98px;
    line-height: 98px;
    margin-right: 30px;
    text-align: center;
    width: 98px;
}
.service-box > h2 {
    color: #333;
    font-size: 15px;
    margin-top: 0;
    text-transform: uppercase;
}
.service-box > h2 a {color: inherit;}
.service-box > p {line-height: 24px;}
.service-box > a {
    border-bottom: 1px solid;
    float: left;
    font-family: montserrat;
    font-size: 11px;
    margin-top: 6px;
    text-transform: uppercase;
}
.service-box > a i {margin-left: 5px;}
.services .btns-grp {margin-top: 20px;}
/*===== Demo 3 =====*/
/*===== Title Style 6 =====*/
.title-style6 {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}
.title-style6.center-align {
    display: block;
    float: none;
    margin: 0 auto 50px;
    max-width: 70%;
}
.title-style6 > h4 {
    color: #333;
    font-size: 30px;
    line-height: 44px;
    margin-top: 0;
}
.title-style6 > h4 span {display: block;}
.title-style6 > h4 i {font-style: normal;}
.title-style6 > span {
    font-family: montserrat;
    font-size: 15px;
}
.title-style6 > p {
    color: #444;
    font-size: 16px;
    font-style: italic;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 25px;
}
/*===== Childs List =====*/
.childs-list {
    display: inline-block;
    list-style: outside none none;
    margin: 0 -40px;
    padding-left: 0;
}
.childs-list > li {
    float: left;
    padding: 0 30px;
    width: 20%;
}
.child-box {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}
.child-box > img {width: 100%;}
.child-inf {
    float: left;
    margin-top: 23px;
    width: 100%;
}
.child-inf > h2 {
    font-size: 17px;
    margin-bottom: 8px;
    margin-top: 0;
    text-transform: uppercase;
}
.child-inf > h2 a {color: inherit;}
.child-age {font-size: 13px;}
/*===== Projects 2 =====*/
.projects-carousel2,
.tem-carousel {
    float: left;
    width: 100%;
}
.projects-carousel2 > div.owl-stage-outer {padding: 70px 0;}
.projects-carousel2 .owl-item.center {
    -webkit-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    -moz-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    -ms-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    -o-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    -o-transform: scale(1.4);
    transform: scale(1.4);
    z-index: 2;
}
.projects-carousel2 .owl-item .project-box1 {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.project-box1 {
    -webkit-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    -moz-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    -ms-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    -o-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    float: left;
    position: relative;
    width: 100%;
    z-index: 1;
}
.project-box1:before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.projects-carousel2 .owl-item .project-box1::before {
    opacity: 0;
    -webkit-transform: scaleX(0.5);
    -moz-transform: scaleX(0.5);
    -ms-transform: scaleX(0.5);
    -o-transform: scaleX(0.5);
    transform: scaleX(0.5);
}
.projects-carousel2 .owl-item.center .project-box1:before {
    opacity: 0.5;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}
.project-inf {
    bottom: 0;
    left: 0;
    padding: 0 45px 60px 55px;
    position: absolute;    
    right: 0;
    z-index: 1;
}
.projects-carousel2 .owl-item .project-inf {
    bottom: -31px;
    left: -127.5px;  
    opacity: 0;
    right: -127.5px;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    -o-transform: scale(0.6);
    transform: scale(0.6);
}
.projects-carousel2 .owl-item.center .project-inf {opacity: 1;}
.project-inf .tl-in > h4 {
    color: #fff;
    font-size: 17px;
    line-height: 24px;
    margin-top: 0;
}
.project-inf .tl-in > h4 a {color: inherit;}
.project-inf .tl-in {width: 60%;}
.project-inf .tl-in .loc {color: #f1f1f1;}
.project-inf > a {
    float: right;
    margin-top: 20px;
}
.projects-carousel2 .owl-nav,
.tem-carousel .owl-nav,
.carousel .owl-nav {
    left: -5%;
    position: absolute;
    right: -5%;
    top: 50%;
}
.projects-carousel2 .owl-nav > div,
.tem-carousel .owl-nav > div,
.carousel .owl-nav > div {
    font-size: 50px;
    line-height: initial;
    position: absolute;
}
.projects-carousel2 .owl-nav > div.owl-next,
.tem-carousel .owl-nav > div.owl-next,
.carousel .owl-nav > div.owl-next {right: 0;}
/*===== Title Style 7 =====*/
.title-style7 {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}
.title-style7.center-align {
    display: block;
    float: none;
    margin: 0 auto 50px;
    max-width: 70%;
}
.title-style7 > span {font-size: 15px;}
.title-style7 > h4 {
    color: #fff;
    font-size: 45px;
    line-height: 40px;
    margin-top: 20px;
}
.title-style7 > h4 i {font-style: normal;}
.title-style7 > h4 span {
    display: block;
    font-size: 22px;
    margin-top: 5px;
}
.title-style7 > p {
    color: #ccc;
    display: inline-block;
    font-size: 16px;
    font-style: italic;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 10px;
}
/*===== Service 2 =====*/
.serv-bx {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.serv-bx > i {
    background: #fbfbfb none repeat scroll 0 0;
    -webkit-box-shadow: 0 4px 13px rgba(14, 44, 53, 0.14);
    -moz-box-shadow: 0 4px 13px rgba(14, 44, 53, 0.14);
    -ms-box-shadow: 0 4px 13px rgba(14, 44, 53, 0.14);
    -o-box-shadow: 0 4px 13px rgba(14, 44, 53, 0.14);
    box-shadow: 0 4px 13px rgba(14, 44, 53, 0.14);
    display: inline-block;
    height: 98px;
    line-height: 98px;
    margin-bottom: 10px;
    width: 98px;
}
.serv-bx > span {
    display: block;
    font-family: montserrat;
    font-size: 13px;
    margin-top: 13px;
    text-transform: uppercase;
}
.blackish .serv-bx > i, 
.gray .serv-bx > i {background: #fff;}
.serv-bx > h2 {
    font-size: 22px;
    margin-bottom: 0;
    margin-top: 10px;
}
.serv-bx > h2 a {color: inherit;}
.blackish .serv-bx > h2, 
.gray .serv-bx > h2 {color: #fff;}
/*===== Reviews =====*/
.custmr-reviws-carousel {
    float: left;
    width: 100%;
}
.reviews-item {
    float: left;
    padding: 0 25px;
    text-align: center;
    width: 100%;
}
.reviews-item > i {
    color: #fff;
    font-size: 40px;
    margin-top: 20px;
}
.reviews-item > p {
    color: #f1f1f1;
    font-size: 17px;
    font-style: italic;
    line-height: 33px;
    margin-bottom: 0;
    margin-top: 25px;
}
.review-inf {
    display: inline-block;
    margin-top: 35px;
}
.review-inf > img {
    float: left;
    margin-right: 20px;
    width: auto !important;
}
.reviewr-nm {
    float: left;
    margin-top: 13px;
}
.reviewr-nm > h4 {
    color: #000;
    font-size: 19px;
    letter-spacing: 1px;
    margin-bottom: 5px;
    margin-top: 0;
    text-transform: uppercase;
}
.reviewr-nm > span {
    color: #fff;
    font-family: montserrat;
    font-size: 13px;
    letter-spacing: 1px;
}
.reviwrs-vdo {
    float: left;
    position: relative;
    width: 100%;
}
.reviwrs-vdo::before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.7;
    position: absolute;
    right: 0;
    top: 0;
}
.reviwrs-vdo > a {
    color: #fff;
    font-size: 66px;
    left: 50%;
    position: absolute;
    top: 50%;
}
/*===== Product Style 2 =====*/
.product-box.style2 {margin-bottom: 30px;}
.product-thumb {
    float: left;
    position: relative;
    width: 100%;
}
.product-thumb::before {
    border-bottom: 19px solid transparent;
    border-left: 19px solid;
    border-top: 19px solid transparent;
    content: "";
    position: absolute;
    right: -19px;
    top: 25px;
}
.product-thumb.rev::before {
    border-left: 0 none;
    border-right: 19px solid;
    left: -19px;
    right: auto;
}
.product-box.style2 .product-inf {margin-top: 15px;}
.product-box.style2 .product-inf > h2 {font-size: 15px;}
.prd-cate {font-size: 13px;}
/*===== Title Style 8 =====*/
.title-style8 {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.title-style8 > h4 {
    color: #000;
    font-size: 30px;
    margin-bottom: 12px;
    margin-top: 0;
}
.title-style8 > h4 i {
    color: #fff;
    font-style: normal;
}
.title-style8 > span {
    color: #e8e8e7;
    font-size: 15px;
    letter-spacing: 1.2px;
}
.title-style8 > p {
    color: #f0f0f0;
    font-size: 16px;
    font-style: italic;
    line-height: 28px;
    margin-bottom: 0;
    margin-top: 16px;
    max-width: 90%;
}
/*===== Bring ======*/
.ind-dv {
    background-position: center center;
    background-size: cover;
    float: left;
    padding: 15% 20%;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;
}
.ind-dv-inr {
    float: left;
    width: 100%;
}
.brng-sc {
    float: left;
    width: 100%;
}
.brng-sc > h4 {
    color: #fff;
    display: inline-block;
    font-size: 26px;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 12px;
    margin-top: 0;
    max-width: 65%;
    text-transform: uppercase;
}
.ind-dv::before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.8;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.brng-sc > h4 span {font-weight: 600;}
.brng-sc > span {
    color: #e3e2e2;
    display: block;
    font-size: 14px;
}
.brng-sc span.dnt-gl {
    border: 1px solid #fff;
    color: #e7e7e7;
    display: inline-block;
    font-size: 15px;
    font-weight: 400;
    margin-top: 30px;
    padding: 30px;
}
.brng-sc span.dnt-gl span {
    display: block;
    font-size: 36px;
    font-weight: 600;
}
.brng-sc .scl {
    display: inline-block;
    margin-top: 35px;
    text-transform: uppercase;
    width: 75%;
}
.brng-sc a {margin-top: 25px;}
.servs {
    float: left;
    padding: 15% 10%;
    width: 100%;
}
.serv {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.serv > i {
    color: #fff;
    float: left;
    font-size: 50px;
    margin-right: 20px;
}
.serv > h2 {
    color: #000;
    font-size: 13px;
    margin-top: 0;
    text-transform: uppercase;
}
.serv > h2 a {color: inherit;}
.serv > h2 a:hover {color: #fff;}
.serv > p {
    color: #e9e9e9;
    display: table;
    line-height: 22px;
}
.ind-dv, 
.servs {min-height: 746px;}
/*===== Header Style 3 =====*/
header.style3 .topbar1.style2 > div > a.btn1 {
    font-size: 11px;
    line-height: 44px;
    margin-left: 1px;
    margin-top: 7px;
}
header.stick .topbar1.style2 {background: rgba(0, 0, 0, 0.9) none repeat scroll 0 0;}
header.style3 .menu-sec1 {background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;}
header.style3 nav > div > ul > li {color: #fff;}
header.style3 .srch-crt-lst > ul > li {color: #fff;}
/*===== Featured Video =====*/
.feat-img2 {
    float: left;
    position: relative;
    width: 100%;
}
.feat-img2::before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
}
.feat-cap2 {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 63%;
}
.feat-cap2 > span {
    color: #fff;
    display: block;
    font-family: montserrat;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2.5px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.feat-cap2 > h4 {
    color: #fff;
    font-size: 36px;
    line-height: 45px;
    margin: 0;
    text-transform: uppercase;
}
.feat-cap2 > p {
    color: #fff;
    display: inline-block;
    font-size: 16px;
    line-height: 30px;
    margin-bottom: 0;
    margin-top: 25px;
    max-width: 60%;
}
.feat-cap2 > a {
    display: inline-block;
    margin-top: 35px;
}
/*===== Footer Style 2 =====*/
.flickr-gallery.style2 {margin-bottom: -10px;}
.flickr-gallery.style2 a {margin-bottom: 10px;}
/*===== Bottom Serv =====*/
.bottom-serv {
    background: #272727 none repeat scroll 0 0;
    float: left;
    padding: 55px 0 25px;
    width: 100%;
}
.ftbx-tl {
    float: left;
    margin-bottom: 30px;
    margin-top: 15px;
    width: 100%;
}
.ftbx-tl > span {
    font-family: montserrat;
    font-size: 15px;
    letter-spacing: 1.2px;
}
.ftbx-tl > h4 {
    color: #fff;
    font-size: 24px;
    letter-spacing: 1px;
    margin-bottom: 0;
    margin-top: 5px;
}
.ft-serv-bx {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.ft-serv-bx > i {
    background: #151515 none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    -moz-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    -ms-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    -o-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    float: left;
    font-size: 35px;
    height: 86px;
    line-height: 86px;
    margin-right: 12px;
    text-align: center;
    width: 86px;
}
.ft-serv-bx > h2 {
    color: #fff;
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 7px;
    margin-top: 5px;
    text-transform: uppercase;
}
.ft-serv-bx > h2 a {color: inherit;}
.ft-serv-bx > span {
    font-size: 13px;
    font-style: italic;
}

/*===== Demo 4 =====*/
/*===== Header Style 4 =====*/
header.style4 .tb-br-scl2 {margin-right: 0;}
.hdr-cont {
    float: right;
    width: 70%;
}
.hdr-cont > ul {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%;
}
.hdr-cont > ul > li {
    float: left;
    margin-left: 25px;
    width: 29%;
}
.hdr-cont > ul > li:first-child {margin-left: 0;}
.hdr-cnt-bx {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.hdr-cnt-bx > i {
    color: #444;
    float: left;
    font-size: 50px;
    margin-right: 15px;
}
.hdr-cnt-bx > strong {
    color: #333;
    display: block;
    font-family: montserrat;
    font-size: 14px;
    margin-top: 6px;
    text-transform: uppercase;
}
.hdr-cnt-bx > a, 
.hdr-cnt-bx > span {font-size: 12px;}
.menu4-cart {
    background: #0d0d0d none repeat scroll 0 0;
    float: left;
    margin-bottom: -40px;
    margin-top: 25px;
    padding: 0 50px 0 80px;
    width: 100%;
}
.menu4-cart nav > div > ul > li {
    color: #fff;
    line-height: 70px;
}
.menu4-cart .srch-crt-lst {margin-top: 25px;}
.menu4-cart .srch-crt-lst > ul > li {color: #fff;}
/*===== Title Style 9 =====*/
.title-style9 {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}
.title-style9.center-align {
    display: block;
    float: none;
    margin: 40px auto 50px;
    max-width: 60%;
}
.title-style9 > span {
    font-family: montserrat;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 1.2px;
    text-transform: uppercase;
}
.title-style9 > h4 {
    color: #fff;
    font-size: 50px;
    line-height: 50px;
    margin-top: 13px;
}
.title-style9 > h4 span {
    display: block;
    font-size: 30px;
    margin-top: 7px;
    text-transform: uppercase;
}
.title-style9 > h4 i {font-style: normal;}
.title-style9 > p {
    color: #ececec;
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 15px;
}
.title-style9 > a {margin-top: 40px;}

/*===== Serv =====*/
.srv-bx {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.srv-inf {
    display: block;
    margin: 40px auto 0;
    text-align: center;
    width: 75%;
}
.srv-inf > h2 {
    font-size: 18px;
    margin-bottom: 15px;
    margin-top: 0;
    text-transform: uppercase;
}
.srv-inf > h2 a {color: inherit;}
.srv-inf > p {
    color: #666;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 0;
}
.srv-inf > a {
    line-height: 47px;
    margin-top: 35px;
    padding: 0 40px;
}
/*===== Ser =====*/
.title-style10 {
    display: block;
    margin: 0 auto 60px;
    max-width: 70%;
    width: 100%;
}
.title-style10 > strong {
    color: #161616;
    display: inline-block;
    font-size: 40px;
    line-height: 55px;
    margin-right: 13%;
    text-transform: uppercase;
    vertical-align: top;
    width: 22%;
}
.title-style10 > strong span {font-size: 60px;}
.tl10-in {
    display: inline-block;
    width: 64%;
}
.tl10-in > h4 {
    color: #fff;
    font-size: 28px;
    margin-top: 0;
    text-transform: uppercase;
}
.tl10-in > h4 i {font-style: normal;}
.tl10-in > span {
    color: #171717;
    font-family: montserrat;
    font-size: 18px;
}
.tl10-in > p {
    color: #f7f7f7;
    font-size: 15px;
    font-style: italic;
    line-height: 28px;
    margin-bottom: 0;
    margin-top: 25px;
}
.serv-bx > i {text-align: center;}
.serv-bx.style2 > i {
    float: left;
    margin-right: 30px;
}
.serv-bx.style2 > h2 {
    color: #fff;
    font-size: 18px;
    margin-top: 20px;
    text-transform: uppercase;
}
.serv-bx.style2 > span {
    color: #171717;
    font-family: arial;
    font-size: 14px;
    margin-top: 8px;
    text-transform: initial;
}
/*===== Prj 3 =====*/
.prj-bx3 {
    float: left;
    margin-bottom: 30px;
    overflow: hidden;
    width: 100%;
}
.prj-bx3 > img {
    float: left;
    width: 100%;
}
.prj3-inf {
    background: #fbfbfb none repeat scroll 0 0;
    border-bottom: 1px solid #f3f3f3;
    border-left: 1px solid #f3f3f3;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    border-right: 1px solid #f3f3f3;
    float: left;
    width: 100%;
}
.gray .prj3-inf {background: #fff none repeat scroll 0 0;}
.prj3-tl {
    border-bottom: 1px solid #f3f3f3;
    float: left;
    padding: 27px 10% 23px;
    text-align: center;
    width: 100%;
}
.prj3-tl > h2 {
    color: #333;
    font-size: 15px;
    line-height: 22px;
    margin: 0;
}
.prj3-tl > h2 a {color: inherit;}
.prj-bx3 span.dnt-gl {
    color: #999;
    font-size: 11px;
    font-weight: 400;
    margin-top: 10px;
}
.prj-bx3 span.dnt-gl span {
    font-size: 18px;
    font-weight: 600;
}
.prj3-sndr {
    border-bottom: 1px solid #f3f3f3;
    float: left;
    padding: 20px 11%;
    width: 100%;
}
.prj3-sndr > img {
    float: left;
    margin-right: 15px;
}
.prj3-sndr > span.sndr-nm {
    color: #444;
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
    text-align: left;
    text-transform: initial;
    width: 55%;
}
.prj3-sndr > span.sndr-nm i {display: block;}
.prj3-inf .pst-meta {
    margin-top: 20px;
    padding: 0 13% 20px;
}
.prj3-inf .pst-meta > li {
    color: #7e7e7e;
    font-size: 11px;
}
.prj3-inf .pst-meta > li:last-child {margin-right: 0;}
/*===== Special Task =====*/
.spcl-tsk-inf {
    float: left;
    width: 90%;
}
.spcl-tsk-inf > h4 {
    font-size: 40px;
    line-height: 54px;
    margin: 0;
    max-width: 81%;
    text-transform: uppercase;
}
.spcl-tsk-inf > h4 i {
    display: block;
    font-size: 54.5px;
    font-style: normal;
    margin-top: 10px;
    text-transform: initial;
}
.spcl-tsk-inf > p {
    font-size: 15px;
    font-style: italic;
    line-height: 26px;
    margin-bottom: 0;
    margin-top: 30px;
}
.spcl-tsk-inf > a {margin-top: 45px;}
.mckp-img {
    float: left;
    text-align: center;
    width: 100%;
}
/*===== Stories Style 2 =====*/
.storie-box2 {
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
}
.storie-box2 > img {
    float: left;
    width: 100%;
    z-index: 1;
}
.storie-box2::before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.5;
    position: absolute;
    right: 0;
    top: 0;
}
.storie-box2:hover::before {
    opacity: 0.95;
    -webkit-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -o-transform: scale(1.15);
    transform: scale(1.15);
    z-index: 2;
}
.storie-inf {
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 2;
}
.storie-inf span.cate {color: #f1f1f1;}
.storie-inf span.cate a:hover {color: #fff;}
.storie-inf > h2 {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    line-height: 24px;
    margin: 15px 0 0;
    text-transform: uppercase;
}
.storie-inf span.dnt-gl {
    font-weight: 400;
    text-transform: uppercase;
}
.storie-inf span.dnt-gl span.price {
    color: #fff;
    font-weight: 600;
}
.storie-inf > h2 a {color: inherit;}
.storie-box2:hover .storie-inf {opacity: 1;}
.storie-box2:hover > img {
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.21);
    -moz-box-shadow: 0 0 50px rgba(0, 0, 0, 0.21);
    -ms-box-shadow: 0 0 50px rgba(0, 0, 0, 0.21);
    -o-box-shadow: 0 0 50px rgba(0, 0, 0, 0.21);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.21);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}
.str-tl {
    float: left;
    padding: 10%;
    width: 100%;
}
/*===== Title With Icon =====*/
.title-icn {
    float: left;
    width: 100%;
}
.title-icn.center-align {
    display: block;
    margin: 0 auto;
}
.title-icn > i {
    display: block;
    font-size: 60px;
    line-height: initial;
}
.title-icn > span {
    display: block;
    font-family: montserrat;
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
}
.title-icn > h4 {
    color: #fff;
    font-size: 34px;
    margin-top: 7px;
    text-transform: uppercase;
}
.title-icn > h4 i {font-style: normal;}
.title-icn > p {
    color: #bbb;
    font-size: 17px;
    font-style: italic;
    line-height: 28px;
    margin-bottom: 0;
}
.title-icn > a {margin-top: 40px;}

/*===== Blog Style 3 =====*/
.title-style11 {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}
.title-style11 > h4 {
    color: #333;
    float: left;
    font-size: 32px;
    margin-top: 0;
    text-transform: uppercase;
}
.title-style11 > h4 i {font-style: normal;}
.title-style11 > span {
    float: left;
    font-family: montserrat;
    font-size: 15px;
    letter-spacing: 1.2px;
    width: 60%;
}
.title-style11 > a {
    float: right;
    margin-top: -40px;
    padding: 0 60px;
}
.news-box.style3 {
    overflow: hidden;
    text-align: center;
}
.news-box.style3 .news-thumb::before {display: none;}
.news-box.style3 .news-meta::before {left: 50%;}
.news-box.style3 .news-meta {
    border-top: 0 none;
    display: inline-block;
    float: none;
    padding-top: 23px;
    width: auto;
}
.news-box.style3 .news-meta > span {margin: 0 15px;}
.news-box.style3 .news-meta > span:last-child {margin-right: 0;}
.up-evnts {
    background: #fbfbfb none repeat scroll 0 0;
    float: left;
    padding: 40px 0 10px;
    width: 100%;
}
.gray .up-evnts {background: #fff none repeat scroll 0 0;}
.ev-tl {
    float: left;
    margin-bottom: 24px;
    padding: 0 15%;
    width: 100%;
}
.ev-tl > h4 {
    color: #333;
    font-size: 22px;
    margin-top: 0;
}
.ev-tl > h4 i {font-style: normal;}
.ev-tl > span {
    font-family: montserrat;
    font-size: 13px;
    letter-spacing: 1.2px;
}
/*===== Event Style 2 =====*/
.event-box2 {
    background: #fbfbfb none repeat scroll 0 0;
    float: left;
    padding: 6.5% 8%;
    width: 100%;
}
.gray .event-box2 {background: #fff none repeat scroll 0 0;}
.up-evnts .event-box2 {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-top: 1px solid #f6f6f6;
    padding: 30px 40px;
}
.evnt-dt {
    color: #fff;
    float: left;
    font-size: 22px;
    font-weight: 600;
    line-height: 18px;
    margin-right: 20px;
    max-width: 74px;
    padding: 17px 20px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.evnt-dt > i {
    display: block;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    margin-top: 10px;
}
.evnt-detail {display: table;}
.evnt-detail > span {
    font-size: 12px;
    font-style: italic;
}
.evnt-detail > span i {margin-right: 5px;}
.evnt-detail > h2 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 13px;
}
.up-evnts .evnt-detail > h2 {
    font-size: 13px;
    margin-top: 8px;
}
.evnt-detail > span.loc {margin-top: 10px;}
.evnt-detail > h2 a {color: inherit;}
.up-evnts .evnt-detail > p {color: #444;}
.evnt-detail > p {
    display: inline-block;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 0;
    margin-top: 10px;
}
.up-evnts .evnt-detail > p {
    font-size: 13px;
    line-height: 22px;
}
.remove-ext .event-box2 {margin-bottom: 30px;}
.tem-carousel .member-box > img {width: auto !important;}
.reviws.block .reviews-item > p {
    color: #f1f1f1;
    display: block;
    font-size: 17px;
    font-style: italic;
    line-height: 33px;
    margin: 25px auto 0;
    max-width: 60%
}
/*===== Become Volunteer 2 =====*/
.volunteer-title {
    float: left;
    margin-bottom: 50px;
    width: 100%;
}
.volunteer-title.center-align {
    display: block;
    float: none;
    margin: 0 auto 50px;
    max-width: 70%;
}
.volunteer-title > span {font-size: 14px;}
.volunteer-title > h4 {
    color: #050505;
    font-size: 26px;
    letter-spacing: 1px;
    margin-top: 5px;
}
.volunteer-title > h4 span {
    display: block;
    font-size: 48px;
    margin-top: 6px;
}
.volunteer-title > p {
    color: #303030;
    font-size: 15px;
    line-height: 26px;
    margin: 15px 0 0;
    max-width: 66%;
}
/*===== Contact Page 2 =====*/
.cnt-frm {
    float: left;
    width: 100%;
}
.cnt-frm > h4 {
    color: #333;
    font-size: 24px;
    margin: 0 0 20px;
}
.cnt-frm > p {
    color: #666666;
    line-height: 23px;
    margin-bottom: 40px;
}
.cnt-frm > form {
    float: left;
    width: 100%;
}
.cnt-frm > form input, 
.cnt-frm > form textarea {
    color: #555;
    font-style: italic;
    margin-bottom: 10px;
}
.cnt-frm > form textarea {
    -webkit-border-radius: 110px;
    -moz-border-radius: 110px;
    border-radius: 110px;
    height: 130px;
    padding-top: 40px;
}
.cnt-frm > form button {margin-top: 20px;}
.contact2-info {
    background: rgba(0, 0, 0, 0) url(../images/cnt-bg.jpg) repeat scroll center center / cover ;
    -webkit-box-shadow: 0 0 50px rgba(0,0,0,.07);
    -moz-box-shadow: 0 0 50px rgba(0,0,0,.07);
    -ms-box-shadow: 0 0 50px rgba(0,0,0,.07);
    -o-box-shadow: 0 0 50px rgba(0,0,0,.07);
    box-shadow: 0 0 50px rgba(0,0,0,.07);
    float: left;
    padding: 90px 15%;
    position: relative;
    width: 100%;
    z-index: 1;
}
.contact2-info::before {
    background: #000 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 0;
    opacity: 0.8;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}
.contact2-info > ul {
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}
.contact2-info > ul > li {
    color: #cbcbcb;
    float: left;
    font-size: 14px;
    margin-bottom: 55px;
    width: 100%;
}
.contact2-info > ul > li:last-child {margin-bottom: 0;}
.contact2-info > ul > li a {color: inherit;}
.contact2-info > ul > li > i {
    background: rgba(255, 255, 255, 0.1) none repeat scroll 0 0;
    color: #fff;
    float: left;
    font-size: 30px;
    height: 90px;
    line-height: 90px;
    margin-right: 20px;
    text-align: center;
    width: 90px;
}
.contact2-info > ul > li span {display: block;}
.contact2-info > ul > li > strong {
    color: #fff;
    display: block;
    font-family: montserrat;
    font-size: 17px;
    margin-bottom: 10px;
    margin-top: 5px;
    text-transform: uppercase;
}
.contact2-info > ul > li > span, 
.contact2-info > ul > li > a {line-height: 24px;}
.contact2-info > ul > li > span i {
    float: left;
    font-style: normal;
    width: 20%;
}
.map2,
.map4 {
    float: left;
    min-height: 530px;
    width: 100%;
}
.map4 {height: 550px;}

/*===== Blog Detail Style 2 =====*/
.style2 span.date {font-style: italic;}
.style2 .blg-mta > h1 {
    border-bottom: 1px solid #ededed;
    color: #333;
    font-size: 28px;
    letter-spacing: 1px;
    margin-bottom: 0;
    padding-bottom: 20px;
    position: relative;
}
.style2 .blg-mta > h1::before {
    background: red none repeat scroll 0 0;
    bottom: -3px;
    content: "";
    height: 3px;
    left: 2px;
    position: absolute;
    width: 50px;
}
.style2 .blg-mta .pst-meta {margin-top: 20px;}
.style2 .blg-mta .pst-meta > li {margin-right: 40px;}
.blg-dtl.style2 > p {
    color: #666;
    letter-spacing: 0.4px;
    padding: 0 10%;
}
/*===== Blockquote Style 2 =====*/
blockquote.style2 {
    background: rgba(0, 0, 0, 0) url(../images/blcqut-bg1.jpg) repeat scroll center center / cover ;
    display: inline-block;
    margin: 20px 0 40px;
    text-align: left;
}
blockquote.style2 p {
    font-family: arimo;
    font-weight: 400;
    letter-spacing: 0.4px;
}
blockquote.style2 > i {
    color: #fff;
    float: left;
    font-size: 20px;
    height: 62px;
    line-height: 62px;
    margin-right: 30px;
    text-align: center;
    width: 62px;
}
/*===== Share Tags Style 2 =====*/
.shar-tag2 {
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    -ms-border-radius: 35px;
    -o-border-radius: 35px;
    border-radius: 35px;
    display: inline-block;
    margin-top: 70px;
    padding: 23px 50px;
    width: 100%;
}
.shar-tag2 .tagclouds {
    color: #fff;
    float: left;
}
.shar-tag2 .tagclouds > span {
    color: #fff;
    font-size: 13px;
    line-height: initial;
}
.shar-tag2 .tagclouds > a {
    color: #fff;
    font-family: arimo;
    font-size: 13px;
    font-style: italic;
    font-weight: 400;
    line-height: initial;
}
.shar-tag2 .share {float: right;}
.shar-tag2 .share > span {
    color: #fff;
    font-size: 13px;
    line-height: initial;
}
.shar-tag2 .share > a {
    background: transparent none repeat scroll 0 0;
    color: #fbfbfb;
    font-size: 15px;
    height: initial;
    line-height: initial;
    margin-left: 20px;
    width: initial;
}
.shar-tag2 .tagclouds > a:hover,
.shar-tag2 .share > a:hover {color: #000;}
.shar-tag2 .share > a::before {display: none;}
/*===== Post Author Style 2 =====*/
.pst-author.style2::before {display: none;}
.pst-author.style2 {
    background: #fbfbfb none repeat scroll 0 0;
    margin-top: 80px;
    padding: 40px 60px;
}
.gray .pst-author.style2 {background: #fff none repeat scroll 0 0;}
.pst-author.style2 .pst-author-detail {padding-left: 30px;}
.pst-author.style2 .pst-author-detail > h2 {
    color: #333;
    font-size: 20px;
    margin-right: 30px;
}
.pst-author.style2 .pst-author-detail > h2 a {color: inherit;}
.pst-author.style2 .author-social {float: none;}
.pst-author.style2 .author-social > li {
    color: #999;
    font-size: 15px;
    margin-left: 20px;
    margin-right: 0;
    padding-right: 0;
}
.pst-author.style2 .author-social > li a {color: inherit;}
.pst-author.style2 .author-social > li::before {display: none;}
.pst-author.style2 .pst-author-detail > p {
    color: #666;
    font-size: 14px;
    line-height: 26px;
}
/*===== Comments Style 2 =====*/
.comments.style2 {margin-top: 70px;}
.cmt-tl {
    color: #333;
    font-size: 24px;
    letter-spacing: 1px;
    margin-bottom: 35px;
    margin-top: 0;
}
.comments.style2 .comment::before {display: none;}
.comments.style2 .comment {
    background: #fafafa none repeat scroll 0 0;
    -webkit-border-radius: 110px 0 0 110px;
    -moz-border-radius: 110px 0 0 110px;
    border-radius: 110px 0 0 110px;
    padding: 40px 50px;
}
.gray .comments.style2 .comment {background: #fff;}
.comments.style2 .comment-thumb {
    min-width: 120px;
    overflow: hidden;
}
.comments.style2 .comment-thumb .comment-reply-link {
    bottom: 0;
    text-transform: initial;
}
.comments.style2 .comment-detail {padding-left: 30px;}
.comments.style2 .comment-detail > h2 {
    font-size: 17px;
    margin-right: 15px;
}
.comments.style2 .comment-detail > span {
    font-family: montserrat;
    font-size: 11px;
    margin-top: 4px;
    text-transform: uppercase;
}
.comments.style2 .comment-detail > p {
    font-style: italic;
    margin-top: 18px;
}
/*===== Comment Reply Style 2 =====*/
.reply-comment.style2 {margin-top: 70px;}
.reply-comment.style2 input, 
.reply-comment.style2 textarea {
    background: #fafafa none repeat scroll 0 0;
    color: #555;
    font-style: italic;
}
.gray .reply-comment.style2 input, 
.gray .reply-comment.style2 textarea {background: #fff none repeat scroll 0 0;}
.reply-comment.style2 input:focus, 
.reply-comment.style2 textarea:focus {font-style: normal;}
.reply-comment.style2 textarea {
    -webkit-border-radius: 110px;
    -moz-border-radius: 110px;
    border-radius: 110px;
    min-height: 130px;
    padding-top: 40px;
}
.reply-comment.style2 button {margin-top: 20px;}

/*===== Cause Detail Style 2 =====*/
.cause-detail2 .blg-mta > h1::before {display: none;}
.cause-detail2 .blg-mta > h1 {
    border-bottom: 0 none;
    padding-bottom: 0;
}
.style2 .blg-mta {padding: 0 10%;}
.style2 .dont-inf > span {
    font-weight: 400;
    margin-right: 25px;
}
.style2 .dont-inf > span span.price {font-weight: 600;}
.our-donrs {
    background: #fafafa none repeat scroll 0 0;
    float: left;
    padding: 7% 10%;
    width: 100%;
}
.gray .our-donrs {background: #fff none repeat scroll 0 0;}
.dnrs-tl {
    float: left;
    width: 100%;
}
.dnrs-tl > h4 {
    color: #333;
    float: left;
    font-size: 22px;
    letter-spacing: 2px;
    margin-bottom: 3px;
    margin-top: 0;
    text-transform: uppercase;
}
.dnrs-tl > span {
    float: left;
    font-family: montserrat;
    font-size: 14px;
    width: 80%;
}
.dnrs-tl > a {
    float: right;
    margin-left: 10px;
    margin-top: -50px;
}
.dntr {
    float: left;
    margin-top: 45px;
    width: 100%;
}
.dntr > img {
    float: left;
    margin-right: 20px;
}
.dntr > h2 {
    font-size: 16px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.dntr > h2 a {color: inherit;}
.dntr > span {
    font-family: montserrat;
    font-size: 13px;
}
/*===== Product Detail =====*/
.product-detail {
    float: left;
    padding: 0 10%;
    width: 100%;
}
.prd-thm {
    float: left;
    width: 100%;
}
.prd-thm > img {width: 100%;}
.product-detail-innr {
    float: left;
    margin-top: 35px;
    padding-left: 30px;
    width: 100%;
}
.product-detail-innr > h1 {
    font-size: 24px;
    margin-bottom: 7px;
    margin-top: 0;
    text-transform: uppercase;
}
.product-detail-innr .prd-cate {font-size: 14px;}
.product-detail-innr span.price {
    float: left;
    font-family: montserrat;
    font-size: 20px;
    margin-right: 45px;
}
.prd-rev {
    float: left;
    margin-top: 20px;
    width: 100%;
}
.prd-rev .rating {
    float: left;
    margin-right: 15px;
    margin-top: 3px;
}
.review-link {
    color: #4f4f4f;
    float: left;
    font-family: montserrat;
    font-size: 12px;
    margin-top: 5px;
}
.product-detail-innr > p {
    color: #666;
    display: inline-block;
    font-style: italic;
    line-height: 28px;
    margin-bottom: 45px;
    margin-top: 25px;
}
.prd-qunt {display: inline-block;}
.qun-inpt {
    float: left;
    margin-right: 30px;
}
.qun-inpt > span {
    float: left;
    width: 85px;
}
.qun-inpt > span .input-group {
    background: #111 none repeat scroll 0 0;
    border-collapse: unset;
    display: initial;
    float: left;
    width: 100%;
}
.qun-inpt .input-group > span {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    display: initial;
    float: right;
    position: absolute;
    width: 34%;
}
.qun-inpt .input-group > span:first-child {bottom: 0;}
.qun-inpt .input-group > span:last-child {top: 0;}
.qun-inpt .input-group > span button {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: transparent none repeat scroll 0 0;
    border-color: currentcolor currentcolor currentcolor #fff;
    border-image: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-style: none none none solid;
    border-width: 0 0 0 1px;
    color: transparent;
    font-family: montserrat;
    height: 24px;
    margin: 0 !important;
    padding: 0;
    text-align: center;
    width: 100%;
}
.qun-inpt > span .input-group > input {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 17px;
    font-weight: 600;
    height: 48px;
    text-align: center;
    width: 56px;
}
.qun-inpt .input-group > span button::before {
    color: #fff;
    font-family: fontawesome;
    font-size: 12px;
    left: 50%;
    position: absolute;
}
.qun-inpt .input-group > span button.bootstrap-touchspin-down::before {content: "\f0d7";}
.qun-inpt .input-group > span button.bootstrap-touchspin-up::before {content: "\f0d8";}
.prd-qunt > a {margin-top: -6px;}
.prd-cates {
    float: left;
    margin-top: 50px;
    width: 100%;
}
.prd-cates > span {
    font-family: montserrat;
    font-size: 14px;
}
.prd-cates > a {
    color: #666;
    font-size: 14px;
    font-style: italic;
}
.rviw-tbs {
    float: left;
    padding: 0 10%;
    width: 100%;
}
.rviw-tbs > ul {
    float: left;
    width: 100%;
}
.rviw-tbs > ul > li {
    color: #333333;
    font-family: montserrat;
    font-size: 14px;
    margin-right: 2px;
    margin-bottom: 0
}
.rviw-tbs > ul > li a {
    background: #fbfbfb none repeat scroll 0 0;
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    color: inherit;
    margin: 0;
    padding: 13px 50px;
}
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:focus, 
.nav-tabs > li.active > a:hover {border: 0 none;}
.rviw-tbs > ul > li.active > a,
.rviw-tbs > ul > li.active > a:focus,
.rviw-tbs > ul > li.active > a:hover {color: #fff;}
.rviw-tbs .tab-content {
    float: left;
    width: 100%;
}
.rviw-tbs .tab-content p {
    color: #666;
    font-size: 15px;
    line-height: 30px;
    margin-bottom: 30px;
}
.rviw-tbs .tab-content > div.tab-pane {
    float: left;
    padding: 30px 0 0;
    width: 100%;
}
.rviw-tbs .tab-content p:last-child {margin-bottom: 0;}
.product-info-list {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%;
}
.product-info-list > li {
    color: #444;
    float: left;
    font-size: 12px;
    line-height: 60px;
    width: 100%;
}
.product-info-list > li strong {
    border-right: 1px solid #f1f1f1;
    color: #444;
    float: left;
    font-size: 12px;
    margin-right: 45px;
    padding: 0 40px;
    text-transform: uppercase;
    width: 20%;
}
.product-info-list > li:nth-child(2n) {background: #fdfdfd none repeat scroll 0 0;}
.product-info-list > li:nth-child(2n+1) {background: #f9f9f9 none repeat scroll 0 0;}
.comment .rating {
    display: initial;
    float: right;
    line-height: initial;
    margin-top: 0;
}
.comment .rating > ul li {
    margin-top: 0;
    width: auto;
}
/*===== Cart Page =====*/
.cart-page {
    background: #fff none repeat scroll 0 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    float: left;
    padding: 30px;
    width: 100%;
}
.cart-page > h4 {
    margin-bottom: 20px;
    margin-top: 15px;
    padding-left: 20px;
}
.cart-page > form {
    float: left;
    width: 100%;
}
table.prd-tbl {
    float: left;
    width: 100%;
}
table.prd-tbl th {
    border-right: 1px solid #5e5e5e;
    color: #fff;
    font-family: montserrat;
    font-size: 13px;
    font-weight: 400;
    line-height: 80px;
    padding: 0 30px;
    text-align: center;
}
table.prd-tbl thead {background: #171717 none repeat scroll 0 0;}
table.prd-tbl th:first-child {text-align: left;}
table.prd-tbl tbody td {
    padding: 40px 20px;
    position: relative;
    text-align: center;
}
table.prd-tbl tbody td:first-child {text-align: left;}
.prd-tl {
    display: table;
    float: left;
    min-width: 500px;
    width: 100%;
}
.prd-tl > img {
    float: left;
    margin-right: 30px;
    min-width: 120px;
}
.prd-tl-inf {
    float: left;
    margin-top: 30px;
}
.prd-tl-inf > h2 {
    color: #333;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 14px;
    margin-top: 0;
}
.prd-tl-inf > h2 a {color: inherit;}
.prd-tl-inf > span {
    color: #7c7c7c;
    font-family: montserrat;
    font-size: 14px;
}
table.prd-tbl tbody td::before {
    background: #d6d6d6 none repeat scroll 0 0;
    content: "";
    height: 20px;
    left: 0;
    position: absolute;
    top: 50%;
    width: 1px;
}
table.prd-tbl tbody td:first-child::before {display: none;}
table.prd-tbl tbody tr:nth-child(2n) {background: #fdfdfd none repeat scroll 0 0;}
table.prd-tbl tbody tr:nth-child(2n+1) {background: #fbfbfb none repeat scroll 0 0;}
.prd-prc {
    color: #333 !important;
    display: inline-block;
    font-family: montserrat;
    font-size: 16px;
    margin-top: 20px;
}
.tl-prc {
    display: inline-block;
    font-family: montserrat;
    font-size: 18px;
    margin-top: 20px;
}
.prd-dl {
    color: #bcbcbc;
    display: inline-block;
    font-size: 16px;
    margin-top: 20px;
}
.prd-qt > div.input-group {
    border-collapse: unset;
    display: inline-block;
    width: 60px;
}
.prd-qt {
    display: inline-block;
    margin-top: 23px;
}
.prd-qt .input-group-btn {
    float: right;
    height: 17px;
    width: 19px;
}
.prd-qt input.form-control {
    border-color: #f0f0f0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    color: #5b5b5b;
    font-family: montserrat;
    font-size: 16px;
    text-align: center;
    width: 40px;
}
.prd-qt .input-group-btn button {
    border-color: #f0f0f0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #5b5b5b;
    font-family: montserrat;
    font-size: 16px;
    height: 100%;
    line-height: 16px;
    margin: 0 !important;
    padding: 0;
    width: 100%;
}
.crt-cntrl-btns {
    float: left;
    padding-top: 30px;
    width: 100%;
}
.crt-cntrl-btns > a {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    float: left;
    line-height: 45px;
    margin-right: 30px;
}
.crt-cntrl-btns > a.btn1 {
    float: right;
    margin-right: 0;
}



.cl-crt {
    float: left;
    margin-top: 70px;
    width: 100%;
}
.clt-shp {
    float: left;
    width: 100%;
}
.clt-shp > h4 {
    color: #333;
    font-size: 22px;
    margin-bottom: 25px;
    margin-top: 0;
}
.clt-shp > .scl {
    margin-bottom: 10px;
    width: 98%;
}
.clt-shp .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #797979;
    font-size: 12px;
    font-style: normal;
    line-height: 45px;
}
.clt-shp .select2-container--default .select2-selection--single {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    height: 45px;
}
.clt-shp .select2-container--default .select2-selection--single .select2-selection__arrow {
    background: transparent none repeat scroll 0 0;
    border: medium none;
}
.clt-shp .select2-container--default .select2-selection--single .select2-selection__arrow::before {
    color: #878787;
    content: "\f107";
    font-family: fontawesome;
    font-size: 14px;
    left: 50%;
    margin-left: -25px;
    margin-top: -9px;
    position: absolute;
    top: 50%;
}
.clt-shp .select2-container--default .select2-selection--single .select2-selection__arrow b {display: none;}
.clt-shp > .scl input {
    border: 0 none;
    color: #797979;
    font-size: 12px;
    height: 45px;
    padding: 0 45px;
    width: 100%;
}
.clt-shp > button {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    line-height: 45px;
}
.tl-tbl {
    background: #0d0d0d none repeat scroll 0 0;
    float: left;
    padding: 30px;
    width: 100%;
}
.cart-ttl {
    border-bottom: 1px solid #444;
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 0 5px;
    width: 100%;
}
.cart-ttl > li {
    color: #fff;
    float: left;
    font-family: montserrat;
    margin-bottom: 15px;
    text-transform: uppercase;
    width: 100%;
}
.cart-ttl > li strong {
    float: left;
    font-weight: 400;
    width: 54%;
}
.cart-ttl > li.sb-tl {font-size: 14px;}
.cart-ttl > li.grnd-tl {font-size: 18px;}
.cart-ttl > li span {float: right;}
.tl-tbl > a {
    line-height: 45px;
    margin-top: 20px;
    text-align: center;
    width: 100%;
}
/*===== Check Out Page =====*/
.login-msg {
    background: #fbfbfb none repeat scroll 0 0;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    float: left;
    margin-bottom: 70px;
    padding: 25px 70px;
    width: 100%;
}
.gray .login-msg {background: #fff none repeat scroll 0 0;}
.login-msg > p {
    color: #282828;
    font-size: 13px;
    font-style: italic;
    line-height: initial;
    margin-bottom: 0;
}
.checkout-page {
    float: left;
    width: 100%;
}
.bl-tl {
    float: left;
    margin-bottom: 60px;
    width: 100%;
}
.bl-tl > span {
    font-family: montserrat;
    font-size: 12px;
}
.bl-tl > h4 {
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 5px;
}
.checkout-form {
    float: left;
    padding-right: 65px;
    width: 100%;
}
.checkout-form p input {
    height: initial;
    margin-bottom: 0;
    margin-right: 15px;
    margin-top: 7px;
    width: auto;
}
.checkout-form p {
    font-style: italic;
    margin-bottom: 0;
    margin-top: 35px;
}
.checkout-form p label {font-weight: 400;}
.checkout-form p label[for="chkbx2"] {
    color: #444;
    font-family: montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    margin-bottom: 35px;
}
.checkout-form input, .checkout-form textarea {
    color: #8c8c8c;
    font-style: italic;
}
.checkout-form textarea {
    height: 214px;
    padding-top: 30px;
}
.prd-tlt {
    float: left;
    padding-bottom: 50px;
    width: 100%;
}
.prd-tlt > ul {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%;
}
.prd-tlt > ul li {
    color: #444;
    float: left;
    font-family: montserrat;
    font-size: 13px;
    margin-bottom: 30px;
    padding: 0 60px;
    text-transform: uppercase;
    width: 100%;
}
.gray .prd-tlt {background: #fff none repeat scroll 0 0;}
.prd-tlt > ul li.th {
    background: #181818 none repeat scroll 0 0;
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 64px;
}
.prd-tlt > ul li i {
    float: right;
    font-style: normal;
}
.prd-tlt > ul li span {
    float: left;
    font-weight: 600;
}
.prd-tlt > ul li i {color: #999;}
.prd-tlt > ul li.th i {color: #fff;}
.prd-tlt > ul li.ttl-prc {
    padding: 20px 60px;
    position: relative;
}
.prd-tlt > ul li.ttl-prc::before {
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    content: "";
    height: 100%;
    left: 60px;
    position: absolute;
    top: 0;
    width: calc(100% - 120px);
}
.pynmt-mthd {
    float: left;
    padding: 0 60px;
    width: 100%;
}
.pynmt-mthd > ul {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%;
}
.pynmt-mthd li {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.pynmt-mthd li input {
    float: left;
    margin-right: 15px;
    margin-top: 5px;
}
.pynmt-mthd li label {
    color: #444;
    cursor: pointer;
    font-family: montserrat;
    font-size: 13px;
}
.pynmt-mthd li p {
    background: #fff none repeat scroll 0 0;
    color: #444;
    font-style: italic;
    margin-bottom: 0;
    margin-top: 15px;
    padding: 30px;
}
.gray .pynmt-mthd li p {background: #f8f8f8 none repeat scroll 0 0;}
.pynmt-mthd > a {
    float: right;
    line-height: 52px;
}
/*===== Contact Style 3 =====*/
.contact3-dcp {
    float: left;
    width: 100%;
}
.contact3-dcp > h4 {
    font-size: 35px;
    line-height: 46px;
    margin-top: 0;
    text-transform: uppercase;
}
.contact3-dcp > p {
    color: #666;
    line-height: 28px;
    margin-bottom: 0;
    margin-top: 25px;
}
.contact3-dcp > span {
    float: left;
    font-size: 12px;
    font-style: italic;
    margin-top: 30px;
    padding-left: 20px;
    position: relative;
    width: 100%;
}
.contact3-dcp > span::before {
    content: "\f00c";
    font-family: fontawesome;
    font-style: normal;
    left: 0;
    position: absolute;
}
.offic-box.style2 {
    background: #fbfbfb none repeat scroll 0 0;
    margin-top: 110px;
    padding: 60px 60px 50px;
    position: relative;
}
.gray .offic-box.style2 {background: #fff none repeat scroll 0 0;}
.offic-box.style2::before {
    background: #fbfbfb none repeat scroll 0 0;
    border-bottom: 30px solid #fbfbfb;
    border-left: 30px solid #fbfbfb;
    border-right: 30px solid #fbfbfb;
    bottom: -30px;
    content: "";
    left: -6%;
    position: absolute;
    right: -6%;
    top: 0;
    z-index: -1;
}
.gray .offic-box.style2::before {background: #fff none repeat scroll 0 0;}
.offic-box.style2.overlap {margin-bottom: -40px;}
.style2 .offic-info > span, 
.style2 .offic-info > a {color: #666;}
.offic-info > span i {
    float: left;
    font-style: normal;
    width: 20%;
}
/*===== Project Page Style 3 =====*/
.remove-ext .project-box1 {margin-bottom: 30px;}
/*====== Blog Detail Style 3 =====*/
.bld-dtl3 {
    float: left;
    padding: 0 10%;
    width: 100%;
}
.blg-mta.style2 {
    background: #fbfbfb none repeat scroll 0 0;
    margin-bottom: 40px;
    margin-top: -45px;
    padding: 60px 10% 40px;
}
.gray .blg-meta.style2 {background: #fff none repeat scroll 0 0;}
.blg-mta.style2 > ul {
    border-bottom: 1px solid #ededed;
    margin-bottom: 23px;
    margin-top: 10px;
    padding-bottom: 22px;
    position: relative;
}
.blg-mta.style2 > h1 {
    margin-top: 0;
    text-transform: uppercase;
}
.blg-mta.style2 > ul::before {
    bottom: -3px;
    content: "";
    height: 3px;
    left: 3px;
    position: absolute;
    width: 40px;
}
.blg-mta.style2 span {font-style: normal;}
.blg-mta.style2 span a {color: inherit;}
.bld-dtl3 > .blg-dtl p {
    color: #666;
    letter-spacing: 0.4px;
    line-height: 28px;
    padding: 0 10%;
}
.blg-gly {
    display: inline-block;
    margin-bottom: 40px;
    margin-top: 20px;
}
blockquote.center-align {background: rgba(0, 0, 0, 0) url(../images/blcqut-bg1.jpg) repeat scroll center center / cover ;}
blockquote.center-align > i {
    display: block;
    float: none;
    margin: 0 auto 30px;
}
blockquote.center-align > p {
    color: #fff;
    text-align: center;
}
.bld-dtl3 div.shar-tag2 {margin-top: 40px;}
/*===== Project Detail =====*/
.prj-in {
    float: left;
    width: 60%;
}
.prj-in > h1 {
    color: #333;
    font-size: 22px;
    margin-bottom: 0;
    margin-top: 0;
}
.prj-in span.loc {
    color: #888;
    font-style: italic;
}
.blg-mta > a {
    float: right;
    margin-top: 15px;
}
.styld-lst {
    float: left;
    list-style: outside none none;
    margin-bottom: 25px;
    padding-left: 0;
}
.styld-lst > li {
    display: block;
    font-size: 15px;
    margin: 13px 0;
    padding-left: 25px;
    position: relative;
}
.rightalign {
    float: right;
    margin-bottom: 20px;
    margin-left: 20px;
}
.styld-lst > li::before {
    content: "\f0a4";
    font-family: fontawesome;
    font-size: 13px;
    left: 0;
    position: absolute;
}
/*===== Product Detail Style 2 =====*/
.product-detail.style2 {padding: 0;}
.prd-img-gl {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%;
}
.qun-inpt2 {
    display: inline-block;
    margin-right: 30px;
    margin-top: 30px;
    width: 150px;
}
.qun-inpt2 > span {
    float: left;
    width: 100%;
}
.qun-inpt.style2 {margin-top: 30px;}
.qun-inpt.style2 ~ a {margin-top: 25px;}
.qun-inpt.style2 > span {width: 150px;}
.qun-inpt.style2 > span .input-group {background: #f5f5f5 none repeat scroll 0 0;}
.qun-inpt.style2 > span .input-group > input {
    color: #353535;
    padding: 0 30px;
    text-align: left;
    width: 95px;
}
.qun-inpt.style2 .input-group > span {width: 40px;}
.qun-inpt.style2 .input-group > span button {border: 0 none;}
.prd-gl-nav {
    float: left;
    margin-bottom: 0;
    margin-left: -5px;
    margin-top: 40px;
    padding-left: 0;
    width: 70%;
}
.prd-gl-nav li.slick-slide {margin: 0 5px;}
.prd-gl-nv-thmb {
    float: left;
    width: 100%;
}
.prd-gl-nv-thmb > img {width: 100%;}
.product-detail-innr.style2 > p {
    margin-bottom: 0;
    margin-top: 15px;
}
.product-detail-innr.style2 .prd-cates {margin-top: 30px;}
/*===== Child Detail =====*/
.child-thmb {
    float: left;
    width: 100%;
}
.child-detail-innr {
    float: left;
    width: 100%;
}
.chld-dtl-in {
    float: left;
    width: 60%;
}
.chld-dtl-in > h1 {
    font-size: 30px;
    margin: 0;
    text-transform: uppercase;
}
.chld-dtl-in > h1 .child-age {
    font-family: arimo;
    font-size: 14px;
    font-weight: 400;
    margin-left: 15px;
    text-transform: initial;
}
.chld-dtl-in .pst-meta {width: 100%;}
.chld-dtl-in .pst-meta li i {color: inherit;}
.chld-dtl-in .pst-meta li {margin-right: 40px;}
.chld-dtl-in > p {
    color: #666;
    display: inline-block;
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 0;
    margin-top: 30px;
}
.child-detail-innr .btns-grp {
    float: right;
    margin-top: 0;
    padding: 0 15px;
    text-align: center;
    width: 270px;
}
.child-detail-innr .btns-grp > a {
    margin: 0 0 30px;
    width: 100%;
}
.mor-abt {
    float: left;
    margin-top: 80px;
    width: 100%;
}
.mor-abt > h4 {
    font-size: 24px;
    margin-top: 0;
}
.mor-abt > h4 span {text-transform: uppercase;}
.abt-chld {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%;
    margin-top: 17px;
}
.abt-chld > li {
    color: #666;
    float: left;
    font-size: 15px;
    margin-bottom: 15px;
    padding-left: 30px;
    position: relative;
    width: 100%;
}
.abt-chld > li::before {
    content: "\f265";
    font-family: fontawesome;
    left: 0;
    position: absolute;
    top: 1px;
}
.abt-chld > li span {
    float: left;
    margin-right: 3px;
}
.abt-chld > li i {
    display: table;
    font-style: normal;
}
/*===== Demo 5 =====*/
/*===== Header Style 5 =====*/
header.style5 .hdr-cnt-bx {width: 22%;}
header.style5 .logo {
    text-align: left;
    width: 50%;
}
header.style5 .menu4-cart {text-align: center;}
header.style5 .menu4-cart nav {
    display: inline-block;
    float: none;
    text-align: left;
}
/*===== Newsletter 2 =====*/
.newsletter.style2 {
    padding-bottom: 42px;
    padding-top: 42px;
}
.newsletter.style2 .newslt-title > span {
    color: #fff;
    font-size: 13px;
}
.newsletter.style2 .newslt-title > h4 {color: #fff;}


/*===== Rescue Programs =====*/
.imptc-box.style2::before {display: none;}
.imptc-box.style2 > h2 {
    color: #333;
    letter-spacing: 0.2px;
}
.imptc-box.style2 > p {color: #555;}
.imptc-box.style2 {
    margin-bottom: 55px;
    padding: 0 0 0 23%;
}
.imptc-box.style2 > i {left: 0;}
.prgm-lst {
    float: left;
    margin-bottom: -55px;
    width: 100%;
}
.prg-tl {
    float: left;
    width: 100%;
}
.prg-tl > span {
    background: #3486a4 none repeat scroll 0 0;
    color: #fff;
    font-family: montserrat;
    font-size: 10px;
    padding: 10px 25px;
}
.prg-tl > h4 {
    color: #333;
    float: left;
    font-size: 48px;
    margin-top: 30px;
    width: 100%;
}
.prg-tl > h4 span {
    display: block;
    font-size: 18px;
    margin-top: 5px;
    text-transform: uppercase;
}
.prg-tl > p {
    color: #444;
    float: left;
    font-size: 15px;
    font-style: italic;
    margin-bottom: 0;
    margin-top: 15px;
    width: 100%;
}
.prg-tl > a {
    float: left;
    line-height: 53px;
    margin-top: 45px;
}


.sprt-vt .pri-tl-in > span {text-transform: uppercase;}
.sprt-vt .pri-tl-in > h4 i {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: initial;
    text-transform: initial;
}
.sprt-vt .pri-tl-in > h4 {
    font-size: 40px;
    letter-spacing: initial;
}
.sprt-vt .pri-tl > p {width: 70%;}

.sprt-vt {
    float: left;
    padding: 0 150px;
    width: 100%;
}
.sprt-vt > .pri-tl {margin-bottom: 0;}
.sprt-vt .progress {
    background: #d8d8d8 none repeat scroll 0 0;
    height: 16px;
}
.sprt-vt .progress span {
    background: transparent none repeat scroll 0 0;
    bottom: auto;
    padding: 0;
    right: -15px;
    top: -30px;
}
.sprt-vt .progress span::before {display: none;}
.gl-lst {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}
.gl-lst > li {
    float: left;
    margin-right: 35px;
    margin-top: 40px;
    padding-right: 25px;
    position: relative;
}
.gl-lst > li .dnt-gl span.price {display: block;}
.gl-lst > li .dnt-gl span {
    font-size: 24px;
    font-weight: 600;
}
.gl-lst > li span.dnt-gl {
    color: #e7e7e7;
    font-size: 13px;
    font-weight: 400;
    margin-top: 0;
}
.gl-lst > li::before {
    background: #7a7a7a none repeat scroll 0 0;
    content: "";
    height: 59px;
    margin-top: -28.5px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 1px;
}
.gl-lst > li:last-child::before {display: none;}
.sprt-vt > a {
    float: right;
    margin-top: 30px;
}
/*===== Election Timing =====*/
.elect-tmng {
    float: left;
    padding: 0 45px;
    text-align: center;
    width: 100%;
}
.countdown.style2 {
    float: left;
    list-style: outside none none;
    padding-left: 0;
    width: 100%;
}
.elect-tmng .title-style2 > p {max-width: 100%;}
/*===== CountDown Timer Style 2 =====*/
ul.countdown.style2 > li {
    background: red none repeat scroll 0 0;
    -webkit-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    -moz-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    -ms-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    -o-box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    box-shadow: 0 0 13px rgba(14, 44, 53, 0.14);
    display: inline-block;
    float: none;
    height: 110px;
    margin: 0 55px 20px 0;
    width: 100px;
}
ul.countdown.style2 > li::before {
    border: 0 none;
    bottom: auto;
    color: #333;
    content: ":";
    font-size: 30px;
    left: auto;
    right: -35px;
    top: 50%;
    -webkit-transform: skewX(0deg) translateY(-50%);
    -moz-transform: skewX(0deg) translateY(-50%);
    -ms-transform: skewX(0deg) translateY(-50%);
    -o-transform: skewX(0deg) translateY(-50%);
    transform: skewX(0deg) translateY(-50%);
}
ul.countdown.style2 > li:last-child {margin-right: 0;}
ul.countdown.style2 > li:last-child::before {display: none;}
ul.countdown.style2 > li p {
    color: #fff;
    font-family: montserrat;
    text-transform: uppercase;
}
ul.countdown.style2 > li span {
    font-size: 30px;
    font-weight: 600;
}
.elect-tmng > a {
    background: #0b709e none repeat scroll 0 0;
    margin-top: 30px;
}

/*===== Insta Style 2 =====*/
.insta-wdgt {
    float: left;
    position: relative;
    width: 100%;
    z-index: 1;
}
.wdgt-tl {
    float: left;
    margin-bottom: 40px;
    text-align: center;
    width: 100%;
}
.wdgt-tl > h4 {
    color: #333;
    font-size: 30px;
    margin-top: 0;
    text-transform: uppercase;
}
.wdgt-tl > h4 i {font-style: normal;}
.wdgt-tl > span {
    font-family: montserrat;
    font-size: 15px;
    letter-spacing: 1.2px;
}
.insta {
    float: left;
    padding: 0 40px;
    width: 100%;
}
.insta > ul {
    background: #fff none repeat scroll 0 0;
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 0 20px 20px;
    width: 100%;
}
.insta > ul > li {
    float: left;
    margin-right: 10px;
    margin-top: 10px;
    width: 18.7%;
}
.insta > ul > li a {
    display: block;
    width: 100%;
}
.insta > ul > li img {width: 100%;
}
.insta > ul > li:last-child {margin-right: 0;}

/*===== Footer Style 3 =====*/
.ft3-abt {
    float: left;
    position: relative;
    text-align: center;
    width: 100%;
}
.ft3-abt .copyright {
    display: block;
    float: none;
    margin-top: 20px;
    text-align: center;
}
.ft3-abt .copyright > span, 
.ft3-abt .copyright > p, 
.ft3-abt .copyright > span a, 
.ft3-abt .copyright > p a {color: #898989;}
.ft3-abt .copyright > span {
    display: block;
    margin-bottom: 7px;
}
.ft-scl {
    display: inline-block;
    list-style: outside none none;
    margin-bottom: 0;
    margin-top: 25px;
    padding-left: 0;
}
.ft-scl > li {
    color: #fff;
    float: left;
    font-size: 15px;
    line-height: 45px;
    margin: 5px 2.5px 0;
}
.ft-scl > li a {
    background: #2a2a2a none repeat scroll 0 0;
    color: inherit;
    display: inline-block;
    height: 45px;
    width: 45px;
}
.ft3-abt::before {
    border-left: 1px solid #323232;
    border-right: 1px solid #323232;
    content: "";
    height: 130px;
    left: -15px;
    position: absolute;
    right: -15px;
    top: 50%;
}
/*===== Bottom Bar Style 2 =====*/
.ftr-lnks {
    border-top: 1px solid #323232;
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding: 45px 0;
    text-align: center;
    width: 100%;
}
.bottom-bar.style2 {padding: 0;}
.ftr-lnks > li {
    color: #737373;
    display: inline-block;
    font-family: montserrat;
    font-size: 13px;
    margin: 0 24px;
    text-transform: uppercase;
}
.ftr-lnks > li a {color: inherit;}

/*===== Progress Chart =====*/
.prg-chrt {float: left;}
.title5 {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.title5 > h4 {
    color: #fff;
    font-size: 32px;
    margin-top: 0;
}
.title5 > h4 i {font-style: normal;}
.title5 > span {
    font-size: 15px;
    letter-spacing: 1.2px;
}
.chart-bx {
    float: left;
    width: 100%;
}
.chart-bx > canvas {
    float: left;
    width: 100% !important;
}
/*===== Slider Style =====*/
.shp::before {
    background: #030303 none repeat scroll 0 0;
    content: "";
    height: 46px;
    left: 0;
    opacity: 0.9;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: skewX(-10deg);
    -moz-transform: skewX(-10deg);
    -ms-transform: skewX(-10deg);
    -o-transform: skewX(-10deg);
    transform: skewX(-10deg);
    z-index: -1;
}
.shp {position: relative;}

/*===== Event Detail Style 4 =====*/
.blg-dtl.style4 > p {
    color: #666;
    letter-spacing: 0.4px;
    line-height: 28px;
    padding: 0 10%;
    text-align: center;
}
.evnt-dtl4,
.prj-dtl4 {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    float: left;
    margin-bottom: 50px;
    overflow: hidden;
    width: 100%;
}
.evnt-dtl4 .blg-mta,
.prj-dtl4 .blg-mta {
    border-bottom: 1px solid #f3f3f3;
    border-left: 1px solid #f3f3f3;
    border-right: 1px solid #f3f3f3;
    margin-bottom: 0;
    padding-bottom: 60px;
}
.evnt-dtl4 .blg-mta > a {
    margin-top: -29px;
    position: absolute;
    right: 60px;
}
/*===== Event Calendar Style 2 =====*/
.clndr.style2 .fc-view-container {padding: 0;}
.clndr.style2 .fc-day {background: #fff}
.clndr.style2 .fc-day:nth-child(2n+1) {background: #f3f3f3}
.clndr.style2 .fc-row:nth-child(2n+1) .fc-day{background: #f3f3f3}
.clndr.style2 .fc-row:nth-child(2n+1) .fc-day:nth-child(2n+1) {background: #fff}
.clndr.style2 .fc-view-container table tbody .fc-day::before {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    display: none;
}
.clndr.style2 .fc-view-container table tbody .fc-day {
    border: 0 none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}
.clndr.style2 .fc-row .fc-content-skeleton td.fc-event-container::before {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    height: 165px;
    left: 0;
    top: -68px;
    width: 167px;
}
.clndr.style2 .fc-basic-view td.fc-day-number.fc-today, 
.clndr.style2 .fc-basic-view td.fc-week-number.fc-today span {color: #444;}
.clndr.style2 .fc-basic-view td.fc-day-number, 
.clndr.style2 .fc-basic-view td.fc-week-number span {font-size: 18px;}
.clndr.style2 .fc-view-container .fc-widget-header {background: #1b1a1a none repeat scroll 0 0;}
.clndr.style2 .fc-view-container table thead.fc-head .fc-day-header {
    color: #fff;
    font-size: 13px;
    letter-spacing: 0.3px;
    line-height: 70px;
}
/*===== Project Detail Style 4 =====*/
.prj-dtl4 .blg-mta {
    padding: 40px 0 0;
    text-align: center;
}
.prj-dtl4 .blg-mta > h1 {
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}
.prj-inf-btm {
    background: #fbfbfb none repeat scroll 0 0;
    border-top: 1px solid #f3f3f3;
    float: left;
    margin-top: 40px;
    padding: 17px 7.3%;
    width: 100%;
}
.gray .prj-inf-btm {background: #fff none repeat scroll 0 0;}
.prj-dtl4 .blg-mta span.dnt-gl {
    color: #999;
    font-size: 11px;
    font-weight: 400;
}
.prj-dtl4 .blg-mta span.dnt-gl span {font-weight: 600;}
.prj-inf-btm > * {
    border: 0 none;
    padding: 0;
}
.prj-inf-btm .prj3-sndr {
    float: left;
    width: 50%;
}
.prj-inf-btm > .pst-meta {
    float: right;
    margin-top: 23px;
    width: auto;
}
.prj-inf-btm > .pst-meta > li:last-child {margin-right: 0;}
/*===== Contact Page Style 4 =====*/
.contact-inf4 {
    float: left;
    margin-bottom: 60px;
    padding: 0 30px;
    width: 100%;
}
.contact-inf4 .offic-info {
    background: rgba(0, 0, 0, 0) url(../images/ptrn-bg.jpg) repeat scroll center center;
    margin-top: 0;
    min-height: 352px;
    padding: 77px 50px;
}
.contact-inf4 .offic-info > i {
    display: inline-block;
    float: none;
    height: 90px;
    line-height: 90px;
    margin-bottom: 25px;
    margin-right: 0;
    width: 90px;
}
.contact-inf4 .offic-info > strong {
    color: #fff;
    font-size: 17px;
    margin-bottom: 15px;
    margin-top: 0;
}
.contact-inf4 .offic-info > span, 
.contact-inf4 .offic-info > a {color: #cacaca;}
.contact-inf4 .offic-info > span i {
    display: inline-block;
    float: none;
    text-align: left;
}
.cnt-frm4 {
    float: left;
    width: 100%;
}
.cnt-frm-tl {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.center-align .cnt-frm-tl {
    display: inline-block;
    float: none;
    max-width: 60%;
}
.cnt-frm-tl > h4 {
    color: #333;
    font-size: 35px;
    line-height: 44px;
    margin-bottom: 25px;
    margin-top: 0;
    text-transform: uppercase;
}
.cnt-frm-tl > h4 i {
    display: block;
    font-style: normal;
}
.cnt-frm-tl > p {
    color: #666;
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 0;
}
/*===== Blog Detail Style 5 =====*/
.blg-dtl.style5 .blg-mta > h1 {
    font-size: 24px;
    margin-top: 13px;
}
.blg-dtl.style5 .blg-mta > span {
    font-family: montserrat;
    font-size: 14px;
}
.blg-dtl.style5 > p,
.blg-dtl.style5 .blg-mta {padding: 0 10%;}
/*===== Event Detail Style 5 =====*/
.evnt-dtl5 {
    float: left;
    margin-bottom: 40px;
    padding: 0 70px;
    position: relative;
    width: 100%;
}
.evnt-dtl5::before {
    background: #fbfbfb none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 20px;
    position: absolute;
    right: 20px;
    top: 100px;
    z-index: -1;
}
.gray .evnt-dtl5::before,
.gray .cus-dtl5 .blg-mta::before {background: #fff none repeat scroll 0 0;}
.evnt-dtl5 .event-box2 {
    padding: 35px 40px 60px 80px;
    position: relative;
}
.evnt-dtl5 .evnt-detail > h1 {
    color: #333;
    font-size: 20px;
    margin-top: 10px;
    max-width: 70%;
    text-transform: uppercase;
}
.evnt-dtl5 .evnt-detail > a {
    position: absolute;
    right: 40px;
    top: 50px;
}
.evnt-dtl5 > img {width: 100%;}
/*===== Cause Detail Style 5 =====*/
.cus-dtl5 .blg-mta {
    margin-bottom: 40px;
    padding: 0 10% 50px;
    position: relative;
}
.cus-dtl5 .blg-mta::before {
    background: #fbfbfb none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: 20px;
    position: absolute;
    right: 20px;
    top: 180px;
    z-index: -1;
}
.cus-dtl5 .prj-in {
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
}
.cus-dtl5 .prj-in > h1 {margin-bottom: 0;}
.cus-dtl5 .prj-in > span {margin-top: 15px;}
.cus-dtl5 .blg-mta .progress {
    background: #d8d8d8 none repeat scroll 0 0;
    height: 16px;
    margin-top: -16px;
    position: relative;
    z-index: 1;
}
.cus-dtl5 .sprt-vt {padding: 0 50px;}
.cus-dtl5 .gl-lst > li::before {background: #e5e5e5 none repeat scroll 0 0;}
.cus-dtl5 .gl-lst > li {color: #333;}
.cus-dtl5 .gl-lst > li > span {color: inherit;}
.cus-dtl5 .gl-lst > li:last-child {
    margin-top: 50px;
    text-transform: uppercase;
}
.blg-dtl.cus-dtl5 > p {color: #666;}
.gray .insta > ul {background: #fbfbfb;}
/*===== 404 Error Page =====*/
.er-pg {
    float: left;
    width: 100%;
}
.er-pg-inr {
    display: inline-block;
    max-width: 620px;
    width: 100%;
}
.er-pg-inr > strong {
    display: block;
    font-family: montserrat;
    font-size: 72px;
    font-weight: 700;
}
.er-pg-inr > span {
    display: block;
    font-family: montserrat;
    font-size: 42px;
    font-weight: 600;
}
.er-pg-inr > p {
    color: #636363;
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 30px;
    margin-top: 25px;
    max-width: 60%;
}
.pg-srch-frm {
    display: inline-block;
    max-width: 560px;
    position: relative;
    width: 100%;
}
.pg-srch-frm > input {
    background: #f3f4f6 !important;
    color: #8799a3;
    font-size: 13px;
    font-style: italic;
}
.pg-srch-frm > button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: #bbc7cd;
    font-size: 21px;
    padding: 0;
    position: absolute;
    right: 30px;
    top: 50%;
}
.er-pg-inr > a {
    -webkit-box-shadow: 0 10px 30px rgba(0, 129, 255, 0.5);
    -moz-box-shadow: 0 10px 30px rgba(0, 129, 255, 0.5);
    -ms-box-shadow: 0 10px 30px rgba(0, 129, 255, 0.5);
    -o-box-shadow: 0 10px 30px rgba(0, 129, 255, 0.5);
    box-shadow: 0 10px 30px rgba(0, 129, 255, 0.5);
    margin-top: 45px;
}
/*===== Search Not Found =====*/
.srch-fund-inr {
    float: left;
    padding: 0 50px;
    text-align: center;
    width: 100%;
}
.srch-fund-inr > strong {
    color: #333;
    display: inline-block;
    font-size: 24px;
    margin-bottom: 10px;
    margin-top: 35px;
}
.srch-fund-inr > p {
    color: #636363;
    font-size: 15px;
    margin-bottom: 60px;
}
.srch-fund-inr .remove-ext {text-align: left;}
/*===== Donate Now Poup =====*/
.popup-wrp {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
    z-index: 99999999;
}
.popup-wrp.active {
    opacity: 1;
    visibility: visible;
}
.popup-inr {
    left: 50%;
    padding: 70px;
    position: absolute;
    top: 20%;
    width: 90% !important;
}
.popup-inr .dnt-sec {margin-bottom: 100px;}
.pp-cls {
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 30px;
    top: 30px;
}
/*===== Scroll bar Styling =====*/
.slimScrollDiv {
    border: 0 solid transparent;
    float: left;
    height: 100% !important;
    width: 100% !important;
}
/*===== Event Registeration Page =====*/
.event-reg {
    float: left;
    width: 100%;
}
.event-reg > form {
    float: left;
    margin-top: 30px;
    padding: 0 135px 0 200px;
    width: 100%;
}
.event-reg > form h4 {
    color: #404040;
    float: left;
    font-size: 15px;
    line-height: 55px;
    margin: 25px 0 0;
    max-width: 400px;
    width: 100%;
}
.event-reg > form h4 ~ span {
    float: left;
    margin-right: 70px;
    margin-top: 45px;
}
.event-reg > form h4 ~ span input {
    height: auto;
    margin-right: 10px;
    margin-top: 4px;
    width: auto;
}
.event-reg > form div.slc, 
.event-reg > form input {
    float: left;
    height: 55px;
    margin-top: 25px;
    width: 51%;
}
.event-reg .select2-container--default .select2-selection--single {height: 55px;}
.event-reg .select2-container--default .select2-selection--single > span {
    color: #727272;
    font-family: montserrat;
    font-size: 12px;
    font-style: normal;
    line-height: 55px;
    text-transform: uppercase;
}
.event-reg form button {
    height: 55px;
    margin-left: 40px;
    margin-top: 60px;
}
/*===== Responsive Header =====*/
.rsp-hdr {
    display: none;
    float: left;
    width: 100%;
}
.rs-tp-br {
    background: #141414 none repeat scroll 0 0;
    float: left;
    padding-left: 7%;
    width: 100%;
}
.rs-tp-br .tb-br-cnt1 > li {
    font-size: 10px;
    line-height: 40px;
}
.rs-tp-br > a {
    display: block;
    float: right;
    font-size: 9px;
    line-height: 40px;
    padding: 0 35px;
}
.rs-md-br {
    background: #252a2c none repeat scroll 0 0;
    float: left;
    width: 100%;
}
.scl-btns {
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
}
.scl-btns > li {
    color: #fff;
    float: left;
    font-size: 9.09px;
    margin-right: 1px;
    text-align: center;
}
.scl-btns > li a {
    background: #3d3d3d none repeat scroll 0 0;
    color: inherit;
    display: block;
    line-height: 38px;
    width: 33px;
}
.rs-md-br > form {
    float: right;
    position: relative;
    width: 50%;
}
.rs-md-br input {
    background: transparent none repeat scroll 0 0;
    color: #7e7e7e;
    font-size: 10px;
    height: 38px;
    padding: 0 0 0 25px;
}
.rs-md-br > form button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    bottom: 0;
    color: #999;
    font-size: 12px;
    padding: 0;
    position: absolute;
    right: 15px;
    top: 0;
}
.rs-lg-br {
    float: left;
    padding-left: 7%;
    position: relative;
    width: 100%;
}
.rs-mu-btn {
    background: #141414 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    font-size: 13px;
    height: 46px;
    line-height: 46px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    width: 44px;
}
.rs-mnu {
    background: #0c0c0c none repeat scroll 0 0;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 90px 20px 50px;
    position: fixed;
    right: 0;
    text-align: center;
    top: -100%;
    visibility: hidden;
    z-index: 99999;
}
.rs-mnu.slidein {
    opacity: 1;
    top: 0;
    visibility: visible;
}
.rs-mnu-cls-btn {
    background: #303030 none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 44px;
}
.rs-mnu > ul {
    display: inline-block;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    width: 300px;
}
.rs-mnu > ul li {
    color: #fff;
    float: left;
    font-family: montserrat;
    font-size: 13px;
    text-transform: uppercase;
    width: 100%;
}
.rs-mnu > ul li a {
    color: inherit;
    display: block;
    margin-bottom: 20px;
    position: relative;
}
.rs-mnu > ul li:last-child > a {margin-bottom: 0;}
.rs-mnu > ul ul {
    display: none;
    float: left;
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 0;
    width: 100%;
}
.rs-mnu > ul ul li {
    color: #a4a4a4;
    font-size: 12px;
    text-transform: initial;
}
.rs-mnu > ul ul li a {margin-bottom: 12px;}
.rs-mnu > ul li.active > a {margin-bottom: 40px;}
.rs-mnu > ul li a::before {
    bottom: -28px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -0.5px;
    opacity: 0;
    position: absolute;
    width: 1px;
}
.rs-mnu > ul li.active > a::before {
    height: 15px;
    opacity: 1;
}
.rs-mnu > ul li.active > ul {margin-bottom: 30px;}

.bg-video {
    float: left;
    height: 770px;
    width: 100%;
}
.volunteer-title.center-align > p {
    display: inline-block;
    max-width: 100%;
}
html.pp-br {overflow-y: hidden;}
/*===== Cart List =====*/
.crt-drp {
    background: #ffffff none repeat scroll 0 0;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    opacity: 0;
    overflow: hidden;
    padding-top: 44px;
    position: absolute;
    right: 0;
    top: 100%;
    visibility: hidden;
    width: 300px;
}
.crt-drp > ul {
    float: left;
    height: 162px;
    list-style: outside none none;
    margin-bottom: 0;
    overflow-y: auto;
    padding-left: 0;
    width: 100%;
}
.crt-drp > ul li {
    background: #fbfbfb none repeat scroll 0 0;
    float: left;
    padding: 15px 30px;
    width: 100%;
}
.crt-drp > ul li:nth-child(2n) {background: #f8f8f8 none repeat scroll 0 0;}
.crt-itm {
    display: table;
    float: left;
    position: relative;
    width: 100%;
}
.crt-itm > * {
    display: table-cell;
    vertical-align: middle;
}
.crt-inf {padding-left: 0;}
.crt-itm > img {
    max-width: 50px;
    min-width: 50px;
}
.crt-inf > h2 {
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 0;
}
.crt-inf > span {
    float: left;
    font-size: 12px;
    margin-top: 5px;
}
.crt-itm .remove {
    font-size: 12px;
    position: absolute;
    right: -5px;
    top: 50%;
}
.srch-crt-lst > ul > li.active .crt-drp {
    opacity: 1;
    visibility: visible;
}
.ttl-prc {
    color: #333333;
    float: left;
    font-size: 14px;
    font-weight: 700;
    padding: 15px 30px;
    width: 100%;
}
.ttl-prc > span {
    float: right;
    font-weight: 400;
}
.crt-drp-btns {
    background: #fbfbfb;
    float: left;
    padding: 15px 30px;
    width: 100%;
}
.crt-drp-btns > a {
    background: #333333 none repeat scroll 0 0;
    color: #ffffff !important;
    float: left;
    font-family: montserrat;
    font-size: 11px;
    margin: 5px 0;
    padding: 10px 30px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.crt-drp-btns > a:last-child {float: right;}
/*===== Header Search =====*/
.hdr-srch {
    background: rgba(0, 0, 0, 0.95) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
    opacity: 0;
    visibility: hidden;
}
.hdr-srch.active {
    opacity: 1;
    visibility: visible;
}
.hdr-srch > form {
    float: left;
    padding: 20% 10%;
    position: relative;
    width: 100%;
}
.srch-cls {
    color: #ffffff;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: 50px;
    top: 50px;
    z-index: 1;
}
.hdr-srch > form input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 40px;
    height: initial;
    padding: 0;
}
.hdr-srch > form button {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 0 none;
    color: #ffffff;
    font-size: 23px;
    padding: 0;
    position: absolute;
    right: 10%;
}

.select2-search--dropdown .select2-search__field {padding-left: 40px;}
.select2-results > ul > li.select2-results__option {padding-left: 45px;}
.widget:last-child {margin-bottom: 0;}
/*===== Register Form =====*/
.register-page .title-style4 > p {
    color: #999999;
    font-size: 14px;
}
.lg-rg-frm {
    float: left;
    margin-top: 40px;
    position: relative;
    width: 100%;
}
.col-md-8 .lg-rg-frm::before {
    background: #cccccc none repeat scroll 0 0;
    bottom: 0;
    content: "";
    left: -10%;
    position: absolute;
    top: -40%;
    width: 1px;
}
.lg-rg-frm input {margin-bottom: 30px;}
.lg-rg-frm span input {
    height: initial;
    margin-right: 10px;
    width: auto;
}
.lg-rg-frm span label {
    font-size: 13px;
    font-family: lato;
    color: #666;
    font-weight: 400;
}
.lg-rg-frm a {
    color: #0099cc;
    float: right;
}
.storie-cate .storie-box2:hover > img {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.storie-cate .storie-box2:hover::before {
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
}
.storie-cate .storie-inf {
    left: 20px;
    right: 20px;
}
.pageloader {
    background:#fff;
    height: 100%;
    width: 100%;
    z-index: 10000000;
    position: fixed;
    left: 0;
    top: 0;
}
.loader {
    position:absolute;
    left:50%;
    top:50%;
}
/*==== Page Loader ====*/
@-webkit-keyframes scale{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:.7}80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes scale{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}45%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:.7}80%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.ball-pulse>div:nth-child(0){-webkit-animation:scale .75s -.36s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s -.36s infinite cubic-bezier(.2,.68,.18,1.08)}.ball-pulse>div:nth-child(1){-webkit-animation:scale .75s -.24s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s -.24s infinite cubic-bezier(.2,.68,.18,1.08)}.ball-pulse>div:nth-child(2){-webkit-animation:scale .75s -.12s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s -.12s infinite cubic-bezier(.2,.68,.18,1.08)}.ball-pulse>div:nth-child(3){-webkit-animation:scale .75s 0s infinite cubic-bezier(.2,.68,.18,1.08);animation:scale .75s 0s infinite cubic-bezier(.2,.68,.18,1.08)}.ball-pulse>div{background-color:#333;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block}@-webkit-keyframes ball-pulse-sync{33%{-webkit-transform:translateY(10px);transform:translateY(10px)}66%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes ball-pulse-sync{33%{-webkit-transform:translateY(10px);transform:translateY(10px)}66%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}.ball-pulse-sync>div:nth-child(0){-webkit-animation:ball-pulse-sync .6s -.21s infinite ease-in-out;animation:ball-pulse-sync .6s -.21s infinite ease-in-out}.ball-pulse-sync>div:nth-child(1){-webkit-animation:ball-pulse-sync .6s -.14s infinite ease-in-out;animation:ball-pulse-sync .6s -.14s infinite ease-in-out}.ball-pulse-sync>div:nth-child(2){-webkit-animation:ball-pulse-sync .6s -.07s infinite ease-in-out;animation:ball-pulse-sync .6s -.07s infinite ease-in-out}.ball-pulse-sync>div:nth-child(3){-webkit-animation:ball-pulse-sync .6s 0s infinite ease-in-out;animation:ball-pulse-sync .6s 0s infinite ease-in-out}.ball-pulse-sync>div{background-color:#333;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block}@-webkit-keyframes ball-scale{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes ball-scale{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.ball-scale>div{background-color:#333;border-radius:100%;margin:2px;display:inline-block;height:60px;width:60px;-webkit-animation:ball-scale 1s 0s ease-in-out infinite;animation:ball-scale 1s 0s ease-in-out infinite}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ball-rotate{position:relative}.ball-rotate>div{background-color:#333;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:relative}.ball-rotate>div:first-child{-webkit-animation:rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite;animation:rotate 1s 0s cubic-bezier(.7,-.13,.22,.86) infinite}.ball-rotate>div:after,.ball-rotate>div:before{background-color:#333;width:15px;height:15px;border-radius:100%;margin:2px;content:"";position:absolute;opacity:.8}.ball-rotate>div:before{top:0;left:-28px}.ball-rotate>div:after{top:0;left:25px}@keyframes rotate{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(180deg) scale(0.6);transform:rotate(180deg) scale(0.6)}100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}}.ball-clip-rotate>div{border-radius:100%;margin:2px;border:2px solid #333;border-bottom-color:transparent;height:25px;width:25px;background:0 0!important;display:inline-block;-webkit-animation:rotate .75s 0s linear infinite;animation:rotate .75s 0s linear infinite}@keyframes rotate{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(180deg) scale(0.6);transform:rotate(180deg) scale(0.6)}100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}}@keyframes scale{30%{-webkit-transform:scale(0.3);transform:scale(0.3)}100%{-webkit-transform:scale(1);transform:scale(1)}}.ball-clip-rotate-pulse{position:relative;-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}.ball-clip-rotate-pulse>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;top:0;left:0;border-radius:100%}.ball-clip-rotate-pulse>div:first-child{background:#333;height:16px;width:16px;top:5px;left:-8px;-webkit-animation:scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:scale 1s 0s cubic-bezier(.09,.57,.49,.9) infinite}.ball-clip-rotate-pulse>div:last-child{position:absolute;width:30px;height:30px;left:-16px;top:-2px;background:0 0;border:2px solid;border-color:#333 transparent;-webkit-animation:rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:rotate 1s 0s cubic-bezier(.09,.57,.49,.9) infinite;-webkit-animation-duration:1s;animation-duration:1s}@keyframes rotate{0%{-webkit-transform:rotate(0deg) scale(1);transform:rotate(0deg) scale(1)}50%{-webkit-transform:rotate(180deg) scale(0.6);transform:rotate(180deg) scale(0.6)}100%{-webkit-transform:rotate(360deg) scale(1);transform:rotate(360deg) scale(1)}}.ball-clip-rotate-multiple{position:relative}.ball-clip-rotate-multiple>div{position:absolute;left:-20px;top:-20px;border:2px solid #333;border-bottom-color:transparent;border-top-color:transparent;border-radius:100%;height:35px;width:35px;-webkit-animation:rotate 1s 0s ease-in-out infinite;animation:rotate 1s 0s ease-in-out infinite}.ball-clip-rotate-multiple>div:last-child{display:inline-block;top:-10px;left:-10px;width:15px;height:15px;-webkit-animation-duration:.5s;animation-duration:.5s;border-color:#333 transparent;-webkit-animation-direction:reverse;animation-direction:reverse}@-webkit-keyframes ball-scale-ripple{0%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:1}70%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}100%{opacity:0}}@keyframes ball-scale-ripple{0%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:1}70%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}100%{opacity:0}}.ball-scale-ripple>div{height:50px;width:50px;border-radius:100%;border:2px solid #333;-webkit-animation:ball-scale-ripple 1s 0s infinite cubic-bezier(.21,.53,.56,.8);animation:ball-scale-ripple 1s 0s infinite cubic-bezier(.21,.53,.56,.8)}@-webkit-keyframes ball-scale-ripple-multiple{0%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:1}70%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}100%{opacity:0}}@keyframes ball-scale-ripple-multiple{0%{-webkit-transform:scale(0.1);transform:scale(0.1);opacity:1}70%{-webkit-transform:scale(1);transform:scale(1);opacity:.7}100%{opacity:0}}.ball-scale-ripple-multiple{position:relative;-webkit-transform:translateY(-25px);-ms-transform:translateY(-25px);transform:translateY(-25px)}.ball-scale-ripple-multiple>div:nth-child(0){-webkit-animation-delay:-.8s;animation-delay:-.8s}.ball-scale-ripple-multiple>div:nth-child(1){-webkit-animation-delay:-.6s;animation-delay:-.6s}.ball-scale-ripple-multiple>div:nth-child(2){-webkit-animation-delay:-.4s;animation-delay:-.4s}.ball-scale-ripple-multiple>div:nth-child(3){-webkit-animation-delay:-.2s;animation-delay:-.2s}.ball-scale-ripple-multiple>div{position:absolute;top:-2px;left:-26px;width:50px;height:50px;border-radius:100%;border:2px solid #333;-webkit-animation:ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21,.53,.56,.8);animation:ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(.21,.53,.56,.8)}@-webkit-keyframes ball-beat{50%{opacity:.2;-webkit-transform:scale(0.75);transform:scale(0.75)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-beat{50%{opacity:.2;-webkit-transform:scale(0.75);transform:scale(0.75)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.ball-beat>div{background-color:#333;width:15px;height:15px;border-radius:100%;margin:2px;display:inline-block;-webkit-animation:ball-beat .7s 0s infinite linear;animation:ball-beat .7s 0s infinite linear}.ball-beat>div:nth-child(2n-1){-webkit-animation-delay:-.35s!important;animation-delay:-.35s!important}@-webkit-keyframes ball-scale-multiple{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}5%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes ball-scale-multiple{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}5%{opacity:1}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.ball-scale-multiple{position:relative;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}.ball-scale-multiple>div:nth-child(2){-webkit-animation-delay:-.4s;animation-delay:-.4s}.ball-scale-multiple>div:nth-child(3){-webkit-animation-delay:-.2s;animation-delay:-.2s}.ball-scale-multiple>div{background-color:#333;border-radius:100%;position:absolute;left:-30px;top:0;opacity:0;margin:0;width:60px;height:60px;-webkit-animation:ball-scale-multiple 1s 0s linear infinite;animation:ball-scale-multiple 1s 0s linear infinite}@-webkit-keyframes ball-triangle-path-1{33%{-webkit-transform:translate(25px,-50px);transform:translate(25px,-50px)}66%{-webkit-transform:translate(50px,0);transform:translate(50px,0)}100%{-webkit-transform:translate(0px,0);transform:translate(0px,0)}}@keyframes ball-triangle-path-1{33%{-webkit-transform:translate(25px,-50px);transform:translate(25px,-50px)}66%{-webkit-transform:translate(50px,0);transform:translate(50px,0)}100%{-webkit-transform:translate(0px,0);transform:translate(0px,0)}}@-webkit-keyframes ball-triangle-path-2{33%{-webkit-transform:translate(25px,50px);transform:translate(25px,50px)}66%{-webkit-transform:translate(-25px,50px);transform:translate(-25px,50px)}100%{-webkit-transform:translate(0px,0);transform:translate(0px,0)}}@keyframes ball-triangle-path-2{33%{-webkit-transform:translate(25px,50px);transform:translate(25px,50px)}66%{-webkit-transform:translate(-25px,50px);transform:translate(-25px,50px)}100%{-webkit-transform:translate(0px,0);transform:translate(0px,0)}}@-webkit-keyframes ball-triangle-path-3{33%{-webkit-transform:translate(-50px,0);transform:translate(-50px,0)}66%{-webkit-transform:translate(-25px,-50px);transform:translate(-25px,-50px)}100%{-webkit-transform:translate(0px,0);transform:translate(0px,0)}}@keyframes ball-triangle-path-3{33%{-webkit-transform:translate(-50px,0);transform:translate(-50px,0)}66%{-webkit-transform:translate(-25px,-50px);transform:translate(-25px,-50px)}100%{-webkit-transform:translate(0px,0);transform:translate(0px,0)}}.ball-triangle-path{position:relative;-webkit-transform:translate(-29.99px,-37.51px);-ms-transform:translate(-29.99px,-37.51px);transform:translate(-29.99px,-37.51px)}.ball-triangle-path>div:nth-child(1){-webkit-animation-name:ball-triangle-path-1;animation-name:ball-triangle-path-1;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.ball-triangle-path>div:nth-child(2){-webkit-animation-name:ball-triangle-path-2;animation-name:ball-triangle-path-2;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.ball-triangle-path>div:nth-child(3){-webkit-animation-name:ball-triangle-path-3;animation-name:ball-triangle-path-3;-webkit-animation-delay:0;animation-delay:0;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.ball-triangle-path>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;width:10px;height:10px;border-radius:100%;border:1px solid #333}.ball-triangle-path>div:nth-of-type(1){top:50px}.ball-triangle-path>div:nth-of-type(2){left:25px}.ball-triangle-path>div:nth-of-type(3){top:50px;left:50px}@-webkit-keyframes ball-pulse-rise-even{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}25%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}50%{-webkit-transform:scale(0.4);transform:scale(0.4)}75%{-webkit-transform:translateY(30px);transform:translateY(30px)}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-pulse-rise-even{0%{-webkit-transform:scale(1.1);transform:scale(1.1)}25%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}50%{-webkit-transform:scale(0.4);transform:scale(0.4)}75%{-webkit-transform:translateY(30px);transform:translateY(30px)}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes ball-pulse-rise-odd{0%{-webkit-transform:scale(0.4);transform:scale(0.4)}25%{-webkit-transform:translateY(30px);transform:translateY(30px)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(0.75);transform:scale(0.75)}}@keyframes ball-pulse-rise-odd{0%{-webkit-transform:scale(0.4);transform:scale(0.4)}25%{-webkit-transform:translateY(30px);transform:translateY(30px)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}75%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}100%{-webkit-transform:translateY(0);transform:translateY(0);-webkit-transform:scale(0.75);transform:scale(0.75)}}.ball-pulse-rise>div{background-color:#333;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:cubic-bezier(.15,.46,.9,.6);animation-timing-function:cubic-bezier(.15,.46,.9,.6);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0}.ball-pulse-rise>div:nth-child(2n){-webkit-animation-name:ball-pulse-rise-even;animation-name:ball-pulse-rise-even}.ball-pulse-rise>div:nth-child(2n-1){-webkit-animation-name:ball-pulse-rise-odd;animation-name:ball-pulse-rise-odd}@-webkit-keyframes ball-grid-beat{50%{opacity:.7}100%{opacity:1}}@keyframes ball-grid-beat{50%{opacity:.7}100%{opacity:1}}.ball-grid-beat{width:57px}.ball-grid-beat>div:nth-child(1){-webkit-animation-delay:-.07s;animation-delay:-.07s;-webkit-animation-duration:1.53s;animation-duration:1.53s}.ball-grid-beat>div:nth-child(2){-webkit-animation-delay:.72s;animation-delay:.72s;-webkit-animation-duration:.94s;animation-duration:.94s}.ball-grid-beat>div:nth-child(3){-webkit-animation-delay:.11s;animation-delay:.11s;-webkit-animation-duration:1.25s;animation-duration:1.25s}.ball-grid-beat>div:nth-child(4){-webkit-animation-delay:.13s;animation-delay:.13s;-webkit-animation-duration:1.01s;animation-duration:1.01s}.ball-grid-beat>div:nth-child(5){-webkit-animation-delay:.1s;animation-delay:.1s;-webkit-animation-duration:1.2s;animation-duration:1.2s}.ball-grid-beat>div:nth-child(6){-webkit-animation-delay:.18s;animation-delay:.18s;-webkit-animation-duration:.97s;animation-duration:.97s}.ball-grid-beat>div:nth-child(7){-webkit-animation-delay:-.09s;animation-delay:-.09s;-webkit-animation-duration:.67s;animation-duration:.67s}.ball-grid-beat>div:nth-child(8){-webkit-animation-delay:.42s;animation-delay:.42s;-webkit-animation-duration:.92s;animation-duration:.92s}.ball-grid-beat>div:nth-child(9){-webkit-animation-delay:.52s;animation-delay:.52s;-webkit-animation-duration:1.43s;animation-duration:1.43s}.ball-grid-beat>div{background-color:#333;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;float:left;-webkit-animation-name:ball-grid-beat;animation-name:ball-grid-beat;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0}@-webkit-keyframes ball-grid-pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes ball-grid-pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:.7}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.ball-grid-pulse{width:57px}.ball-grid-pulse>div:nth-child(1){-webkit-animation-delay:.73s;animation-delay:.73s;-webkit-animation-duration:1.3s;animation-duration:1.3s}.ball-grid-pulse>div:nth-child(2){-webkit-animation-delay:.32s;animation-delay:.32s;-webkit-animation-duration:1.3s;animation-duration:1.3s}.ball-grid-pulse>div:nth-child(3){-webkit-animation-delay:.71s;animation-delay:.71s;-webkit-animation-duration:.88s;animation-duration:.88s}.ball-grid-pulse>div:nth-child(4){-webkit-animation-delay:.62s;animation-delay:.62s;-webkit-animation-duration:1.06s;animation-duration:1.06s}.ball-grid-pulse>div:nth-child(5){-webkit-animation-delay:.31s;animation-delay:.31s;-webkit-animation-duration:.62s;animation-duration:.62s}.ball-grid-pulse>div:nth-child(6){-webkit-animation-delay:-.14s;animation-delay:-.14s;-webkit-animation-duration:1.48s;animation-duration:1.48s}.ball-grid-pulse>div:nth-child(7){-webkit-animation-delay:-.1s;animation-delay:-.1s;-webkit-animation-duration:1.47s;animation-duration:1.47s}.ball-grid-pulse>div:nth-child(8){-webkit-animation-delay:.4s;animation-delay:.4s;-webkit-animation-duration:1.49s;animation-duration:1.49s}.ball-grid-pulse>div:nth-child(9){-webkit-animation-delay:.73s;animation-delay:.73s;-webkit-animation-duration:.7s;animation-duration:.7s}.ball-grid-pulse>div{background-color:#333;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;float:left;-webkit-animation-name:ball-grid-pulse;animation-name:ball-grid-pulse;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0}@-webkit-keyframes ball-spin-fade-loader{50%{opacity:.3;-webkit-transform:scale(0.4);transform:scale(0.4)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes ball-spin-fade-loader{50%{opacity:.3;-webkit-transform:scale(0.4);transform:scale(0.4)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.ball-spin-fade-loader{position:relative;top:-10px;left:-10px}.ball-spin-fade-loader>div:nth-child(1){top:25px;left:0;-webkit-animation:ball-spin-fade-loader 1s -.96s infinite linear;animation:ball-spin-fade-loader 1s -.96s infinite linear}.ball-spin-fade-loader>div:nth-child(2){top:17.05px;left:17.05px;-webkit-animation:ball-spin-fade-loader 1s -.84s infinite linear;animation:ball-spin-fade-loader 1s -.84s infinite linear}.ball-spin-fade-loader>div:nth-child(3){top:0;left:25px;-webkit-animation:ball-spin-fade-loader 1s -.72s infinite linear;animation:ball-spin-fade-loader 1s -.72s infinite linear}.ball-spin-fade-loader>div:nth-child(4){top:-17.05px;left:17.05px;-webkit-animation:ball-spin-fade-loader 1s -.6s infinite linear;animation:ball-spin-fade-loader 1s -.6s infinite linear}.ball-spin-fade-loader>div:nth-child(5){top:-25px;left:0;-webkit-animation:ball-spin-fade-loader 1s -.48s infinite linear;animation:ball-spin-fade-loader 1s -.48s infinite linear}.ball-spin-fade-loader>div:nth-child(6){top:-17.05px;left:-17.05px;-webkit-animation:ball-spin-fade-loader 1s -.36s infinite linear;animation:ball-spin-fade-loader 1s -.36s infinite linear}.ball-spin-fade-loader>div:nth-child(7){top:0;left:-25px;-webkit-animation:ball-spin-fade-loader 1s -.24s infinite linear;animation:ball-spin-fade-loader 1s -.24s infinite linear}.ball-spin-fade-loader>div:nth-child(8){top:17.05px;left:-17.05px;-webkit-animation:ball-spin-fade-loader 1s -.12s infinite linear;animation:ball-spin-fade-loader 1s -.12s infinite linear}.ball-spin-fade-loader>div{background-color:#333;width:15px;height:15px;border-radius:100%;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute}@-webkit-keyframes ball-spin-loader{75%{opacity:.2}100%{opacity:1}}@keyframes ball-spin-loader{75%{opacity:.2}100%{opacity:1}}.ball-spin-loader{position:relative}.ball-spin-loader>span:nth-child(1){top:45px;left:0;-webkit-animation:ball-spin-loader 2s .9s infinite linear;animation:ball-spin-loader 2s .9s infinite linear}.ball-spin-loader>span:nth-child(2){top:30.68px;left:30.68px;-webkit-animation:ball-spin-loader 2s 1.8s infinite linear;animation:ball-spin-loader 2s 1.8s infinite linear}.ball-spin-loader>span:nth-child(3){top:0;left:45px;-webkit-animation:ball-spin-loader 2s 2.7s infinite linear;animation:ball-spin-loader 2s 2.7s infinite linear}.ball-spin-loader>span:nth-child(4){top:-30.68px;left:30.68px;-webkit-animation:ball-spin-loader 2s 3.6s infinite linear;animation:ball-spin-loader 2s 3.6s infinite linear}.ball-spin-loader>span:nth-child(5){top:-45px;left:0;-webkit-animation:ball-spin-loader 2s 4.5s infinite linear;animation:ball-spin-loader 2s 4.5s infinite linear}.ball-spin-loader>span:nth-child(6){top:-30.68px;left:-30.68px;-webkit-animation:ball-spin-loader 2s 5.4s infinite linear;animation:ball-spin-loader 2s 5.4s infinite linear}.ball-spin-loader>span:nth-child(7){top:0;left:-45px;-webkit-animation:ball-spin-loader 2s 6.3s infinite linear;animation:ball-spin-loader 2s 6.3s infinite linear}.ball-spin-loader>span:nth-child(8){top:30.68px;left:-30.68px;-webkit-animation:ball-spin-loader 2s 7.2s infinite linear;animation:ball-spin-loader 2s 7.2s infinite linear}.ball-spin-loader>div{-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;width:15px;height:15px;border-radius:100%;background:green}@-webkit-keyframes ball-zig{33%{-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)}66%{-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-zig{33%{-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)}66%{-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes ball-zag{33%{-webkit-transform:translate(15px,30px);transform:translate(15px,30px)}66%{-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-zag{33%{-webkit-transform:translate(15px,30px);transform:translate(15px,30px)}66%{-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.ball-zig-zag{position:relative;-webkit-transform:translate(-15px,-15px);-ms-transform:translate(-15px,-15px);transform:translate(-15px,-15px)}.ball-zig-zag>div{background-color:#333;width:15px;height:15px;border-radius:100%;margin:2px 2px 2px 15px;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;top:4px;left:-7px}.ball-zig-zag>div:first-child{-webkit-animation:ball-zig .7s 0s infinite linear;animation:ball-zig .7s 0s infinite linear}.ball-zig-zag>div:last-child{-webkit-animation:ball-zag .7s 0s infinite linear;animation:ball-zag .7s 0s infinite linear}@-webkit-keyframes ball-zig-deflect{17%{-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)}34%{-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)}50%{-webkit-transform:translate(0,0);transform:translate(0,0)}67%{-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)}84%{-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-zig-deflect{17%{-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)}34%{-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)}50%{-webkit-transform:translate(0,0);transform:translate(0,0)}67%{-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)}84%{-webkit-transform:translate(-15px,-30px);transform:translate(-15px,-30px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes ball-zag-deflect{17%{-webkit-transform:translate(15px,30px);transform:translate(15px,30px)}34%{-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)}50%{-webkit-transform:translate(0,0);transform:translate(0,0)}67%{-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)}84%{-webkit-transform:translate(15px,30px);transform:translate(15px,30px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes ball-zag-deflect{17%{-webkit-transform:translate(15px,30px);transform:translate(15px,30px)}34%{-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)}50%{-webkit-transform:translate(0,0);transform:translate(0,0)}67%{-webkit-transform:translate(-15px,30px);transform:translate(-15px,30px)}84%{-webkit-transform:translate(15px,30px);transform:translate(15px,30px)}100%{-webkit-transform:translate(0,0);transform:translate(0,0)}}.ball-zig-zag-deflect{position:relative;-webkit-transform:translate(-15px,-15px);-ms-transform:translate(-15px,-15px);transform:translate(-15px,-15px)}.ball-zig-zag-deflect>div{background-color:#333;width:15px;height:15px;border-radius:100%;margin:2px 2px 2px 15px;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;top:4px;left:-7px}.ball-zig-zag-deflect>div:first-child{-webkit-animation:ball-zig-deflect 1.5s 0s infinite linear;animation:ball-zig-deflect 1.5s 0s infinite linear}.ball-zig-zag-deflect>div:last-child{-webkit-animation:ball-zag-deflect 1.5s 0s infinite linear;animation:ball-zag-deflect 1.5s 0s infinite linear}@-webkit-keyframes line-scale{0%{-webkit-transform:scaley(1);transform:scaley(1)}50%{-webkit-transform:scaley(0.4);transform:scaley(0.4)}100%{-webkit-transform:scaley(1);transform:scaley(1)}}@keyframes line-scale{0%{-webkit-transform:scaley(1);transform:scaley(1)}50%{-webkit-transform:scaley(0.4);transform:scaley(0.4)}100%{-webkit-transform:scaley(1);transform:scaley(1)}}.line-scale>div:nth-child(1){-webkit-animation:line-scale 1s -.4s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.4s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div:nth-child(2){-webkit-animation:line-scale 1s -.3s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.3s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div:nth-child(3){-webkit-animation:line-scale 1s -.2s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.2s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div:nth-child(4){-webkit-animation:line-scale 1s -.1s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s -.1s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div:nth-child(5){-webkit-animation:line-scale 1s 0s infinite cubic-bezier(.2,.68,.18,1.08);animation:line-scale 1s 0s infinite cubic-bezier(.2,.68,.18,1.08)}.line-scale>div{background-color:#333;width:4px;height:35px;border-radius:2px;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block}@-webkit-keyframes line-scale-party{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes line-scale-party{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}.line-scale-party>div:nth-child(1){-webkit-animation-delay:.23s;animation-delay:.23s;-webkit-animation-duration:1.1s;animation-duration:1.1s}.line-scale-party>div:nth-child(2){-webkit-animation-delay:.09s;animation-delay:.09s;-webkit-animation-duration:1s;animation-duration:1s}.line-scale-party>div:nth-child(3){-webkit-animation-delay:.44s;animation-delay:.44s;-webkit-animation-duration:.65s;animation-duration:.65s}.line-scale-party>div:nth-child(4){-webkit-animation-delay:-.12s;animation-delay:-.12s;-webkit-animation-duration:1.01s;animation-duration:1.01s}.line-scale-party>div{background-color:#333;width:4px;height:35px;border-radius:2px;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;display:inline-block;-webkit-animation-name:line-scale-party;animation-name:line-scale-party;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-delay:0;animation-delay:0}@-webkit-keyframes line-scale-pulse-out{0%{-webkit-transform:scaley(1);transform:scaley(1)}50%{-webkit-transform:scaley(0.4);transform:scaley(0.4)}100%{-webkit-transform:scaley(1);transform:scaley(1)}}@keyframes line-scale-pulse-out{0%{-webkit-transform:scaley(1);transform:scaley(1)}50%{-webkit-transform:scaley(0.4);transform:scaley(0.4)}100%{-webkit-transform:scaley(1);transform:scaley(1)}}.line-scale-pulse-out>div{background-color:#333;width:4px;height:35px;border-radius:2px;margin:2px;display:inline-block;-webkit-animation:line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85,.25,.37,.85);animation:line-scale-pulse-out .9s -.6s infinite cubic-bezier(.85,.25,.37,.85)}.line-scale-pulse-out>div:nth-child(2),.line-scale-pulse-out>div:nth-child(4){-webkit-animation-delay:-.4s!important;animation-delay:-.4s!important}.line-scale-pulse-out>div:nth-child(1),.line-scale-pulse-out>div:nth-child(5){-webkit-animation-delay:-.2s!important;animation-delay:-.2s!important}@-webkit-keyframes line-scale-pulse-out-rapid{0%{-webkit-transform:scaley(1);transform:scaley(1)}80%{-webkit-transform:scaley(0.3);transform:scaley(0.3)}90%{-webkit-transform:scaley(1);transform:scaley(1)}}@keyframes line-scale-pulse-out-rapid{0%{-webkit-transform:scaley(1);transform:scaley(1)}80%{-webkit-transform:scaley(0.3);transform:scaley(0.3)}90%{-webkit-transform:scaley(1);transform:scaley(1)}}.line-scale-pulse-out-rapid>div{background-color:#333;width:4px;height:35px;border-radius:2px;margin:2px;display:inline-block;-webkit-animation:line-scale-pulse-out-rapid .9s -.5s infinite cubic-bezier(.11,.49,.38,.78);animation:line-scale-pulse-out-rapid .9s -.5s infinite cubic-bezier(.11,.49,.38,.78)}.line-scale-pulse-out-rapid>div:nth-child(2),.line-scale-pulse-out-rapid>div:nth-child(4){-webkit-animation-delay:-.25s!important;animation-delay:-.25s!important}.line-scale-pulse-out-rapid>div:nth-child(1),.line-scale-pulse-out-rapid>div:nth-child(5){-webkit-animation-delay:0s!important;animation-delay:0s!important}@-webkit-keyframes line-spin-fade-loader{50%{opacity:.3}100%{opacity:1}}@keyframes line-spin-fade-loader{50%{opacity:.3}100%{opacity:1}}.line-spin-fade-loader{position:relative;top:-10px;left:-4px}.line-spin-fade-loader>div:nth-child(1){top:20px;left:0;-webkit-animation:line-spin-fade-loader 1.2s -.84s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.84s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(2){top:13.64px;left:13.64px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:line-spin-fade-loader 1.2s -.72s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.72s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(3){top:0;left:20px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:line-spin-fade-loader 1.2s -.6s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.6s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(4){top:-13.64px;left:13.64px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:line-spin-fade-loader 1.2s -.48s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.48s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(5){top:-20px;left:0;-webkit-animation:line-spin-fade-loader 1.2s -.36s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.36s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(6){top:-13.64px;left:-13.64px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-animation:line-spin-fade-loader 1.2s -.24s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.24s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(7){top:0;left:-20px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-animation:line-spin-fade-loader 1.2s -.12s infinite ease-in-out;animation:line-spin-fade-loader 1.2s -.12s infinite ease-in-out}.line-spin-fade-loader>div:nth-child(8){top:13.64px;left:-13.64px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-animation:line-spin-fade-loader 1.2s 0s infinite ease-in-out;animation:line-spin-fade-loader 1.2s 0s infinite ease-in-out}.line-spin-fade-loader>div{background-color:#333;border-radius:2px;margin:2px;-webkit-animation-fill-mode:both;animation-fill-mode:both;position:absolute;width:5px;height:15px}@-webkit-keyframes triangle-skew-spin{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}}@keyframes triangle-skew-spin{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}}.triangle-skew-spin>div{width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:20px solid #333;-webkit-animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:triangle-skew-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite}@-webkit-keyframes square-spin{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}}@keyframes square-spin{25%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(0);transform:perspective(100px) rotateX(180deg) rotateY(0)}50%{-webkit-transform:perspective(100px) rotateX(180deg) rotateY(180deg);transform:perspective(100px) rotateX(180deg) rotateY(180deg)}75%{-webkit-transform:perspective(100px) rotateX(0) rotateY(180deg);transform:perspective(100px) rotateX(0) rotateY(180deg)}100%{-webkit-transform:perspective(100px) rotateX(0) rotateY(0);transform:perspective(100px) rotateX(0) rotateY(0)}}.square-spin>div{width:50px;height:50px;background:#333;border:1px solid #333;-webkit-animation:square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite;animation:square-spin 3s 0s cubic-bezier(.09,.57,.49,.9) infinite}@-webkit-keyframes rotate_pacman_half_up{0%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}50%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@keyframes rotate_pacman_half_up{0%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}50%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(270deg);transform:rotate(270deg)}}@-webkit-keyframes rotate_pacman_half_down{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@keyframes rotate_pacman_half_down{0%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}50%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(90deg);transform:rotate(90deg)}}@-webkit-keyframes pacman-balls{75%{opacity:.7}100%{-webkit-transform:translate(-100px,-6.25px);transform:translate(-100px,-6.25px)}}@keyframes pacman-balls{75%{opacity:.7}100%{-webkit-transform:translate(-100px,-6.25px);transform:translate(-100px,-6.25px)}}.pacman{position:relative}.pacman>div:nth-child(3){-webkit-animation:pacman-balls 1s -.66s infinite linear;animation:pacman-balls 1s -.66s infinite linear}.pacman>div:nth-child(4){-webkit-animation:pacman-balls 1s -.33s infinite linear;animation:pacman-balls 1s -.33s infinite linear}.pacman>div:nth-child(5){-webkit-animation:pacman-balls 1s 0s infinite linear;animation:pacman-balls 1s 0s infinite linear}.pacman>div:first-of-type{width:0;height:0;border-right:25px solid transparent;border-top:25px solid #333;border-left:25px solid #333;border-bottom:25px solid #333;border-radius:25px;-webkit-animation:rotate_pacman_half_up .5s 0s infinite;animation:rotate_pacman_half_up .5s 0s infinite;position:relative;left:-30px}.pacman>div:nth-child(2){width:0;height:0;border-right:25px solid transparent;border-top:25px solid #333;border-left:25px solid #333;border-bottom:25px solid #333;border-radius:25px;-webkit-animation:rotate_pacman_half_down .5s 0s infinite;animation:rotate_pacman_half_down .5s 0s infinite;margin-top:-50px;position:relative;left:-30px}.pacman>div:nth-child(3),.pacman>div:nth-child(4),.pacman>div:nth-child(5),.pacman>div:nth-child(6){background-color:#333;border-radius:100%;margin:2px;width:10px;height:10px;position:absolute;-webkit-transform:translate(0,-6.25px);-ms-transform:translate(0,-6.25px);transform:translate(0,-6.25px);top:25px;left:70px}@-webkit-keyframes cube-transition{25%{-webkit-transform:translateX(50px) scale(0.5) rotate(-90deg);transform:translateX(50px) scale(0.5) rotate(-90deg)}50%{-webkit-transform:translate(50px,50px) rotate(-180deg);transform:translate(50px,50px) rotate(-180deg)}75%{-webkit-transform:translateY(50px) scale(0.5) rotate(-270deg);transform:translateY(50px) scale(0.5) rotate(-270deg)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes cube-transition{25%{-webkit-transform:translateX(50px) scale(0.5) rotate(-90deg);transform:translateX(50px) scale(0.5) rotate(-90deg)}50%{-webkit-transform:translate(50px,50px) rotate(-180deg);transform:translate(50px,50px) rotate(-180deg)}75%{-webkit-transform:translateY(50px) scale(0.5) rotate(-270deg);transform:translateY(50px) scale(0.5) rotate(-270deg)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.cube-transition{position:relative;-webkit-transform:translate(-25px,-25px);-ms-transform:translate(-25px,-25px);transform:translate(-25px,-25px)}.cube-transition>div{width:10px;height:10px;position:absolute;top:-5px;left:-5px;background-color:#333;-webkit-animation:cube-transition 1.6s 0s infinite ease-in-out;animation:cube-transition 1.6s 0s infinite ease-in-out}.cube-transition>div:last-child{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes spin-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin-rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.semi-circle-spin{position:relative;width:35px;height:35px;overflow:hidden}.semi-circle-spin>div{position:absolute;border-width:0;border-radius:100%;-webkit-animation:spin-rotate .6s 0s infinite linear;animation:spin-rotate .6s 0s infinite linear;background-image:-webkit-linear-gradient(transparent 0,transparent 70%,#333 30%,#333 100%);background-image:linear-gradient(transparent 0,transparent 70%,#333 30%,#333 100%);width:100%;height:100%}