/***************************************************************************
1. General Style
2. Top Bar
3. Header
4. Logo
5. Menu
6. Our Causes Carousel
7. Donate Us Box
8. Testimonials
9. Our Projects
10. HomePage 2
11. Donate Us Box
12. Video
13. Welcome Box
14. Successful Stories
15. Recent Events
16. Home Page 3
18. Donate Bar
19. Our Causes
20. Message Box
21. Recent Events 
22. Charity Video
23. Footer Styling
24. People Reviews
25. Flickr Widget
26. Contact us
27. Newsletter.
28. Footer Bottom Strip
29. Search Result Found Page
30. Search Result Not Found Page
31. Gallery Two Column
32. Gallery Four Column
33. Error 404 
34. About Us
35. Blog Page With Sidebar
36. Single Post With Image
37. Single Post With Video
38. Single Post With Slider
39. Project Single Post
40. Contact Page
41. Events Page
42. Elements Page
43. Cart Page
44. Featured Product Page
45. Checkout Page
46. Order Recieved Page
47. Sidebar
48. Sidebar Search
49. Popular Posts
50. Cloud Tags
51. Sidebar lists
52. Sidebar Video
53. Sidebar Gallery
54. Slider Style
55. Side Panel
56. Social Buttons
***************************************************************************/
/*** GENERAL STYLE  ***/
body {
    overflow-x: hidden;
    position:relative;
}
body,ul,h1,h2,h3,h4,h5,h6{
    margin:0;
    padding:0;
    list-style:none;
    letter-spacing:0.2px;
}
.theme-layout {
    background:none repeat scroll 0 0 #FFFFFF;
    display:inline-block;
    width:100%;
}
.theme-layout.boxed {
    margin:0 auto;
    width:1230px;
    display:block;
    overflow:hidden;
    position:relative;
    z-index:0;
    background:none repeat scroll 0 0 #FFFFFF;

    -webkit-box-shadow:0 0 10px #000000;
    -moz-box-shadow:0 0 10px #000000;
    -ms-box-shadow:0 0 10px #000000;
    -o-box-shadow:0 0 10px #000000;
    box-shadow:0 0 10px #000000;
}
a{
    outline:none!important;
}


section {
    float: left;
    width: 100%;
    position:relative;
}

section .container,
.inner-page .container {
    padding: 0;
}

.category-image {
    margin: 10px 5px;
}

/*** TOP BAR ***/
#top-bar {
    float:left;
    width:100%;
    background-color:rgba(0, 0, 0, 0.85);
    margin:0;
    z-index:100000000;
    position: relative;
}
#top-bar ul {
    margin:0;
}
#top-bar li{
    float: left;
    margin-right: 15px;
    padding: 12px 0 12px;
    color: #fefefe;
    font-family: 'Roboto',sans-serif;
    font-size: 10px;
    list-style: none outside none;
}
#top-bar li a{
    color: #9d9b9b;
}
#top-bar li:last-child{
    margin-right:0;
}
#top-bar li i {
    font-size:13px;
    margin-right:5px;
}
.search-box{
    float:right;
    margin:8px 0;
    width:160px;
}
.btn-yellow:hover {
    background: #000 !important;
    color: white;
}
.search-input{
    float:right;
    width:100px;
    height:20px;
    padding-right:10px;
    color:#dddddd;
    text-align:right;
    border:none;
    font-family:'Roboto',sans-serif;
    font-size:10px;
    background-color:transparent;
    border-right:1px solid #b0afaf;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.search-input:hover,
.search-input:focus{
    width:130px;
    padding-left:10px;
    border:1px solid #b0afaf;
    text-align:left;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;	
}
.submit-button{
    background:url("../images/search-icon.png") no-repeat scroll 2px  4px transparent;
    border:0 none;
    float:right;
    height:20px;
    padding:0;
    width:20px;
    margin-left:6px;

    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;
}

/*** Header  ***/

header{
    float:left;
    width:100%;
    background-color: #F2F2F2;
    z-index:1000;
    position: relative;
    top: 0;
}

/*** LOGO ***/
.logo {
    float:left;
    padding:14px 0;
}
.logo img{
    float:left;
}
.logo h1 {
    float:left;
    font-family:roboto;
    font-size:36px;
    font-weight:600;
    letter-spacing:-0.25px;
    line-height:50px;
    margin-left:10px;
    margin-top:0;
    margin-bottom:0;

    -webkit-text-shadow:0 1px 1px #A1A1A1;
    -moz-text-shadow:0 1px 1px #A1A1A1;
    -ms-text-shadow:0 1px 1px #A1A1A1;
    -o-text-shadow:0 1px 1px #A1A1A1;
    text-shadow:0 1px 1px #A1A1A1;
}
.logo > p {
    float: left;
    margin: 0;
    width: 100%;
}
.logo h1 i{
    font-size:55px;
    font-style:normal;
}	

/*** MENU ***/
.menu{
    float:right;
    margin-right:50px;
}
.nav-wrap { 
    margin:50px auto; 
    background-color:rgba(0,0,0,0.6); 
    border-top:2px solid white; 
    border-bottom:2px solid white; 
}
.open-menu {
    width:50px;
    height:50px;
    font-size:30px;
    color:#FFFFFF;
    line-height:44px;
    text-align:center;
    z-index:100;
    background:none repeat scroll 0 0 #333333;
    display:none;

    position:absolute;
    top:0;
    right:-50px;
}
#menu-navigation { 
    margin:0 auto; 
    list-style:none; 
    position:relative; 
}
#menu-navigation li {
    float:left;
    position:relative;
}
#menu-navigation > li{
    margin:0 1px;
}
#menu-navigation li a { 
    float: left;
    padding: 36px 16px;
    font-family: roboto;
    font-size: 12px;
    font-weight:400;
    color:#3D3D3D;
    position:relative;
    text-decoration:none;
    z-index:1;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
#menu-navigation li:hover > a, 
#menu-navigation > li.active > a{ 
    color: hsla(0,0%,14%,1.00); 
    background: #FFF800;
}
#menu-navigation > li:before,
#menu-navigation > li.active:before {
    content:"";
    width:0; 
    height:0; 
    border-bottom:4px solid #516f35; 
    border-right:4px solid transparent;

    opacity:0;
    filter:alpha(opacity=0);

    position:absolute;
    top:-4px;
    right:-3px;
}
#menu-navigation > li:after,
#menu-navigation > li.active:after {
    content:"";
    border-top:4px solid #516F35;
    border-right:4px solid transparent;
    height:0;
    width:0;
    opacity:0;
    filter:alpha(opacity = 0);

    position:absolute;
    right:-3px;
    top:92px;
}
#menu-navigation > li:hover:before,
#menu-navigation > li:hover:after,
#menu-navigation > li.active:before,
#menu-navigation > li.active:after {
    opacity:1;
    filter:alpha(opacity=100);
}
#menu-navigation li a:before,
#menu-navigation > li.active > a:before {
    content:"";
    height:0;
    width:100%;
    z-index:-1;

    position:absolute;
    left:0;
    top:0;

    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    -ms-border-radius:2px;
    -o-border-radius:2px;
    border-radius:2px;

    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
#menu-navigation > li:hover > a:before,
#menu-navigation > li.current-menu-parent > a:before,
#menu-navigation > li.current_page_item > a:before {
    height: 100%;
}
#menu-navigation li:hover > a, 
#menu-navigation > li.current-menu-parent > a,
#menu-navigation > li.current_page_item > a {
    color: #000;
}
.menu ul li ul {
    width:230px;
    border-top:3px solid;
    float:left;
    z-index:2;

    position:absolute;
    left:-9999px;
    top:86px;

    opacity:0;
    filter:alpha(opacity=0);

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;

    -webkit-transition:opacity 0.3s ease 0s;
    -moz-transition:opacity 0.3s ease 0s;
    -ms-transition:opacity 0.3s ease 0s;
    -o-transition:opacity 0.3s ease 0s;
    transition:opacity 0.3s ease 0s;
}
.menu ul > li:hover > ul{
    left:0;
    opacity:1;
    filter:alpha(opacity=100);
}

#menu-navigation li ul li {
    background:none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    margin-bottom:5px;
    position: relative;
    width:100%;

    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
#menu-navigation li:hover > ul li{
    margin-bottom: 0;
}

#menu-navigation li ul li a {
    width:100%;
    padding:15px 25px;
    color:#1A1A1A;
    font-family:open sans;
}
#menu-navigation li ul li a {
    width:100%;
    padding:13px 25px;
    border-bottom:1px solid #D3D3D3;
    color:#1A1A1A;
    font-size:13px;
    font-family:open sans;
    line-height:14px;
}
.menu ul li ul li ul {
    float:left;
    width:230px;
    border-top:3px solid;
    background:none repeat scroll 0 0 #fff;

    position:absolute;
    left:-9999px;
    top:-3px;

    opacity: 0;
    filter:alpha(opacity=0);

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;

    -webkit-transition:opacity 0.2s linear;
    -moz-transition:opacity 0.2s linear;
    -ms-transition:opacity 0.2s linear;
    -o-transition:opacity 0.2s linear;
    transition:opacity 0.2s linear;
}
.menu ul li ul li:hover > ul {
    /*left:-230px;*/
    left:100%;
    opacity: 1;
    filter:alpha(opacity=100);
}
.menu li > ul.mega-menu {
    width: 460px !important;
}
.menu #menu-navigation  li > ul.mega-menu > li{
    float: left;
    width: 50%;
}
.menu ul li ul li:hover > ul.drop-right {
    left:230px;
    opacity: 1;
    filter:alpha(opacity=100);
}
.menu #menu-navigation li ul li ul li {
    background:none repeat scroll 0 0 #EDEDED;
}

.ipadMenu {
    color: #7C7C7C;
    float: right;
    font-family: roboto;
    font-size: 12px;
    margin: 30px 0;
    width: 275px !important;
    display:none;
}



.block {
    float: left;
    padding: 10px 0;
    position: relative;
    width: 100%;
}
.block.remove-top {
    padding-top: 0;
}
.block.remove-bottom {
    padding-bottom: 0;
}
.sec-heading {
    border-bottom: 1px solid #D3D2D2;
    float: left;
    padding-bottom: 15px;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}
.sec-heading h2 {
    color:#7c7c7c;
    font-family:roboto;
    font-size:20px;
    font-weight:300;
    line-height:18px;
    position:relative;
}
.sec-heading h2:before {
    content:"";
    height:0;
    width:0;
    border-bottom:8px solid #D3D2D2;
    border-left:7px solid transparent;
    border-right:7px solid transparent;

    position:absolute;
    left:15px;
    bottom:-15px;
}
.sec-heading h2:after {
    content:"";
    height:0;
    width:0;
    border-top:8px solid #D3D2D2;
    border-left:7px solid transparent;
    border-right:7px solid transparent;

    position:absolute;
    left:15px;
    bottom:-23px;
}
.sec-heading h2 strong{
    font-weight:400;
}

/*** Our Causes Carousel ***/
.our-causes{
    float:left;
    width:100%;
}
.our-causes .flex-direction-nav {
    display: none;
}
.our-causes .flex-control-nav {
    list-style: none outside none;
    position: absolute;
    right: 15px;
    top: -20px;
}
.our-causes .flex-control-nav li{
    float:left;
}
.our-causes .flex-control-nav a{
    float:left;
    height:16px;
    width:16px;
    color:transparent;
    margin:0 2px;
    border:4px solid #fff;
    background:none repeat scroll 0 0 #c8c7c7;
    cursor:pointer;

    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}	
.our-causes .flex-control-nav a.flex-active{
    background:none repeat scroll 0 0 #fff;
    border-color:#777676;
}
.causes-image{
    float:left;
    position:relative;
    overflow:hidden;
    margin-right:30px;
    width:100%;
}
.causes-image:last-child{
    margin-right:0;
}

.causes-image img{
    width:100%;
    height:auto;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -0-border-radius:3px;
    border-radius:3px;
}
.cause-heading{
    width:100%;
    padding-bottom:21px;
    padding-top:21px;
    background:none repeat scroll 0 0 rgba(255, 255, 255, 0.9);

    position:absolute;
    bottom:8px;

    -webkit-transition:all 0.6s ease 0s;
    -moz-transition:all 0.6s ease 0s;
    -ms-transition:all 0.6s ease 0s;
    -o-transition:all 0.6s ease 0s;
    transition:all 0.6s ease 0s;
}
.cause-heading h3 {
    color: #666666;
    font-family: roboto;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    padding: 0 20px;
    text-align: center;
}
.cause-heading h3 a{
    color:#2D2D2D;
}
.cause-heading p {
    color: #A6A6A6;
    font-family: roboto;
    font-size: 13px;
    font-weight: 400;
    line-height: 10px;
    margin: 15px 0 5px;
    padding: 0 20px;
    text-align: center;
    text-transform: uppercase;
}
.cause-heading span {
    margin-left:5px;
}
.cause-heading span i{
    color:#616161;
    font-size:19px;
    font-style:normal
}
.our-causes-hover{
    background: none repeat scroll 0 0 rgba(84, 84, 84, 0.9);
    height: 0;
    left: 2%;
    padding: 0;
    position: absolute;
    top: 2%;
    width: 96%;
    overflow: hidden;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;

    -webkit-transition:all 0.6s ease 0.3s;
    -moz-transition:all 0.6s ease 0.3s;
    -ms-transition:all 0.6s ease 0.3s;
    -o-transition:all 0.6s ease 0.3s;
    transition:all 0.6s ease 0.3s;
}
.our-causes-hover h3 {
    color: #FFF;
    font-family: roboto;
    font-size: 15px;
    font-weight: 300;
    line-height: 16px;
    margin-bottom: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}
.our-causes-hover h3 a{
    color: #2D2D2D;
}
.our-causes-hover > span {
    color: #ADACAC;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 400;
    line-height: 11px;
    margin-bottom: 30px;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
}
.our-causes-hover span i {
    font-style:normal;
}
.our-causes-hover p {
    float:left;
    width:100%;
    margin-bottom:35px;
    margin-top:-7px;
    color: #b9b9b9;
    font-family: noto sans;
    text-align: center;
    font-size:13px;
    line-height:20px;
}
.our-causes-hover span.help {
    font-size: 14px;
    font-weight: 400;
    line-height: 13px;
    margin-bottom: 0;
    color: #FFFFFF;
}
.help > strong {
    font-size: 16px;
    font-family: open sans;
    text-transform: uppercase;
    color: #adacac;
}
.our-causes-hover span.needed-amount {
    font-size: 26px;
    line-height: 25px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
    color: #e9e8e8;
    font-weight: 700;
}
.needed-amount span {
    font-size: 20px;
    margin-right: 5px;
}
.causes-image:hover .our-causes-hover {
    height: 96%;
    padding: 50px 25px;

    -webkit-transition:all 0.6s ease 0s;
    -moz-transition:all 0.6s ease 0s;
    -ms-transition:all 0.6s ease 0s;
    -o-transition:all 0.6s ease 0s;
    transition:all 0.6s ease 0s;
}	
.causes-image:hover .cause-heading {
    bottom: -50%;
}
/*** Donate Us Box ***/
.donate-us-box{
    float:left;
    width:100%;
    padding:40px 35px;
    background-image:url('../images/map-bg.png');
    background-color:#545454;
    background-repeat:no-repeat;
    background-position:50% 50%;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.donate-us-box h5 {
    color:#FFFFFF;
    font-family:roboto;
    font-size:17px;
    font-weight:500;
    line-height:18px;
    margin-bottom:35px;
    text-align:center;
    text-transform:uppercase;
}

.donate-us-box span {
    float:left;
    width:100%;
    display:block;
    color:#FFFFFF;
    font-family:roboto;
    font-size:12px;
    line-height:10px;
    text-align:center;
}
.donate-us-box span.amount-figures {
    background:none repeat scroll 0 0 #373737;
    display: block;
    float: left;
    font-family: Open sans;
    font-size: 16px;
    line-height: 14px;
    margin: 10px 0 20px;
    overflow: hidden;
    padding: 9px 20px;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.donate-us-box span.cell {
    float:left;
    margin-bottom:28px;
    margin-top:5px;
    font-family:open sans;
    font-size:17px;
    color:#FFFFFF;
    font-weight:400;
    text-align:center;
    text-transform:uppercase;
}
.cell i {
    margin-right:10px;
}
.donate-us-box > form {
    float: left;
    width: 100%;
}
.donate-us-box button.donate-btn {
    background: none repeat scroll 0 0 #FFF;
    display:table;
    margin:0 auto;
    padding:10px 20px;
    color:#666666;
    font-family:roboto;
    font-size:11px;
    line-height:10px;
    text-align:center;
    border:0;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;

    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
.donate-us-box button.donate-btn:hover {
    padding:10px 15px;
}

/*** Testimonials ***/
.testimonial {
    float: left;
    width: 100%;
}
.testimonial.overlap {
    margin-top: -40px;
}
.slideshow {
    float: left;
    position: relative;
    width: 100%;
}
.slideshow .slides {
    float: left;
    padding-bottom: 40px;
    width: 100%;
}
.slideshow p {
    color: #f0f0f0;
    float: left;
    font-size: 15px;
    line-height: 27px;
    margin-bottom: 0;
    margin-top: 38px;
    text-align: center;
    font-weight: 400;
}
.slideshow li.slide {
    list-style-type:none;
}
.slideshow .flex-direction-nav {
    display: none;
}
.slideshow .flex-control-nav {
    display: table;
    list-style: none outside none;
    margin: 40px auto 0;
    padding: 0;
    z-index: 100;
}
.slideshow .flex-control-nav li{
    float:left;
}
.slideshow .flex-control-nav li a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.4);
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    display: inline;
    float: left;
    height: 8px;
    margin: 0 0 0 8px;
    width: 8px;
    transition: all 0.3s;

    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;	
}
.slideshow .flex-control-nav li a.flex-active {
    border: 4px solid rgba(0,0,0,0.3);
    height: 16px;
    margin-top: -5px;
    width: 16px;
}
.carusal-image-thumb img {
    border: 3px solid #FFFFFF;
    display: table;
    height: 100px;
    margin: 0 auto 10px;
    width: 100px;

    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -ms-border-radius:15px;
    -o-border-radius:15px;
    border-radius:15px;
}
.carusal-image-thumb {
    display: table;
    margin: 0 auto;
    min-width: 270px;
    text-align: center;
}
.carusal-image-thumb strong {
    color: #FFFFFF;
    font-family: roboto;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.3px;
    margin-left: 10px;
    margin-top: 10px;
    position: relative;
    text-transform: uppercase;
}
.carusal-image-thumb-name {
    color: #FFFFFF;
    font-family: roboto;
    font-weight: 500;
    margin-left: 5px;
    margin-top: 10px;
    position: relative;
}
.carusal-slider{
    float:left;
}
.carusal-slider #carousel-wrapper .caroufredsel_wrapper {
    min-height: 215px;
}
#carousel span, #thumbs a, #thumbs img {
    float:left;
    width:100%;
}
#carousel-wrapper {
    float: left;
    width: 100%;
}
#thumbs-wrapper {
    float:left;
    width:100%;
    padding:25px 27px 10px;
    margin-top:20px;
    position:relative;
    background:none repeat scroll 0 0 #dedcdc;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;

    -webkit-box-shadow:0 2px 0 #DEDEDE;
    -moz-box-shadow:0 2px 0 #DEDEDE;
    -ms-box-shadow:0 2px 0 #DEDEDE;
    -o-box-shadow:0 2px 0 #DEDEDE;
    box-shadow:0 2px 0 #DEDEDE;
}
#thumbs img{
    border:2px solid #f8f7f7;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
#thumbs a {
    margin:0 10px;
    overflow:hidden;
    float:left;
}
#thumbs a:hover, #thumbs a.selected {
    border-color:#98d460;
}
#thumbs a img {
    height:87px;
    width:100%;
}
#wrapper img#shadow {
    width:100%;

    position:absolute;
    bottom:0;
}
.carusal-our-news{
    float:left;
    height:20px;
    color:#666666;
    font-family:roboto;
    font-size:12px;
    margin-top:7px;
}

.carusal-our-news:hover,
.selected .carusal-our-news {
    color:#2d2d2d;
}	

.carusal-slider #prev,.carusal-slider  #next {
    width:27px;
    margin-top:-13px;
    display:block;
    text-align:center;
    background-color:#BAB9B9;
    background-image:url("../images/sprite.png");

    position:absolute;
    top:49%;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;	
}
.carusal-slider #prev i,.carusal-slider  #next i {
    color:#FFFFFF;
    line-height:35px;
}
.carusal-slider #prev {
    background-position:205px -105px;
    left:0;
}
.carusal-slider #next {
    background-position:-154px -34px;
    right:0px;
}	
.carusal-slider #prev:hover { 
    background-image:url("../images/sprite.png");
    background-position:205px -105px;
}
.carusal-slider #next:hover {
    background-image:url("../images/sprite.png");
    background-position:-154px -34px;
}

/*** Our Projects ***/
.our-project-box {
    float: left;
    margin-bottom: -50px;
    width: 100%;
}
.icon-box{
    width:90px;
    height:90px;
    padding:12px;
    border:1px solid #DDDCDC;
    color:#DDDCDC;
    font-size:48px;
    text-align:center;
    position:relative;
    overflow:hidden;
    display:table;
    margin:0 auto;
    background-clip:border-box;
    background-color:#FFFFFF;

    -webkit-box-shadow:0 0 15px #EDEDED inset;
    -moz-box-shadow:0 0 15px #EDEDED inset;
    -ms-box-shadow:0 0 15px #EDEDED inset;
    -o-box-shadow:0 0 15px #EDEDED inset;
    box-shadow:0 0 15px #EDEDED inset;

    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;

    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
.our-project-box .row .row > div {
    padding: 0 0 50px;
}
.project-detail {
    float: left;
    width: 100%;
}
.project-detail a {
    color: #666666;
    display: block;
    font-family: roboto;
    font-weight: 400;
    line-height: 11px;
    overflow: hidden;
    padding-bottom: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;


    -webkit-transition:all 1s ease 0s;
    -moz-transition:all 1s ease 0s;
    -ms-transition:all 1s ease 0s;
    -o-transition:all 1s ease 0s;
    transition:all 1s ease 0s;
}
.project-detail:hover a{
    color:#2d2d2d;
}
.project-detail span {
    color: #A6A6A6;
    float: left;
    font-family: roboto;
    font-size: 13px;
    margin-bottom: 2px;
    width: 100%;
}
.project-detail p {
    color: #888888;
    font-family: Open sans;
    font-size: 13px;
}
.nv_post img {
    min-width: 100%;
}
.nv_post {
    color: #77788A;
}
.nv_post a {
    color: #222 !important;
    font-weight: 800;
    /* margin: 0 0 0.5em 0; */
}
.nv_post h4 {
    font-size: 1.6em;
    margin: 0 0 0.6em 0;
}
.icon-box i {
    line-height:67px;
    color:#a5a4a4;
    text-shadow:-2px 3px 1px #dadada;

    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
.need {
    width:100%;
    height:100%;
    padding:10px;
    color:#FFFFFF;
    opacity:0;
    font-family:roboto;
    font-size:10px;
    font-weight:bold;

    position:absolute;
    left:0;
    top:0;

    -webkit-box-shadow: 0 0 10px #6A6A6A inset;
    -moz-box-shadow: 0 0 10px #6A6A6A inset;
    -ms-box-shadow: 0 0 10px #6A6A6A inset;
    -o-box-shadow: 0 0 10px #6A6A6A inset;
    box-shadow: 0 0 10px #6A6A6A inset;

    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.our-project-box .row > div:hover .need{
    opacity:1;
}
.need p span {
    float: left;
    font-size: 14px;
    width: 100%;
    margin-bottom:3px;
}
.need input {
    display: none;
}
.need a {
    background: none;
    border: 0 none;
    color: #efefef;
    padding: 18px 8px;
    float: left;
    width: 100%;
    font-size: 13px;
    font-weight: 700;
    text-shadow: 0px 1px 2px #282828;
}


/*** ////HOME PAGE 2 STYLE/////////
///////////////////////////////////////////////////////// ***/

.nine-column {
    float:left;
    width:870px;
    margin-left:-15px;
    margin-right:-15px;
}
.three-column {
    float:left;
    width:270px;
    margin-left:-15px;
    margin-right:-15px;
}

/*** Donate Us Box ***/
.donate-us {
    float:left;
    width:100%;
    padding:20px;
    margin-bottom:40px;
    background:url("../images/map-bg.png") no-repeat scroll center 0 #545454;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.donate-us > h3 {
    color:#FFFFFF;
    font-family:roboto;
    font-size:14px;
    text-align:center;
    text-transform:uppercase;
}
.donate-us > span {
    float:left;
    width:100%;
    color:#FFFFFF;
    font-family:open sans;
    font-size:12px;
    line-height:10px;
    margin-top:10px;
    text-align:center;
}
.collected {
    float:left;
    width:50%;
    margin-top:10px;
}
.collected > p {
    color:#FFFFFF;
    display:block;
    font-family:roboto;
    font-size:11px;
    line-height:10px;
    margin:0 0 10px;
}
.collected > span {
    color: #FFFFFF;
    font-family: open sans;
    line-height: 12px;
    margin: 0 auto;
    padding: 6px 20px;
    float: left;
    width: 100%;
    word-wrap: break-word;
    text-align:center;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.d-now {
    float:left;
    width:50%;
    margin-top:28px;
    text-align:center;
}

.d-now .donate-btn {
    background-image:linear-gradient(bottom, rgb(240,240,240) 15%, rgb(255,255,255) 81%);
    background-image:-o-linear-gradient(bottom, rgb(240,240,240) 15%, rgb(255,255,255) 81%);
    background-image:-moz-linear-gradient(bottom, rgb(240,240,240) 15%, rgb(255,255,255) 81%);
    background-image:-webkit-linear-gradient(bottom, rgb(240,240,240) 15%, rgb(255,255,255) 81%);
    background-image:-ms-linear-gradient(bottom, rgb(240,240,240) 15%, rgb(255,255,255) 81%);

    background-image:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.15, rgb(240,240,240)),
        color-stop(0.81, rgb(255,255,255))
        );
    color:#666666;
    display:table;
    font-family:roboto;
    font-size:10px;
    line-height:10px;
    margin:0 auto;
    padding:8px 15px;
    border:0;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.d-now .donate-btn:hover {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1);
    transform:scale(1.1);
}
.d-now input {
    display: none;
}
/*** Video ***/
.video {
    float:left;
    width:100%;
    overflow:hidden;
    position:relative;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.video > img {
    width:100%;
    height: auto;
}
.video > .span {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    color: #FFFFFF;
    font-family: roboto;
    font-size: 15px;
    line-height: 14px;
    padding: 15px 20px;
    width: 100%;
    position: absolute;
    bottom: 10px;
    left: 0;
}
.video > span i {
    position: absolute;
    right: 10px;
    width: 45px;
    height: 110%;
    top: 0;
    text-align: center;
    background: gray;
    line-height: 50px;
    color: rgba(0,0,0,0.2);
}
.video span.play-video {
    width:50px;
    height:50px;
    padding:0;
    left:40%;
    top:30%;
    text-align:center;
    background:none repeat scroll 0 0 rgba(255, 255, 255, 0.8);

    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;

    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);

    -webkit-transition:all 0.2s ease 0s;
    -moz-transition:all 0.2s ease 0s;
    -ms-transition:all 0.2s ease 0s;
    -o-transition:all 0.2s ease 0s;
    transition:all 0.2s ease 0s;
}
.video span.play-video i {
    color:#AFAFAF;
    font-size:22px;
    line-height:52px;
    padding-left:6px;

}
.video:hover span.play-video{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}


/*** Welcome Box ***/
.welcome-box {
    background: url("../images/boxed-bg4.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
    border-radius: 3px;
    float: left;
    letter-spacing: 0.4px;
    overflow: hidden;
    padding: 40px 245px 40px 130px;
    position: relative;
    z-index: 1;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.welcome-box:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    opacity: 0.8;
}
.welcome-box > h2 {
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-size: 26px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 0 20px;
    text-align: center;
    width: 100%;
}
.welcome-box > h2 strong {
    font-size: 32px;
    text-transform: uppercase;
    color: rgba(0,0,0,0.2);
}
.welcome-box > p {
    color: #F8F8F8;
    float: left;
    font-family: roboto;
    font-size: 15px;
    line-height: 13px;
    margin-bottom: 0;
    text-align: center;
    width: 100%;
}
.welcome-box span {
    color: #FFFFFF;
    font-family: roboto;
    font-size: 12px;
    margin-top: -22px;
    overflow: hidden;
    padding: 15px 30px;
    position: absolute;
    right: 0;
    top: 50%;
    z-index: 1000;

    -webkit-border-radius:3px 0 0 3px;
    -moz-border-radius:3px 0 0 3px;
    -ms-border-radius:3px 0 0 3px;
    -o-border-radius:3px 0 0 3px;
    border-radius:3px 0 0 3px;
}
.welcome-box span:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.12);
    content: "";
    height: 100%;
    width: 100%;
    z-index: -1;
    position: absolute;
    left: 0;
    top: 0;
}
.six-column {
    float:left;
    width:570px;
    margin-left:-15px;
    margin-right:-15px;
}
.six-column .stories{
    margin:30px 0 0;
    margin-bottom:-30px;
}

/*** Successful Stories ***/
.stroies {
    float:left;
    margin:30px -15px;
    margin-bottom:-30px;
}
.story:first-child {
    margin-left:0;
}
.story:nth-child(4n+5) {
    margin-left:0;
}
.story {
    float: left;
    width: 100%;
}
.remove-space .story {
    margin-bottom: 30px;
}
.story-img {
    border-radius: 3px 3px 0 0;
    overflow: hidden;
    position: relative;

    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
.story-img > img {
    width:100%;
    height:auto;
}
.story-img:before {
    height:100%;
    width:100%;
    content:"";
    background:none repeat scroll 0 0 rgba(84, 84, 84, 0.9);

    opacity:0;
    filter:alpha(opacity=0);

    position:absolute;
    top:0;
    left:0;

    -webkit-transform:scale(0.6);
    -moz-transform:scale(0.6);
    -ms-transform:scale(0.6);
    -o-transform:scale(0.6);
    transform:scale(0.6);

    -webkit-transition:all 0.2s ease 0s;
    -moz-transition:all 0.2s ease 0s;
    -ms-transition:all 0.2s ease 0s;
    -o-transition:all 0.2s ease 0s;
    transition:all 0.2s ease 0s;
}
.story-img:hover:before {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);

    opacity:1;
    filter:alpha(opacity=100);
}
.story-img h5 {
    background: none repeat scroll 0 0 rgba(84, 84, 84, 0.9);
    bottom: 0;
    color: #ECEBEB;
    font-family: roboto;
    font-size: 15px;
    font-weight: 300;
    left: 0;
    letter-spacing: 0.3px;
    line-height: 18px;
    padding: 16px 25px;
    position: absolute;
    width: 100%;
    text-align: center;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.story-img:hover h5 {
    opacity:0;
    filter:alpha(opacity=0);
}
.story-img span {
    width:100%;
    height:100%;
    text-align:center;
    z-index:1000;
    background:url("../images/link-arrow.png") no-repeat scroll center center transparent;

    opacity:0;
    filter:alpha(opacity=0);

    position:absolute;
    top:0;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.story-img:hover  span{
    opacity:1;
    filter:alpha(opacity=100);
}
.story-img span i {
    color:#FFFFFF;
    line-height:45px;
}
.story-meta {
    background: url("../images/pattern2.png") repeat scroll 0 0 #F6F5F5;
    float: left;
    margin-bottom: 20px;
    padding: 15px 20px;
    width: 100%;

    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.story-meta > span {
    float: left;
    width: 50%;
    color: #929292;
    font-size: 12px;
    font-family: roboto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.story-meta > span i {
    margin-right: 5px;
}
.story-meta > p {
    float: left;
    width: 100%;
    color: #929292;
    font-family: roboto;
    font-size: 12px;
    margin-bottom: 0;
    margin-top: 10px;
}
.story > p {
    color: #888888;
    float: left;
    font-family: noto sans;
    font-size: 13px;
    line-height: 24px;
    width: 100%;
    margin-bottom: 0;
}
.story-meta > p strong {
    color: #A9A8A8;
    font-size: 20px;
    margin-left: 20px;
}
.story > h6 {
    color:#ADACAC;
    float:left;
    font-family:roboto;
    font-size:20px;
    line-height:15px;
    position:relative;
    min-width: 65px;
}
.story > h6 span {
    font-size:10px;

    position:absolute;
    bottom:-15px;
    right:0;
}
.story > h6 i{
    font-style:normal;
    font-size:24px;
}
.story > span {
    float:left;
    margin-left:20px;
    padding-left:20px;
    border-left:1px dotted #E5E5E5;
    color:#7c7c7c;
    font-family:roboto;
    font-size:11px;
    line-height:30px;
}
.story > span i{
    margin-right:10px;
}
.stories-carousel {
    float: left;
    position: relative;
    width: 100%;
    z-index: 1;
}
.list_carousel4 li {
    float:left;
}
.stories-carousel .flex-direction-nav {
    position: absolute;
    right:0;
    top: -65px;
}
.stories-carousel .flex-direction-nav li{
    float:left;
    margin:0 4px;
}
.stories-carousel .flex-direction-nav li a {
    background: url("../images/carousel-arrows-black.png") no-repeat scroll 5px -2px #f2f0f0;
    color: rgba(0, 0, 0, 0);
    float: left;
    height: 25px;
    width: 25px;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;

    -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;
}
.stories-carousel .flex-direction-nav li a:hover{
    background-position:5px -30px;
}
.stories-carousel .flex-direction-nav li a.flex-next{
    background-position:-42px -3px;
}
.stories-carousel .flex-direction-nav li a.flex-next:hover{
    background-position:-42px -30px;
}

/*** Recent Events ***/
.recent-event {
    float:left;
    width:100%;
}
.recent-event-img {
    overflow:hidden;
    position:relative;
    width:100%;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.recent-event-img > img {
    width:100%;
}
.recent-event-img:before {
    content:"";
    height:100%;
    width:100%;
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0.9);

    position:absolute;
    left:0;
    top:0;

    opacity:0;
    filter:alpha(opacity=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);

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.recent-event-img:hover:before {
    opacity:1;
    filter:alpha(opacity=100);

    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.recent-event-img span {
    border:1px solid #E2E0DF;
    height:45px;
    left:45%;
    position:absolute;
    text-align:center;
    top:20%;
    width:45px;	

    opacity:0;
    filter:alpha(opacity=0);

    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}

.recent-event-img:hover span{
    top:40%;
    opacity:1;
    filter:alpha(opacity=100);
}
.recent-event-img span i {
    color:#E2E0DF;
    line-height:43px;
}
.recent-event > h4 {
    font-family: roboto;
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    margin: 20px 0 10px;
    letter-spacing: 0.3px;
}
.recent-event > h4 a{
    color:#707070;
}
.recent-event > ul {
    float: left;
    font-family: roboto;
    font-size: 12px;
    width: 100%;
}
.recent-event li {
    float:left;
    line-height:13px;
    margin-right:30px;
}
.recent-event li a{
    color:#929292;
}
.recent-event li a span{
    color:#7c7c7c;
}
.recent-event li i {
    margin-right: 10px;
    font-size: 14px;
    color: #d0cfcf;
}
.recent-event.previous-event {
    float: left;
    margin: 30px 0 0;
}
.previous-event .recent-event-img > img {
    width:auto;
}
.previous-event .recent-event-img {
    float: left;
    width: auto;
}
.previous-event .recent-event-img:before,
.previous-event .recent-event-img span {
    display:none;
}
.recent-event.previous-event > h4 {
    float:left;
    margin-left:10px;
    margin-top:10px;
    font-size:14px;
    width:55%;
}
.recent-event.previous-event > ul {
    float:left;
    width:150px;
    font-family:roboto;
    font-size:11px;
    margin-left:10px;
}
.recent-event.previous-event ul li {
    margin-bottom:10px;
    margin-right:0;
}

/*** ////HOME PAGE 3 STYLE/////////
///////////////////////////////////////////////////////// ***/
/*** Donation Bar ***/
.donation-bar {
    float:left;
    width:100%;
    overflow:hidden;
    background:none repeat scroll 0 0 #545454;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.amount {
    float: right;
    width: auto;
}
.amount p {
    color:#FFFFFF;
    font-family:roboto;
    font-size:12px;
    line-height:10px;
    text-align:center;
}
.amount span {
    background: none repeat scroll 0 0 #424242;
    color: #FFFFFF;
    display: table;
    font-family: open sans;
    font-size: 16px;
    margin: 0 auto;
    padding: 5px 20px;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.amount span strong {
    font-size:18px;
    line-height:10px;
}
.amount.pull-right span {
    background:none repeat scroll 0 0 #98D460;
}
.donate-now {
    float:left;
    width:66%;
    position:relative;
    padding:0 48px;
    z-index:1;
    background:url("../images/map-bg.png") no-repeat scroll center 11px #545454 ;
}
.donate-now input {
    display: none;
}

.donation-bar .amount {
    float: left;
    width: 17%;
    background: #545454;
    padding: 30px 10px;
    border-left:2px solid #B0B0B0;
    border-right:2px solid #B0B0B0;
}

.donation-bar .donate-btn {
    width:168px;
    padding:22px 0;
    margin:28px auto;
    position:relative;
    display:table;
    background:#98d460;
    color:#FFFFFF;
    font-family:roboto;
    font-size:16px;
    font-weight:600;
    text-align:center;
    line-height:13px;
    border:0;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;

    -webkit-transition:all 0.2s ease 0s;
    -moz-transition:all 0.2s ease 0s;
    -ms-transition:all 0.2s ease 0s;
    -o-transition:all 0.2s ease 0s;
    transition:all 0.2s ease 0s;
}
.donation-bar .donate-btn:hover,.donation-bar .donate-btn:focus {
    color:#FFFFFF;
    text-decoration:none;
}
.donation-bar .donate-btn:hover {
    -webkit-transform: skew(6deg);
    -moz-transform: skew(6deg);
    -ms-transform: skew(6deg);
    -o-transform: skew(6deg);
    transform: skew(6deg);
}




/*** Our Cause ***/

.sec-title {
    width:100%;
    margin-bottom:30px;
    display:inline-block;
    overflow:hidden;
}
.sec-title h2 {
    float:left;
    padding-left:15px;
    font-family:roboto;
    font-size:32px;
    font-weight:500;
    line-height:48px;
    margin:0;
    position:relative;
}
.sec-title h2 span {
    font-weight:300;
}
.sec-title h2:before {
    content: "";
    height: 70%;
    left: 0;
    position: absolute;
    top: 15%;
    width: 4px;
}
.sec-title h2:after {
    content:"";
    height:1px;
    width:50%;

    position:absolute;
    right:-55%;
    top:50%;
}
.our-cause-sec {
    float: left;
    width: 100%;
}
.our-cause-sec .tab-content {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.cause-image {
    float:left;
    width:100%;
    overflow:hidden;
    position:relative;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;	
}
.cause-image > img {
    width: 100%;
    min-height: 200px;
    height: auto;
}
.meta {
    float:left;
    width:15%;
    min-height: 80px;
    padding:32px 0;
    background:none repeat scroll 0 0 rgba(84, 84, 84, 0.97);
    text-align:center;
    position:absolute;
    bottom:0;
}
.meta > span {
    color: #d6d6d6;
    display: block;
    font-family: roboto;
    line-height: 16px;
    padding: 0 15px;
    word-wrap: break-word;
}
.meta > span i {
    color: #ADACAC;
    font-style:normal;
}
.cause-title {
    background: none repeat scroll 0 0 rgba(84, 84, 84, 0.9);
    border-left: 1px solid #D4D2D2;
    bottom: 0;
    left: 15%;
    position: absolute;
    width: 85%;
    min-height: 80px;
}
.cause-title h2 a {
    color: #ecebeb;
    float: left;
    font-family: roboto;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    padding: 30px;
    letter-spacing: 0.3px;
}
.details {
    float:left;
    width:100%;
    margin-top:40px;
}
.needed-amount {
    float:left;
    width:27%;
    text-align:center;
}
.needed-amount > h5 {
    color: #adacac;
    font-family: roboto;
    font-size: 58px;
    line-height: 57px;
    margin: 0 auto;
    padding-right: 20px;
    position: relative;
    word-wrap: break-word;
    font-weight: 700;
}
.needed-amount > h5 i {
    font-size:60px;
    font-style:normal;
    font-weight:normal;
}
.needed-amount > h5 span {
    color:#929292;
    font-family:roboto;
    font-size:12px;
    font-weight:normal;
    line-height:12px;

    position:absolute;
    bottom:-20px;
    right:20px;
}
.details > p {
    float:left;
    width:73%;

    color:#818181;
    font-family:open sans;
    font-size:13px;
    line-height:22px;
    margin-bottom:0;
    margin-top:-6px;
}


.causes-carousel {
    float:left;
    position:relative;
    margin-top:35px;
    overflow:hidden;
    width:100%;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.causes-carousel .flex-viewport {
    margin: 0 -15px;
}
.cause-tabber {
    border: 0 none;
    float: left;
    width: 100%;
}
.causes-carousel .caroufredsel_wrapper{
    width:100%!important;
}
.cause-tabber li {
    margin-bottom:0;
    float:left;
}

.cause-tabber li:last-child{
    margin-right:0;
}
.cause-tabber li a img{
    width:100%;
    height:100%;
}
.nav.cause-tabber li a, .nav.cause-tabber li a:hover, .nav.cause-tabber li a:focus {
    border: 0 none;
    float: left;
    overflow: hidden;
    padding: 0;
    width: 100%;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.cause-tabber li a span {
    background: none repeat scroll 0 0 rgba(84, 84, 84, 0.9);
    color: #ECEBEB;
    font-family: roboto;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.3px;
    padding: 10px;
    text-align: center;
    width: 80%;
    min-height: 10px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    position: absolute;
    bottom: 0;
    left: 5%;

    -webkit-border-radius:3px 3px 0 0;
    -moz-border-radius:3px 3px 0 0;
    -ms-border-radius:3px 3px 0 0;
    -o-border-radius:3px 3px 0 0;
    border-radius:3px 3px0 0;

    -webkit-transition: width 0.4s ease 0s, min-height 0.4s ease 0.4s, left 0.3s linear, padding 0.3s linear;
    -moz-transition: width 0.4s ease 0s, min-height 0.4s ease 0.4s, left 0.3s linear, padding 0.3s linear;
    -ms-transition: width 0.4s ease 0s, min-height 0.4s ease 0.4s, left 0.3s linear, padding 0.3s linear;
    -o-transition: width 0.4s ease 0s, min-height 0.4s ease 0.4s, left 0.3s linear, padding 0.3s linear;
    transition: width 0.4s ease 0s, min-height 0.4s ease 0.4s, left 0.3s linear, padding 0.3s linear;
}
.cause-tabber li a:hover span, .cause-tabber li.active a span {
    bottom: 0;
    left: 0;
    min-height: 100%;
    max-height: 100%;
    width: 100%;
    z-index: 1;
    padding: 30px;
}
.cause-tabber li.active a span:before {
    display:none;
}
.causes-carousel .flex-direction-nav li a {
    width:45px;
    color:#9D9D9D;
    font-size:36px;
    height:100%;
    line-height:150px;
    text-align:center;
    z-index:1;
    background:url("../images/carousel-arrows-black2.png") no-repeat scroll 16px center rgba(255, 255, 255, 0.9);
    color:transparent;

    position:absolute;
    top:0;

    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
.causes-carousel .flex-direction-nav li a:hover{
    color:#fff;
}
.causes-carousel .flex-direction-nav li a.flex-next{
    right:-50px;	
    background-position:-32px center;
}
.causes-carousel .flex-direction-nav li a.flex-prev{
    left:-50px;
}
.causes-carousel:hover .flex-direction-nav li a.flex-next {
    right: 0;

    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0;
    -o-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}
.causes-carousel:hover .flex-direction-nav li a.flex-prev{
    left:0;

    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
/*.causes-carousel .flex-direction-nav li a:hover {
    background-color: rgba(84,84,84,0.9);
}*/
/*** Revolution Slider ***/
.tp-banner-container {
    float: left;
    position: relative;
    width: 100%;
    z-index: 0;
}
.slide1-text1 {
    color: #98d460;
    font-family: roboto;
    font-weight: 600;
}
.slide1-text2 {
    background: url("../images/slider1-img.png") no-repeat scroll 0 0 / auto 102% rgba(0, 0, 0, 0);
    float: left;
    padding-left:5px;
}
.slide1-text2 span {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    padding: 5px 20px;

    -webkit-border-radius:0 3px 3px 0;
    -moz-border-radius:0 3px 3px 0;
    -ms-border-radius:0 3px 3px 0;
    -o-border-radius:0 3px 3px 0;
    border-radius:0 3px 3px 0;
}
.slide1-text3 {
    background: url("../images/slider1-img3.png") no-repeat scroll right 0 transparent;
}
.slide1-text3 span {
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 3px solid #98D460;
    color: #000000;
    float: left;
    font-family: roboto;
    font-weight: bold;
    padding: 0 30px;

    -webkit-border-radius:3px 0 0 3px;
    -moz-border-radius:3px 0 0 3px;
    -ms-border-radius:3px 0 0 3px;
    -o-border-radius:3px 0 0 3px;
    border-radius:3px 0 0 3px;
}
.slide1-text4 {
    color: #FFFFFF;
    font-family: roboto;
}
.slide2-text1 {
    color: #FFFFFF;
    font-family: roboto;
    font-weight: bold;
}
.slide2-text1 > span {
    padding:5px 30px 6px 30px;
    background:  rgba(0, 0, 0, 0.8);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.slide2-text1 span span{
    color:#98d460;
}

.slide2-text2 {
    color: #FFFFFF;
    font-family: roboto;
    font-weight: bold;
}
.slide2-text2 > span {
    background: none repeat scroll 0 0 #9ACD6A;
    padding: 5px 30px 9px 30px!important;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.slide2-text2 span span{
    color:#323232;
    font-weight:400;
}
.slide2-text3 {
    color: #595858;
    font-family: roboto;
    font-weight: bold;
}
.slide2-text3 > span {
    background: rgba(255,255,255,0.9);
    padding: 5px 30px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.slide2-text3 span span{
    color:#98d460;
    font-weight:400;
}
.slide3-text1 {
    color: #FFFFFF;
    font-family: roboto;
    font-weight: 600;
}
.slide3-text1  span{
    color:#98d460;
}
.slide3-text2 {
    background:#98d460;
    color:#fff;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.slide3-text2 span{
    color:#373737;
}
.slide3-text3 {
    background:rgba(0,0,0,0.9);
    color:#fff;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.slide3-text3 span{
    color:#98d460;
}
.slide4-text1 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
    color: #FFFFFF;
    font-family: roboto;
    font-weight: 700;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.slide4-text2 {
    background: none repeat scroll 0 0 #9acd6a;
    color: #FFFFFF;
    font-family: roboto;
    font-weight: 700;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.slide4-text3,
.slide4-text4 {
    color:#030303;
    font-family:roboto;
}
.slide5-text1 {
    background: none repeat scroll 0 0 #9ACD6A;
    color: #EDEDED;
    font-weight: 600;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.slide5-text2 {
    background: none repeat scroll 0 0 #3d3d3d;
    color: #EDEDED;
    font-weight: 600;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.slide5-text3 a {
    background: none repeat scroll 0 0 #9ACD6A;
    color: #fff!important;
    padding:10px;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.slide6-text1 {
    background: none repeat scroll 0 0 #3d3d3d;
    color: #EDEDED;
    font-weight: 600;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.slide6-text2 {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    color: #3D3D3D;
    font-family: open sans;
    text-align: center;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.slide6-text3 a{
    background: none repeat scroll 0 0 #e53b51;
    color: #fff!important;
    padding:10px;
    font-weight: 600;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.slide6-icons a {
    border: 1px solid #FFFFFF;
    color: #FFFFFF !important;
    float: left;
    font-weight: 600;
    padding: 0 10px;
    text-align: center;
    width: 40px;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.slide6-icons a:hover{
    background: none repeat scroll 0 0 #e53b51;
}
.slide7-text1{
    font-family:roboto;
    font-weight:bold;
    color:#3d3d3d;
}
.slide7-icon {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    border:2px solid #fff;
    color:#3d3d3d;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
}
.slide7-text2{
    font-family:open sans;
    font-weight:bold;
    color:#3d3d3d;
}
.slide7-link a{
    background: none repeat scroll 0 0 #e53b51;
    font-family:open sans;
    color:#fff!important;
    padding:5px;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.slide7-link iframe{
    border:0;
}



/*** Message Box ***/
#layerslider-container-fw{
    position:relative;
}
.message-box {
    bottom:0;
    position:absolute;
    right:50px;
    width:360px;
    z-index: 10000;
}
.message-box-title {
    width:222px;
    float:right;
    z-index:1;
    overflow:hidden;
    cursor:pointer;

    -webkit-border-radius:3px 3px 0 0;
    -moz-border-radius:3px 3px 0 0;
    -ms-border-radius:3px 3px 0 0;
    -o-border-radius:3px 3px 0 0;
    border-radius:3px 3px 0 0;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.message-box-title > span {
    float:left;
    width:45px;
    text-align:center;
    margin-right:10px;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}

.message-box-title span i {
    color:#FFFFFF;
    font-size:12px;
    line-height:34px;
}
.message-box-title > p {
    float:left;
    color:#FFFFFF;
    font-family:roboto;
    font-size:12px;
    line-height:34px;
    margin-bottom:0;
    font-weight:700;
}
.message-box-title > i {
    color:#FFFFFF;
    float:right;
    font-weight:bold;
    line-height:34px;
    margin-right:10px;
}


.message-form {
    display:none;
    float:left;
    padding:33px;
    border-left:2px solid;
    border-right:2px solid;
    background:none repeat scroll 0 0 #FFFFFF;
}
.message-form > p {
    color:#A7A6A6;
    font-family:roboto;
    font-size:11px;
    margin-bottom:20px;
}
.message-form form input.form-control,
.message-form form input.form-control:focus {
    background:none repeat scroll 0 0 #F6F6F6;
    border:0 none;
    color:#A5A5A5;
    font-family:open sans;
    font-size:11px;
    font-weight:bold;
    margin-bottom:12px;
    text-transform:uppercase;

    -webkit-box-shadow:1px 1px 2px #B3B3B3 inset;
    -moz-box-shadow:1px 1px 2px #B3B3B3 inset;
    -ms-box-shadow:1px 1px 2px #B3B3B3 inset;
    -o-box-shadow:1px 1px 2px #B3B3B3 inset;
    box-shadow:1px 1px 2px #B3B3B3 inset;
}
.message-form form textarea.form-control,
.message-form form textarea.form-control:focus {
    background:none repeat scroll 0 0 #F6F6F6;
    border:0 none;
    color:#A5A5A5;
    font-family:open sans;
    font-size:11px;
    font-weight:bold;
    margin-bottom:12px;
    text-transform:uppercase;

    -webkit-box-shadow:1px 1px 2px #B3B3B3 inset;
    -moz-box-shadow:1px 1px 2px #B3B3B3 inset;
    -ms-box-shadow:1px 1px 2px #B3B3B3 inset;
    -o-box-shadow:1px 1px 2px #B3B3B3 inset;
    box-shadow:1px 1px 2px #B3B3B3 inset;
}
.submit-btn {
    padding:5px 30px;
    border:0 none;
    color:#FFFFFF;
    float:right;
    font-family:open sans;
    font-size:11px;
    font-weight:600;
    line-height:30px;
    text-transform:uppercase;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.message-box-title.opened {
    width:100%;
}

/** HeadsUp Subscription **/
#addNewChildren {
    padding: 0;
}

/*** Recent Events ***/
.event {
    float:left;
    width:100%;
}
.event-thumb {
    float:left;
    width:100%;
    overflow:hidden;
    position:relative;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.event-thumb > img {
    height: auto;
    width: 100%;
}
.counter {
    color: #FFFFFF;
    height: 44px;
    left: 0;
    margin-top: -17px;
    opacity: 0.9;
    padding: 0 33px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    background: rgba(84,84,84,0.9);
}
.counter > ul {
    float: left;
    width: 100%;
}
.counter > ul li {
    float: left;
    padding:4px 0;
    text-align: center;
    width: 25%;
}
.counter > ul li span {
    float: left;
    font-size: 20px;
    font-weight: 600;
    line-height: 22px;
    width: 100%;
}
.counter > ul li p {
    float: left;
    font-size: 12px;
    line-height: 17px;
    margin: 0;
    overflow: hidden;
    padding: 0 9px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}
.is-countdown {
    display: table;
    margin: 0 auto;
}

.countdown-amount {
    font-family: open sans;
    font-size: 25px;
    margin-right: 10px;
    display: table;
    float: none;
    margin: 0 auto;
}
.countdown-period{
    position:absolute;
    left:0;
    bottom:2px;
    width:100%;
    text-align:center;
    font-size:9px;
    font-family:roboto;
}
.countdown-section {
    position: relative;
    text-align: center;
    float:left;
    min-width: 45px;
    height:44px;
    margin-right:6px;
    text-align:center;
}
.countdown-row{
    float:left;
    width:100%;
}

.event-intro {
    float:left;
    width:100%;
}
.event-intro > h5 {
    font-family: roboto;
    font-weight: 300;
    line-height: 10px;
    margin: 20px 0 10px;
}
.event-intro > h5 a {
    color: #666666;
}
.event-intro > h5 a:hover{
    color:#2d2d2d;
}
.event-intro > a {
    color: #929292;
    font-family: roboto;
    font-size: 12px;
    margin-right: 20px;
}
.event-intro > a:last-child {
    margin-right: 0;
}
.event-intro > a span{
    color:#7c7c7c;
}
.event-intro > a i {
    margin-right:10px;
}



/*** Charity Video ***/
#carousel > div {
    float: left;
}
.desc > h3 {
    font-family:roboto;
    font-size:16px;
    font-weight:normal;
}
.desc > h3 a{
    color:#656565;
}
.desc > h3 a:hover{
    color:#2d2d2d;
}
.desc > p {
    color: #888888;
    font-family:open sans;
    font-size: 12px;
    line-height:20px;
    margin-top:20px;
}
.image {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.image:before ,
.image:after{
    content:"";
    width:0;
    height:100%;
    background:none repeat scroll 0 0 rgba(84, 84, 84, 0.9);
    position:absolute;
    left:0;
    top:0;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.image:after{
    left:auto;
    right:0;
}
.image:hover:before,
.image:hover:after{
    width:50%;
}
.image > a {
    width:40px;
    height:40px;
    border:1px solid #FCFBFA;
    text-align:center;
    z-index:1;

    position:absolute;
    top:42%;
    left:43%;

    opacity:0;
    filter:alpha(opacity = 0);

    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;

    -webkit-transform:scale(2);
    -moz-transform:scale(2);
    -ms-transform:scale(2);
    -o-transform:scale(2);
    transform:scale(2);

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.image:hover a{
    color:#FCFBFA;
    opacity:1;
    filter:alpha(opacity = 100);

    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.image > a span i {
    float: left;
    width: 100%;
    text-align: center;

    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);

    -webkit-transition:all 0.4s ease 0.2s;
    -moz-transition:all 0.4s ease 0.2s;
    -ms-transition:all 0.4s ease 0.2s;
    -o-transition:all 0.4s ease 0.2s;
    transition:all 0.4s ease 0.2s;
}
.image:hover > a span i{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}

.image a i {
    line-height:37px;
}
.image img{
    width:100%;
    height:auto;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}

/*** //// FOOTER STYLING ///////
///////////////////////////////////////////// ***/
footer {
    float:left;
    width:100%;
    overflow:hidden;
    padding: 20px 0 70px;
    position:relative;
    background:url("../images/footer-bg.png") repeat scroll 0 -50px rgba(0, 0, 0, 0.9);
}
footer:before{
    content:"";
    width:100%;
    height:100%;
    background:none repeat scroll 0 0 rgba(34, 34, 34, 0.7);

    position:absolute;
    left:0;
    top:0;	
}
footer .container {
    padding:0;
}
.fwidget:last-child{
    margin-top: -35px;
}
.footer-widget-title {
    float:left;
    width:100%;
    padding-top:5px;
    margin-bottom:30px;
    overflow:hidden;
    position:relative;
}
.footer-widget-title h4 {
    color:#FFFFFF;
    float:left;
    font-family:roboto;
    font-size:20px;
    font-weight:300;
    letter-spacing:0.2px;
    line-height:20px;
    text-transform:uppercase;
    position:relative;
}
.footer-widget-title h4:after {
    content:"";
    width:100%;
    border-bottom:1px dotted #939292;

    position:absolute;
    bottom:0;
    right:-110%;
}

/*** People Reviews ***/
.footer_carousel {
    float:left;
    width:100%;
    position:relative;
}
.footer_carousel li {
    float:left;
    padding-left:2px;
}
.footer_carousel .flex-control-nav {
    bottom:-37px;
    margin:0;
    list-style:none;

    position:absolute;
    right:0;
    top:auto;
}
.footer_carousel .flex-control-nav li{
    float:left;
}
.footer_carousel .flex-control-nav a {
    float:left;
    height:5px;
    width:15px;
    background:none repeat scroll 0 0 #5B5A5A;
    margin-right:5px;
    color:transparent;
    cursor:pointer;
}
.footer_carousel .flex-control-nav li a.flex-active{
    background:#fff;
}
.footer_carousel .flex-direction-nav{
    display:none;
}

.review {
    float:left;
    margin-bottom:20px;
    position:relative;
}
.review:after{
    width:5px;
    height:5px;
    background:none repeat scroll 0 0 #6F6F6F;
    content:"";

    position:absolute;
    left:40px;
    bottom:-2px;

    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}
.review > p {
    border-left: 1px solid #6F6F6F;
    color: #bfbfbf;
    font-size: 12px;
    letter-spacing: 0.2px;
    line-height: 26px;
    margin-bottom: 0;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 10px;
    position: relative;
    font-family: roboto;
}
.review > p:before {
    content:"";
    height:5px;
    width:5px;
    background:none repeat scroll 0 0 #6F6F6F;

    position:absolute;
    left:-3px;
    top:0;

    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}
.review > p:after {
    height:1px;
    width:40px;
    content:"";
    background:none repeat scroll 0 0 #6F6F6F;

    position:absolute;
    left:0;
    bottom:0;
}
.review span {
    color:#fff;
}
.review i {
    float:left;
    margin-right:5px;
    padding-left:15px;
    color:#fff;
    font-size:46px;
    font-style:normal;
    font-weight:bold;
    line-height:45px;
}
.from {
    color:#767575;
    font-family:roboto;
    font-size:12px;	
    float:left;
}
.from h6 {
    color:#cccccc;
    font-family:roboto;
    font-weight:800;
    text-transform:uppercase;
    margin-bottom:6px;
}
/*** Flickr Widget ***/
.flickr-images {
    float:left;
    margin-bottom:-20px;
    margin-left:-20px;
}
.flickr-images > a {
    float:left;
    width:74px;
    height:75px;
    margin-bottom:20px;
    margin-left:20px;
    overflow:hidden;
    position:relative;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.flickr-images > a  img{
    width:100%;
    height:100%;
}
.flickr-images > a:before {
    content:"";
    height:100%;
    width:100%;

    position:absolute;
    top:0;
    left:0;

    opacity:0;
    filter:alpha(opacity = 0);

    -webkit-transition:all 0.3s ease 0.1s;
    -moz-transition:all 0.3s ease 0.1s;
    -ms-transition:all 0.3s ease 0.1s;
    -o-transition:all 0.3s ease 0.1s;
    transition:all 0.3s ease 0.1s;
}
.flickr-images > a:hover:before{
    opacity:0.5;
    filter:alpha(opacity = 100);

    -webkit-transition:all 0s ease 0s;
    -moz-transition:all 0s ease 0s;
    -ms-transition:all 0s ease 0s;
    -o-transition:all 0s ease 0s;
    transition:all 0s ease 0s;
}

/*** Contact Us ***/
.contact-details {
    float:left;
    list-style:none outside none;
}
.contact-details li span {
    color: #e2e2e2;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-weight: 600;
    line-height: 12px;
    margin-bottom: 10px;
    width: 100%;
    letter-spacing: 0.3px;
}
.contact-details li span i {
    color: #c0c0c0;
    font-size: 13px;
    margin-right: 10px;
}
.contact-details li p {
    color: #C0C0C0;
    float: left;
    font-family: roboto;
    font-size: 12px;
    margin-bottom: 20px;
    width: 100%;
}
.contact-details li p a{
    color: #C0C0C0;
}
/*** Newsletter ***/
.newsletter {
    float:left;
    padding:0 20px;
    position:relative;

    -webkit-border-radius:0 0 3px 3px;
    -moz-border-radius:0 0 3px 3px;
    -ms-border-radius:0 0 3px 3px;
    -o-border-radius:0 0 3px 3px;
    border-radius:0 0 3px 3px;
}
.newsletter > h4 {
    float:left;
    color:#FFFFFF;
    font-family:roboto;
    font-size:20px;
}
.newsletter > h4 {
    color:#FFFFFF;
    float:left;
    font-family:roboto;
    font-size:20px;
    line-height:16px;
    margin-bottom:30px;
}
.newsletter > p {
    float:left;
    margin-bottom:25px;
    margin-top:-5px;
    color:#fbfbfb;
    font-family:roboto;
    font-size:12px;
}
.newsletter input, 
.newsletter input:focus {
    height:30px;
    margin-bottom:20px;
    border:0 none;
    color:#323131;
    font-family:roboto;
    font-size:11px;
    line-height:10px;
    background:#FFFFFF;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.newsletter:before {
    content:"";
    width:100%;
    height:100%;

    position:absolute;
    left:0;
    top:-99%;
}
.social-bar {
    float:left;
    width:100%;
    padding:20px 19px;
    list-style:none outside none;
}
.social-bar li {
    float:left;
    height:36px;
    width:36px;
    margin-right:11px;
    border-radius:3px;
    overflow:hidden;
}
.social-bar li:last-child{
    margin-right:0;
}
.newsletter-btn {
    float:left;
    width:100%;
    padding:20px;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.newsletter-btn > input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255,255,255,0.3);
    color: #FFF;
    display: table;
    font-family: roboto;
    font-size: 11px;
    margin: 0 auto;
    padding: 8px 40px;
    text-transform: uppercase;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.newsletter-btn > input:hover {
    font-size:13px;
}

/*** FOOTER BOTTOM STRIP /////////
///////////////////////////////// ***/
.footer-bottom{
    float:left;
    width:100%;
    padding-bottom:24px;
    padding-top:28px;
    border-bottom: 0 none;
    border-top:1px solid #171616;
    background:none repeat scroll 0 0 #323131;
    font-size: 12px !important;
}
.footer-bottom p {
    color:#cacaca;
    float:left;
    font-family:roboto;
    font-size:12px;
    line-height:14px;
    margin:0;
}
.footer-bottom p span {
    color:#fff;
    font-family:roboto;
    font-size:12px;
}
.footer-bottom ul {
    float:right;
}
.footer-bottom li {
    float:left;
    margin-left:35px;
}
.footer-bottom a {
    color: #BFBFBF;
    font-family: roboto;
    font-size: 12px;
    letter-spacing: 0.3px;
    text-transform: uppercase;
}
.footer-bottom a:hover {
    color:#fff;
}



/*** SEARCH RESULT FOUND /////////////
//////////////////////////////////////////////////// ***/
.top-image {
    float:left;
    width:100%;
}
.top-image > img {
    width:100%;
}
.inner-page {
    float:left;
    width:100%;
    margin-top:55px;
    margin-bottom:70px;
    position:relative;
}
.page-title {
    float:left;
    width:100%;
}
.page-title span {
    color: #04ade6 !important;
}
.page-title h1 {
    padding: 0 0 1em 0.4em;
    color:#2D2D2D;
    float:left;
    font-family:roboto;
    font-size:30px;
    font-weight:500;
    line-height:23px;
    background:none repeat scroll 0 0 #FFFFFF;

    position:inherit;
    top: 0;

    -webkit-border-radius:10px 10px 0 0;
    -moz-border-radius:10px 10px 0 0;
    -ms-border-radius:10px 10px 0 0;
    -o-border-radius:10px 10px 0 0;
    border-radius:10px 10px 0 0;

}
.push h1 {
    padding: 0 0 0.5em 0 !important;
}
.page-title h1 span{
    font-weight:300;
}

.search-tabs {
    border:0 none;
    margin-bottom:30px;
}
.search-tabs li {
    margin-right:10px;
}
.search-tabs li a,
.search-tabs li a:hover
{
    background-image:linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%);
    background-image:-o-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%);
    background-image:-moz-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%);
    background-image:-webkit-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%);
    background-image:-ms-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%);

    background-image:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.12, rgb(247,247,246)),
        color-stop(0.56, rgb(250,250,249))
        );

    padding:10px 40px;
    border-color:#E7E7E7;
    border-style:solid;
    border-width:2px 1px 1px;
    color:#8A8989;
    font-family:roboto;
    font-size:13px;
    line-height:10px;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.search-tabs li.active a,
.search-tabs li.active a:hover,
.search-tabs li.active a:focus
{
    background:none;
    border-color:#E7E7E7;
    border-style:solid;
    border-width:2px 1px 1px;
    color:#fff;
    font-family:roboto;
    font-size:13px;
    line-height:10px;
    padding:10px 40px;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
h3.search-title {
    color:#707070;
    font-family:roboto;
    font-size:16px;
    line-height:18px;
    margin-bottom:30px;
}

.search-image {
    float:left;
    width:100%;
    overflow:hidden;
    position:relative;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.search-image img{
    width:100%;
    height:100%;
}
.search-image:before {
    height:100%;
    width:100%;	
    background:url("../images/link-arrow.png") no-repeat scroll center rgba(0, 0, 0, 0.6);
    content:"";
    opacity:0;
    filter:alpha(opacity = 0);

    position:absolute;
    left:0;
    top:0;

    -webkit-transform:scale(0.3);
    -moz-transform:scale(0.3);
    -ms-transform:scale(0.3);
    -o-transform:scale(0.3);
    transform:scale(0.3);

    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
.search-image:hover:before{
    opacity:1;
    filter:alpha(opacity = 100);

    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.search-detail {
    float:left;
    width:100%;
}

.search-detail > h4 {
    color:#97D360;
    font-family:roboto;
    font-size:22px;
    font-weight:300;
    letter-spacing:0.3px;
    line-height:30px;
    margin-top:10px;
}
.search-detail > h4 a{
    color:#656565;
}
.search-detail > h4 a:hover{
    color:#2d2d2d;
}
.search-detail > p {
    color:#858585;
    font-family:open sans;
    font-size:12px;
    letter-spacing:0.2px;
    line-height:20px;
    margin-top:20px;
}



/*** SEARCH RESULT NOT FOUND /////////
///////////////////////////////// ***/
.search-result > p {
    color:#929292;
    font-family:roboto;
    font-size:13px;
    line-height:11px;
    margin:0;
}
.search-bar {
    float:left;
    height:38px;
    width:100%;
    background:#fff;
    border:1px solid #E5E5E5;
    margin-top:30px;
    overflow:hidden;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}




/*** GALLERY TWO COLUMN /////////////
//////////////////////////////////////////////////// ***/

.gallery-tabs {
    float:right;
    border:0 none;
    display:block;
    margin-bottom: 50px;
    z-index:0;
}
.gallery-tabs li {
    margin:0 25px 0 0;
}
.gallery-tabs li a, 
.gallery-tabs li a:focus, 
.gallery-tabs li a:hover, 
.gallery-tabs li.active a, 
.gallery-tabs li.active a:hover, 
.gallery-tabs li.active a:focus {
    background:none repeat scroll 0 0 transparent;
    border:0 none;
    color:#454545;
    font-family:roboto;
    font-size:13px;
    line-height:10px;
    padding:0;
}
.gallery-tabs li:last-child{
    margin:0;
}
.gallery-content {
    float: left;
    margin:0 0 -30px;
    width: 100%;
}
.gallery-content  .row > div{
    margin-bottom:30px;
}
.gallery-content .row > div.col-md-12 {
    display: table;
}
.gallery-image {
    float:left;
    overflow:hidden;
    position:relative;
    width:100%;

    -webkit-border-radius:4px 4px 0px 0px;
    -moz-border-radius:4px 4px 0px 0px;
    -ms-border-radius:4px 4px 0px 0px;
    -o-border-radius:4px 4px 0px 0px;
    border-radius:4px 4px 0px 0px;
}
.gallery-image:before {
    height:100%;
    width:100%;
    background:url("../images/gallery-hover.png") repeat scroll 0 0 transparent;
    background-size:100% 100%;
    content:"";

    position:absolute;
    left:0;
    top:0;

    opacity:0;
    filter:alpha(opacity = 0);

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.gallery-image:hover:before{
    opacity:1;
    filter:alpha(opacity = 100);
}
.gallery-image > span {
    bottom: 0;
    color: #FFFFFF;
    font-family: roboto;
    font-size: 11px;
    left: 0;
    line-height: 10px;
    max-width: 90%;
    overflow: hidden;
    padding: 10px 35px;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
    opacity:0.95;
    filter:alpha(opacity = 95);

    -webkit-border-radius:0 3px 0 0;
    -moz-border-radius:0 3px 0 0;
    -ms-border-radius:0 3px 0 0;
    -o-border-radius:0 3px 0 0;
    border-radius:0 3px 0 0;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.gallery-image > span a {
    color: #FFFFFF;
}
.gallery-image:hover > span {
    width:200px;
    margin-left:-100px;
    padding:0;
    background:none repeat scroll 0 0 transparent;
    text-align:center;

    bottom:20%;
    left:50%;
}
.gallery-image img {
    width:100%;
}
.gallery-image a img {
    height: 70px;
    width: 70px;
}
.image-title {
    background: none repeat scroll 0 0 #ebeae4;
    float: left;
    font-family: open sans;
    font-size: 14px;
    font-weight: 500;
    line-height: 10px;
    overflow: hidden;
    padding: 20px;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%;

    -webkit-border-radius:0px 0px 4px 4px;
    -moz-border-radius:0px 0px 4px 4px;
    -ms-border-radius:0px 0px 4px 4px;
    -o-border-radius:0px 0px 4px 4px;
    border-radius:0px 0px 4px 4px;
}
.image-title  a{
    color:#707070;
}
.image-title  a:hover{
    color:#2d2d2d;
}
.gallery-image .image-lists {
    display:table;
    width:100%;
    margin:0 auto -32px;

    position:absolute;
    bottom:50%;

    -webkit-transform:rotateX(90deg);
    -moz-transform:rotateX(90deg);
    -ms-transform:rotateX(90deg);
    -o-transform:rotateX(90deg);
    transform:rotateX(90deg);

    -webkit-transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    transition:all 0.5s ease 0s;	
}
.gallery-image:hover .image-lists {
    -webkit-transform:rotateX(0deg);
    -moz-transform:rotateX(0deg);
    -ms-transform:rotateX(0deg);
    -o-transform:rotateX(0deg);
    transform:rotateX(0deg)
}
.image-lists > ul {
    display:table;
    margin:0 auto;
}
.image-lists ul > li {
    border:2px solid #878787;
    float:left;
    margin-right:10px;
    overflow:hidden;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.image-lists ul > li:last-child{
    margin-right:0;
}
.image-lists ul > li a{
    float:left;
    position:relative;
}
.image-lists ul > li a:before {
    content:"";
    height:100%;
    width:100%;
    background:url("../images/search.png") no-repeat scroll center;
    opacity:0;
    filter:alpha(opacity = 0);

    position:absolute;
    left:0;
    top:0;

    -webkit-transition:all 0.2s ease 0.2s;
    -moz-transition:all 0.2s ease 0.2s;
    -ms-transition:all 0.2s ease 0.2s;
    -o-transition:all 0.2s ease 0.2s;
    transition:all 0.2s ease 0.2s;
}
.image-lists ul > li a:hover:before{
    opacity:0.9;
    filter:alpha(opacity = 90);

    -webkit-transition:all 0s ease 0s;
    -moz-transition:all 0s ease 0s;
    -ms-transition:all 0s ease 0s;
    -o-transition:all 0s ease 0s;
    transition:all 0s ease 0s;
}
.image-lists ul > li .video-popup:before {
    background: url("../images/video.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    opacity: 1;
}

/*** GALLERY FOUR COLUMN /////////////
//////////////////////////////////////////////////// ***/
.gallery-content .col-md-3 .image-title {
    font-size:13px;
    padding:20px 15px;
}


/*** GALLERY WITH SIDEBAR /////////////
//////////////////////////////////////////////////// ***/
.left-content.nine-column .gallery-content {
    margin: 50px 0 0;
}

/*** OUR CAUSES PAGE /////////////
//////////////////////////////////////////////////// ***/
.causes-page .causes-image{
    float:left;
    width:100%;
    margin-bottom: 30px;
}
/*** ERROR 404 /////////////
//////////////////////////////////////////////////// ***/

.error-page {
    text-align:center;
}
.error-page h2 {
    font-family:roboto;
    font-size:225px;
    line-height:180px;
    margin-bottom:48px;
}
.error-page > p {
    color:#C3C3C3;
    font-family:roboto;
    font-size:36px;
    font-style:italic;
    font-weight:bold;
    line-height:25px;
}
.error-page > p span{
    font-weight:500;
    font-size:14px;
}
.error-page-search {
    float:left;
    width:100%;
    margin-bottom:-65px;
    margin-top:50px;
    padding-bottom:55px;
    background:none repeat scroll 0 0 #F8F7F7;
    text-align:center;
}
.error-page-search .search-bar {
    display:block;
    float:none;
    margin:30px auto;
}
.error-page-search h3 {
    color:#707070;
    font-family:roboto;
    font-size:16px;
    font-weight:500;
    line-height:18px;
    margin-bottom:20px;	
    text-transform:uppercase;
}
.error-page-search p {
    color:#848484;
    font-family:roboto;
    font-size:13px;
    line-height:12px;
    margin-bottom:30px;	
}
.error-page-search a {
    font-family:roboto;
    font-size:13px;
    line-height:11px;
    padding:5px 20px 5px 0;
}
.error-page-search a img {
    margin-left:10px;
    margin-top:-3px;
}

/*** ABOUT US /////////////
//////////////////////////////////////////////////// ***/
.about-charity {
    float:left;
    width:100%;
}
.about-charity-desc h2 {
    color:#707070;
    font-family:roboto;
    font-size:20px;
    font-weight:400;
    letter-spacing:0.2px;
    line-height:30px;
    text-transform:uppercase;
}
.about-charity-desc h2 span{
    color:#98d460;
    font-weight:300;
}
.about-charity-desc > p {
    color:#818181;
    font-family:open sans;
    font-size:13px;
    line-height:22px;
    margin-top:20px;
}
.about-charity-desc > ul {
    float:left;
    width:100%;
}
.about-charity-desc ul li {
    float:left;
    width:113px;
    min-height:125px;
    margin-right:45px;
    padding:35px 0;
    background:url("../images/hexagon-gray.png") no-repeat scroll 0 0 transparent;
    text-align:center;
}
.about-charity-desc li h6 {
    margin-bottom:10px;
    padding:0 10px;
    font-family:roboto;
    font-size:30px;
    font-weight:300;
    line-height:23px;
}
.about-charity-desc li span {
    float:left;
    width:100%;
    padding:0 13px;
    color:#CCCBCB;
    font-family:roboto;
    font-size:10px;
    text-transform:uppercase;
}
.about-charity-video{
    position:relative;
    float:left;
    width:100%;
    overflow:hidden;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.about-charity-video img {
    width:100%;
}
.about-charity-video:before {
    content:"";
    width:100%;
    height:100%;
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    opacity:0;
    filter:alpha(opacity = 0);

    position:absolute;
    left:0;
    top:0;

    -webkit-transform:scale(0.3);
    -moz-transform:scale(0.3);
    -ms-transform:scale(0.3);
    -o-transform:scale(0.3);
    transform:scale(0.3);

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.about-charity-video:hover:before{
    opacity:1;
    filter:alpha(opacity = 100);

    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);

}
.about-charity-video a span {
    width:40px;
    height:40px;
    margin-top:-20px;
    margin-left:-20px;
    padding:10px;
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    text-align:center;
    opacity:0;
    filter:alpha(opacity = 0);

    position:absolute;
    left:50%;
    top:50%;

    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;

    -webkit-transform:scale(2);
    -moz-transform:scale(2);
    -ms-transform:scale(2);
    -o-transform:scale(2);
    transform:scale(2);

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.about-charity-video a span i{
    color:#fff;
}
.about-charity-video:hover a span{
    opacity:1;
    filter:alpha(opacity = 100);

    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}

.staff {
    float: left;
    width: 100%;
    margin-bottom: -30px;
}
.staff-member {
    height:355px;
    float:left;
    width:100%;
    margin-bottom:30px;
    overflow:hidden;
    position:relative;
}
.staff-member > img {
    width:100%;
    height:270px;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.staff-member:hover > img {
    margin-top:-30px;
}
.member-intro {
    float:left;
    width:100%;
    background:none repeat scroll 0 0 #FFFFFF;
    padding:17px 0;

    position:absolute;
    bottom:0;
    text-align:center;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.member-intro h3 {
    color: #707070;
    font-family: roboto;
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
}
.member-intro h3 a{
    color: #707070;
}
.member-intro > span {
    float: left;
    font-family: open sans;
    font-size: 12px;
    font-weight: 600;
    line-height: 19px;
    text-transform: uppercase;
    width: 100%;
}
.social-contacts {
    display:table;
    width:100%;
    margin:0 auto;
    background:#fff;

    position:absolute;
    bottom:-35px;

    opacity:0;
    filter:alpha(opacity=0);

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.social-contacts ul {
    display:table;
    margin:0 auto;
}
.social-contacts ul li {
    float:left;
    height:35px;
    width:35px;
    border-bottom:2px solid #C8C8C8;
    margin-right:5px;
    overflow:hidden;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.social-contacts ul li:last-child{
    margin-right:0;
}
.social-contacts ul li img{
    width:100%;
    height:100%;
}
.staff-member:hover .member-intro {
    bottom:30px;
}
.staff-member:hover .social-contacts {
    bottom:0;
    opacity:1;
    filter:alpha(opacity=100);
}


/*** BLOG PAGE WITH SIDEBAR /////////////
//////////////////////////////////////////////////// ***/
.blog-post {
    float:left;
    width:100%;
    margin-bottom:30px;
    padding-bottom:30px;
    border-bottom:1px solid #E8E8E7;
}
.blog-post h2 {
    font-family: roboto;
    font-size: 22px;
    font-weight: 400;
    letter-spacing: 0.3px;
    margin-bottom: 15px;
    white-space: wrap;
    overflow: auto;
    text-overflow: none;
    line-height: 28px;
}
.blog-post h2 a{
    color: #428bca;
}
.blog-post h2 a:hover{
    color:#2d2d2d;
}
.blog-post-img {
    float:left;
    overflow:hidden;
    width:100%;
    position:relative;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.blog-post-img:before {
    height:100%;
    width:100%;
    content:"";
    background:url("../images/link-arrow.png") no-repeat scroll center center rgba(0, 0, 0, 0.6);

    position:absolute;
    left:0;
    top:0;

    opacity:0;
    filter:alpha(opacity = 0);

    -webkit-transform:rotateY(76deg) skewX(60deg);
    -moz-transform:rotateY(76deg) skewX(60deg);
    -ms-transform:rotateY(76deg) skewX(60deg);
    -o-transform:rotateY(76deg) skewX(60deg);
    transform:rotateY(76deg) skewX(60deg);

    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
.blog-post-img:hover:before{
    opacity:1;
    filter:alpha(opacity = 100);

    -webkit-transform:rotateY(0deg) skewX(0deg);
    -moz-transform:rotateY(0deg) skewX(0deg);
    -ms-transform:rotateY(0deg) skewX(0deg);
    -o-transform:rotateY(0deg) skewX(0deg);
    transform:rotateY(0deg) skewX(0deg);
}
.blog-post #layerslider-container-fw {
    overflow:hidden;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.blog-post img {
    height: auto;
    width: 100%;
}
.blog-post-img img{
    width:100%;
}
.blog-post-details {
    float:left;
    width:100%;
    margin-top:20px;
}
.post-meta {
    float:left;
    width:20%;
}
.post-meta {
    border-right: 1px solid #D1CFCF;
    float: left;
    margin-right: 3%;
    padding: 10px 0;
    position: relative;
    width: 20%;
}
.post-meta-special {
    float: none;
    padding: 10px 0;
    position: relative;
    width: 90%;
}
.post-meta-special > li i {
    margin-right:10px;
}
.post-meta-special > li {
    color: #929292;
    font-family: roboto;
    font-size: 12px;
    line-height: 1.4em;
    margin-bottom: 15px;
}
.post-meta:before {
    height:15px;
    width:13px;
    margin-top:-10px;
    padding:10px 0;
    content:"";
    background:url("../images/diamond-narrow.jpg") no-repeat scroll 0 2px #FFFFFF;

    position:absolute;
    right:-7.5px;
    top:50%;
}
.post-meta > li {
    line-height: 10px;
    margin-bottom: 15px;
    overflow: auto;
    text-overflow: inherit;
    white-space: normal;
}
.post-meta > li:last-child{
    margin-bottom:0;
}
.post-meta > li {
    color: #929292;
    font-family: roboto;
    word-break: break-word;
    font-size: 12px;
    line-height: 1.4em;
}
.post-meta > li a {
    color: #3998E7;
    font-family: roboto;
    word-break: break-word;
    font-size: 12px;
    line-height: 1.4em;
    font-size: 1.05em;
}
.post-meta > li a span{
    color:#7c7c7c465;
}
.post-meta > li a i,
.post-meta > li i {
    margin-right:10px;
}
.post-desc {
    float: left;
    position: relative;
    width: 72%;
}
.post-desc > p {
    color:#858585;
    font-family:open sans;
    font-size:14px;
    line-height:22px;
    margin:20px 0;
}
.post-desc > p:first-child {
    margin-top: 0;
}
.post-desc .image-lists {
    float:right;
    margin-left:40px;
}
.post-desc-full {
    position: relative;
    width: 90%;
}
.post-desc > p, .post-desc-full > p {
    color:#858585;
    font-family:open sans;
    font-size:14px;
    line-height:22px;
    margin:20px 0;
}
.post-desc > p:first-child, .post-desc-full > p:first-child {
    margin-top: 0;
}
.pagination-area {
    float:left;
    width:100%;
    position:relative;
    margin-top:30px;
}
.pagination-area:before {
    width:100%;
    height:1px;
    background:none repeat scroll 0 0 #F8F8F8;
    content:"";
    z-index:-1;

    position:absolute;
    left:0;
    top:45%;
}
.pagination-buttons {
    width:72px;
    margin-left:-36px;
    margin-top:-2px;

    position:absolute;
    left:50%;
}
.pagination-buttons > a {
    float:left;
    width:30px;
    height:30px;
    margin:0 3px;
    text-align:center;
    background:none repeat scroll 0 0 #F8F8F8;

    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;	
}
.pagination-buttons > a i {
    color:#A4A4A4;
    line-height:30px;
}
.pagination-area > span {
    float:right;
    padding-left:10px;
    color:#858585;
    font-family:open sans;
    font-size:11px;
    line-height:30px;
    background:none repeat scroll 0 0 #FFFFFF;
    text-transform:uppercase;
}

.form {
    float: left;
    width: 100%;
}
pre {
    margin: 20px 0;
}

li .current-cat{
    font-weight: bold;
    font-style: italic;
}

/*** SINGLE POST WITH IMAGE /////////////
//////////////////////////////////////////////////// ***/
.post > img, .post > a img {
    height: auto;
    margin-bottom: 20px;
    width: 100%;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;	
}
.category {
    float:left;
    width:100%;
    /*line-height:15px;*/
    color:#929292;
    /*font-family:roboto;
    font-size:11px;
    letter-spacing:0.3px;*/
}
.category-box {
    margin-bottom: 20px;
}
.category-box a {
    color:#3998E7;
    font-size: 1.15em;
    font-weight: 600;
}
.category-box a:hover, .post-meta a:hover {
    color: #333;	
}
.post-meta a {
    color:#3998E7;
    font-size: 1.15em;
    font-weight: 600;
}
.post h1 {
    float:left;
    width:100%;
    color:#707070;
    font-family:roboto;

    font-size:22px;
    font-weight:400;
    line-height:17px;
    margin-bottom:30px;
}

.post > p {
    float:left;
    font-size:12px;
    color:#858585;
    font-family:open sans;
    line-height:22px;
    margin:10px 0;
}
.post-image-list {
    display:inline-block;
    margin:10px 0;
    width:100%;
}
.post-image {
    float:left;
    width:270px;
    height:157px;
    margin-right:30px;
    overflow:hidden;
    position:relative;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.post-image:last-child {
    margin-right:0;
}
.post-image img{
    width:100%;
    height:100%;
}
.post-image:before {
    background:url("../images/zoom-icon.png") no-repeat scroll center center;
    content:"";
    height:100%;
    width:100%;

    opacity:0;
    filter:alpha(opacity = 0);

    position:absolute;
    left:0;
    top:0;

    -webkit-transition:all 0s ease 0.2s;
    -moz-transition:all 0s ease 0.2s;
    -ms-transition:all 0s ease 0.2s;
    -o-transition:all 0s ease 0.2s;
    transition:all 0s ease 0.2s;
}
.post-image:hover:before{
    opacity:1;
    filter:alpha(opacity = 100);

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.post .cloud-tags {
    margin:45px 0 0;
    width:100%;
}
.post .cloud-tags h3{
    margin:12px 20px 12px 0;
    float:left;
}
h3.sub-head {
    color:#2D2D2D;
    font-family:roboto;
    font-size:20px;
    font-weight:400;
    line-height:17px;
}
h3.sub-head span{
    font-weight:300;
    color:#83be4b;
}
.comments {
    float:left;
    /*margin-top:60px;*/
    width:100%;
}
.comments > ul {
    float:left;
    margin-top:55px;
    width:100%;
}
.comments ul li {
    float: left;
    margin-bottom: 60px;
    width: 100%;
}
.comments ul li .comment {
    border:1px solid #EBEBEB;
    display:block;
    padding:20px 20px 20px 120px;
    position:relative;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.comments li  .comment img {
    border:3px solid #F5ECEC;

    position:absolute;
    left:20px;
    top:-30px;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.comments li  .comment h5 {
    color:#707070;
    font-family:roboto;
    font-size:12px;
    margin-bottom:15px;
}
.comments li  .comment i {
    color:#929292;
    display:block;
    font-family:roboto;
    font-size:11px;
    line-height:9px;
    margin-bottom:15px;
}
.comments li  .comment p {
    color:#969595;
    font-family:source sans pro;
    font-size:13px;
    letter-spacing:0.2px;
    margin-bottom:0;
}
.comments ul li ul {
    border-left: 1px solid #EBEBEB;
    float: left;
    margin: 30px 0 0 10%;
    padding: 26px 0 1px 60px;
    width: 90%;
}
.comments ul li ul li {
    margin-bottom:40px;
    position:relative;
}
.comments ul li ul li:before {
    width:5%;
    height:1px;
    border-bottom:1px dotted #e2e2e2;
    content:"";
    z-index:1;

    position:absolute;
    left:-7%;
    top:50%;
}
.comments .comment ul,
.comments .comment ol {
    border: 0 none;
    margin: 0;
    padding: 0;
}
.comments .comment ul li,
.comments .comment ol li {
    margin: 0;
}
.comments .comment ul li:before,
.comments .comment ol li:before {
    display: none;
}
.comments .comment ul ul,
.comments .comment ol ol {
    padding-left: 30px;
}
.comment-respond.message.form {
    margin-top: 30px;
}
.reply {
    background-image:linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%);
    background-image:-o-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%);
    background-image:-moz-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%);
    background-image:-webkit-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%);
    background-image:-ms-linear-gradient(bottom, rgb(247,247,246) 12%, rgb(250,250,249) 56%);

    background-image:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.12, rgb(247,247,246)),
        color-stop(0.56, rgb(250,250,249))
        );

    border-top:2px solid #eceaea;
    border-left:1px solid #eceaea;
    border-right:1px solid #eceaea;
    border-bottom:1px solid #eceaea;

    color:#828282;
    font-family:roboto;
    font-size:11px;
    padding:4px 12px;

    position:absolute;
    right:20px;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;


    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
.reply:hover{
    background:none;
    color:#fff;
}
.reply a{
    color:#828282;
}
.reply:hover a{
    color:#FFF;
}
.form > p {
    color:#818181;
    font-family:Source Sans Pro;
    font-size:13px;
    line-height:10px;
    margin-bottom:0;
    margin-top:40px;
}

.form form {
    margin-top:35px;
}
.form form label {
    color:#929292;
    font-family:roboto;
    font-size:12px;
    font-weight:normal;
    line-height:10px;
    margin-bottom:15px;
}
.comment-form form label span{
    color:#98D460;
}
.input-field, 
.input-field:hover, 
.input-field:focus {
    height:33px;
    border:0 none;
    margin-bottom:20px;
    font-family:open sans;
    font-size:12px;
    background:none repeat scroll 0 0 #FAFAFA;
    width:100%;

    -webkit-box-shadow:1px 1px 3px #D5D5D5 inset;
    -moz-box-shadow:1px 1px 3px #D5D5D5 inset;
    -ms-box-shadow:1px 1px 3px #D5D5D5 inset;
    -o-box-shadow:1px 1px 3px #D5D5D5 inset;
    box-shadow:1px 1px 3px #D5D5D5 inset;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
textarea.input-field, 
textarea.input-field:hover, 
textarea.input-field:focus{
    height:auto;
}
.input-checkbox {
    float: left;
}
.payment_box.payment-desc.payment_method_cheque {
    float: left;
    width: 100%;
}
.co-form .input-text, .input-text,
.co-form .input-text:hover, .input-text:hover,
.co-form .input-text:focus, .input-text:focus {
    height:33px;
    border:0 none;
    margin-bottom:20px;
    font-family:open sans;
    font-size:12px;
    background:none repeat scroll 0 0 #FAFAFA;
    width:100%;
    padding:5px 10px;

    -webkit-box-shadow:1px 1px 3px #D5D5D5 inset;
    -moz-box-shadow:1px 1px 3px #D5D5D5 inset;
    -ms-box-shadow:1px 1px 3px #D5D5D5 inset;
    -o-box-shadow:1px 1px 3px #D5D5D5 inset;
    box-shadow:1px 1px 3px #D5D5D5 inset;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.co-form textarea.input-text, 
.co-form textarea.input-text:hover, 
.co-form textarea.input-text:focus{
    height:auto;
    min-height:200px;

    -webkit-box-shadow:1px 1px 3px #D5D5D5 inset;
    -moz-box-shadow:1px 1px 3px #D5D5D5 inset;
    -ms-box-shadow:1px 1px 3px #D5D5D5 inset;
    -o-box-shadow:1px 1px 3px #D5D5D5 inset;
    box-shadow:1px 1px 3px #D5D5D5 inset;
}
.form-button {
    border:0 none;
    color:#FFFFFF;
    float:left;
    font-family:arial;
    font-size:12px;
    padding:17px 30px;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}




/*** SINGLE POST WITH VIDEO /////////////
//////////////////////////////////////////////////// ***/
.post .video-post{
    margin-bottom:30px;
}
.video-post {
    position:relative;
    overflow:hidden;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.video-post:before {
    content:"";
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.8);

    position:absolute;
    left:0;
    top:0;

    opacity:0;
    filter:alpha(opacity = 0);

    -webkit-transform:scale(0.3);
    -moz-transform:scale(0.3);
    -ms-transform:scale(0.3);
    -o-transform:scale(0.3);
    transform:scale(0.3);

    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
.video-post:hover:before{
    opacity:1;
    filter:alpha(opacity = 100);

    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.video-post > img {
    width:100%;
}
.video-post > a {
    height:45px;
    width:45px;
    border:2px solid #FFFFFF;
    margin-left:-17px;
    text-align:center;

    opacity:0;
    filter:alpha(opacity = 0);

    position:absolute;
    top:45%;
    left:50%;

    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;

    -webkit-transform:scale(2);
    -moz-transform:scale(2);
    -ms-transform:scale(2);
    -o-transform:scale(2);
    transform:scale(2);

    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
.video-post:hover a{
    opacity:1;
    filter:alpha(opacity = 100);

    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
} 
.video-post > a i {
    color:#FFFFFF;
    line-height:40px;
}

/* Form Styling */

.wpcf7 input[type=text], .wpcf7 input[type=email], .wpcf7 input[type=password], .wpcf7 textarea {
    padding: 0.4em 0.9em;
    color: #777;
    margin-top: 0.5em;
}
.wpcf7 input[type=button], .wpcf7 input[type=submit] {
    background: #2E87C7;
    border: 0 none;
    color: #FFF;
    padding: 0.5em 1em;
}
.wpcf7 p {
    margin: 0 0 1em 0;
    font-weight: 800;
}
.wpcf7 br {
    margin: 0 0 0.5em 0;
}
.wpcf7 {

}

/*** SINGLE POST WITH SLIDER /////////////
//////////////////////////////////////////////////// ***/
.post-slider {
    position: relative;
    margin-bottom:30px;
}

/*** PROJECT SINGLE POST  /////////////
//////////////////////////////////////////////////// ***/
.post-meta > li p {
    float:left;
    width:100%;
    color:#ADACAC;
    font-family:roboto;
    font-size:20px;
    font-weight:500;
    line-height:15px;
    margin-top:10px;
    padding-left:20px;
}

.post-meta li > span {
    margin:0 auto;
    padding:7px 15px;
    color:#FFFFFF;
    float:left;
    font-family:roboto;
    font-size:12px;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.post-meta li > span button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #FFFFFF;
    padding: 0;
}


/*** CONTACT PAGE  /////////////
//////////////////////////////////////////////////// ***/
.contact-info iframe {
    width:100%;
    height:182px;
    border:0 none;
    margin-top:40px;

    -webkit-box-shadow:0 0 2px #999999;
    -moz-box-shadow:0 0 2px #999999;
    -ms-box-shadow:0 0 2px #999999;
    -o-box-shadow:0 0 2px #999999;
    box-shadow:0 0 2px #999999;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.contact-info > p {
    color:#818181;
    font-family:open sans;
    font-size:13px;
    line-height:22px;
    margin-top:20px;
}
.contact-info .contact-details {
    margin-top:20px;
    width:100%;
}
.contact-info .contact-details > li {
    float:left;
    width:50%;
}
.contact-info .contact-details li span {
    color:#818181;
    font-weight:500;
}
.social-connect {
    float:left;
    width:100%;
    margin:70px 0 0;
    position:relative;
    border-top:1px solid #d6d6d6;
    background:url("../images/pattern.jpg") repeat scroll 0 0 transparent;
}
.social-connect h3 {
    float:left;
    width:50%;
    color:#707070;
    margin:40px 0;
    font-family:roboto;
    font-size:30px;
    font-weight:600;
    line-height:28px;
}
.social-connect h3 span {
    color:#98D460;
    font-size:20px;
    text-transform:uppercase;
}
.social-connect .social-bar {
    float:right;
    width:50%;
    margin:34px 0;
    padding:0;
}
.work-section {
    background: none repeat scroll 0 0 #f9f9f9;
    margin-bottom: -80px;
    margin-top: 0;
    padding-bottom: 70px;
}
.working {
    float: left;
    width: 100%;
}
.working > p {
    color:#818181;
    font-family:open sans;
    font-size:13px;
    margin-top:20px;
}
.countries {
    float:left;
    width:100%;
    margin-top:30px;
}
.countries li {
    float:left;
}
.countries img {
    width: 100%;
}
.countries .flex-direction-nav {
    position: absolute;
    right:15px;
    top: 0px;
}
.countries .flex-direction-nav li{
    float:left;
    margin:0 4px;
}
.countries .flex-direction-nav li a{
    background:url("../images/carousel-arrows.png") no-repeat scroll 5px -2px #4A4A4A;
    float:left;
    width:25px;
    height:25px;
    color:transparent;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.countries .flex-direction-nav li a.flex-next{
    background-position:-42px -3px;
}

/*** CAPTCHA ***/
#recaptcha_area, #recaptcha_table {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    width: 100% !important;
}
.form form #recaptcha_area,.form form  #recaptcha_table{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    width: 100% !important;
}
.recaptchatable, #recaptcha_area tr, #recaptcha_area td, #recaptcha_area th {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.form .recaptcha_input_area {
    float: left;
    margin: 0 !important;
    width: 100% !important;
}
.form .recaptcha_theme_red #recaptcha_response_field {
    border: none;
}
.form .recaptcha_theme_red #recaptcha_response_field {
    background: none repeat scroll 0 0 #FAFAFA;
    border-radius: 2px;
    box-shadow: 0 0 3px #DCDCDC inset;
    float: left;
    font-family: roboto;
    height: 30px;
    padding: 0 10px !important;
    width: 100% !important;
}
.form .recaptchatable .recaptcha_r4_c1 {
    width: 100% !important;
}
.recaptcha_only_if_privacy {
    display: none;
}

/*** EVENTS PAGE  /////////////
//////////////////////////////////////////////////// ***/
.event-post-image {
    float:left;
    position:relative;
    border-radius:4px;
    overflow:hidden;
    margin-bottom:30px;
    width:100%;
}
.event-post-image img {
    height: 100%;
    width: 100%;
}
.event-post-image:before {
    height:3px;
    width:100%;
    content:"";

    position:absolute;
    bottom:0;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.event-post-image:after {
    content:"";
    width:0;
    height:0;
    border-bottom:50px solid;
    border-right:50px solid transparent;

    position:absolute;
    left:0;
    bottom:0;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.event-post-image:hover:before,
.event-post-image:hover:after,
.event-post-image:hover i{
    opacity:0;	
    filter:alpha(opacity = 0);
}
.event-post-image i {
    color:#FFFFFF;
    z-index:1;

    position:absolute;
    left:12px;
    bottom:8px;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.event-post-detail {
    float:right;
    margin-bottom:30px;
}

.event-post-detail h2 {
    font-family:roboto;
    font-size:16px;
    font-weight:400;
    margin-top:20px;
}
.event-post-detail h2 a{
    color:#707070;
}
.event-post-detail h2 a:hover{
    color:#2d2d2d;
}
.event-post-detail .post-meta:before {
    display:none;
}
.event-post-detail .post-meta {
    border:0 none;
    padding:20px 0;
    width:100%;
}
.event-post-detail > p {
    color:#858585;
    float:left;
    font-family:open sans;
    font-size:12px;
    letter-spacing:0.2px;
    line-height:20px;
    margin-top:-5px;
    width:100%;
}
.event-post-image span {
    background:url("../images/link-arrow.png") no-repeat scroll center center;
    height:100%;
    width:30%;
    opacity:0.9;	
    filter:alpha(opacity = 90);

    position:absolute;
    right:-30%;
    top:0;

    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
.event-post-image:hover  span {
    right:0;
}
.map {
    left:0;
    opacity:0;
    filter:alpha(opacity = 0);
    position:absolute;

    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
.event-post-image:hover .map{
    opacity:0.9;
    filter:alpha(opacity = 90);
}


/*** ELEMENTS PAGE  /////////////
//////////////////////////////////////////////////// ***/
.element {
    float:left;
    margin:0 0 40px;
    width:100%;
}

/*** TABS ***/
.theme-tabs .nav {
    border:0 none;
}
.theme-tabs .nav li{
    margin:0;
}
.theme-tabs .nav li a,
.theme-tabs .nav li a:hover {
    margin:0;
    padding:15px 24px;
    border-left:1px solid #D1D7DC;
    border-top:1px solid #D1D7DC;
    border-bottom:1px solid #D1D7DC;
    border-right:0 none;
    color:#707070;
    font-family:roboto;
    font-size:13px;
    font-weight:400;
    line-height:10px;
    background:none repeat scroll 0 0 #FCFAFA;

    -webkit-transition:all 0.2s ease 0s;
    -moz-transition:all 0.2s ease 0s;
    -ms-transition:all 0.2s ease 0s;
    -o-transition:all 0.2s ease 0s;
    transition:all 0.2s ease 0s;

    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
}
.theme-tabs .nav li:last-child a{
    border-right:1px solid #D1D7DC;
}
.theme-tabs .nav li.active a,
.theme-tabs .nav li.active a:hover,
.theme-tabs .nav li.active a:focus{
    padding:20px 24px;
    margin-top:-9px;
    background:#fff;
    border-left:1px solid;
    border-top:1px solid;
    border-right:1px solid;
    border-bottom:0 none;
    margin-right:-1px;
    z-index:1;
}
.theme-tabs .tab-content {
    margin-top:-1px;
    padding:40px 30px;
    border:1px solid #D1D7DC;
    float:left;
    width:100%;
}
.theme-tabs p {
    color:#858585;
    font-family:open sans;
    font-size:12px;
    line-height:24px;
    margin:0;
}


/*** TABS LEFT OR RIGHT ***/
.side-tabs {
    float: left;
    width: 100%;
}
.tabs-left .nav {
    float: left;
}
.tabs-left .tab-content{
    float: right;
}
.tabs-left .nav li a, 
.tabs-left .nav li a:hover, 
.tabs-left .nav li a:focus {
    border-right:4px solid #fff;
    border-left:0;
    border-top:0;
    border-bottom:0;
}
.tabs-right .nav {
    float: right;
}

.tabs-right .tab-content{
    float: left;
}
.tabs-right .nav li a, 
.tabs-right .nav li a:hover, 
.tabs-right .nav li a:focus {
    border-left:4px solid #fff;
    border-right:0;
    border-top:0;
    border-bottom:0;
}

.side-tabs .nav{
    width: 30%;
    border:0;
}
.side-tabs .nav li {
    width: 100%;
}
.side-tabs .nav li{
    margin:0 0 5px 0;
}
.side-tabs .nav li a, 
.side-tabs .nav li a:hover, 
.side-tabs .nav li a:focus {
    background: none repeat scroll 0 0 #FCFAFA;
    color: #707070;
    font-family: roboto;
    font-size: 13px;
    margin: 0;

    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
}
.side-tabs .nav li.active a,
.side-tabs .nav li.active a:hover,
.side-tabs .nav li.active a:focus {
    border-color:#fcfafa;
}
.side-tabs .tab-content {
    background: none repeat scroll 0 0 #FCFAFA;
    padding: 55px 30px;
    width: 70%;
}
.side-tabs .tab-content p {
    color: #858585;
    font-family: open sans;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: -5px;
}



/*** BOTTOM TABS ***/
.theme-tabs.tabs-bottom .tab-content{
    margin-bottom:-1px;
    margin-top:0;

}
.theme-tabs.tabs-bottom .nav li.active a, 
.theme-tabs.tabs-bottom .nav li.active a:hover, 
.theme-tabs.tabs-bottom .nav li.active a{
    margin-top:0;
    border-bottom:1px solid;
    border-top:0;
} 

/*** BOXED QUOTE ***/
.boxed-quote {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #D1D7DC;
    margin: 0 20px 0 0;
    padding: 35px 60px;
    width: 370px;

    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
}
blockquote i {
    font-size: 16px;
    margin: 0 10px;
}
.element h3 {
    margin-bottom:30px;
}

/*** ACCORDIONS ***/
.accordion_toggle {
    float:left;
    margin-bottom:5px;
    width:100%;
}
.accordion_toggle > a {
    width:100%;
    float:left;
    border-top:2px solid #dbdbdb;
    color:#707070;
    font-family:roboto;
    font-size:13px;
    line-height:40px;
    overflow:hidden;
    background:none repeat scroll 0 0 #FAF9F9;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.accordion_toggle a span {
    background:none repeat scroll 0 0 #eeecec;
    color:#a2a2a2;
    float:left;
    margin-right:20px;
    text-align:center;
    width:40px;

    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
.accordion_toggle.current > a{
    border-top:2px solid;
}
.accordion_toggle.current > a span{
    color:#fff;
}
.accordion_content {
    float:left;
    width:100%;
}
.accordion_content > p {
    margin:10px 0;
    padding:0 20px 0 60px;
    color:#929292;
    font-family:open sans;
    font-size:12px;
    line-height:22px;
}


/*** LISTS ***/
.theme-list li {
    color:#858585;
    font-family:roboto;
    font-size:13px;
    font-weight:400;
    line-height:28px;
}
.theme-list li i {
    float:left;
    width:10px;
    line-height:28px;
    margin-right:10px;
}
.theme-list li i.icon-angle-right:first-child {
    margin: 0;
    width: auto;
}
.theme-list li i.icon-angle-left:first-child {
    margin: 0;
    width: auto;
}


/*** DROPCAP VARIATIONS ***/
.cap {
    float: left;
    font-size: 40px;
    line-height: 40px;
    margin-right: 15px;
}
.cap.coloured-invert {
    color: #FFFFFF;
    padding: 0 2px;
}

.social-icons {
    float: left;
    width: 100%;
}
.social-icons > li {
    float: left;
    height: 30px;
    margin-bottom: 30px;
    margin-right: 40px;
    width: 30px;
}
.social {
    background: url("../images/social-icons.png") no-repeat transparent;
    float: left;
    height: 100%;
    width: 100%;
}
.social.facebook{
    background-position:0 0;
}
.social.flickr{
    background-position:-70px 0;
}
.social.forst{
    background-position:-140px 0;
}
.social.google-plus{
    background-position:-210px 0;
}
.social.blogger{
    background-position:-280px 0;
}
.social.lastfm{
    background-position:-350px 0;
}
.social.linkedin{
    background-position:-420px 0;
}
.social.wordpress{
    background-position:0 -66px;
}
.social.twitter{
    background-position:-70px -66px;
}
.social.tumbler{
    background-position:-140px -66px;
}
.social.digg{
    background-position:-210px -66px;
}
.social.dribble{
    background-position:-280px -66px;
}
.social.behance{
    background-position:-350px -66px;
}
.social.addthis{
    background-position:-420px -66px;
}
.social.sharethis{
    background-position:0 -126px;
}
.social.rss{
    background-position:-70px -126px;
}
.social.skype{
    background-position:-140px -126px;
}
.social.deliciou{
    background-position:-210px -126px;
}
.social.stumble{
    background-position:-280px -126px;
}
.social.vimeo{
    background-position:-350px -126px;
}
.social.virb{
    background-position:-420px -126px;
}
.social.grooveshark{
    background-position:0 -192px;
}
.social.mail{
    background-position:-70px -192px;
}
.social.infinte{
    background-position:-140px -192px;
}
.social.instagram{
    background-position:-210px -192px;
}
.social.evernote{
    background-position:-280px -192px;
}
.social.path{
    background-position:-350px -192px;
}
.social.myspace{
    background-position:-420px -192px;
}
.social-gray {
    background: url("../images/social-gray.png") no-repeat transparent;
    float: left;
    height: 100%;
    width: 100%;
}
.social-icons.gray li {
    background: none repeat scroll 0 0 #3F3F3F;

    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;

    -webkit-transition:all 0.2s ease 0s;
    -moz-transition:all 0.2s ease 0s;
    -ms-transition:all 0.2s ease 0s;
    -o-transition:all 0.2s ease 0s;
    transition:all 0.2s ease 0s;
}


.social-gray.play {
    background-position: 7px 5px;
}
.social-gray.google-plus {
    background-position:-64px 6px;
}
.social-gray.facebook {
    background-position:-134px 6px;
}
.social-gray.tumbler {
    background-position:-206px 6px;
}
.social-gray.twitter {
    background-position:-279px 6px;
}
.social-gray.sharethis {
    background-position:-350px 6px;
}
.social-gray.msn {
    background-position:-421px 6px;
}
.social-gray.flickr {
    background-position:-493px 6px;
}
.social-gray.linkedin {
    background-position:-564px 6px;
}
.social-gray.vimeo {
    background-position:-635px 6px;
}
.social-gray.gtalk {
    background-position:7px -59px;
}
.social-gray.skype {
    background-position:-134px -59px;
}
.social-gray.found {
    background-position:-206px -59px;
}
.social-gray.rss {
    background-position:-278px -59px;
}
.social-gray.buzz {
    background-position:-349px -59px;
}
.social-gray.yahoomessanger {
    background-position:-422px -59px;
}
.social-gray.yahoo {
    background-position:-494px -59px;
}
.social-gray.digg {
    background-position:-564px -59px;
}
.social-gray.deleciou {
    background-position:8px -119px;
}
.social-gray.upcoming {
    background-position:-63px -119px;
}
.social-gray.aim {
    background-position:-135px -119px;
}
.social-gray.myspace {
    background-position:-563px -119px;
}
.social-gray.wikipedia {
    background-position:-635px -119px;
}
.social-gray.vcard {
    background-position:-207px -184px;
}
.social-gray.picasa {
    background-position:-135px -184px;
}
.social-gray.dribble {
    background-position:7px -184px;
}
.social-gray.netvibes {
    background-position:-278px -184px;
}
.social-gray.deviantart {
    background-position:-564px -184px;
}
.social-gray.fireeagle {
    background-position:-422px -184px;
}
.social-gray.itunes {
    background-position:-64px -184px;
}
.social-gray.lastfm {
    background-position:-494px -119px;
}
.social-gray.amazon {
    background-position:-422px -118px;
}
.social-gray.reddit {
    background-position:-279px -118px;
}
.social-gray.stumble {
    background-position:-352px -118px;
}
.social-gray.digg2 {
    background-position:-634px -60px;
}
.social-gray.orkut {
    background-position:-635px -184px;
}





/*** ALIGNED IMAGES ***/
.aligned img {
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.aligned {
    float: left;
}
.aligned.right {
    text-align: right;
}
.aligned.right img{
    margin-left:15px;
}
.aligned.left {
    text-align:left;
}
.aligned.left img{
    margin-right:15px;
}
.aligned h5 {
    color: #5D5D5D;
    font-family: roboto;
    font-size: 16px;
    margin-bottom: 20px;
}


/*** PROGRESS BARS ***/

.progress-report .progress {
    float: left;
    width: 100%;
    margin-bottom:25px;
}
.progress-report > h6 {
    float: left;
}
.progress-report > span {
    float: right;
}
.progress-report > h6 {
    color: #707070;
    float: left;
    font-family: roboto;
    font-size: 13px;
    font-weight: 400;
    line-height:30px;
}
.progress-report > span {
    color: #707070;
    float: right;
    font-family: roboto;
    font-size: 13px;
    font-weight: 600;
    margin-right: 40px;
    line-height:30px;
}
.progress-report {
    float: left;
    width: 100%;
}
.progress-report .progress {
    background: none repeat scroll 0 0 #FCFBFB;
    border: 1px solid #DDDCDC;

    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -ms-border-radius:20px;
    -o-border-radius:20px;
    border-radius:20px;

    -webkit-box-shadow: 0 1px 1px #F4F4F4, 0 0 4px #F1F1F1 inset;
    -moz-box-shadow: 0 1px 1px #F4F4F4, 0 0 4px #F1F1F1 inset;
    -ms-box-shadow: 0 1px 1px #F4F4F4, 0 0 4px #F1F1F1 inset;
    -o-box-shadow: 0 1px 1px #F4F4F4, 0 0 4px #F1F1F1 inset;
    box-shadow: 0 1px 1px #F4F4F4, 0 0 4px #F1F1F1 inset;

}
.progress-report .progress.pattern{
    background:url("../images/pattern2.png") repeat scroll 0 0 / 10% auto #FCFBFB;

    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}
.progress.pattern .progress-bar {
    opacity: 0.6;

    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -ms-border-radius:20px;
    -o-border-radius:20px;
    border-radius:20px;
}
.progress-report .progress.simple{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.simple .progress-bar {
    position: relative;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.progress-bar span {
    color: #FFFFFF;
    font-family: roboto;
    font-size: 11px;
    position: absolute;
    right: 15px;
    top: 1px;
}
.yellow{
    background:none no-repeat scroll 0 0 #fbb450;
}
.red{
    background:none no-repeat scroll 0 0 #dc504b;
}
.lightblue{
    background:none no-repeat scroll 0 0 #52b8d6;
}


/*** PRICE TABLE ***/
.price-table {
    display: table;
    margin: 30px auto 0;
}
.price-table > ul {
    border: 1px solid #B7B7B7;
    float: left;
    width: 255px;
    overflow:hidden;
    margin-right:10px;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.price-table > ul:hover {
    -webkit-box-shadow: 0 0 5px #C7C7C7;
    -moz-box-shadow: 0 0 5px #C7C7C7;
    -ms-box-shadow: 0 0 5px #C7C7C7;
    -o-box-shadow: 0 0 5px #C7C7C7;
    box-shadow: 0 0 5px #C7C7C7;
}
.price-table > ul:last-child{
    margin-right:0;
}
.price-table li.table-head {
    background: none repeat scroll 0 0 #727272;
    color: #FFFFFF;
    padding: 35px 20px 25px;
    text-align: center;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.table-head > h3 {
    font-family: roboto;
    font-size: 24px;
    font-weight: 700;
    line-height: 16px;
    margin-bottom: 10px;
}
.table-head > span {
    color: #FFF3F3;
    float: left;
    font-family: roboto;
    font-size: 12px;
    line-height: 12px;
    width: 100%;
}
.price-table ul li.table-desc {
    background:#fff;
    padding: 20px;
    text-align: center;
}
.table-desc p{
    margin:0;
}
.price-table li {
    background: none repeat scroll 0 0 #F9F8F8;
    border-top: 1px solid #E7E7E7;
    color: #828282;
    float: left;
    font-family: open sans;
    font-size: 12px;
    line-height: 10px;
    padding: 20px 20px 20px 50px;
    width: 100%;
}
.price-table li i{
    font-size:16px;
    margin-right:10px;
}
.price-table li:nth-child(2n+2) {
    background: none repeat scroll 0 0 #F4F3F3;
}

.price-table li.price-per-year {
    background: url("../images/pattern2.png") repeat scroll 0 0 / 31% auto #E9E9E9;
    border-top: 1px solid #FFFFFF;
    font-family: open sans;
    font-size: 26px;
    font-weight: bold;
    line-height: 20px;
    padding: 10px 20px;
    text-align: center;
    color:#555555;
}
.price-table li.price-per-year i {
    font-size: 18px;
    font-style: normal;
    margin:0;
}
.price-per-year > span {
    color: #6A6A6A;
    font-family: roboto;
    font-size: 14px;
    font-weight: normal;
}
.price-table li.table-btn {
    padding: 10px 20px;
}
.price-table li.table-btn a {
    background: none repeat scroll 0 0 #686868;
    border: 1px solid #686868;
    color: #FFFFFF;
    float: left;
    font-family: roboto;
    font-weight: 600;
    padding: 12px 10px;
    text-align: center;
    width: 100%;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;

    -webkit-box-shadow: 0 1px 1px #BDBDBD inset;
    -moz-box-shadow: 0 1px 1px #BDBDBD inset;
    -ms-box-shadow: 0 1px 1px #BDBDBD inset;
    -o-box-shadow: 0 1px 1px #BDBDBD inset;
    box-shadow: 0 1px 1px #BDBDBD inset;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
/*** ALERT BOXES ***/
.alert-box {
    overflow:hidden;
    padding:12px 20px;
    border:1px solid;
    margin-bottom:20px;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.alert-box:last-child {
    margin-bottom:0;
}
.alert-box i {
    float:left;
    font-size:20px;
    margin-right:20px;
}
.element .alert-box > h4 {
    float:left;
    width:auto;
    font-family:roboto;
    font-size:14px;
    font-weight:600;
    letter-spacing:0.2px;
    line-height:20px;
    margin:0;
}
.alert-box > h4 span {
    font-size:12px;
    font-weight:300;
}
.warning{
    background:#faf9f9;
    border-color:#98d460;
    color:#98d460;
}
.cancel{
    background:#d9edf7;
    border-color:#0078c0;
    color:#0078c0;
}
.attention{
    background:#fce6e9;
    border-color:#ef3363;
    color:#ef3363;
}
.alert-error{
    background:#fce6e9;
    border-color:#ef3363;
    color:#ef3363;
}
.done{
    background:#e1eec9;
    border-color:#45a945;
    color:#45a945;
}


/*** HIGHLIGHTED TEXT ***/
.highlight {
    color:#858585;
    font-family:open sans;
    font-size:12px;
    letter-spacing:0.2px;
    line-height:22px;
    margin-top:-7px;
}
.highlight > span {
    color:#FFFFFF;
    padding:0 10px;
}
.highlight.rounded > span {
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -ms-border-radius:20px;
    -o-border-radius:20px;
    border-radius:20px;
}

/*** BUTTONS ***/
.buttons-column {
    float:left;
    margin-bottom:30px;
    width:100%;
}
.buttons-column .theme-btn{
    margin-right:30px;
}
.theme-btn {
    border:1px solid #D8B1B1;
    float:left;
    color:#fff;
    font-weight:bold;
    font-family:roboto;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.small {
    line-height:35px;
    padding:0 19px;
    font-size:12px;
}
.medium {
    line-height:45px;
    padding:0 30px;
    font-size:12px;
}
.large {
    line-height:45px;
    padding:0 43px;
    font-size:12px;
}
.skyblue{
    background-image:linear-gradient(bottom, rgb(98,206,222) 31%, rgb(152,224,234) 74%);
    background-image:-o-linear-gradient(bottom, rgb(98,206,222) 31%, rgb(152,224,234) 74%);
    background-image:-moz-linear-gradient(bottom, rgb(98,206,222) 31%, rgb(152,224,234) 74%);
    background-image:-webkit-linear-gradient(bottom, rgb(98,206,222) 31%, rgb(152,224,234) 74%);
    background-image:-ms-linear-gradient(bottom, rgb(98,206,222) 31%, rgb(152,224,234) 74%);

    background-image:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.31, rgb(98,206,222)),
        color-stop(0.74, rgb(152,224,234))
        );
    background-color:#6ad0e0;
}
.green{
    background-image:linear-gradient(bottom, rgb(99,168,2) 25%, rgb(155,201,2) 85%);
    background-image:-o-linear-gradient(bottom, rgb(99,168,2) 25%, rgb(155,201,2) 85%);
    background-image:-moz-linear-gradient(bottom, rgb(99,168,2) 25%, rgb(155,201,2) 85%);
    background-image:-webkit-linear-gradient(bottom, rgb(99,168,2) 25%, rgb(155,201,2) 85%);
    background-image:-ms-linear-gradient(bottom, rgb(99,168,2) 25%, rgb(155,201,2) 85%);

    background-image:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.25, rgb(99,168,2)),
        color-stop(0.85, rgb(155,201,2))
        );
    background-color:#72b102;
}
.dodgerblue{
    background-image:linear-gradient(bottom, rgb(73,167,184) 44%, rgb(116,201,210) 85%);
    background-image:-o-linear-gradient(bottom, rgb(73,167,184) 44%, rgb(116,201,210) 85%);
    background-image:-moz-linear-gradient(bottom, rgb(73,167,184) 44%, rgb(116,201,210) 85%);
    background-image:-webkit-linear-gradient(bottom, rgb(73,167,184) 44%, rgb(116,201,210) 85%);
    background-image:-ms-linear-gradient(bottom, rgb(73,167,184) 44%, rgb(116,201,210) 85%);

    background-image:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.44, rgb(73,167,184)),
        color-stop(0.85, rgb(116,201,210))
        );
    background-color:#5eb9c5;
}
.blue{
    background-image:linear-gradient(bottom, rgb(37,150,231) 44%, rgb(54,184,239) 85%);
    background-image:-o-linear-gradient(bottom, rgb(37,150,231) 44%, rgb(54,184,239) 85%);
    background-image:-moz-linear-gradient(bottom, rgb(37,150,231) 44%, rgb(54,184,239) 85%);
    background-image:-webkit-linear-gradient(bottom, rgb(37,150,231) 44%, rgb(54,184,239) 85%);
    background-image:-ms-linear-gradient(bottom, rgb(37,150,231) 44%, rgb(54,184,239) 85%);

    background-image:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.44, rgb(37,150,231)),
        color-stop(0.85, rgb(54,184,239))
        );
    background-color:#2da6eb;
}
.limegreen{
    background-image:linear-gradient(bottom, rgb(132,204,78) 44%, rgb(172,220,114) 85%);
    background-image:-o-linear-gradient(bottom, rgb(132,204,78) 44%, rgb(172,220,114) 85%);
    background-image:-moz-linear-gradient(bottom, rgb(132,204,78) 44%, rgb(172,220,114) 85%);
    background-image:-webkit-linear-gradient(bottom, rgb(132,204,78) 44%, rgb(172,220,114) 85%);
    background-image:-ms-linear-gradient(bottom, rgb(132,204,78) 44%, rgb(172,220,114) 85%);

    background-image:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.44, rgb(132,204,78)),
        color-stop(0.85, rgb(172,220,114))
        );
    background-color:#85cc4e;
}
.silver{
    background-image:linear-gradient(bottom, rgb(240,240,240) 44%, rgb(246,246,246) 85%);
    background-image:-o-linear-gradient(bottom, rgb(240,240,240) 44%, rgb(246,246,246) 85%);
    background-image:-moz-linear-gradient(bottom, rgb(240,240,240) 44%, rgb(246,246,246) 85%);
    background-image:-webkit-linear-gradient(bottom, rgb(240,240,240) 44%, rgb(246,246,246) 85%);
    background-image:-ms-linear-gradient(bottom, rgb(240,240,240) 44%, rgb(246,246,246) 85%);

    background-image:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.44, rgb(240,240,240)),
        color-stop(0.85, rgb(246,246,246))
        );
    background-color:#f0f0f0;
    color:#8c8c8c;
}


.element h4 {
    float:left;
    width:100%;
    margin:10px 0;
    color:#707070;
    font-family:roboto;
    font-size:18px;
}
.element p {
    color:#828282;
    font-family:open sans;
    font-size:12px;	
    line-height:22px;
}



/*** CART PAGE /////////
///////////////////////////////// ***/
.cart-table{
    float:left;
    width:100%;
}
.cart-head {
    background-image:linear-gradient(bottom, rgb(232,234,235) 0%, rgb(237,237,238) 50%);
    background-image:-o-linear-gradient(bottom, rgb(232,234,235) 0%, rgb(237,237,238) 50%);
    background-image:-moz-linear-gradient(bottom, rgb(232,234,235) 0%, rgb(237,237,238) 50%);
    background-image:-webkit-linear-gradient(bottom, rgb(232,234,235) 0%, rgb(237,237,238) 50%);
    background-image:-ms-linear-gradient(bottom, rgb(232,234,235) 0%, rgb(237,237,238) 50%);

    background-image:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(232,234,235)),
        color-stop(0.5, rgb(237,237,238))
        );

    border:1px solid #D2D5D7;
    float:left;
    width:100%;
    text-align:center;

    -webkit-border-radius:4px 4px 0 0;
    -moz-border-radius:4px 4px 0 0;
    -ms-border-radius:4px 4px 0 0;
    -o-border-radius:4px 4px 0 0;
    border-radius:4px 4px 0 0;
}
.cart-head h2 {
    float:left;
    padding:24px 0 20px;
    color:#5B5B5B;
    font-family:roboto;
    font-size:16px;
    font-weight:500;
    line-height:12px;
}
.cart-head h2 a{
    color:#5B5B5B;
}
.product {
    width:40%;
}
.price {
    width:20%;
}
.cart-head h2.quantity {
    text-align:center;
    width:20%;
}
.total {
    width:20%;
}
.cart-table > ul {
    float:left;
    width:100%;
    border-top:0;
    border-left:1px solid #e6e6e6;
    border-right:1px solid #e6e6e6;
    border-bottom:1px solid #e6e6e6;
    position:relative;

    -webkit-border-radius:0 0 4px 4px;
    -moz-border-radius:0 0 4px 4px;
    -ms-border-radius:0 0 4px 4px;
    -o-border-radius:0 0 4px 4px;
    border-radius:0 0 4px 4px;
}
.cart-table li {
    float:left;
    width:100%;
    line-height:10px;
    background:none repeat scroll 0 0 #FCFCFC;
    border-bottom:1px solid #E0E0E0;
}
.cart-table li:last-child {
    border-bottom:0 none;
    padding:10px 20px;

    -webkit-border-radius:0 0 4px 4px;
    -moz-border-radius:0 0 4px 4px;
    -ms-border-radius:0 0 4px 4px;
    -o-border-radius:0 0 4px 4px;
    border-radius:0 0 4px 4px;
}
.cart-table li > div {
    float:left;
    min-height:57px;
    padding:10px 0;
    border-right:1px solid #E0E0E0;
}
.product i {
    float:left;
    margin:5px 0 0 30px;
    color:red;
}
.cart-table li > .product > h6 {
    float:left;
    margin-left:30px;
}
.product > img {
    float: right;
    height: 35px;
    margin-right: 10px;
    width: 40px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}
.cart-table li > div h6 {
    color:#555555;
    font-family:roboto;
    font-size:13px;
    line-height:25px;
    text-align:center;
}
.cart-table li > div.quantity {
    padding: 12px 59px;
    position: relative;
    width: 20%;
}
.quantity.buttons_added input.minus, .quantity.buttons_added input.plus {
    border: 1px solid #C7C0C7;
    float: left;
    height: 30px;
    position: relative;
    width: 30px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.quantity.buttons_added input.input-text {
    border-bottom: 1px solid #C7C0C7 !important;
    border-left: 0 none !important;
    border-top: 1px solid #C7C0C7 !important;
    display: table;
    height: 30px !important;
    margin: 0 -3px;
    width: 60px;
}
.woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty{
    border:1px solid #C7C0C7;
}
.woocommerce-message:before {
    background-color: #8FAE1B;
    content: "\2713";
    height: 100%;
    left: 0;
    width: 40px;
}

select {
    border: 1px solid #C6DADE;
    height: 30px;
    padding: 4px 10px;
    width: 100%;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.cart-table li:nth-child(2n+2) {
    background:none repeat scroll 0 0 #F9F8F8;
}
.cart-table li:last-child input {
    float:left;
    height:30px;
    width:170px;
    margin-right:20px;
    padding:5px 10px;
    border:1px solid #C6DADE;
    font-family:roboto;
    font-size:12px;


    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.cart-btn {
    padding:10px 15px;
    margin:0 4px;
    border:1px solid #D7AFAF;
    color:#FFFFFF;
    font-family:roboto;
    font-size:12px;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}





.cart-total {
    float:right;
    width:51%;
    margin-top:30px;
}
.cart-total .cart-head h2 {
    float:none;
}
.cart-total.cart-table li {
    padding:20px 15px;
}
.cart-total p {
    float:left;
    width:50%;
    margin:0;
    color:#5B5B5B;
    font-family:roboto;
    font-size:12px;
    font-weight:500;
}
.cart-total span {
    float:right;
    width:50%;
    text-align:center;
}

.cart-shipping {
    float:right;
    width:51%;
    margin-top:30px;
}
.cart-shipping .cart-head h2 {
    float:none;
}
.cart-shipping.cart-table li {
    padding:10px 15px;
}
.cart-shipping.cart-table input {
    float:left;
    height:30px;
    width:100% !important;
    margin-right:20px;
    padding:5px 10px;
    border:1px solid #C6DADE;
    font-family:roboto;
    font-size:12px;
    color:#EBEBEB;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.cart-shipping.cart-table input[type="text"] {
    box-shadow: none;
    color: #AAAAAA;
    height: 35px;
    margin: 0;
}
.notes {
    float:left;
    width:100%;
    margin-top:20px;
}
.cart-total.cart-table.order {
    width:100%;
}
.cart-total.order .cart-head h2 {
    float:left;
    width:50%;
}
.payment li {
    float:left;
    margin-bottom:25px;
    width:100%;
}
.payment ul li input {
    float:left;
    curosr:pointer;
    height:30px!important;
}
.payment ul li label {
    color:#929292;
    curosr:pointer;
    float:left;
    font-family:roboto;
    font-size:14px;
    font-weight:normal;
    margin-left:10px;
}
.payment ul li p {
    background: none repeat scroll 0 0 #757575;
    color: #F7F7F7;
    float: left;
    font-family: roboto;
    font-size: 12px;
    margin-top: 10px;
    padding: 10px;
    position: relative;
    text-shadow: none;
    width: 100%;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.payment ul li p:before {
    height:0;
    width:0;
    border-bottom:5px solid #757575;
    border-left:5px solid transparent;
    border-right:5px solid transparent;
    content:"";

    position:absolute;
    left:20px;
    top:-5px;
}
.payment {
    float:left;
    width:100%;
    padding:30px;
    background:none repeat scroll 0 0 #FCFCFC;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.payment .accordion_toggle a {
    background:none repeat scroll 0 0 transparent;
    border:0 none;
    line-height:22px;
}
.woocommerce .woocommerce-info {
    background: none repeat scroll 0 0 #FAF9F9;
    margin-bottom: 10px;
    padding: 10px 0 10px 60px;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.woocommerce form.login {
    float: left;
    margin-top: 0 !important;
    width: 100%;
}
.woocommerce-info:before {
    font-size: 20px !important;
    height: 100% !important;
    left: 0 !important;
    padding: 5px !important;
    width: 50px !important;
}
/*** FEATURED PRODUCTS PAGE /////////
///////////////////////////////// ***/
.featured-products h3 {
    margin-bottom:20px;
}
.featured-products > p {
    color:#777777;
    font-family:open sans;
    font-size:13px;
    line-height:20px;
    margin-bottom:30px;
}
.featured-products .col-md-4{
    margin-bottom:40px;	
}
.featured-products img {
    margin-bottom:15px;
    width:100%;
    height:auto;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.featured-products  h4 {
    font-family:roboto;
    font-size:16px;
    font-weight:400;
    margin-bottom:10px;
    float:left;
    width:100%;
}
.featured-products  h4 a{
    color:#707070;
}
.
ratings {
    color: #E6E84A;
    float: left;
    line-height: 10px;
    margin-bottom: 5px;
    width: 100%;
}
.product-price > a {
    background: none repeat scroll 0 0 #626262;
    color: #F4F4F4;
    float: right;
    font-family: roboto;
    font-size: 12px;
    padding: 5px 10px;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.product-price > a.added_to_cart {
    margin-right: 10px;
}
.product-price del {
    float: left;
}
.product-price ins span.amount{
    font-size: 15px;
}
.product-price del span.amount {
    font-size: 15px !important;
    margin-right: 10px;
    text-decoration: line-through;
}
.product-price span.amount,.product-price del span.amount, .product-price ins span.amount {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    font-family: roboto;
    color:#7D7C7C;
    font-size: 20px;
    padding: 0;
    width: auto;
    line-height:27px;
}
.page-numbers {
    float: left;
    background:#fff;
}
.page-numbers > li {
    float: left;
    margin-right: 10px!important;
}
.page-numbers, .page-numbers > li span, .page-numbers > li {
    border: 0 none !important;
}
.page-numbers > li > a, .page-numbers > li > span {
    background-color: #F8F8F8;
    color: #707070;
    float: left;
    font-family: roboto;
    font-size: 11px;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 5px 15px!important;
    position: relative;
    text-decoration: none;

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;	

    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
.page-numbers > li > a:hover, .page-numbers > li > span:hover, .page-numbers > li > a:focus, .page-numbers > li > span:focus {
    color: #FFFFFF;
}


/*** CHECK OUT PAGE /////////
///////////////////////////////// ***/
.check-out-top li {
    float:left;
    width:100%;
    border-top:2px solid #DBDBDB;
    margin-bottom:10px;
    overflow:hidden;
    background:none repeat scroll 0 0 #FAF9F9;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.login {
    float:left;
    margin-bottom:20px;
    padding:10px;
    border:1px solid #E7E7E7;

    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -ms-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px;
}
.login p {
    color:#929292;
    font-family:roboto;
    font-size:12px;
}
.col-md-12.co-form {
    float:left;
    width:100%;
}
.co-form label {
    display:block;
    color:#929292;
    font-family:roboto;
    font-size:12px;
    font-weight:normal;
    line-height:11px;
    margin-bottom:10px;
}
.cupon {
    float:left;
    width:100%;
    margin-bottom:20px;
    padding:10px;
    border:1px solid #E7E7E7;

    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -ms-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px;
}
.billing {
    float:left;
    width:570px;
}
.billing h3{
    margin-bottom:30px;
}
.create-account {
    float:left;
    width:100%;
    margin-top:20px;
}
.form-toggle.accordion_toggle > a {
    background:none repeat scroll 0 0 transparent;
    border:0 none;
    color:#929292;
    font-family:roboto;
    font-size:14px;
    line-height:18px;
    position:relative;
    padding-left:20px;
    cursor:pointer;
}
.form-toggle.accordion_toggle > a:before {
    content:"";
    width:13px;
    height:13px;
    background:none repeat scroll 0 0 #DBECEF;
    border:1px solid #B7D5DE;

    position:absolute;
    left:0;
    top:4px;

    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}
.form-toggle.accordion_toggle.current > a.pointed:after {
    content:"";
    width:7px;
    height:7px;
    background:none repeat scroll 0 0 #779DA9;

    position:absolute;
    left:3px;
    top:7px;

    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;
}
.account-form > p {
    color:#929292;
    font-family:roboto;
    font-size:12px;
    line-height:20px;
}
.shipping{
    float:left;
    width:570px;
}
.shipping h3{
    margin-bottom:30px;
}


/*** ORDER RECEIVED PAGE /////////
///////////////////////////////// ***/

#check {
    background:none repeat scroll 0 0 #FFFFFF;
    float:left;
    margin-left:-40px;
    padding-left:10px;
    padding-right:10px;

    position:absolute;
    left:50%;
    top:-22px;
}
#check > span {
    color:#FFFFFF;
    font-size:30px;
    padding:13px 16px;

    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
}
.order-reveived {
    border:1px solid;
    float:left;
    margin-top:28px;
    position:relative;
    width:100%;

    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -ms-border-radius:6px;
    -o-border-radius:6px;
    border-radius:6px;
}
.order-reveived > p {
    color:#696868;
    font-family:Roboto;
    font-size:13px;
    line-height:17px;
    margin:0;
    padding-top:57px;
    text-align:center;
}
.order-reveived p strong {
    font-family:roboto;
    font-size:13px;
}
.order-reveived a {
    display: table;
    font-family: roboto;
    font-size: 13px;
    line-height: 11px;
    margin: 0 auto;
    padding: 35px 20px 35px 0;
    text-align: center;
    text-transform: uppercase;
}
.order-reveived a img{	
    margin-left:10px;
    margin-top:-3px;
}




/*** SIDEBAR /////////
///////////////////////////////// ***/
.sidebar-widget {
    float:left;
    margin-bottom:30px;
    overflow:hidden;
    width:100%;
}
.sidebar-widget ul li a {
    color: #428bca !important;	
}
/*** Sidebar Search ***/
.sidebar-search {
    width:100%;
    height:38px;
    border:1px solid #E5E5E5;
    overflow:hidden;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;

}
input.search {
    height:100%;
    width:75%;
    padding:10px;
    border:0 none;
    color:#D2D2D2;
    font-family:roboto;
    font-size:11px;

    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    -ms-box-shadow:none;
    -o-box-shadow:none;
    box-shadow:none;

}
.search-button {
    float:right;
    height:37px;
    width:40px;
    padding:0;
    border:0 none;
    background:url("../images/search.png") no-repeat scroll center;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.sidebar-title {
    float:left;
    width:100%;
    margin-bottom:20px;
    border-left:5px solid #98D460;
}
.sidebar-title > h4 {
    float:left;
    padding-left:15px;
    color:#2D2D2D;
    font-family:roboto;
    font-size:20px;
    font-weight:400;
    line-height:26px;
    position:relative;
}
.sidebar-title > h4 a{
    color:#2D2D2D;
}
.sidebar-title > h4:after {
    height:1px;
    width:50%;
    content:"";
    background:none repeat scroll 0 0 #98d460;

    position:absolute;
    right:-55%;
    top:55%;
}
.sidebar-title > h4 span{
    font-weight:300;
    color:#83be4b;
}
/*** Popular Posts ***/
.popular-post {
    float:left;
    width:100%;
    margin-bottom:20px;
    overflow:hidden;
    position:relative;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.popular-post:last-child{
    margin-bottom:0;
}
.popular-post > img {
    width:100%;
    height:auto;
}
.popular-post-title {
    width:100%;
    padding:15px 10px;
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0.7);

    position:absolute;
    bottom:-30px;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.popular-post:hover .popular-post-title{
    bottom:0;
}
.popular-post-title h6 {
    font-family: roboto;
    font-size: 13px;
    margin-bottom: 15px;
    text-align: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #fff;
}
.popular-post-title h6  a{
    color:#FFFFFF;
}
.popular-post-title > span {
    color:#C8C8C8;
    float:left;
    font-family:open sans;
    font-size:10px;
    font-weight:600;
    line-height:10px;
    text-align:center;
    width:100%;
}


/***Breadcrumbs **/
.breadcrumbs { 
    padding: 0 0 2em 0;
    font-size: 13px !Important;
    color: #929292;
}
.breadcrumbs a {
    font-size: 13px !Important;
    float: none !Important;
    font-weight: bold;
}
.breadcrumbs a:hover {
    font-size: 13px;
}

/***Tags ***/

.cloud-tags,.tagcloud {
    float:left;
    margin-left:-5px;
}
.cloud-tags a, .tagcloud a {
    background: #428bca;
    color:#FFF;
    float:left;
    font-family:roboto;
    font-size:11px;
    margin:5px;
    padding:7px 14px;

    border-color: #2C73B0;
    border-style:solid;
    border-width:2px 1px 1px;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.cloud-tags a:hover, .tagcloud a:hover {
    color: #FFF !important;
    background: #2074BD;
}

.pagination > li > span.current {
    background: #428bca !important;
}
.pagination > li > a:hover {
    background: #4D4D4D !important;	
}
/*** Sidebar Lists ***/
.sidebar-widget ul {
    float:left;
    width:100%;
}
.sidebar-widget ul li {
    float:left;
    margin-bottom:1px;
    width:100%;
}
.sidebar-widget ul li{
    float:left;
    width:100%;
    padding:15px 20px 15px 60px;
    color:#959595;
    font-family:roboto;
    font-size:12px;
    line-height:18px;
    background:url("../images/list-arrow.png") no-repeat scroll 34px center #FCFCFB;

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.sidebar-widget ul ul li a {
    background-position: 50px center;
    padding-left: 70px;
}
.sidebar-widget ul ul{
    margin-top: 2px;
}
/*** Sidebar Video ***/
.sidebar-video {
    float:left;
    overflow:hidden;
    width:100%;
    position:relative;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.sidebar-video > img {
    width: 100%;
}
.sidebar-video:after {
    height:100%;
    width:100%;
    background:none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    content:"";

    opacity:0;
    filter:alpha(opacity = 0);

    position:absolute;
    left: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);

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.sidebar-video:hover:after{
    opacity:1;
    filter:alpha(opacity = 100);

    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.sidebar-video > h6 {
    width:100%;
    color:#F5F5F5;
    font-family:roboto;
    font-size:13px;
    text-align:center;
    z-index:1;

    position:absolute;
    left:0;
    top:-30px;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.sidebar-video:hover > h6 {
    top:30px;
}
.sidebar-video > span {
    height:40px;
    width:40px;
    border:1px solid #FFFFFF;
    color:#FFFFFF;
    line-height:36px;
    margin-bottom:-20px;
    margin-left:-20px;
    text-align:center;
    z-index:1;

    position:absolute;
    bottom:-50%;
    left:50%;

    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.sidebar-video > span a i{
    color:#fff;
}
.sidebar-video:hover > span {
    bottom:50%;
}

/*** Sidebar Gallery ***/
.gallery .col-md-4 a {
    margin-bottom:20px;
}
.gallery .col-md-4 a img {
    height: 77px;
    width: 77px;
}
.gallery .col-md-4 > a:before {
    content:"";
    height:100%;
    width:100%;
    opacity:0;
    filter:alpha(opacity = 0);

    position:absolute;
    left:0;
    top:0;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.gallery .col-md-4 > a:hover:before{
    opacity:1;
    filter:alpha(opacity = 100);
}
.gallery .col-md-4 > a {
    float:left;
    position:relative;
    border-radius:4px;
    overflow:hidden;
    width:100%;
}
table#wp-calendar caption {
    background: none repeat scroll 0 0 #8E8E8E;
    line-height: 40px;
    margin-bottom: 1px;
    text-transform: uppercase;
    color: #fff;
}

.sidebar-widget select {
    color: #A7A7A7;
}
.sidebar-widget ul li.recentcomments {
    border-bottom: 1px solid #EFEFEF;
    color: #888888;
    font-size: 15px;
    font-weight: 300;
    line-height: 35px;
}
.sidebar-widget ul li.recentcomments a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    line-height: 20px;
    width: auto;
    padding-top: 7px!important;
}
.sidebar-widget .review i {
    color: #888787;
}
.sidebar-widget .from h6 {
    color: #9c9c9c;
    font-weight: 500;
}
.sidebar-widget .footer_carousel .flex-control-nav {
    bottom: 0;
}
.sidebar-widget .footer_carousel .flex-control-nav li a.flex-active {
    background: none repeat scroll 0 0 #C3C3C3;
}

.sidebar-widget ul.product_list_widget li {
    border-bottom: 1px solid #EFEFEF;
    float: left;
    width: 100%;
    padding: 10px 0!important;
}

.sidebar-widget .product_list_widget li a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    font-weight: 500 !important;
    padding: 0;
}
.sidebar-widget .product_list_widget li .amount {
    color: #9C9C9C;
    float: right;
    margin-top: 10px;
}
.widget_shopping_cart_content .total {
    width: auto;
}
.widget_shopping_cart_content .total {
    float: left;
    margin: 0;
    padding: 15px 0;
    width: 100%;
    color: #959595;
}
.widget_shopping_cart_content .total strong {
    font-weight: 500;
    text-transform: uppercase;
}
.textwidget {
    color: #959696;
}
.widget_shopping_cart_content .total {
    float: left;
    width: 100%;
    padding: 10px 0;
    color: #969595;
}
.widget_shopping_cart_content .buttons a {
    font-weight: 400;
    line-height: 25px;
    margin-right: 10px;
    padding: 5px 15px;
}
.textwidget {
    color: #969595;
}
.widget_product_search label {
    float: left;
    width: 100%;
    font-weight: 400;
    text-transform: uppercase;
    color: #9c9c9c;
}
.widget_product_search input[type="text"] {
    float: left;
    width: 75%;
    border: 1px solid #efefef;
    height: 30px;
    padding: 0 10px;
    color: #a9a9a9;
}
.widget_product_search input[type="submit"] {
    background: url("../images/search.png") no-repeat scroll center center #C5C5C5;
    border: 0 none;
    color: rgba(0, 0, 0, 0);
    float: left;
    font-size: 13px;
    height: 30px;
    letter-spacing: 0.1px;
    margin-left: -1px;
    text-align: center;
    text-transform: uppercase;
    width: 25%;
}
.sidebar-widget .product_list_widget li a img {
    height: 77px;
    width: 77px;
}
.star-rating > span {
    color: #B3B3B3;
}
.sidebar-widget .newsletter {
    background: none;
}
.sidebar-widget .newsletter:before{
    display:none;
}
.sidebar-widget .newsletter > h4 {
    color: #838383;
}
.sidebar-widget .newsletter > p {
    color: #969696;
}
.sidebar-widget .social-bar {
    padding: 0;
    float: none;
    width: auto;
    display: table;
    margin: 0 auto;
}
.sidebar-widget .social-bar li {
    width: auto;
    margin: 0 5px;
    background: none;
}
.sidebar-widget .social-bar li a {
    background: none;
    padding: 0;
}
.sidebar-widget .newsletter-btn {
    background: none;
    padding: 0;
    margin: 20px 0;
}
.sidebar-widget .newsletter-btn > input {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    border: 1px solid #969696;
    width: 100%;
    padding: 4px;
    background: #787878;
}
.sidebar-widget .newsletter {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    text-align: left;
    padding: 0;
}
/*** Sidebar Swith To Left ***/
.switch .left-content {
    float: right;
}
.switch .sidebar.pull-right {
    float: left;
}


/*** Slider Styles ***/
.slide1 i{
    font-style:normal;
    position:relative;
} 
.slide1 span {
    padding:5px 20px;
    margin-left:20px;
    background:none no-repeat scroll 0 0 rgba(0, 0, 0, 0.8);
    color:#FFFFFF;
    position:relative;

    -webkit-border-radius:0 4px 4px 0;
    -moz-border-radius:0 4px 4px 0;
    -ms-border-radius:0 4px 4px 0;
    -o-border-radius:0 4px 4px 0;
    border-radius:0 4px 4px 0;
}
.slide1 span:before {
    background:url("../images/slider1-img.png") no-repeat scroll 0 0 transparent;
    content:"";
    height:100%;
    left:-8px;
    position:absolute;
    top:0;
    width:10px;
}
span.slide1:after {
    background:url("../images/slider1-img3.png") no-repeat scroll right 0 transparent;
    content:"";
    height:100%;
    position:absolute;
    right:-32px;
    top:0;
    width:100px;
}
span.slide1 i{
    color:#4c4c4c;
    font-style:normal;
}
h3.slide2 span{
    color:#242424;
}
h3.slide3 i{
    color:#98d460;
    font-style:normal
}
h4.slide3 span {
    color:#323232;
}
h5.slide3 span{
    color:#9bd362;
}
.slide4 i{
    font-style:normal;
    color:#98d460;
}
.slide5 span{
    color:#98d460;
}
.slide5-title span{
    color:#98d460;
}
.slide-donate{
    background: rgb(86,85,85);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU2NTU1NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZDNjM2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(86,85,85,1) 0%, rgba(61,60,60,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(86,85,85,1)), color-stop(100%,rgba(61,60,60,1)));
    background: -webkit-linear-gradient(top, rgba(86,85,85,1) 0%,rgba(61,60,60,1) 100%);
    background: -o-linear-gradient(top, rgba(86,85,85,1) 0%,rgba(61,60,60,1) 100%);
    background: -ms-linear-gradient(top, rgba(86,85,85,1) 0%,rgba(61,60,60,1) 100%);
    background: linear-gradient(to bottom, rgba(86,85,85,1) 0%,rgba(61,60,60,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#565555', endColorstr='#3d3c3c',GradientType=0 );   
}
.slide-donate i{
    margin-right: 10px;
}
.slide-donate2{
    background: #91a31d;
}
.slide-donate2 a{
    color: #FFF;
}
.slide-icon{
    padding: 20px!important;
    background-color: #91a31d;
    border:5px solid rgba(255,255,255,0.7)!important;
    background-clip: padding-box!important;
    -webkit-border-radius: 8px!important;
    -moz-border-radius: 8px!important;
    -ms-border-radius: 8px!important;
    -o-border-radius: 8px!important;
    border-radius: 8px!important;

    -webkit-box-shadow:0 0 14px #6d6d6d inset!important;
    -moz-box-shadow:0 0 14px #6d6d6d inset!important;
    -ms-box-shadow:0 0 14px #6d6d6d inset!important;
    -o-box-shadow:0 0 14px #6d6d6d inset!important;
    box-shadow:0 0 14px #6d6d6d inset!important;
}




/*** Side Panel ***/
.side-panel {
    width:277px;
    padding:50px;
    position:fixed;
    top:100px;
    left:-277px;
    background:url("../images/panel-bg.jpg") repeat scroll 0 0 transparent;
    z-index:1000;

    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;

    -webkit-box-shadow:0 0 3px #888888;
    -moz-box-shadow:0 0 3px #888888;
    -ms-box-shadow:0 0 3px #888888;
    -o-box-shadow:0 0 3px #888888;
    box-shadow:0 0 3px #888888;

    -webkit-border-radius:0px 5px 5px 0;
    -moz-border-radius:0px 5px 5px 0;
    -ms-border-radius:0px 5px 5px 0;
    -o-border-radius:0px 5px 5px 0;
    border-radius:0px 5px 5px 0;

    -webkit-transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    transition:all 0.5s ease 0s;
}
.show{
    left:0;

    -webkit-transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    transition:all 0.5s ease 0s;
}
.side-panel h6 {
    border-bottom:1px double #f4f4f4;
    color:#3D3C3C;
    display:inline-block;
    font-family:open sans;
    font-weight:600;
    margin:0px 0 20px 0;
    position:relative;
    text-transform:uppercase;
}
.colors a {
    display:inline-block;
    height:20px;
    margin-right:10px;
    width:20px;
    border:1px solid #fff;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.colors a:hover{
    -webkit-box-shadow:0 0 4px #000;
    -moz-box-shadow:0 0 4px #000;
    -ms-box-shadow:0 0 4px #000;
    -o-box-shadow:0 0 4px #000;
    box-shadow:0 0 4px #000;
}
.color1{
    background-color:#b35c28;
}
.color2{
    background-color:#DC4B3A;
}
.color3{
    background-color:#E3C60A;
}
.color4{
    background-color:#93B631;
}
.color5{
    background-color:#2D695C;
}
.color6{
    background-color:#E76E66;
}
.color7{
    background-color:#ED6A18;
}
.color8{
    background-color:#E53B51;
}
.color9{
    background-color:#ED556A;
}
.color10{
    background-color:#4FC0AA;
}
.colors {
    margin-bottom:20px;
}

.colors {
    margin-bottom:20px;
}

.layout-buttons {
    margin-bottom:20px;
}
.layout-buttons > a {
    width:100%;
    display:inline-block;
    margin:5px 0;
    border:1px solid #7c7c7c;
    color:#E0DFDF;
    font-family:open sans;
    font-size:11px;
    font-weight:600;
    text-align:center;
    cursor:pointer;
    background:#818080;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;

}
.layout-buttons > a:hover {
    background-image:linear-gradient(bottom, rgb(134,81,40) 13%, rgb(145,92,51) 43%);
    background-image:-o-linear-gradient(bottom, rgb(134,81,40) 13%, rgb(145,92,51) 43%);
    background-image:-moz-linear-gradient(bottom, rgb(134,81,40) 13%, rgb(145,92,51) 43%);
    background-image:-webkit-linear-gradient(bottom, rgb(134,81,40) 13%, rgb(145,92,51) 43%);
    background-image:-ms-linear-gradient(bottom, rgb(134,81,40) 13%, rgb(145,92,51) 43%);

    background-image:-webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0.13, rgb(134,81,40)),
        color-stop(0.43, rgb(145,92,51))
        );
    color:#E0DFDF;
}
.panel-icon {
    background-image:url("../images/panel-icon.png"), url("../images/panel-bg.jpg");
    background-repeat:no-repeat, repeat;
    background-position:3px 10px, 0 0; 

    height:210px;
    width:30px;
    cursor:pointer;
    position:absolute;
    right:-30px;
    top:110px;

    -webkit-box-shadow:1px 0 1px #B7B7B7;
    -moz-box-shadow:1px 0 1px #B7B7B7;
    -ms-box-shadow:1px 0 1px #B7B7B7;
    -o-box-shadow:1px 0 1px #B7B7B7;
    box-shadow:1px 0 1px #B7B7B7;

    -webkit-border-radius:0px 5px 5px 0;
    -moz-border-radius:0px 5px 5px 0;
    -ms-border-radius:0px 5px 5px 0;
    -o-border-radius:0px 5px 5px 0;
    border-radius:0px 5px 5px 0;
}
.panel-icon > p {
    height:20px;
    width:175px;
    color:#656565;
    font-family:open sans;
    font-weight:600;
    position:absolute;
    left:-74px;
    top:103px;
    text-shadow:1px 1px 0 #FFFFFF;

    -webkit-transform:rotate(270deg);
    -moz-transform:rotate(270deg);
    -ms-transform:rotate(270deg);
    -o-transform:rotate(270deg);
    transform:rotate(270deg);
}
.colors .pictures{
    height:31px;
    width:31px;
}
.colors .pat1 {
    background:url("../images/boxed-bg1.jpg") repeat scroll 0 0 transparent;
    background-size:cover;
}
.colors .pat2 {
    background:url("../images/boxed-bg2.jpg") repeat 0 0 transparent;
    background-size:cover;
}
.colors .pat3 {
    background:url("../images/boxed-bg3.jpg") repeat 0 0 transparent;
    background-size:cover;
}
.colors .pat4 {
    background:url("../images/boxed-bg4.jpg") repeat 0 0 transparent;
    background-size:cover;
}


.bg-body1{
    background:url("../images/boxed-bg1.jpg") repeat 0 0 transparent;
    background-attachment:fixed;
    background-size:cover;	
}
.bg-body2{
    background:url("../images/boxed-bg2.jpg") repeat 0 0 transparent;
    background-attachment:fixed;
    background-size:cover;	
}
.bg-body3{
    background:url("../images/boxed-bg3.jpg") repeat 0 0 transparent;
    background-attachment:fixed;
    background-size:cover;	
}
.bg-body4{
    background:url("../images/boxed-bg4.jpg") repeat 0 0 transparent;
    background-attachment:fixed;
    background-size:cover;	
}






.option-combo {
    float: right;
    margin-bottom: 30px;
    width: 100%;
}
.option-combo ul{
    float:right;
}
.option-combo > ul li {
    float: left;
    border: 1px solid #D1D7DC;
    color: #656565;
    font-family: open sans;
    font-size: 14px;
    font-weight: 700;
    margin-left: 20px;
    text-transform: uppercase;
    cursor:pointer;

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.option-combo > ul li a{
    color:#656565;
}
.option-combo > ul li a.selected{
    color:#fff;
}
.option-combo > ul li a {
    float: left;
    padding: 10px;
}
#portfolio {
    float: left;
    margin-bottom: -30px;
    width: 100%;
}
#portfolio img {
    height: auto;
    width: 100%;
}
.portfolio {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-bottom:30px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
/** ISOTOPE STYLING **/
.isotope-item {
    float: left;
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}


.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property:    -moz-transform, opacity;
    -ms-transition-property:     -ms-transform, opacity;
    -o-transition-property:      -o-transform, opacity;
    transition-property:         transform, opacity;
}


.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}


.port-desc {
    width: 96%;
    padding:0;
    background: none repeat scroll 0 0 rgba(247, 244, 244, 0.87);

    position: absolute;
    bottom:-20%;
    left: 2%;

    opacity:0;
    filter:alpha(opacity=0);

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.port-desc h4 {
    font-family: roboto;
    font-size: 16px;
    line-height: 14px;
    margin-bottom: 30px;
}
.port-desc > p {
    color: #6D6C6C;
    font-family: open sans;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: -5px;
}
.portfolio:hover .port-desc{
    padding: 40px 15px;

    opacity:1;
    filter:alpha(opacity=100);

    bottom:2%;
}
.block #Grid {
    float:left;
    width:100%;
    margin:0 0 -50px;
}
/*** STICKY MENU ***/
header.stick {
    position: fixed;
    top: 0;
    z-index:10000;

    -webkit-transition:all 0.8s ease 0s;
    -moz-transition:all 0.8s ease 0s;
    -ms-transition:all 0.8s ease 0s;
    -o-transition:all 0.8s ease 0s;
    transition:all 0.8s ease 0s;
}
.stick #menu-navigation > li > a {
    padding: 20px;
}
.stick .logo{
    padding:2px 0;
}
.stick .menu ul li > ul{
    top:61px;
}
.stick .menu ul li > ul li ul{
    top:0;
}
.stick #menu-navigation > li:after, 
.stick #menu-navigation > li.active:after{
    display:none;
}
/*** MENU BELOW SLIDER ***/
.below {
    bottom: 0;
    top: auto;
}
/*** TOGGLE HEADER ***/
.show-header {
    height: 70px;
    width: 70px;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 40px;
    line-height: 69px;
    z-index: 2147483647;
    text-align: center;

    position: absolute;
    left: 0;
    top: 0;

    -webkit-transition:all 0.5s ease 0s;
    -moz-transition:all 0.5s ease 0s;
    -ms-transition:all 0.5s ease 0s;
    -o-transition:all 0.5s ease 0s;
    transition:all 0.5s ease 0s;
}
.top-bar-toggle{
    display:none;
}
.toggle-header{
    display:none;
}
.show-header.move-down {
    font-size: 20px;
    height: 40px;
    line-height: 35px;
    top: 0;
}

/*** LOGO IN THE MIDDLE ***/
.middle-logo{
    top:0;
}
.middle-logo .logo{
    display:table;
    margin:0 auto;
    float:none;
}
.middle-logo .menu {
    display: table;
    float: none;
    margin: 0 auto;
}
.middle-logo #menu-navigation > li:hover:before,
.middle-logo  #menu-navigation > li:hover:after,
.middle-logo  #menu-navigation > li.active:before,
.middle-logo  #menu-navigation > li.active:after{
    display:none;
}
.middle-logo #menu-navigation li a{
    padding:10px 20px;
}
.middle-logo .menu ul li ul{
    top:40px;
}
.middle-logo .menu ul li > ul li ul{
    top:0;
}





.up-half {
    margin-top: -165px;
    float: left;
    width: 100%;
    position: relative;
}
.box {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid;
    float: left;
    position: relative;
    text-align: center;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow:0 0 12px #C3C3C3 inset;
    -moz-box-shadow:0 0 12px #C3C3C3 inset;
    -ms-box-shadow:0 0 12px #C3C3C3 inset;
    -o-box-shadow:0 0 12px #C3C3C3 inset;
    box-shadow:0 0 12px #C3C3C3 inset;
}
.box:after {
    bottom: 0;
    content: "";
    height:0;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 0;
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
.box:hover:after {
    height:100%;
}
.box i {
    float: left;
    font-size: 50px;
    line-height: 44px;
    padding: 40px 0;
    width: 100%;
    color:#a4a4a4;
    text-shadow:-3px 2px 0 rgba(0, 0, 0, 0.15);
    position:relative;
    z-index:1;

    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}
.box:hover i{
    color:#fff;
}
.box > h4 {
    color: #F4F4F4;
    float: left;
    font-family: open sans;
    font-size: 13px;
    font-weight: normal;
    line-height: 15px;
    padding: 12px 0;
    width: 100%;
    position:relative;
    z-index:1;
}
.box > h4 a{
    color: #F4F4F4;
}
.parallax {
    float: left;
    padding: 70px 0;
    width: 100%;
}
.fixed.pattern {
    background-size: auto auto !important;
}
.fixed-bg{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
}
.parallax .container{
    padding:0;
}
.posts-carousel {
    float: left;
    width:100%;
    position: relative;
}
.posts-carousel .sec-heading {
    border-bottom-color: #999898;
    margin-bottom: 30px;
}
.posts-carousel li{
    float: left;
}
.carou-post {
    background: none repeat scroll 0 0 #FCFCFC;
    float: left;
    width: 100%;
    overflow: hidden;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.carou-post-img {
    position: relative;
}
.previous-event .carou-post-img > img {
    height: 100px;
    width: 100px !important;
}
.carou-post-img > img {
    height: auto;
    width: 100%!important;
}
.carou-post-img:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:none repeat scroll 0 0 rgba(84, 84, 84, 0.9);

    opacity:0;
    filter:alpha(opacity=0);

    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.carou-post-img:hover:before{
    opacity:1;
    filter:alpha(opacity=100);
}
.carou-post-img a{
    color:#fff;
    width:50px;
    line-height:40px;
    border:1px solid #bdbdbe;
    text-align:center;
    font-size:20px;
    margin-top:-20px;
    margin-left:-25px;

    position:absolute;
    left:50%;
    top:50%;

    opacity:0;
    filter:alpha(opacity=0);

    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;

    -webkit-transform:skewX(50deg);
    -moz-transform:skewX(50deg);
    -ms-transform:skewX(50deg);
    -o-transform:skewX(50deg);
    transform:skewX(50deg);

    -webkit-transition:all 0.2s ease 0s;
    -moz-transition:all 0.2s ease 0s;
    -ms-transition:all 0.2s ease 0s;
    -o-transition:all 0.2s ease 0s;
    transition:all 0.2s ease 0s;
}
.carou-post-img:hover a{
    opacity:1;
    filter:alpha(opacity=100);

    -webkit-transform:skewX(0deg);
    -moz-transform:skewX(0deg);
    -ms-transform:skewX(0deg);
    -o-transform:skewX(0deg);
    transform:skewX(0deg);
}
.carou-post > h4 {
    color: #fcfcfc;
    float: left;
    font-family: open sans;
    font-size: 13px;
    padding: 10px 30px;
    font-weight: 400;
    letter-spacing: 0.3px;

    -webkit-border-radius: 0 0 3px 0;
    -moz-border-radius: 0 0 3px 0;
    -ms-border-radius: 0 0 3px 0;
    -o-border-radius: 0 0 3px 0;
    border-radius: 0 0 3px 0;
}
.carou-post > p {
    color: #888888;
    display: block;
    float: left;
    font-family: no;
    font-size: 13px;
    margin: 20px 0;
    padding: 0 22px;
    line-height: 22px;
}
.carou-post > a {
    background: none repeat scroll 0 0 #B9B9B9;
    color: #FCFCFC;
    float: right;
    font-family: roboto;
    line-height: 12px;
    margin-bottom: 20px;
    padding: 8px 30px;
    font-size: 12px;

    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px;
    -o-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.carou-post > a:hover {
    padding: 8px 35px;
    background: none repeat scroll 0 0 #898989;
}
.carou-post .ls-container{
    border-bottom:0;
}
.posts-carousel .flex-direction-nav {
    position: absolute;
    right: 0;
    top: -65px;
}
.posts-carousel .flex-direction-nav li{
    float:left;
    margin:0 4px;
}
.posts-carousel .flex-direction-nav li a {
    background: url("../images/carousel-arrows.png") no-repeat scroll 6px 1px #474847;
    color: rgba(0, 0, 0, 0);
    float: left;
    height: 30px;
    width: 25px;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.posts-carousel .flex-direction-nav li a.flex-next{
    background-position:-42px 1px;
}

.posts-carousel .sec-heading h2 {
    color: #4A4A4A;
    font-size: 24px;
}
.posts-carousel .sec-heading h2:before{
    border-bottom-color:#999898
}
.posts-carousel .sec-heading h2:after{
    border-top-color:#999898
}

.posts-carousel .pagi i{
    color:#fff;
}
.posts-carousel .pagi.next{
    right:0;
}
.posts-carousel .pagi.prev{
    right:35px;
}
.carou-post #layerslider-container-fw {
    height: 235px;
    width: 270px;
}


#shop-carousel > li {
    float: left;
}
.shop {
    float: left;
    width: 100%;
    position: relative;
}
.item {
    float: left;
    position: relative;
    width: 100%;
    overflow: hidden;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.item img{
    height:291px;
    width:100%;
}
.item-detail {
    background: none repeat scroll 0 0 rgba(87, 87, 87, 0.73);
    bottom: 0;
    left: 0;
    padding: 15px 20px;
    position: absolute;
    width: 100%;
}
.item-detail h3 {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
.item-detail > h3 a {
    color: #FFFFFF;
    float: left;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
    width: 100%;
}
.item-detail > span {
    color: #FFFFFF;
    float: right;
    font-family: roboto;
    font-size: 25px;
    line-height: 33px;
    width: 50%;
}
.item-detail > span span {
    color: #FFFFFF;
    font-size: 17px;
}
.item-detail i {
    float: right;
    font-family: open sans;
    font-style: normal;
    margin-left: 10px;
}
.item-detail > a.added_to_cart {
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    text-align: left;
}
.item-detail i span {
    color: #C7C6C7;
    font-size: 16px;
    text-decoration: line-through;
}
.item-detail > a {
    border-radius: 2px;
    color: #FFFFFF;
    float: left;
    font-family: open sans;
    line-height: 10px;
    padding: 10px;
    text-align: center;
}
.shop .flex-direction-nav {
    position: absolute;
    right: 0;
    top: -65px;
}
.shop .flex-direction-nav li{
    float:left;
    margin:0 4px;
}
.shop .flex-direction-nav li a{
    background:url("../images/carousel-arrows-black.png") no-repeat scroll 5px -2px #F2F0F0;
    float:left;
    width:25px;
    height:25px;
    color:transparent;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.shop .flex-direction-nav li a.flex-next{
    background-position:-42px -3px;
}
.shop .flex-direction-nav li a:hover {
    background-position: -42px -30px;
}
.shop .flex-direction-nav li a.flex-prev:hover {
    background-position: 6px -30px;
}
.donate-message {
    float: left;
    width: 100%;
}
.donate-message > img {
    width: 100%;
    height:auto;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.donate-message > h5 {
    color: #666666;
    font-family: roboto;
    font-size: 15px;
    font-weight: 300;
    line-height: 17px;
    margin: 12px 0 12px;
    float: left;
    width: 100%;
}
.donate-message > p {
    color: #888888;
    font-family: noto sans;
    font-size: 12px;
    line-height: 23px;
    margin-bottom: 0;
    margin-top: 20px;
}
.donate-message > a {
    background: none repeat scroll 0 0 #c0c0c0;
    color: #FFFFFF;
    float: right;
    font-family: roboto;
    font-size: 12px;
    line-height: 10px;
    padding: 10px 20px;

    -webkit-border-radius: 0 10px;
    -moz-border-radius: 0 10px;
    -ms-border-radius: 0 10px;
    -o-border-radius: 0 10px;
    border-radius: 0 10px;

    -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;
}
.donate-message > a:hover {
    background: none repeat scroll 0 0 #898989;
}
.upcoming-event {
    float: left;
    width: 100%;
}
.upcoming-event img{
    width:100%;
    height:auto;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.upcoming-event > h5 {
    color: #666666;
    font-family: roboto;
    font-size: 15px;
    font-weight: 400;
    margin: 15px 0;
}
.upcoming-event ul {
    border: 1px solid #EEEDED;
    overflow: hidden;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.upcoming-event li {
    border-bottom: 1px solid #EEEDED;
    font-family: roboto;
    font-size: 12px;
    line-height: 19px;
    padding: 5px 20px;
}
.upcoming-event li a {
    color: #888888;
}
.upcoming-event li i{
    margin-right:10px;
    font-size:15px;
}
.upcoming-event li .icon-twitter {
    color: #51B4FF;
}
.upcoming-event li .icon-calendar{
    color: #949090;
} 


/*** //// PROFILE SINGLE PAGE ///////
///////////////////////////////////////////// ***/

.profile-tabs-content {
    float: left;
    margin-bottom: 30px;
    overflow: hidden;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.profile-tabs-content img {
    width: 100%;
}
.profile-tabs {
    border: 0 none;
    float: left;
    width:100%;
}
.profile-tabs li {
    float: left;
    margin-bottom: 30px;
    width: 33.3333%;

    padding:0 15px;
}
.nav.profile-tabs li a,
.nav.profile-tabs li a:hover,
.nav.profile-tabs li a:focus {
    background:none;
    border: 0 none;
    margin: 0;
    padding: 0;
    outline:none;
    overflow:hidden;
    position:relative;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.nav.profile-tabs li a:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;

    -webkit-transform:scale(0.3);
    -moz-transform:scale(0.3);
    -ms-transform:scale(0.3);
    -o-transform:scale(0.3);
    transform:scale(0.3);

    opacity:0;
    filter:alpha(opacity:0);

    -webkit-transition: opacity 0.3s linear,transform 0.3s ease 0.3s;
    -moz-transition: opacity 0.3s linear,transform 0.3s ease 0.3s;
    -ms-transition: opacity 0.3s linear,transform 0.3s ease 0.3s;
    -o-transition: opacity 0.3s linear,transform 0.3s ease 0.3s;
    transition: opacity 0.3s linear,transform 0.3s ease 0.3s;
}

.nav.profile-tabs li a:hover:before,
.nav.profile-tabs li.active a:before {
    opacity:1;
    filter:alpha(opacity:100);

    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.nav.profile-tabs li a:after {
    color: #FFFFFF;
    content: "";
    font-family: fontawesome;
    font-size: 30px;
    height: 30px;
    left: 50%;
    line-height: 29px;
    margin-left: -15px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
    width: 30px;

    opacity:0;
    filter:alpha(opacity:0);

    -webkit-transform:scale(3);
    -moz-transform:scale(3);
    -ms-transform:scale(3);
    -o-transform:scale(3);
    transform:scale(3);

    -webkit-transition:all 0.3s ease 0.3s;
    -moz-transition:all 0.3s ease 0.3s;
    -ms-transition:all 0.3s ease 0.3s;
    -o-transition:all 0.3s ease 0.3s;
    transition:all 0.3s ease 0.3s;
}
.nav.profile-tabs li a:hover:after,
.nav.profile-tabs li.active a:after {
    opacity:1;
    filter:alpha(opacity:100);

    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.nav.profile-tabs li a img{
    width:100%;
}
.profile-page h1 {
    color: #707070;
    font-family: roboto;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
    margin-bottom: 25px;
    word-wrap: break-word;
}
.profile-page h1 i {
    margin-right: 10px;
}
.designation {
    float: left;
    font-family: open sans;
    font-size: 13px;
    font-weight: 600;
    line-height: 10px;
    margin-bottom: 20px;
    text-transform: uppercase;
    width: 100%;
}
.profile-info {
    float: left;
    overflow: hidden;
    width: 400px;
    margin-bottom:30px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}
.profile-info > li {
    background: none repeat scroll 0 0 #F5F5F4;
    float: left;
    padding:10px 20px;
    width: 100%;
}
.profile-info > li:nth-child(2n+2) {
    background: none repeat scroll 0 0 #F9F9F9;
}
.profile-info li span {
    color: #646464;
    float: left;
    font-family: open sans;
    font-size: 13px;
    font-weight: 500;
    line-height: 10px;
    width: 50%;
}
.profile-info li span i{
    color:#9a9a9a;
    margin-right:10px;

}

.profile-info li p {
    float: left;
    width: 50%;
    margin-bottom:0;
    font-family: open sans;
    font-size: 13px;
    font-weight: 400;
    color:#9a9a9a;
    line-height: 10px;
}

.profile-page p {
    color: #818181;
    float: left;
    font-family: open sans;
    font-size: 13px;
    letter-spacing: 0.2px;
    line-height: 24px;
    width: 100%;
}
.join-team {
    background: url("../images/pattern4.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 3px;
    float: left;
    margin-top: 50px;
    padding: 40px 55px;
    text-align: center;
    width: 100%;
}
.join-team h2 {
    color: #5A5A59;
    font-family: open sans;
    font-size: 22px;
    line-height: 17px;
    margin-bottom: 20px;
    text-shadow: 0 1px 1px #FFFFFF;
}
.join-team a {
    color: #FFFFFF;
    display: table;
    font-family: open sans;
    font-size: 13px;
    line-height: 13px;
    margin: 0 auto;
    padding: 10px 30px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}

.main-blog .blog-post {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}
.main-blog .post-meta {
    border: 0 none;
    padding: 0;
    width: 100%;
    margin: 0 0 10px;
}
.main-blog .post-meta:before{
    background:none;
}
.main-blog .post-desc{
    padding-left:0;
    width:100%;
}
.main-blog .post-meta > li {
    float: left;
    margin-bottom: 0;
    margin-right: 10px;
    line-height: 15px;
}
.main-blog .post-desc > p {
    margin-bottom: 0;
}
.main-blog .blog-post h2 {
    background: url("../images/pattern2.png") repeat scroll 0 0 #F6F5F5;
    color: #666666;
    float: left;
    font-size: 15px;
    font-weight: 300;
    line-height: 40px;
    margin-bottom: 0;
    padding: 5px 20px;
    width: 100%;

    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.main-blog .blog-post h2 a{
    color:#666;
}
.main-blog .blog-post-details {
    margin-top: 15px;
}
.main-blog .post-meta li a i {
    color: #D0CFCF;
    font-size: 14px;
}
.main-blog .blog-post-img {
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}


/*** //// EVENT SINGLE PAGE ///////
///////////////////////////////////////////// ***/

.event-detail {
    float: left;
    width: 100%;
}
.event-detail h2 {
    float: left;
}
.event-detail h2 {
    color: #707070;
    float: left;
    margin-bottom:20px;
    font-family: roboto;
    font-size: 16px;
    letter-spacing: 0.3px;
    padding-right: 20px;
    position: relative;
}
.event-detail h2:before,
.event-detail h2:after {
    background: none repeat scroll 0 0 #E3E3E3;
    content: "";
    height: 1px;
    width: 50%;
    position: absolute;
    left: 100%;
    top: 7px;
}
.event-detail h2:after{
    width: 100%;
    top: 13px;
}
.event-detail > ul {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #F2F2F2;
    float: left;
    padding: 20px;
    width: 100%;
    margin-bottom:30px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.event-detail > ul li strong {
    color: #707070;
    font-size: 13px;
    font-weight: 400;
    padding-right: 5px;
}
.event-detail > ul li {
    color: #909090;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-weight: 400;
    line-height: 30px;
    width: 50%;
}



#menu-navigation li a:before,
#menu-navigation > li.active > a:before,
#menu-navigation > li a:hover,
#menu-navigation li ul li:hover,
.ls-defaultskin .ls-nav-prev:hover,
.ls-defaultskin .ls-nav-next:hover,
.message-box-title,
.submit-btn,
.donation-bar .donate-btn,
.amount.pull-right span,
.sec-title h1:before ,
.sec-title h1:after,
.newsletter:before,
.newsletter,
.newsletter-btn,
.donate-us-box span.amount-figures.coloured,
.testimonial-color,
#prev:hover,
#next:hover,
.need,
.our-project-box .row > div:hover .icon-box,
.collected > span,
.welcome-box ,
.pagi:hover,
.form-button,
.event-post-image span,
.search-button,
.sidebar-title > h4:after,
.pagination > li > a:hover, 
.pagination > li > span:hover, 
.pagination > li > a:focus, 
.pagination > li > span:focus,
.search-tabs li.active a,
.search-tabs li.active a:hover,
.search-tabs li.active a:focus,
.cart-btn,
.accordion_toggle.current > a span,
#check > span,
.reply:hover,
.post-meta li > span,
.highlight > span ,
.coloured-invert,
.progress.pattern .progress-bar,
.price-table ul:hover li.table-head,
.price-table ul:hover li.table-btn a,
.social-icons.gray li:hover,
.controls > ul li.active,
.show-header,
.box > h4 ,
.box:after,
.carou-post > h4,
.item-detail > a,
.join-team a,
.shop .flex-direction-nav li a:hover,
.posts-carousel .flex-direction-nav li a:hover,
.stories-carousel .flex-direction-nav li a:hover,
.option-combo > ul li a.selected,
button.favorite-btn:hover,
.page-numbers > li > span.current,
.woocommerce-page nav.woocommerce-pagination ul li span.current,
.woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before,
.woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before,
.causes-single ul.nav li a:before,
.slide2-text2 > span,
.slide3-text2,
.slide5-text1,
.slide5-text3 a,
.slide6-text3 a,
.slide6-icons a:hover,
.slide7-link a,
.slide4-text2,
.cause-box.donate-drop-btn:hover:before,
.cause-box.donate-drop-btn.down:before,
.recursive-periods > a.selected,
.amount-btns > a.selected,
form#login .close,
form#login .submit_button,
form#login a.lost,
.pagination > li > span.current{
    background-color:#4fc0aa;
}
.message-box-title > span,
.countSeconds,
.welcome-box span{
    background-color:#32a48e;
}
.menu ul li ul,
.message-form,
.message-form,
.ls-container,
.sidebar-title,
.accordion_toggle.current > a,
.order-reveived,
.theme-tabs .nav li.active a,
.theme-tabs .nav li.active a:hover,
.theme-tabs .nav li.active a:focus,
.menu ul li ul li ul,
.woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message,
.woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info,
.box {
    border-color:#4fc0aa;
}
.sec-title h1 span,
.meta span i,
.needed-amount > h5 i,
.footer-widget-title h4 span,
.our-causes-hover span i,
.our-causes-hover span.needed-amount,
.story > h6 i,
.member-intro > span,
.about-charity-desc.col-md-7 li h6,
.page-title h1 span,
label span,
.form p span,
.contact-info .contact-details li span i,
.sidebar-title > h4 span,
.sidebar-widget ul > li > a:hover,
.error-page h2,
.error-page-search a,
.search-result h3 span,
.cart-table li > .product > h6,
.cart-total span,
.cloud-tags a:hover,
.featured-products .col-md-4 > a,
.featured-products .col-md-4 > h6 i,
.order-reveived p strong,
.order-reveived a,
.gallery-tabs li.active a,
.gallery-tabs li.active a:hover,
.gallery-tabs li.active a:focus,
blockquote span,
.comments li  .comment i span,
.post-meta > li p span ,
.theme-tabs .nav li.active a,
.theme-tabs .nav li.active a:hover,
.theme-tabs .nav li.active a:focus,
.theme-list li i,
.logo h1,
.coloured,
.port-desc h4 a,
.donate-message > p span,
.upcoming-event > h5,
.upcoming-event li .icon-pencil,
.sec-heading h2 strong,
.search-title span,
.ratings,
.wpb_tour_next_prev_nav a,
.slide2-text3 span span,
.slide3-text1 span,
.slide2-text1 span span,
.slide3-text3 span,
.designation {
    color:#428bca !important;
}

.causes-pagi:hover,
.counter,
.flickr-images > a:before,
.event-post-image:before,
.gallery .col-md-4 > a:before,
.gallery-image > span,
.image-lists ul > li a:before,
.image-lists ul > li .video-popup:before,
.image-lists ul > li .video-popup:before,
.post-image:before,
.nav.profile-tabs li a:before{
    background-color:rgba(79, 192, 170, 0.9);
}
.event-post-image:after{
    border-bottom-color:rgba(79, 192, 170, 0.9);
}








.wpb_revslider_element.wpb_content_element {
    margin-bottom: 0;
    position: relative;
    z-index: 0;
}










/*** SINGLE PRODUCT PAGE ***/
.single-product-page {
    float: left;
    width: 100%;
    margin-bottom: 45px;
}
.single-product-page img {
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.single-product-page .post-desc {
    padding-left: 0;
}
button.favorite-btn {
    background: none repeat scroll 0 0 padding-box #555555;
    border: 3px solid #E5E5E5;
    color: #FFFFFF;
    font-family: roboto;
    font-size: 13px;
    line-height: 30px;
    padding: 5px 15px;
    margin-bottom:20px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
button.favorite-btn i {
    margin-right: 10px;
}
#quantity-field {
    border: 1px solid #C6DADE;
    float: left;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;	
}
#quantity-field button, #quantity-field input {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #437182;
    float: left;
    font-family: roboto;
    font-size: 12px;
    height: 30px;
    text-align: center;
    width: 33.334%;
}
#quantity-field button#up, #quantity-field input#quantity {
    border-right: 1px solid #C6DADE;
}
#quantity-field button{
    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
#quantity-field button:hover {
    background: none repeat scroll 0 0 #C6DADE;
}
.single-product-page .cart-btn {
    float: left;
    padding: 7px 15px;
}
.post .single-product-page h1 {
    margin-bottom: 3px;
}
.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    float: left;
    width: 100% !important;
}
.woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea {
    height: auto;
}
#shiptobilling .checkbox {
    float: left;
    font-size: 17px !important;
    font-weight: 400;
    line-height: 13px;
    margin: 0;
    padding: 0;
}
.gallery-video{
    float: left;
    width: 100%;
    overflow:hidden;

    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
}
.gallery-video iframe {
    border: 0 none;
    float: left;
    width: 100%;
}
.image-lists ul > li .video-popup {
    float: left;
    height: 30px;
    width: 50px;
}

code {
    float: left;
    width: 100%;
    white-space: normal;
    margin: 10px 0;
}




.post h1, .post h2, .post h3, .post h4, .post h5, .post h6 {
    color: #428bca;
    font-family: roboto;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 30px;
    word-wrap: break-word;
}
.post h2{
    font-size: 20px;
}
.post h3{
    font-size: 18px;
}
.post h4{
    font-size: 16px;
}
.post h5{
    font-size: 14px;
}
.post h6{
    font-size: 12px;
}

table {
    border: 1px solid #EFEFEF;
    float: left;
    width: 100%;
    margin-bottom:20px;
}
table thead {
    border-bottom: 1px solid #EFEFEF;
}
table thead th {
    border: 1px solid #EFEFEF;
    color: #8B8B8B;
    font-size: 15px;
    font-weight: 500;
    line-height: 35px;
    text-align: center;
}
table tbody tr {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #EFEFEF;
}
table tbody tr:nth-child(2n+2) {
    background: none repeat scroll 0 0 #FFFFFF;
}
table tbody tr th, table tbody tr td {
    border: 1px solid #EFEFEF;
    padding: 0 10px;
    font-size: 13px;
    font-weight: 400;
    line-height: 34px;
}
table tbody tr th a {
    font-size: 13px;
    font-weight: 400;
    line-height: 34px;
}
tfoot td {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
tfoot td a {
    color: #969696;
}

.post-desc > ul {
    font-size: 13px;
    line-height: 25px;
    list-style: circle outside none;
    padding-left: 20px;
}
.post-desc ul ul {
    list-style: circle outside none;
    margin: 5px 0 5px 20px;
}
.post-desc > ol {
    font-size: 13px;
    line-height: 25px;
    padding-left: 20px;
}
.post-desc ol ol {
    margin: 5px 0 5px 20px;
    padding: 0;
}
.aligncenter {
    /*margin: 0 auto;*/
}
.alignright {
    float: right;
}
.alignnone {

}
.wp-caption,.wp-caption-text,.sticky,.gallery-caption,.bypostauthor,.alignleft{

}
#html5-lightbox {
    z-index: 1000000000 !important;
}
.woocommerce #payment div.payment_box, .woocommerce-page #payment div.payment_box{
    float:left;
}


.woocommerce-result-count {
    float:left;
    line-height: 30px;
}
.post-password-form input[type="password"] {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #C6DADE;
    font-family: roboto;
    font-size: 12px;
    height: 30px;
    padding: 5px 10px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}
.post-password-form input[type="submit"] {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #E5E5E5;
    font-size: 12px;
    height: 30px;
    padding: 0 15px;
}

.standalone-tweet .subject .e-entry-title {
    font-family: open sans;
    font-size: 14px;
}
.twitter-tweet.twitter-tweet-rendered {
    box-shadow: none !important;
    width: 100%;
}

.wpb_toggle, #content h4.wpb_toggle {
    background-color: #EEEEEE !important;
    background-position: 6px center !important;
    border-radius: 3px;
    float: left;
    font-size: 15px;
    font-weight: 400;
    line-height: 45px;
    margin-bottom: 5px;
    padding: 0 20px;
    width: 100%;
}
.wpb_toggle_content {
    border: 1px solid #EFEFEF;
    float: left;
    font-size: 13px;
    font-weight: 400;
    margin-top: -6px !important;
    padding: 15px 20px !important;
    width: 100%;
}
.wpb_content_element .wpb_tabs_nav li {
    border-left: 1px solid #E7E7E7;
    border-radius: 2px 2px 0 0;
    border-right: 1px solid #E7E7E7;
    border-top: 1px solid #E7E7E7;
    line-height: 30px;
    text-align: center;
    width: 170px;
}
.wpb_content_element .wpb_tabs_nav li a {
    color: #B9B9B9;
}
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header, .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab {
    border: 1px solid #ECECEC;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {
    color: #C9C9C9;
}
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab, .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #EFEFEF;
    margin-top: -2px;

    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.wpb_tour .wpb_tabs_nav .ui-state-default.ui-corner-top {
    border: 0 none;
    width: 100%;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
.wpb_toggle_content {
    border: 1px solid #EFEFEF;
    float: left;
    font-size: 13px;
    font-weight: 400;
    margin-top: -6px !important;
    padding: 15px !important;
    width: 100%;
}
.wpb_accordion_section.group {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
    background: none repeat scroll 0 0 #F7F7F7;
    margin-top: 0;
    padding:20px!important;
}
.wpb_wrapper .teaser_grid_container .categories_filter {
    float: left;
    margin: 0;
    width: 100%;
}
.wpb_wrapper .teaser_grid_container .categories_filter li {
    font-family: open sans;
    margin: 0;
    padding: 5px 15px;
}
.wpb_wrapper .teaser_grid_container .categories_filter li a {
    color: #B9B9B9;
    font-size: 13px;
}
.wpb_wrapper .teaser_grid_container .categories_filter {
    background: none repeat scroll 0 0 #F5F5F5;
    border: 1px solid #E8E8E8;
    float: left;
    margin: 0;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.wpb_wrapper .teaser_grid_container .categories_filter li.active {
    background: none repeat scroll 0 0 #EAEAEA;
}
.wpb_thumbnails.wpb_thumbnails-fluid.isotope {
    margin-top: 20px;
}
.teaser_grid_container .isotope-item h2 {
    color: #777777;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.teaser_grid_container .isotope-item {
    float: left;
    margin: 0 0 20px !important;
    padding: 0 15px;
}
.wpb_teaser_grid .post-thumb {
    float: left;
    margin-right: 15px;
}
.teaser_grid_container .isotope-item .entry-content p {
    color: #494949;
    font-family: open sans !important;
    font-size: 13px;
    font-weight: 300;
}
.wpb_content_element.wpb_single_image img, .wpb_thumbnails .post-thumb img {
    border: 1px solid #CBCBCB;
    float: left;
    height: auto;
    margin: 0;
    max-width: 100%;
    padding: 2px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.vc-inner {
    border: 1px solid #EFEFEF;
    padding: 10px;
}
.vc-inner h2 {
    color: #777777;
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 10px;
}
.vc-inner .post-thumb img {
    border: 1px solid #EFEFEF;
    float: left;
    height: 100px;
    margin-right: 10px;
    padding: 3px;
    width: 100px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.vc-inner .entry-content > p {
    color: #777777;
    font-size: 12px;
    font-weight: 300;
}
.vc-carousel-control .icon-prev, .vc-carousel-control .icon-next {
    background: none repeat scroll 0 0 #111111 !important;
    color: #FFFFFF;
    line-height: 42px;
}
.vc-carousel-indicators {
    bottom: -10px !important;
}
.vc_carousel .vc-carousel-indicators li {
    background: none repeat scroll 0 0 #BEBEBE !important;
    border-color: #BEBEBE !important;
}
.vc_carousel .vc-carousel-indicators li.vc-active {
    background: none repeat scroll 0 0 #FFFFFF !important;
}
.vc_align_right {
    float: right;
}
.vc_align_right img {
    float: right !important;
}
.wpb_single_image.vc_align_center {
    display: table;
    margin: 0 auto;
}
#shiptobilling {
    width: 100%;
}









/*** CAUSES SINGLE PAGE ***/
.causes-single {
    float: left;
    position: relative;
    width: 100%;
}
.causes-single ul.nav {
    bottom: 0;
    position: absolute;
}
.causes-single img {
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.causes-single ul.nav {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    border: 0 none;
    bottom: 0;
    left: 50%;
    margin-left: -142px;
    padding: 15px 0;
    position: absolute;
    width: 284px;

    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
.causes-single ul.nav li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0 0 0 15px;
}
.causes-single ul.nav li a,
.causes-single ul.nav li a:focus,
.causes-single ul.nav li a:hover {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 2px solid #878787;
    height: 67px;
    margin: 0;
    padding: 0;
    width: 74px;
}
.causes-single ul.nav li a:before{
    content: "";
    height: 0;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.causes-single ul.nav li a:hover:before,
.causes-single ul.nav li.active a:before {
    height: 100%;
}
.causes-single ul.nav li a img{
    width:100%;
    height:100%;
}
.cause-bar {
    background:#FFF;
    border-bottom: 1px solid #D4D4D4;
    border-left: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
.cause-box {
    background: none repeat scroll 0 0 #F8F8F8;
    border-right:1px solid #E0E0E0;
    float: left;
    height: 90px;
    padding: 20px 5px;
    width: 22%;

    -webkit-box-shadow: 0 0 40px #EFEFEF inset;
    -moz-box-shadow: 0 0 40px #EFEFEF inset;
    -ms-box-shadow: 0 0 40px #EFEFEF inset;
    -o-box-shadow: 0 0 40px #EFEFEF inset;
    box-shadow: 0 0 40px #EFEFEF inset;
}
.cause-progress {
    border-right: 1px solid #D4D4D4;
    float: left;
    height: 90px;
    padding: 20px;
    width: 34%;

    -webkit-box-shadow:0 0 40px #F6F6F6 inset;
    -moz-box-shadow:0 0 40px #F6F6F6 inset;
    -ms-box-shadow:0 0 40px #F6F6F6 inset;
    -o-box-shadow:0 0 40px #F6F6F6 inset;
    box-shadow:0 0 40px #F6F6F6 inset;
}
.cause-box > h3 {
    color: #7C7C7C;
    font-family: roboto;
    font-size: 26px;
    line-height: 35px;
    margin-bottom: 0;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cause-box > i {
    color: #B2B1B1;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
    text-align: center;
    width: 100%;
}
.cause-box.donate-drop-btn {
    background: none repeat scroll 0 0 #E7E3E3;
    border-right: 0 none;
    cursor: pointer;
    position:relative;
}
.cause-box.donate-drop-btn:before {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #E0E0E0;
    color: #AAAAAA;
    content: "\f103";
    font-family: fontawesome;
    line-height: 43px;
    margin-left: -20px;
    text-align: center;
    width: 40px;
    height: 40px;
    z-index: 1;
    position: absolute;
    bottom: -20px;
    left: 50%;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    -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;
}
.cause-box.donate-drop-btn:hover:before,
.cause-box.donate-drop-btn.down:before{
    border:0;
    color:#FFF;
}
.cause-box.donate-drop-btn.down:before{
    content:"\f102";
}
.cause-box > h4 {
    color: #666666;
    font-family: roboto;
    font-size: 16px;
    font-weight: 800;
    letter-spacing: 0.3px;
    line-height: 55px;
    text-align: center;
    text-shadow: 1px 1px 0 #FFFFFF;
}
.donate-drop-down {
    background: none repeat scroll 0 0 #FBFBFB;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    margin-top: -20px;
    padding:80px 50px 30px;
    position: relative;
    display:none;
    border-bottom: 1px solid #D8D8D8;
    border-left: 1px solid #D8D8D8;
    border-right: 1px solid #D8D8D8;

    -webkit-border-radius:0 0 3px 3px;
    -moz-border-radius:0 0 3px 3px;
    -ms-border-radius:0 0 3px 3px;
    -o-border-radius:0 0 3px 3px;
    border-radius:0 0 3px 3px;

    -webkit-box-shadow:0 0 40px #EFEFEF inset;
    -moz-box-shadow:0 0 40px #EFEFEF inset;
    -ms-box-shadow:0 0 40px #EFEFEF inset;
    -o-box-shadow:0 0 40px #EFEFEF inset;
    box-shadow:0 0 40px #EFEFEF inset;
}
.amount-btns {
    display: table;
    float: none;
    margin: 0 auto;
    width: auto;
}
.amount-btns > a {
    background: none repeat scroll 0 0 #505050;
    border:0;
    color: #F1F1F1;
    float: left;
    margin-right: 10px;
    padding: 10px 25px;
    font-family: roboto;
    font-size: 16px;
    font-weight: 500;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.amount-btns > a.selected{
    background: none repeat scroll 0 0 #f1f1f1;
    color:#FFF;
}
.amount-btns > a:last-child{
    margin-right:0;
}
.other-amount {
    border: 1px solid #D8D8D8;
    display: table;
    margin: 50px auto 0;
    padding: 40px 60px;
    position:relative;

    -webkit-box-shadow: 0 0 1px #FFFFFF inset;
    -moz-box-shadow: 0 0 1px #FFFFFF inset;
    -ms-box-shadow: 0 0 1px #FFFFFF inset;
    -o-box-shadow: 0 0 1px #FFFFFF inset;
    box-shadow: 0 0 1px #FFFFFF inset;
}
.other-amount:before {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #E0E0E0;
    border-radius: 50%;
    color: #4F4F4F;
    content: "OR";
    font-family: roboto;
    font-weight: 800;
    height: 40px;
    left: 50%;
    line-height: 35px;
    margin-left: -20px;
    position: absolute;
    text-align: center;
    top: -20px;
    width: 40px;
}
.other-amount > input {
    border: 1px solid #D8D8D8;
    color: #cccccc;
    font-family: roboto;
    font-size: 12px;
    float:left;
    height: 40px;
    padding: 15px 20px;
    width: 280px;

    -webkit-box-shadow: 0 0 15px #EAEAEA inset;
    -moz-box-shadow: 0 0 15px #EAEAEA inset;
    -ms-box-shadow: 0 0 15px #EAEAEA inset;
    -o-box-shadow: 0 0 15px #EAEAEA inset;
    box-shadow: 0 0 15px #EAEAEA inset;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.other-amount > a {
    background: none repeat scroll 0 0 #4E4E4E;
    float: left;
    height: 40px;
    width: 180px;
    color: #FFFFFF;
    font-family: roboto;
    font-weight: 700;
    line-height: 40px;
    margin-left: 10px;
    text-align: center;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

.donate-popup .donate-drop-down {
    display: block !important;
}
.donate-popup .cause-progress{
    width:50%;
}
.donate-popup .cause-box{
    width:25%;
}
.donate-popup .cause-box.donate-drop-btn{
    display:none;
}
.post .donate-drop-down .donate-popup {
    width: 100%;
}
.recursive-periods {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.recursive-periods > a {
    background: none repeat scroll 0 0 #888888;
    border-bottom: 1px solid #D8D8D8;
    border-left: 1px solid #707070;
    border-right: 1px solid #9F9F9F;
    color: #FFFFFF;
    font-size: 12px;
    margin: 0 !important;
    padding: 15px 20px;
    position: relative;
    text-align: center;
    width: 12.5%;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}

.recursive-periods > a:before {
    color: #FFFFFF;
    content: "\f164";
    font-family: fontawesome;
    height: 100%;
    left: 15px;
    line-height: 50px;
    opacity: 0;
    position: absolute;
    top: 0;

    -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;
}
.recursive-periods > a.selected:before{
    opacity: 1;
}
.recursive-periods > a.selected {
    color: #FFFFFF;
}
form#login {
    background: none repeat scroll 0 0 #EFEFEF;
    border: 1px solid #DFDFDF;
    float: left;
    margin-top: 30px;
    padding: 20px;
    position: relative;
    top: 0;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
form#login h1 {
    display: table;
    float: none;
    line-height: 30px;
    margin: 0 auto 30px;
    text-align: center;
    text-transform: uppercase;
    width: 70%;
}
form#login label {
    float: left;
    font-weight: 400;
    margin: 0;
    width: 25%;
}
form#login input[type="text"], form#login input[type="password"] {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EEEEEE;
    color: #CCCCCC;
    float: left;
    height: 30px;
    margin-bottom: 10px;
    padding: 5px 10px;
    width: 75%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
form#login a.lost {
    background: none repeat scroll 0 0 #4FC0AA;
    color: #FFFFFF;
    float: right;
    margin-left: 20px;
    padding: 5px 10px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
form#login .submit_button {
    background: none repeat scroll 0 0 #4FC0AA;
    border: 0 none;
    color: #FFFFFF;
    float: right;
    padding: 5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}

form#login .close:before {
    color: #FFFFFF;
    content: "X";
    font-family: roboto;
    font-weight: 700;
    height: 100%;
    left: 0;
    line-height: 20px;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
form#login .close {
    background: none repeat scroll 0 0 #FF0000;
    color: rgba(0, 0, 0, 0);
    font-size: 12px;
    font-weight: 300;
    height: 20px;
    opacity: 1;
    position: absolute;
    right: 10px;
    text-shadow: none;
    top: 10px;
    width: 25px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}



/*** SERVICES SINGLE PAGE ***/
.single-service > span {
    border: 1px solid #CFEEE7;
    color: #8E8E8E;
    float: left;
    font-size: 80px;
    line-height: 160px;
    margin-bottom: 20px;
    margin-right: 30px;
    text-align: center;
    height: 160px;
    width: 170px;

    -webkit-box-shadow: 0 0 13px #EBEBEB inset;
    -moz-box-shadow: 0 0 13px #EBEBEB inset;
    -ms-box-shadow: 0 0 13px #EBEBEB inset;
    -o-box-shadow: 0 0 13px #EBEBEB inset;
    box-shadow: 0 0 13px #EBEBEB inset;
}
.single-service > p {
    color: #858585;
    font-family: open sans;
    font-size: 12px;
    letter-spacing: 0.4px;
    line-height: 30px;
    margin-top: 10px;
}
.single-service h2 {
    color: #707070;
    font-family: roboto;
    font-size: 22px;
    padding: 20px 0 0;
}
.benifits {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.benifits > h4 {
    color: #6F6F6F;
    font-family: roboto;
    font-size: 18px;
    letter-spacing: 0.3px;
    margin-bottom: 20px;
}
.benifits > ul {
    color: #858585;
    font-family: open sans;
    font-size: 12px;
    line-height: 30px;
}
.benifits > ul li i {
    float: left;
    font-size: 16px;
    line-height: 30px;
    margin-right: 15px;
}

.gallery-icon {
    padding: 0 15px;
    float: left;
    width: 100%;
}
.gallery-icon a {
    display: table;
    float: none;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: auto;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.gallery-icon a:before {
    background: url("../images/search-icon.png") no-repeat scroll center center rgba(0, 0, 0, 0.7);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;

    opacity:0;
    filter:alpha(opacity=0);

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -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;
}
.gallery-icon a:hover:before{
    opacity:1;
    filter:alpha(opacity=100);
}
.gallery .gallery-icon a img {
    border: 0 none !important;
    width: 100%;
    height:auto;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}




.featured-products {
    float: left;
    width: 100%;
}
.woocommerce span.onsale, .woocommerce-page span.onsale {
    font-weight: 400;
    padding: 5px;
}
.featured-products h4 {
    line-height: 20px;
    margin-bottom: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 50%;
}
.featured-products .ratings {
    float: right;
    width: 50%;
}
.product-price {
    float: left;
    margin-top: 10px;
    width: 100%;
}
.button.add_to_cart_button.product_type_simple {
    background: none repeat scroll 0 0 #B6B6B6;
    box-shadow: none;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.button.add_to_cart_button.product_type_simple:hover {
    background: none repeat scroll 0 0 #B6B6B6;
    color: #FFFFFF;
    text-shadow: none;
}
.woocommerce-message:before {
    height: 100% !important;
    left: 0 !important;
    width: 50px !important;
}
.woocommerce-page .woocommerce-message {
    padding-left: 70px !important;
}
.woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart {
    float: right;
    line-height: 16px;
}


.single-product-page .post-meta {
    border: 0 none;
    margin: 10px 0 0;
    padding: 0;
    width: 100%;
}
.single-product-page .post-meta:before {
    display: none;
}
.single-product-page .post-meta li {
    font-size: 12px;
    line-height: 20px;
    margin: 0;
}
.single-product-page .post-meta li del, .single-product-page .post-meta li ins {
    color: #858585;
    float: left;
    font-size: 16px;
    margin-right: 10px;
    margin-top: 10px;
}
.single-product-page .post-meta li del span {
    font-size: 12px;
    text-decoration: line-through;
}
.woocommerce-page div.product #reviews .comment img {
    float: left;
}
.woocommerce-page div.product #reviews .description p {
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
}
#review_form_wrapper form label, #review_form_wrapper form span.required {
    color: #929292;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-weight: 400;
    margin-right: 5px;
}
#review_form_wrapper form input[type="text"],
#review_form_wrapper form textarea{
    background: none repeat scroll 0 0 #FAFAFA;
    border: 0 none;
    color: #B4B4B4;
    float: left;
    font-family: roboto;
    font-size: 12px;
    height: 35px;
    margin-bottom: 20px;
    padding: 10px 20px;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 1px 1px 3px #D5D5D5 inset;
    -moz-box-shadow: 1px 1px 3px #D5D5D5 inset;
    -ms-box-shadow: 1px 1px 3px #D5D5D5 inset;
    -o-box-shadow: 1px 1px 3px #D5D5D5 inset;
    box-shadow: 1px 1px 3px #D5D5D5 inset;
}
#review_form_wrapper form textarea{
    height:auto;
}
.woocommerce #review_form #respond p, .woocommerce-page #review_form #respond p {
    float: left;
    margin: 0 0 10px;
    width: 100%;
}
.woocommerce-page div.product #reviews p.meta {
    background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #EBEBEB;
    font-family: roboto;
    font-size: 14px;
    font-weight: 300;
    margin: 0 20px 0 0;
    padding: 0;
    position: relative;
}
.woocommerce-page div.product #reviews p.meta strong {
    float: left;
    font-weight: 400;
    width: 100%;
}
#review_form_wrapper {
    float: left;
    margin-top: 30px;
    width: 100%;
}
.cart .quantity {
    margin-bottom: 20px;
    width: auto;
}
button.cart-btn.single_add_to_cart_button.button.alt,
button.cart-btn.single_add_to_cart_button.button.alt:hover {
    background: none repeat scroll 0 0 #C7C0C7;
    border: 1px solid #ADADAD;
    color: #FFFFFF;
    font-weight: 500;
    margin-left: 20px;
    padding: 7px 20px;
    text-shadow: none;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.woocommerce div.product, .woocommerce-page div.product, .woocommerce #content div.product, .woocommerce-page #content div.product,
.woocommerce .quantity, .woocommerce #content .quantity, .woocommerce-page .quantity, .woocommerce-page #content .quantity{
    width:auto!important;
}
.related.products {
    float: left;
    margin-top: 40px;
    width: 100%;
}

.product .post-meta li > span {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 0;
    color: #969696;
    padding: 0;
}
.related .ratings {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
.related h4 {
    margin-bottom: 10px;
    margin-top: 10px;
}
.related h4 a {
    color: #707070;
}
.post-desc .theme-tabs {	
    float: left;
    margin-top: 50px;
    width: 100%;
}

.remove-space {
    float: left;
    margin-bottom: -30px;
    width: 100%;
}
.search-result {
    margin-top: 30px;
}
.woocommerce-page table.shop_table td.product-price {
    float: none;
    margin: 0;
    width: auto;
}
.woocommerce-page table.shop_table th.product-price {
    margin: 0;
}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{
    border-top:0 none;
    border-top:0 none;
    border-bottom:0 none;
}
.woocommerce table.shop_table td, .woocommerce-page table.shop_table td {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    height: 10px;
    line-height: 20px;
    max-width: 0;
    padding: 5px 12px;
    text-align: center;
}
.woocommerce-page table.shop_table td .quantity {
    display: table;
    margin: 0 auto;
    width: auto !important;
}
.woocommerce table.shop_table td {
    border-bottom: 0 none;
    border-right: 0 none;
    border-top: 1px solid #EFEFEF;
}
.woocommerce-page table.shop_table td.product-price span.amount {
    float: left;
    font-size: 13px;
    text-align: center;
    width: 100%;
}
.woocommerce-page table.cart input {
    padding: 7px 20px;
}
.woocommerce-page table.cart a.remove {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    color: #939393 !important;
    float: left;
    text-align: center;
    width: 100%;
}
.coupon .input-text {
    margin-right: 10px !important;
    max-width: none;
    width: auto !important;
}
.woocommerce .woocommerce-info {
    padding: 15px 0 15px 81px !important;
}
.woocommerce-billing-fields > h3 {
    color: #2D2D2D;
    font-family: roboto;
    font-weight: 400;
}
.woocommerce-page form .form-row label {
    color: #929292;
    font-size: 13px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 10px;
}
#customer_details {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
form.checkout h3 {
    color: #2D2D2D;
    font-family: roboto;
    font-weight: 400;
    width: 100%;
}
.woocommerce-shipping-fields .checkbox, .woocommerce-shipping-fields label {
    float: left;
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
    margin: 0 10px 0 0;
    padding: 0;
    width: auto;
}
.nv_blue .form-group .btn {
    height: 4.7em;
    margin: 0.8em 0;
    border: 0 none;
    border-radius: 0 !important;
    width: 6em;
}
.nv_blue .form-control {
    display: block;
    width: 100%;
    height: 3.65em;
    padding: 0 0 0 0.7em;
    font-size: 1.3em;
    line-height: 1.428571429;
    color: #FFF;
    vertical-align: middle;
    background: #0075A9 url('../images/slider-right.png') right center no-repeat;
    border: 0 none;
    background-size: 12%;
    border-radius: 0 !important;
    -webkit-box-shadow: 0 none;
    box-shadow: 0 none;
    -webkit-transition: 0 none;
    transition: 0 none;
    font-weight: 500;
    margin: 0.6em 0 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.nv_blue .form-group {
    overflow: hidden;
    position: relative;
}
.nv_blue .form-group .form-group select { 
    width: 240px;
}
.nv_blue .form-group select:focus { outline: none; }

@-moz-document url-prefix(){
    .nv_blue .form-group select { 
        width: 110%; 
        background: url("../images/slider-right.png") no-repeat 90% 50% scroll #0075a9 !important;
    }
}

.nv_blue {
    background: #0A9DDC;
    color: #FFF;
    padding: 30px 0 !important;
}
.big-header {
    font-size: 3em;
    margin: 0.5em 0 0 0;
}
.category-select h2 {
    font-size: 1.8em;
}
h1, h2, h3, h4, h5 {
    font-weight: 700;
}
.create-account > label, .create-account > input{
    float: left;
    line-height: 13px !important;
    margin: 0 10px 0 0 !important;
    padding: 0;
}
.woocommerce-info {
    float: left;
    width: 100% !important;
}
.woocommerce form.login {
    float: left;
    margin-top: 0 !important;
    width: 100%;
}
.checkout_coupon {
    float: left;
    margin: 0 0 30px !important;
    width: 100% !important;
}
.showlogin,
.showcoupon {
    color: #A8A8A9;
}
.tp-leftarrow.default,
.tp-rightarrow.default {
    background: url("../images/carousel-arrows.png") no-repeat scroll 15px 8px #FFF800;
    cursor: pointer;
    height: 45px;
    width: 45px;
    z-index: 100;
}
.tp-rightarrow.default {
    background-position: -32px 7px;
}
.commentlist img {
    float: left;
    margin-right: 20px;
}
.commentlist li {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.commentlist img {
    float: left;
    margin-right: 2%;
    width: 8%;
}
.comment-text {
    float: left;
    width: 90%;
}
.theme-tabs p.meta {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: left;
}
.portfolio > a, .portfolio > a img {
    float: left;
    width: 100%;
}
.cart-total ul .cart-head {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color -moz-use-text-color #E0E0E0;
    border-image: none;
    border-radius: 0;
    border-style: none none solid;
    border-width: 0 0 1px;
    line-height: 40px;
}
.shipping-calculator-form {
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
}


.image-lists ul > li .video-popup:before {
    background: url("../images/video.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    opacity: 1;
}
.image-lists ul > li .video-popup:before {
    background: url("../images/video.png") no-repeat scroll center center rgba(0, 0, 0, 0);
}
.woocommerce #payment ul.payment_methods li, .woocommerce-page #payment ul.payment_methods li{
    float:left;
    width:100%;
}

.checkout {
    margin: 0 auto;
    width: 1170px;
}


/*** LIFELINE NEW HOME PAGE ***/
.ongoing-projects {
    float: left;
    position: relative;
    width: 100%;
}
.ongoing-project-img {
    float: left;
    position: relative;
    overflow:hidden;
    width: 100%;
}
.ongoing-project-img:before {
    background: none repeat scroll 0 0 #000000;
    content: "";
    width: 100%;
    height: 100%;
    opacity: 0.9;
    filter:alpha(opacity=90);
    position: absolute;
    left: 0;
    top: 0;

    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.ongoing-project-img:hover:before {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.ongoing-project-img img{
    width: 100%;
}
.ongoing-project-img a {
    color: #fff;
    border: 3px solid #fff;
    font-size: 20px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 45px;
    margin-left: -25px;
    margin-top: -25px;
    opacity:0;
    filter:alpha(opacity=0);
    position: absolute;
    left: 50%;
    top: 50%;

    -webkit-transform:scale(3);
    -moz-transform:scale(3);
    -ms-transform:scale(3);
    -o-transform:scale(3);
    transform:scale(3);

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.ongoing-project-img:hover a {
    opacity:1;
    filter:alpha(opacity=100);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.ongoing-project-detail > h3 {
    color: #4F4E4E;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.25px;
    line-height: 30px;
    margin-bottom: 15px;
}
.ongoing-project-detail > h3 a{
    color: #4F4E4E;
}
.ongoing-project-detail > p {
    color: #727272;
    font-family: open sans;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 0.25px;
}
.ongoing-project-detail > a {
    color: #727272;
    float: right;
    font-family: open sans;
    text-shadow: 0 0 1px #FFFFFF;
}
.ongoing-projects .flex-direction-nav {
    position: absolute;
    right: 0;
    top: -60px;
    width: 60px;
}
.ongoing-projects .flex-direction-nav li {
    float: left;
    width: 50%;
}
.ongoing-projects .flex-direction-nav li {
    float: left;
    width: 50%;
}
.ongoing-projects .flex-direction-nav li a {
    background: url("../images/carousel-arrows.png") no-repeat scroll 5px -1px #E6E6E6;
    color: rgba(0, 0, 0, 0);
    float: left;
    height: 25px;
    width: 25px;
}
.ongoing-projects .flex-direction-nav li a.flex-next {
    background-position: -43px -2px;
    float: right;
}

.issue {
    background: none repeat scroll 0 0 #f9f9f9;
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.issue:last-child {
    margin-bottom: 0;
}
.issue > img {
    float: left;
    margin-right: 20px;
}
.issue > h4 {
    color: #4F4E4E;
    font-family: roboto;
    font-size: 14px;
    font-weight: 400;
    padding-right: 10px;
    padding-top: 10px;
    line-height: 22px;
}
.issue > h4 a{
    color: #4F4E4E;
}
.client-reviews {
    background: none repeat scroll 0 0 #4c4c4c;
    border: 2px solid #e7495d;
    float: left;
    position: relative;
    width: 100%;
}
.client-reviews:after {
    background: url("../images/shadow.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    bottom: -15px;
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    width: 100%;
}
.reviews {
    float: left;
    padding: 40px 50px;
    width: 100%;
}
.reviews > h3 {
    color: #FFFFFF;
    font-family: open sans;
    font-size: 24px;
    text-transform: capitalize;
    font-weight: 400;
    line-height: 40px;
    text-align:center;
}
.reviews h3 span {
    color: #f4f1f1;
    font-size: 50px;
}
.client-reviews .flex-direction-nav {
    display: none;
}

.latest-news {
    float: left;
    width: 100%;
}
.news {
    float: left;
    width: 100%;
}
.news-image {
    float: left;
    width: 100%;
    position:relative;
    overflow:hidden;
}
.news-image > img {
    width: 100%;
}
.news-image:before,
.news-image:after {
    content: "";
    width: 20%;
    height: 0;
    background: #000;
    opacity: 0.9;
    position: absolute;
    left: 0;
    top: 0;

    -webkit-transition:height 0.2s linear, width 0.3s ease 0.2s;
    -moz-transition:height 0.2s linear, width 0.3s ease 0.2s;
    -ms-transition:height 0.2s linear, width 0.3s ease 0.2s;
    -o-transition:height 0.2s linear, width 0.3s ease 0.2s;
    transition:height 0.2s linear, width 0.3s ease 0.2s;
}
.news-image:hover:before,
.news-image:hover:after {
    width: 100%;
    height: 50%;
}
.news-image:after {
    bottom:0;
    top:auto;
    left:auto;
    right:0;
}
.news > h3 {
    color: #4F4E4E;
    float: left;
    font-family: open sans;
    font-size: 16px;
    font-weight: 600;
    margin: 12px 0;
    width: 100%;
}
.news > h3 a{
    color: #4F4E4E;
}
.news > p {
    font-family: open sans;
    color: #717171;
    letter-spacing: 0.25px;
    line-height: 22px;
}
.news-image a {
    color: #FFFFFF;
    font-size: 25px;
    margin-left: -12.5px;
    margin-top: -17px;
    z-index: 1;
    height: 34px;
    width: 25px;
    position: absolute;
    top: -50%;
    left: 50%;

    -webkit-transition:all 0.4s ease 0.2s;
    -moz-transition:all 0.4s ease 0.2s;
    -ms-transition:all 0.4s ease 0.2s;
    -o-transition:all 0.4s ease 0.2s;
    transition:all 0.4s ease 0.2s;
}
.news-image:hover a{
    top: 50%;
}
.latest-news .flex-direction-nav {
    display: none;
}
.latest-news ol.flex-control-nav {
    padding: 0;
    list-style: none;
    margin: 0 auto;
    display: table;
}
.latest-news ol.flex-control-nav li {
    float: left;
    margin: 0 5px;
}
.latest-news ol.flex-control-nav li a {
    background: none repeat scroll 0 0 #b9b8b8;
    color: rgba(0, 0, 0, 0);
    cursor:pointer;
    float: left;
    height: 12px;
    width: 12px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.latest-news ol.flex-control-nav li a.flex-active{
    background: none repeat scroll 0 0 #000;
}

.no-top-image {
    background: none repeat scroll 0 0 #EEEEEE;
    float: left;
    height: 120px;
    width: 100%;
    display: none;
}
.post-desc code {
    float: none;
    width: auto;
}
.sticky h2 a {
    border-bottom: 1px solid #E0E0E0;
    float: left;
}

.wpb_raw_code.wpb_content_element.wpb_raw_html {
    margin: 0;
}

/*** BB PRESS STYLING ***/
#bbpress-forums {
    margin-bottom: 0;
}
#bbpress-forums #bbp-search-form {
    background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #DBDBDB;
    float: right;
    margin-bottom: 10px;
    padding: 5px;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}
#bbpress-forums #bbp-search-form input[type="submit"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #868686;
    float: left;
    font-size: 11px;
    padding-top: 2px;
    text-transform: uppercase;
}
#bbpress-forums #bbp-search-form input[type="text"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
}
#subscription-toggle, #favorite-toggle {
    background:none repeat scroll 0 0 #D8D8D8;
    float: left;
    margin: 0 20px;
    padding: 5px 15px;
    text-transform: uppercase;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}
#subscription-toggle a, #favorite-toggle a{
    color: #FFF!important;
}
.bbp-author-avatar img {
    border: 0 none !important;
    margin: 0 !important;
}
#bbpress-forums ul {
    color: #888888;
    font-weight: 400;
}
#bbpress-forums li.bbp-header ul {
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    text-transform: uppercase;
}
#bbpress-forums div.odd, #bbpress-forums ul.odd {
    background: rgb(254,252,252); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(254,252,252) 0%, rgb(244,242,242) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,252,252)), color-stop(100%,rgb(244,242,242))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcfc', endColorstr='#f4f2f2',GradientType=0 ); /* IE6-9 */

    padding:0;
}
#bbpress-forums > ul {
    border: 1px solid #c9c9c9!important;
    overflow: hidden !important;	

    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -ms-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    border-radius: 3px !important;
}
#bbpress-forums li.bbp-footer {
    background: none repeat scroll 0 0 #DCDCDC;
    border-top: 1px solid #C9C9C9;
}
#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {
    background: rgb(254,252,252); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(254,252,252) 0%, rgb(244,242,242) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,252,252)), color-stop(100%,rgb(244,242,242))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcfc', endColorstr='#f4f2f2',GradientType=0 ); /* IE6-9 */

    border-top: 1px solid #d0cfcf;
    padding: 0 20px;
}
#bbpress-forums li.bbp-body ul.forum li,
#bbpress-forums li.bbp-body ul.topic li {
    border-right: 1px solid #C9C9C9;
    font-size: 13px;
    min-height: 110px;
    padding: 20px 0;
}
#bbpress-forums li.bbp-body ul.forum li.bbp-forum-topic-count, 
#bbpress-forums li.bbp-body ul.forum li.bbp-forum-reply-count {
    font-size: 15px;
    line-height: 34px;
}
#bbpress-forums fieldset.bbp-form {
    border: 0 none;
    margin: 0;
    padding: 0;
}
#bbpress-forums fieldset.bbp-form label {
    float: left;
    font-weight: 400;
    width: 100%;
}
#bbpress-forums li.bbp-header {
    background: rgb(67,75,78); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(67,75,78) 0%, rgb(59,67,70) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(67,75,78)), color-stop(100%,rgb(59,67,70))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(67,75,78) 0%,rgb(59,67,70) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(67,75,78) 0%,rgb(59,67,70) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(67,75,78) 0%,rgb(59,67,70) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(67,75,78) 0%,rgb(59,67,70) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#434b4e', endColorstr='#3b4346',GradientType=0 ); /* IE6-9 */

    border: 1px solid #3E3E3E;
    font-weight: 400;
    padding: 0 20px;
    position: relative;
    z-index: 1;
}
#bbpress-forums li.bbp-header:before {
    background: url("../images/pattern2.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #84898B;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2;
}
#bbpress-forums li.bbp-header ul {
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    text-transform: uppercase;
}
#bbpress-forums li.bbp-header li {
    color: #F1EFEF;
    font-family: open sans;
    font-size: 15px;
    font-weight: 600;
    line-height: 58px;
    text-shadow: 0 1px 0 #000000;
    text-align: center;
}
li.bbp-forum-freshness, li.bbp-topic-freshness {
    border-right: 0 none !important;
}
#bbpress-forums li.bbp-body ul.forum li.bbp-forum-topic-count, #bbpress-forums li.bbp-body ul.forum li.bbp-forum-reply-count {
    font-size: 15px;
    line-height: 47px;
}
.bbp-form input[type="text"],.bbp-form textarea {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #C8C8C8;
    font-family: roboto;
    height: 30px;
    padding: 5px;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.bbp-form textarea{
    border:0;
    height:auto;
}
#bbpress-forums div.reply {
    background: rgb(254,252,252); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(254,252,252) 0%, rgb(244,242,242) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(254,252,252)), color-stop(100%,rgb(244,242,242))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(254,252,252) 0%,rgb(244,242,242) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcfc', endColorstr='#f4f2f2',GradientType=0 ); /* IE6-9 */

    color: #333333;
    font-size: 12px;
    position: relative;
    padding:0;
    right: 0;
}
div.bbp-submit-wrapper button {
    background: none repeat scroll 0 0 #D4D4D4;
    border: 0 none;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 500;
    padding: 7px 25px;
    text-transform: uppercase;

    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
}
div.bbp-template-notice.info {
    color: #747474;
    float: left;
    padding: 5px 20px;
    text-shadow: 0 0 1px #FFFFFF;
    background-color: #BFE7F1;
    border: 1px solid #D1D1D1;
}
#bbpress-forums li.bbp-body ul.forum li.bbp-forum-info a,
ul.topic li.bbp-topic-title > a.bbp-topic-permalink {
    background: none repeat scroll 0 0 #E0E0E0;
    color: #646363 !important;
    float: left;
    font-size: 13px;
    margin-right: 20px;
    margin-top: 18px;
    padding: 7px 15px;
    text-shadow: 0 1px 0 #F4F4F4;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.bbp-forum-content {
    color: #9D9D9D;
    margin: 25px 0 0 !important;
}
#bbpress-forums li.bbp-body ul.forum li.bbp-forum-freshness > a,
.bbp-topics li.bbp-body ul.topic li.bbp-topic-freshness > a {
    background: none repeat scroll 0 0 #E1E1E1;
    color: #898888 !important;
    display: table;
    margin: 10px auto 0;
    padding: 5px 15px;
    text-shadow: 0 1px 0 #F4F4F4;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
#bbpress-forums p.bbp-topic-meta {
    float: left;
    margin-bottom: 0;
    margin-top: 10px !important;
    width: 100%;
}
.bbp-author-avatar {
    margin-right: 10px;
}
ul.topic li.bbp-topic-title > a.bbp-topic-permalink {
    margin-top: 5px;
}
li.bbp-forum-topic-count, li.bbp-topic-voice-count,
li.bbp-forum-reply-count, li.bbp-topic-reply-count {
    font-size: 15px !important;
    line-height: 69px;
}
.bbp-pagination-count {
    border: 1px solid rgba(0, 0, 0, 0);
    color: #888888;
    float: left;
    font-family: roboto;
    font-size: 12px;
}
div.bbp-template-notice, div.indicator-hint {
    background: none repeat scroll 0 0 #FBE3A7;
    border-color: #D1D1D1;
    float: left;
    padding: 5px 20px;
    text-shadow: 0 0 1px #FFFFFF;
    width: auto;
}
#bbpress-forums p.bbp-topic-meta .bbp-author-name {
    color: #A1A1A1;
}
ul.bbp-replies li.bbp-header > div {
    color: #F1EFEF;
    font-family: open sans;
    font-size: 15px;
    font-weight: 600;
    line-height: 58px;
    text-align: center !important;
    text-shadow: 0 1px 0 #000000;
    text-transform: uppercase;
}
li.bbp-header div.bbp-topic-content span#subscription-toggle, li.bbp-header div.bbp-topic-content span#favorite-toggle, li.bbp-header div.bbp-reply-content span#subscription-toggle, li.bbp-header div.bbp-reply-content span#favorite-toggle {
    float: right;
    font-size: 12px;
    line-height: 17px;
    margin-top: 18px;
    text-shadow: none;
}
#bbpress-forums div.bbp-forum-header, #bbpress-forums div.bbp-topic-header, #bbpress-forums div.bbp-reply-header {
    background-color: #EDEAEA;
    border-top: 1px solid #D0CFCF;
}
.bbp-admin-links, .bbp-admin-links a {
    color: #8E8E8E !important;
    font-size: 12px !important;
    padding: 0 5px;
    text-transform: capitalize !important;
}
.bbp-forum-header a.bbp-forum-permalink, .bbp-topic-header a.bbp-topic-permalink, .bbp-reply-header a.bbp-reply-permalink {
    color: #8E8E8E !important;
    float: right;
    margin-left: 30px;
}
#bbpress-forums .bbp-body div.bbp-reply-author {
    border-right: 1px solid #C9C9C9;
    float: left;
    padding: 20px;
    width: 30%;
}
.bbp-reply-author .bbp-author-avatar {
    float: left;
}
#bbpress-forums div.bbp-topic-author a.bbp-author-name, #bbpress-forums div.bbp-reply-author a.bbp-author-name {
    color: #8E8E8E;
    display: table-row-group;
    width: auto;
}
#bbpress-forums div.bbp-forum-author .bbp-author-role, #bbpress-forums div.bbp-topic-author .bbp-author-role, #bbpress-forums div.bbp-reply-author .bbp-author-role {
    color: #9C9C9C;
    display: table-row;
    float: left;
    font-family: roboto;
    font-size: 12px;
    font-style: normal;
    margin-top: -8px;
}
.bbp-reply-ip {
    float: left;
    text-align: left;
}
.bbp-reply-author .bbp-author-avatar img {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
#bbpress-forums .bbp-replies .bbp-body div.bbp-reply-content {
    border-left: 1px solid #C9C9C9;
    color: #8E8E8E;
    float: left;
    font-family: roboto;
    margin-left: -1px;
    padding: 20px 25px;
    width: 70%;
}
#bbpress-forums #bbp-your-profile fieldset select {
    background: none repeat scroll 0 0 #f9f9f9;
    border: 1px solid #ddd;
    margin-bottom: 0;
    padding: 5px 8px;
    width: 60%;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-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;
}
#bbpress-forums #bbp-your-profile fieldset.submit button {
    background: none repeat scroll 0 0 #9f9f9f;
    border: 0 none;
    color: #fff;
    padding: 10px 20px;
    text-transform: uppercase;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}


.sec-heading2 {
    float: left;
    margin-bottom: 30px;
    position: relative;
    width: 100%;
}
.sec-heading2:before, .sec-heading2:after {
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 95%;
    background: #eaeaea;
}
.sec-heading2:after {
    bottom: 2px;
    right: 0;
    left: auto;
}
.sec-heading2 h2 {
    color: #555555;
    float: left;
    font-size: 20px;
    font-weight: 300;
    line-height: 25px;
    padding-bottom: 10px;
    position: relative;
    width: auto;
}
.sec-heading2 h2 strong {
    color: #555555;
    float: left;
    font-size: 24px;
    font-weight: 500;
    line-height: 20px;
    margin-right: 5px;
}
.sec-heading2 > h2:before {
    background: url("../images/diamond-narrow.jpg") no-repeat scroll 0 0 #FFFFFF;
    bottom: -6px;
    content: "";
    height: 15px;
    left: 40px;
    position: absolute;
    width: 15px;
    z-index: 5;
}

.blackish:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.85);
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
}

.sec-heading3 {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.sec-heading3 h2{
    font-family:roboto;
    font-size:24px;
    font-weight:400;
    color:#FFF;
}
.sec-heading3 h2 i{
    font-style:normal;
    text-transform:uppercase;
    font-size:20px;
    font-weight:300;
}



.gallery-video iframe {
    height: 300px;
}

.count-down1 > li{
    float: left;
    padding: 2px 20px;
    list-style: none: 
        text-align: center;
}

.count-down2 > li{
    float: left;
    padding: 2px 20px;
    list-style: none: 
        text-align: center;
}

.count-down3 > li{
    float: left;
    padding: 2px 20px;
    list-style: none: 
        text-align: center;
}
.count-down4 > li{
    float: left;
    padding: 2px 20px;
    list-style: none: 
        text-align: center;
}




/*** BIG CAROUSEL ***/
.container.expand {
    float: left;
    max-width: 100%;
    padding: 0;
    width: 100%;
}
.container.expand .row {
    margin: 0;
}
.container.expand .row > div{
    padding: 0;
}
.full-section,
.big-picture{
    float: left;
    width: 100%;
}
.big-carousel {
    float: left;
    width: 100%;
    position: relative;
}
.big-carousel .flex-direction-nav {
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 0;
    z-index: 10000;
    padding: 0 20px;
}
.big-carousel .flex-direction-nav li {
    background: none repeat scroll 0 0 rgba(0,0,0,0.4);
    color: transparent;
    float: left;
    height: 40px;
    margin-top:-20px;
    text-align: center;
    width: 40px;

    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.big-carousel .flex-direction-nav li:hover{
    background: none repeat scroll 0 0 rgba(0,0,0,1);
}
.big-carousel .flex-direction-nav li a {
    color: transparent;
    float: left;
    height: 100%;
    width: 100%;
    position: relative;
}
.big-carousel .flex-direction-nav li a:before {
    color: #fff;
    content: "\f053";
    font-family: fontawesome;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    line-height: 40px;
}

.big-carousel .flex-direction-nav li:last-child a:before {
    content: "\f054";
}
.big-carousel .flex-direction-nav li:last-child {
    float: right;
}
.big-picture {
    position: relative;
    z-index: 1;
}
.big-picture > img {
    width: 100%;
}
.fixed {
    background-size: cover!important;
    background-attachment: fixed!important;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0;
    z-index:0;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;

}
.full-title {
    float: left;
    width: 100%;
    padding: 30px 0;
}
.full-title span.title-icon {
    background: none repeat scroll 0 0 #fff;
    float: left;
    font-size: 40px;
    height: 95px;
    line-height: 95px;
    margin-right: 30px;
    text-align: center;
    width: 95px;

    -webkit-border-radius: 15px 3px;
    -moz-border-radius: 15px 3px;
    -ms-border-radius: 15px 3px;
    -o-border-radius: 15px 3px;
    border-radius: 15px 3px;

    -webkit-box-shadow: 1px 1px 2px #303030;
    -moz-box-shadow: 1px 1px 2px #303030;
    -ms-box-shadow: 1px 1px 2px #303030;
    -o-box-shadow: 1px 1px 2px #303030;
    box-shadow: 1px 1px 2px #303030;
}
.full-title h2 {
    color: #fff;
    font-family: open sans;
    font-size: 35px;
    font-weight: 800;
    margin-top: 10px;
    padding-bottom: 10px;
}
.full-title span {
    font-family: open sans;
    font-size: 18px;
    color: #FFF;
    font-weight: 600;
}
.short-desc {
    background: none repeat scroll 0 0 rgba(75, 75, 75, 0.96);
    padding: 20px;
    position: absolute;
    right: 100px;
    top: 180px;
    width: 45%;
    z-index: 1;

    -webkit-border-radius: 15px 3px;
    -moz-border-radius: 15px 3px;
    -ms-border-radius: 15px 3px;
    -o-border-radius: 15px 3px;
    border-radius: 15px 3px;
}
.short-desc > h4 {
    color: #fff;
    font-family: open sans;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}
.short-desc > p {
    color: #fff;
    font-family: open sans;
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 24px;
}
.short-desc > a {
    float: left;
    font-family: open sans;
    font-size: 11px;
    padding: 7px 20px;
    text-transform: uppercase;
    color: #FFF;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.short-desc > ul {
    float: right;
}
.short-desc > ul li {
    float: left;
    margin-left: 7px;
}
.short-desc > ul li a {
    background: none repeat scroll 0 0 #575757;
    border: 1px solid #939392;
    color: #fff;
    float: left;
    height: 26px;
    line-height: 26px;
    text-align: center;
    width: 26px;

    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.short-desc > ul li a i {
    float: left;
    line-height: 24px;
    width: 100%;
}
.fixed.whitish:before {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.9);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/*** OUR MISSIONS ***/
.mission {
    text-align: center;
    margin-top: 15px;
}
.mission > h4 {
    color: #3b3b3b;
    font-family: open sans;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 10px;
}
.mission p {
    color: #674244;
    font-family: open sans;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 30px;
    margin: 0;
}
.remove-ext{
    float: left;
    width: 100%;
    margin-bottom: -30px;
}
.counting {
    color: #fff;
    float: left;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 30px 10px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 1;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.counting:before {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}
.counting > div {
    background-repeat: no-repeat !important;
    background-size: 100% 100% !important;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -2;
}
h3.count {
    font-family: open sans;
    font-size: 46px;
    font-weight: 700;
    line-height: 36px;
    margin-bottom: 10px;
}
.counting > span {
    float: left;
    font-family: open sans;
    font-size: 13px;
    padding: 10px 10px 0;
    width: 100%;
}
/*** SERVICES NEW STYLE ***/
.service {
    float: left;
    text-align: center;
    width: 100%;
}
.service > img {
    margin-bottom: 2.5em;
    display: inline !important;
    max-height: 10em;
}
.service > h4 {
    float: left;
    width: 100%;
    color: #1E9DD8;
    font-family: PT Sans;
    font-size: 1.5em;
    font-weight: 800;
    margin-bottom: 0.35em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-transform: uppercase;
}
.service > h4 span {
    font-weight: 400;
}
.service > p {
    color: #FFF;
    font-family: open sans;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.3px;
    line-height: 1.6em;
    margin: 0;
}
.service > a {
    background: none repeat scroll 0 0 #00c3f4;
    color: #000;
    display: inline-block;
    font-family: open sans;
    font-size: 15px;
    font-weight: 600;
    margin-top: 20px;
    padding: 10px 30px;
    -webkit-transition:all 0.1s linear; 
    -moz-transition:all 0.1s linear; 
    -o-transition:all 0.1s linear; 
    transition:all 0.1s linear;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.service > a:hover {
    background: #1E9DD8;	
}

#para_vid > iframe {
    float: left;
    width: 100%;
}

.bg-dark {
    background: url(../images/stats-background.jpg) no-repeat top center #000000;	
}


.service > i {
    color: #9b9b9b;
    float: left;
    font-size: 50px;
    margin-bottom: 20px;
    width: 100%;
}



/*** MISSION ***/
.single-mission {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.mission-img {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.mission-img a {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.mission-img a:before {
    background: url("../images/link-arrow.png") no-repeat scroll center center black;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;

    -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;
}
.mission-img a:hover:before{
    opacity: 0.7;
}
.mission-img a img{
    width: 100%;
}
.single-mission > h3 {
    color: #000 !Important;
    font-family: PT Sans !important;
    font-size: 1.6em;
    font-weight: 800;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.single-mission > h3 a{
    color: #000;

    -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;
}
.single-mission > h3 a:hover {
    color: #303030;
}
.single-mission > p {
    color: #818181;
    font-family: open sans;
    font-size: 13px;
    letter-spacing: 0.2px;
    line-height: 22px;
    margin: 0;
}
.nv_grey .single-mission p {
    color: #FFF;
}
.mission-carousel {
    float: left;
    margin-bottom: -30px;
    position: relative;
    width: 100%;
}
.mission-carousel .flex-direction-nav {
    position: absolute;
    right: 0;
    top: -80px;
}
.mission-carousel .flex-direction-nav li {
    float: left;
    margin-left: 10px;
}
.mission-carousel .flex-direction-nav li a {
    background: none repeat scroll 0 0 #000;
    color: transparent;
    float: left;
    height: 30px;
    width: 30px;
    position: relative;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -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;
}
.mission-carousel .flex-direction-nav li a:hover{
    background-color: hsla(209,94%,57%,1.00);
}
.mission-carousel .flex-direction-nav li a:before {
    content: "\f104";
    font-family: fontawesome;
    font-size: 16px;
    height: 100%;
    left: 11px;
    position: absolute;
    top: 4px;
    width: 100%;
    color: #FFF;
}
.mission-carousel .flex-direction-nav li a.flex-next:before {
    content: "\f105";
    left: 13px;
    top: 4px;
}
.sec-heading3 > h5 {
    float: left;
    width: 100%;
    font-family: open sans;
    font-size: 16px;
    color: #3b3b3b;
}
.sec-heading3 > h1 {
    font-family: roboto;
    font-size: 22px;
    color: #3b3b3b;
}
.sec-heading3 {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.sponsor {
    float: left;
    width: 100%;
}
.sponsor > img {
    float: left;
    width: 100%;

    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
.sponsor-desc {
    float: left;
    width: 100%;
    border-left: 1px solid #cacaca;
    border-right: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    padding: 30px 20px;

    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.sponsor-desc > p {
    color: #777777;
    float: left;
    font-family: open sans;
    font-size: 13px;
    line-height: 26px;
    margin-bottom: 20px;
    width: 100%;
}
.sponsor-desc > a {
    float: left;
    font-family: open sans;
    font-size: 11px;
    padding: 5px 10px;
    cursor: pointer;
    color: #FFF;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}


/*** RECENT NEWS ***/
.recent-news {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.news-img {
    float: left;
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 1;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.news-img:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: darkslategrey;
    opacity: 0;
    z-index: 100;

    -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;
}
.recent-news:hover .news-img:before{
    opacity: 0.7;
}
.news-img > img {
    width: 100%;

    -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;
}
.recent-news:hover .news-img img{
    -webkit-transform:scale(1.4);    
    -moz-transform:scale(1.4);    
    -ms-transform:scale(1.4);    
    -o-transform:scale(1.4);    
    transform:scale(1.4);    
}
.recent-news h4 {
    color: #474747;
    float: left;
    font-family: source sans pro;
    font-size: 15px;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    text-transform: uppercase;
}
.recent-news h4 a{
    color: #474747;
}
.recent-news p {
    color: #818181;
    float: left;
    font-family: open sans;
    font-size: 13px;
    margin-bottom: 0;
    width: 100%;
    line-height: 21px;
}


/*** FEATURED POSTS ***/
.featured-posts {
    float: left;
    margin-bottom: -30px;
    width: 100%;
}
.featured {
    float: left;
    margin-bottom: 30px;
    width: 100%;
}
.featured-img {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.featured-img > img {
    width: 100%;
}
.featured-img > a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
    bottom: 0;
    color: #fff;
    font-size: 20px;
    height: 50px;
    line-height: 60px;
    position: absolute;
    right: 0;
    text-align: center;
    width: 50px;

    -webkit-border-radius: 33px 0 0;
    -moz-border-radius: 33px 0 0;
    -ms-border-radius: 33px 0 0;
    -o-border-radius: 33px 0 0;
    border-radius: 33px 0 0;

    -webkit-transition:all 0.4s linear 0s;
    -moz-transition:all 0.4s linear 0s;
    -ms-transition:all 0.4s linear 0s;
    -o-transition:all 0.4s linear 0s;
    transition:all 0.4s linear 0s;
}
.featured-img:hover > a {
    width: 100%;
    height: 100%;
    border-radius: 0;
}
.featured-img > a i {
    height: 50px;
    left: 50%;
    line-height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute;
    top: 50%;
    width: 50px;

    -webkit-transition:all 0.4s linear 0s;
    -moz-transition:all 0.4s linear 0s;
    -ms-transition:all 0.4s linear 0s;
    -o-transition:all 0.4s linear 0s;
    transition:all 0.4s linear 0s;
}
.featured-img:hover > a i{
    background-color: rgba(0,0,0,0.8);
}
.featured-details > h3 {
    font-family: open sans;
    font-size: 16px;
    color: #474747;
    float: left;
    width: 100%;
    margin: 15px 0;
    line-height: 20px;
    font-weight: 600;
}

.featured-details > h3 a{
    color: #474747;
}
.featured-details > p {
    font-family: open sans;
    font-size: 14px;
    color: #777;
    line-height: 26px;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.featured-details > a {
    float: left;
    font-family: open sans;
    font-size: 14px;
    font-weight: 600;
    color: #04ade6 !Important;
}
.featured-details > a:hover {
    text-decoration: underline;
}
.featured-details .title{
    height: 40px;
}
.featured-details .expert, .featured-details .expert *{
    font-weight: normal !important;
    font-size: 15px !important;
}
.featured-details .expert{
    margin-bottom: 10px;
}
#wpadminbar{
    z-index: 100000000000;
}





/*** NEW HEADER STYLE ***/
#top-bar.modern{
    background-color: rgba(0, 0, 0, 0.95);
}
#top-bar .header-social li {
    height: 30px;
    line-height: 30px;
    margin: 0 3px;
    padding: 0;
    text-align: center;
    width: 30px;
}
.header-social {
    float: right;
    padding-top: 11px;
}
#top-bar .header-social li a {
    font-size: 13px;
    color: #777;
    margin: 0;
    float: left;
    width: 100%;
    background: #FFF;

    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
#top-bar .header-social li a i {
    margin: 0;
}
header.header2{
    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 50%, rgba(243,243,243,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(248,248,248,1)), color-stop(100%,rgba(243,243,243,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 50%,rgba(243,243,243,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 50%,rgba(243,243,243,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 50%,rgba(243,243,243,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 50%,rgba(243,243,243,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );

    float: left;
    margin-top: 40px;
    position: relative;
    top: 0;
    width: 100%;
}
.menu-navigation .active {
    background:	#FFF800;
}
header.header2 #menu-navigation li a{
    color: #666666;
    font-size: 13px;
    text-transform: uppercase;
}
header.header2 #menu-navigation li a:hover{
    background: none;
}
header.header2 #menu-navigation li:hover > a,
header.header2 #menu-navigation li.active > a{
    color: #FFF;
}
header.header2 #menu-navigation li a:before{
    display: none;
}
header.header2 #menu-navigation > li:before,
header.header2 #menu-navigation > li.active:before,
header.header2 #menu-navigation > li:after,
header.header2 #menu-navigation > li.active:after{
    display: none;
}
header.header2 .menu ul li ul{
    top: 100%;
}
header.header2 .menu ul li ul li ul{
    top:-3px;
}
header.header2 #menu-navigation li a i {
    font-size: 7px;
    left: 20px;
    position: absolute;
    top: 42px;
    opacity: 0;

    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -ms-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
header.header2 #menu-navigation li:hover a i {
    opacity: 1;
    left: 10px;
}
header.header2 #menu-navigation li ul li a {
    font-size: 12px;
}
.header-btn {
    float: right;
    font-family: roboto;
    font-size: 11px;
    margin-top: 30px;
    padding: 10px 15px;
    color: #FFF;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
#top-bar.modern li {
    color: #9c9191;
    font-size: 12px;
}
header.header2.stick .header-btn {
    margin-top: 12px;
}
header.header2.stick {
    top: 0;
    position: fixed;
    margin-top: 0;
}

header.header3.stick {
    top: 0;
}
/*** NEW HEADER STYLE ***/
#top-bar.gray{
    background: rgb(232,232,232);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UyZTJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkYmRiZGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(226,226,226,1) 51%, rgba(219,219,219,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,232,232,1)), color-stop(51%,rgba(226,226,226,1)), color-stop(100%,rgba(219,219,219,1)));
    background: -webkit-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(226,226,226,1) 51%,rgba(219,219,219,1) 100%);
    background: -o-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(226,226,226,1) 51%,rgba(219,219,219,1) 100%);
    background: -ms-linear-gradient(top, rgba(232,232,232,1) 0%,rgba(226,226,226,1) 51%,rgba(219,219,219,1) 100%);
    background: linear-gradient(to bottom, rgba(232,232,232,1) 0%,rgba(226,226,226,1) 51%,rgba(219,219,219,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#dbdbdb',GradientType=0 );
}
.header-counter h3 {
    color: #555555;
    float: left;
    font-family: open sans;
    font-size: 14px;
    line-height: 20px;
    margin-top: 5px;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.header-counter .event-count span{
    color: #888888;
    float: left;
    font-family: open sans;
    font-size: 12px;
    margin-bottom: 7px;
    width: 100%;
}
.event-count {
    float: left;
    width: 45%;
}
.header-counter {
    float: left;
    width: 60%;
}
header.header3 {
    background: none;
    top: 49px;
}
.header-event {
    float: left;
    width: 30%;
}
.header-event .count-down span.countdown-row > span.countdown-section {
    font-size: 14px;
    font-family: open sans;
    padding: 5px;
    height: 49px;
    line-height: 25px;
    float: left;
    margin: 0 1px;
    width: 48px;
    background-color: rgba(255,255,255,0.4);
}
.header-event .count-down span.countdown-row span.countdown-amount{
    font-size: 12px;     
    font-weight: 600;
    font-family: open sans;
    float: left;
    width: 100%;
    margin: 0;
}
.header-event .count-down span.countdown-row span.countdown-period{
    font-size: 10px;
    float: left;
    width: 100%;
    color: #3d3d3d;
    padding: 0 5px;
    position: relative;
    bottom: 0;
    margin-top: -10px!important;
    white-space: nowrap;
    text-overflow:ellipsis;
    overflow: hidden;
} 
.header-counter .header-btn {
    float: left;
    margin: 6px 0 0 3px;
}
.search-box.white {
    background: none repeat scroll 0 0 #fff;
    height: 32px;
    width: 204px;
    position: relative;

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
}
.search-box.white .search-input {
    border: 0;
    width: 170px;
    height: 32px;
    float: left;
    color: #cac9c9;
    padding: 5px 20px;
    text-align: left;
    font-size: 12px;
    font-family: roboto;
}

.search-box.white:before {
    content: "\f002";
    font-family: fontawesome;
    line-height: 32px;
    position: absolute;
    right: 0;
    width: 24px;
}
.search-box.white .submit-button {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: transparent;
    margin-left: 0;
    margin-top: 7px;
    position: relative;
    border-left: 1px solid #b3b2b2;
    width: 34px;
}
header.header3 > .container {
    background: rgb(255,255,255);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmM2YzZjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 50%, rgba(243,243,243,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(248,248,248,1)), color-stop(100%,rgba(243,243,243,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 50%,rgba(243,243,243,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 50%,rgba(243,243,243,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 50%,rgba(243,243,243,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(248,248,248,1) 50%,rgba(243,243,243,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );

    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
header.header3 .logo {
    padding: 20px 0;
}
header.header3 .menu {
    margin: 0 30px 0 0;
}
header.header3 #menu-navigation > li:before, 
header.header3 #menu-navigation > li.active:before,
header.header3 #menu-navigation > li:after, 
header.header3 #menu-navigation > li.active:after,
header.header3 #menu-navigation li a:before, 
header.header3 #menu-navigation > li.active > a:before{
    display: none;
}
header.header3 #menu-navigation > li > a {
    color: #666666;
    font-size: 13px;
    padding: 40px 20px;
    text-transform: uppercase;
}
header.header3 #menu-navigation > li:hover > a{
    color: #FFF;
}
header.header3 #menu-navigation > li > a i {
    position: absolute;
    left: 10px;
    top: 46px;
    color: #FFF;
    font-size: 7px;

    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);

    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -ms-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
header.header3 #menu-navigation > li:hover > a i{
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
header.header3 .menu > ul > li:hover ul {
    top: 80%;
}
header.header3 .menu > ul > li ul {
    border: 0 none;

    -webkit-box-shadow: 0 0 3px #8c8c8c;
    -moz-box-shadow: 0 0 3px #8c8c8c;
    -ms-box-shadow: 0 0 3px #8c8c8c;
    -o-box-shadow: 0 0 3px #8c8c8c;
    box-shadow: 0 0 3px #8c8c8c;
}

header.header3 .menu > ul > li ul li:hover ul{
    top: 0;
} 
header.header3 .menu > ul > li ul li:first-child{
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
header.header3 .menu > ul > li ul li:last-child{
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}

#menu-navigation ul.mega-menu2 {
    width: 870px;
    left: -9999px;
    padding: 10px 30px 20px;
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
}
#menu-navigation ul.mega-menu2:before {
    border-top: 1px solid #d3d3d3;
    content: "";
    left: 30px;
    position: absolute;
    bottom: 20px;
    width: 810px;
}
#menu-navigation li:hover ul.mega-menu2{
    left: -400px;
}
header.header3 #menu-navigation li ul{
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
}
#menu-navigation ul.mega-menu2 > li,
#menu-navigation ul.mega-menu2 > li:hover{    
    background: none;
    width: 33.334%;
}
#menu-navigation ul.mega-menu2 > li a:hover{
    background: none;
}
header.header3 #menu-navigation ul.mega-menu2 li:hover,
header.header3 #menu-navigation ul.mega-menu2 > li:hover > a{
    background: none;
}

#menu-navigation ul.mega-menu2 li a {
    font-family: roboto;
    font-size: 13px;
    color: #666;
    text-transform: uppercase;
}
#menu-navigation ul.mega-menu2 li ul li:hover a{
    color: #FFF;
}
header.header3 #menu-navigation li ul li{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0)!important;
}
#menu-navigation li ul li a span {
    background: none repeat scroll 0 0 black;
    color: #fff;
    padding: 2px 13px;
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 12px;
    font-family: roboto;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
header.header3 #menu-navigation li ul li a {
    color: #666;
    font-family: open sans;
    font-size: 12px;
    text-transform: uppercase;
}
header.header3 #menu-navigation li ul li:hover a{ 
    background: none;
}
header.header3.stick .logo {
    padding: 5px 0;
}
header.header3.stick #menu-navigation > li > a {
    padding: 25px 20px;
}

.our-cause {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
}
.our-cause-img {
    float: left;
    overflow: hidden;
    position: relative;
    width: 100%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.our-cause-img > img {
    width: 100%;
}
.our-cause-img:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0.89;

    -webkit-transform:skewX(100deg) rotateX(90deg);
    -moz-transform:skewX(100deg) rotateX(90deg);
    -ms-transform:skewX(100deg) rotateX(90deg);
    -o-transform:skewX(100deg) rotateX(90deg);
    transform:skewX(100deg) rotateX(90deg);

    -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;
}

.our-cause:hover .our-cause-img:before{
    -webkit-transform:skewX(0deg) rotateX(0deg);
    -moz-transform:skewX(0deg) rotateX(0deg);
    -ms-transform:skewX(0deg) rotateX(0deg);
    -o-transform:skewX(0deg) rotateX(0deg);
    transform:skewX(0deg) rotateX(0deg);
}
.our-cause-detail {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #e7e7e7;
    float: left;
    margin-left:2%;
    margin-top: -20px;
    padding: 20px;
    position: relative;
    text-align: center;
    width: 96%;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-box-shadow: 0 0 13px #e9e9e9 inset;
    -moz-box-shadow: 0 0 13px #e9e9e9 inset;
    -ms-box-shadow: 0 0 13px #e9e9e9 inset;
    -o-box-shadow: 0 0 13px #e9e9e9 inset;
    box-shadow: 0 0 13px #e9e9e9 inset;
}
.our-cause-detail > h3 {
    font-family: open sans;
    font-size: 16px;
    color: #656565;
    text-transform: uppercase;
    font-weight: 600;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.our-cause-detail > span {
    color: #857f7f;
    float: left;
    font-family: open sans;
    font-size: 13px;
    font-style: italic;
    font-weight: 500;
    margin-bottom: 10px;
    width: 100%;
}
.our-cause-detail > p {
    color: #818181;
    font-family: noto sans;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0.2px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.our-cause-detail > i {
    font-family: roboto;
    font-size: 14px;
    color: #50504f;
    font-style: normal;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}
.our-cause-detail > i span,.our-cause-detail > i strong {
    font-size: 18px;
    font-weight: 500;
}
.our-cause-detail > a {
    padding: 7px 15px;
    font-size: 11px;
    color: #FFF;
    font-family: open sans;
    display: inline-block;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.our-cause-img > a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
    height: 48px;
    left: 50%;
    margin-left: -24px;
    margin-top: -24px;
    position: absolute;
    top: 50%;
    width: 48px;
    z-index: 1;
    color: #666;
    font-size: 20px;
    text-align: center;
    line-height: 48px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;

    -webkit-transition:all 0.7s ease 0.2s;
    -moz-transition:all 0.7s ease 0.2s;
    -ms-transition:all 0.7s ease 0.2s;
    -o-transition:all 0.7s ease 0.2s;
    transition:all 0.7s ease 0.2s;

    -webkit-transform:scale(0) rotateY(360deg);
    -moz-transform:scale(0) rotateY(360deg);
    -ms-transform:scale(0) rotateY(360deg);
    -o-transform:scale(0) rotateY(360deg);
    transform:scale(0) rotateY(360deg);
}
.our-cause:hover .our-cause-img > a{
    -webkit-transform:scale(1) rotateY(0deg);
    -moz-transform:scale(1) rotateY(0deg);
    -ms-transform:scale(1) rotateY(0deg);
    -o-transform:scale(1) rotateY(0deg);
    transform:scale(1) rotateY(0deg);
}

.fancy-cause {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    overflow: hidden;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.fancy-cause > img {
    width: 100%;
}
.fancy-cause-intro {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #eeeeee;
    bottom: 0;
    float: left;
    left: 0;
    padding: 25px 20px;
    position: absolute;
    width: 100%;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    -webkit-box-shadow: 0 0 6px #f4f4f4 inset;
    -moz-box-shadow: 0 0 6px #f4f4f4 inset;
    -ms-box-shadow: 0 0 6px #f4f4f4 inset;
    -o-box-shadow: 0 0 6px #f4f4f4 inset;
    box-shadow: 0 0 6px #f4f4f4 inset;

    -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;
}
.fancy-cause:hover .fancy-cause-intro{
    bottom: -40px;
    opacity: 0;    
}
.fancy-cause-intro > i {
    color: #857f7f;
    float: left;
    font-family: roboto;
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 10px;
    width: 100%;
}
.fancy-cause-intro > h3 {
    color: #656565;
    float: left;
    font-family: open sans;
    font-size: 15px;
    font-weight: 600;
    width: 100%;
}
.fancy-cause-intro > span {
    background: none repeat scroll 0 0 #fff;
    color: #50504f;
    font-family: roboto;
    font-size: 16px;
    padding: 12px 15px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: -40px;
    width: 150px;

    -webkit-border-radius: 3px 3px 0 0 ;
    -moz-border-radius: 3px 3px 0 0 ;
    -ms-border-radius: 3px 3px 0 0 ;
    -o-border-radius: 3px 3px 0 0 ;
    border-radius: 3px 3px 0 0 ;
}
.fancy-cause-intro span i {
    float: left;
    font-size: 11px;
    font-weight: 400;
    width: 100%;
    color: #857f7f;
}
.fancy-cause-hover {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    border: 1px solid #e7e7e7;
    height: 100%;
    left: 0;
    padding: 50px 30px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    opacity: 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;

    -webkit-transform:scale(1.3);
    -moz-transform:scale(1.3);
    -ms-transform:scale(1.3);
    -o-transform:scale(1.3);
    transform:scale(1.3);

    -webkit-transition:all 0.4s ease 0.3s;
    -moz-transition:all 0.4s ease 0.3s;
    -ms-transition:all 0.4s ease 0.3s;
    -o-transition:all 0.4s ease 0.3s;
    transition:all 0.4s ease 0.3s;
}
.fancy-cause:hover .fancy-cause-hover{
    opacity: 1;
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.fancy-cause-hover > p {
    color: #818181;
    font-family: noto sans;
    font-size: 13px;
    letter-spacing: 0.2px;
    line-height: 24px;
    margin-bottom: 20px;
}
.fancy-cause-hover > span {
    color: #50504f;
    display: table;
    font-family: roboto;
    font-size: 14px;
    margin: 0 auto 20px;
}
.fancy-cause-hover > span strong {
    font-size: 18px;
}
.fancy-cause-hover > span i {
    color: #50504f;
    font-size: 18px;
    font-style: normal;
}
.fancy-cause-hover > span a {
    font-family: roboto;
    font-size: 11px;
    color: #FFF;
    background: black;
    border-radius: 3px;
    margin: 0 3px;
    padding: 6px 15px;
    display: inline-block;
}


.responsive-header {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
    float: left;
    left: 0;
    position: relative;
    top: 0;
    width: 100%;
    z-index: 100000;
    padding-bottom: 20px;
    display: none;

    -webkit-border-radius: 0 0 3px 0;
    -moz-border-radius: 0 0 3px 0;
    -ms-border-radius: 0 0 3px 0;
    -o-border-radius: 0 0 3px 0;
    border-radius: 0 0 3px 0;

    -webkit-box-shadow: 0 0 14px #4f4f4f;
    -moz-box-shadow: 0 0 14px #4f4f4f;
    -ms-box-shadow: 0 0 14px #4f4f4f;
    -o-box-shadow: 0 0 14px #4f4f4f;
    box-shadow: 0 0 14px #4f4f4f;
}
.responsive-logo {
    display: table;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
}
.responsive-logo a {
    float: left;
    width: 100%;
    color: #7F7F7F;
}
.responsive-logo a img {
    float: left;
    height: auto;
}
.responsive-logo a h1 {
    float: left;
    font-family: open sans;
    font-size: 22px;
    font-weight: 500;
    line-height: 40px;
    margin-left: 20px;
}
.responsive-header > span {
    background: none repeat scroll 0 0 rgba(240, 240, 240, 0.8);
    border-bottom: 1px solid #e7e7e7;
    color: #bfbfbf;
    float: left;
    font-size: 19px;
    margin-left: 10%;
    padding: 5px 10px;
    text-align: center;
    cursor: pointer;
    width: 80%;

    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}
.responsive-header > ul {
    background: none repeat scroll 0 0 rgba(240, 240, 240, 0.8);
    border-top: 1px solid #f7f7f7;
    float: left;
    margin-left: 10%;
    padding: 10px;
    display: none;
    position: relative;
    width: 80%;

    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    -o-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
.responsive-header > ul li {
    float: left;
    width: 100%;
}
.responsive-header > ul li a {
    border-bottom: 1px solid #e7e7e7;
    border-top: 1px solid #f7f7f7;
    color: #919191;
    float: left;
    font-family: roboto;
    font-size: 13px;
    letter-spacing: 0.2px;
    line-height: 12px;
    overflow: hidden;
    padding: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;

    -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;
}
.responsive-header > ul li:hover > a,
.responsive-header > ul li.opened > a{
    color: #2f8cff;
}
.responsive-header > ul li:first-child > a{
    border-top: 0;
}
.responsive-header > ul li:last-child > a{
    border-bottom: 0;
}
.responsive-header > ul ul {
    padding-left: 20px;
    border-bottom: 1px solid #e7e7e7;
    float: left;
    width: 100%;
    display: none;    
}

.drop-right:hover ul {
    left: 230px!important;
}
.modal{
    z-index:999999991;
}
.responsive-header i.icon-circle {
    display: none;
}
.wpb_layerslider_element {
    margin-bottom: 0px;
}
.toggle-header .icon-circle, .sticky .icon-circle, .middle-logo .icon-circle, 
.default-header .icon-circle {
    display: none;
}
.address header {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    position: relative;
    top: 0;
}
.submit-btn {
    background: #428bca !important;
}
.bg-plaid {
    background: url(/wp-content/uploads/2013/07/midsection.jpg) center center;
    background-size: 125%;
    background-repeat: none;	
}
.landing-page-header {
    background: #454545;
    width: 100%;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    margin-top: 15px;
    display: table;
}
.landing-page-header img {
    margin: 0 10px;
    float: left;
}
ul.landing-page { width: 100%; display: table; margin-bottom: 10px; list-style-type: none !important;}
ul.landing-page li { float: left; margin-right: 10px; margin-bottom: 10px;}

.pillar-posts ul {
    clear: both;
}
.attachment-post-thumbnail {
    max-width: 100%;
    min-width: 100%;
}
a.external1 {
    display: table;
    color: #16a1e7;
    text-decoration: underline;
}
a.external1 img {
    margin-right: 10px;
    border: 0;
}
.bullying-help-country {
    display: table;
    float: left;
    width: 33%;
    text-align: center;
}
.bullying-help-country h3 {
    color: #16a1e7;
    font-weight: bold;
}

.pillar-posts h2 {
    color: #0093ef;
    line-height: 27px;
    font-size: 20px;
}
.pillar-posts h3, .pillar-posts h4 {
    color: #16a1e7;
    font-weight: bold;
}
.pillar-posts h2 a, .pillar-posts h3 a, .pillar-posts h4 a {
    color: #16a1e7;
    text-decoration: underline;
}
.pillar-posts h2 a:hover, .pillar-posts h3 a:hover, .pillar-posts h4 a:hover {
    color: #888;
    text-decoration: none;
}
.pillar-posts strong, .pillar-posts strong a {
    color: #ea4a27 !important;
}
.pillar-posts strong a {
    text-decoration: underline !important;
}
.pillar-posts strong a:hover {
    color: #888 !important;
    text-decoration: none !important;
}
.pillar-posts .dashed-line {
    border-bottom: 1px dashed #c8c8c8;
    display: flex;
    line-height: 1px;
    margin-bottom: 15px;
}
.pillar-posts p {
    display: table;
    margin-bottom: 10px;
    text-align: justify;
}
.pillar-posts p a {
    color: #0093ef;
    text-decoration: underline;
}
.pillar-posts p a:hover {
    color: #888;
    text-decoration: none;
}
.pillar-posts ul {
    margin: 20px 0px 20px 40px;
    list-style-type: square;
}
.pillar-posts li {
    margin-bottom: 10px !important;
    text-align: justify;
}

/* infographic 1*/
#info-gram-1 .box:hover, #info-gram-2 .box:hover, #info-gram-3 .box:hover, #info-gram-4 .box:hover { background: none !important;} 
#info-gram-1{ background: #08080a; color: #ccc; width: 70%; margin: 0 auto; font-family: helvetica; font-size: 15px; display: table; padding: 10px; clear: both;}
#info-gram-1 .section { border-bottom: 2px solid #d73e4b; margin: 0 auto; display: table; padding: 5px;}
#info-gram-1 .header p { clear: none !important;}
#info-gram-1 .section h2 { 
    color: #FFF;
    float: left;
    font-family: Helvetica;
    font-size: 60px;
    line-height: 50px;
    margin-right: 10px;
    width: 237px;
    clear: none !important;
}
#info-gram-1 .section h2 span { float: right; font-size: 35px;}
#info-gram-1 .section h3 { font-size: 50px; font-family: Helvetica; color: #fff; line-height: 55px;}
#info-gram-1 .section .box { 
    float: left;
    min-height: 210px;
    margin: 30px 5px 5px;
    padding: 5px;
    width: 23%;
    border-radius: 0;
    box-shadow: none !important;
    background-color: none !important;
    border-width: 0 !important;
}
#info-gram-1 .section .box.white { background: #fff; border: 1px solid #fff;}
#info-gram-1 .section .box.white h3 { color: #000 !important;}
#info-gram-1 .section .box.white p { color: #d84450;}
#info-gram-1 .section .box.black { background: #08080a; border: 2px solid #d73e4b !important; /*width: 121px !important;*/}
#info-gram-1 .section .box.red { background: #d73e4b; border: 1px solid #d73e4b !important;}
#info-gram-1 .section .box.white, .section .box.black, .section .box.red { text-align: center;}
#info-gram-1 .section .box h5 { line-height: 22px; margin: 20px auto; color: #ccc; font-weight: bold; font-size: 18px;}
#info-gram-1 .circles-box { 
    float: left;
    margin: 20px 0 0;
    padding: 0;
    width: 50%;
}
#info-gram-1 .circles-box p { line-height: 15px;}
#info-gram-1 .red-circle { 
    color: #FFF;
    display: inline-block;
    margin-bottom: 10px;
}
#info-gram-1 .red-circle a { color: #fff;}
#info-gram-1 .red-circle strong { display: inline-block; float: left; text-align: center; margin-right: 5px;}
#info-gram-1 .circle-large strong {  
    background: none repeat scroll 0 0 #b21e2a;
    border-radius: 110px;
    float: left;
    font-size: 50px;
    height: 120px;
    margin-right: 10px;
    margin-top: -30px;
    padding-top: 50px;
    width: 122px;
}
#info-gram-1 .circle-large p { margin-top: 18px;}
#info-gram-1 .circle-medium strong {  
    background: none repeat scroll 0 0 #d73e4b;
    border-radius: 50px;
    float: left;
    font-size: 40px;
    height: 100px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: -20px;
    padding-top: 40px;
    width: 103px;
}
#info-gram-1 .circle-medium p { margin-top: 20px;}
#info-gram-1 .circle-small strong { 
    background: none repeat scroll 0 0 #f25a5a;
    border-radius: 50px;
    font-size: 25px;
    height: 65px;
    margin-left: 30px;
    margin-right: 10px;
    padding-top: 25px;
    width: 65px;
}
#info-gram-1 span.grey-separator { 
    border-bottom: 2px solid #232324;
    display: table;
    height: 5px;
    margin: 10px auto;
    width: 96%;
}
#info-gram-1 .square-white { background: #fff; color: #ff5050;}
#info-gram-1 .square-red { background: #d73e4b; color: #fff;}
#info-gram-1 .square-white, .square-red { 
    font-size: 55px;
    font-weight: bold;
    padding: 30px 5px;
    text-align: center;
}
#info-gram-1 p.grey-box {
    background: #949496;
    color: #000;
    float: left;
    font-size: 35px;
    padding: 10px;
    text-align: center;
    width: 45%;
    margin-top: 40px;
    line-height: 35px;
    clear: none !important;
}
#info-gram-1 h4 {
    background: url(assets/images/infograms/red-arrow.png) 0 0 no-repeat;
    color: #FFF;
    float: left;
    font-family: Helvetica;
    font-size: 30px;
    margin-right: 40px 10px 5px;
    width: 45%;
    text-indent: 35px;
    line-height: 33px;
    clear: none !important;
}
.red-color-p, .red-color-p a { color: #ff5050; margin-bottom: 15px;}
.white-color-p { color: #fff;}
.red-color-p, .white-color-p { font-size: 16px; font-weight: bold; line-height: 19px;}

/* infographic 2*/
#info-gram-2 { background: #faf6df url(../images/cold_facts_bg.gif) 0 0 no-repeat; color: #848484; font-family: Helvetica; width: 540px; margin: 0 auto; clear: both;}
#info-gram-2 .header { text-align: center; padding: 55px 10px 120px;}
#info-gram-2 .header h2 { color: #fff; font-family: 'Trebuchet MS'; font-size: 55px;}
#info-gram-2 .header h4 { color: #656869; font-size: 20px;}
#info-gram-2 .section { display: table; width: 100%;}
#info-gram-2 .title { background: #5fd3ea; color: #fff; border-radius: 0 5px 5px 0; font-family: 'Trebuchet MS'; font-size: 26px; padding: 10px 15px; display: inline-block; margin-bottom: 10px; line-height: 32px;}
#info-gram-2 .left-part { float: left; width: 350px;}
#info-gram-2 .right-part { float: right; width: 190px;}
#info-gram-2 .right-part ul { border: 4px solid #f2875d; border-width: 4px 0; margin: 10px;}
#info-gram-2 .right-part li { list-style: none; border-bottom: 4px solid #f6a23f; padding: 10px 0; text-align: center;}
#info-gram-2 .right-part li:first-child { border-bottom: 4px solid #f6c93f; border-width: 4px 0; padding: 10px 0;}
#info-gram-2 .right-part li:last-child { border-bottom: 0;}
#info-gram-2 .small-strips {
    background: linear-gradient(-75deg, #FAF6DF 25%, #BDDCD3 25%, #BDDCD3 50%, #FAF6DF 50%, #FAF6DF 75%, #BDDCD3 75%) repeat scroll 0 0 / 4px 15px rgba(0, 0, 0, 0);
    display: inline-block;
    font-size: 16px;
    margin: 20px 10px 20px 40px;
    padding: 5px;
    position: relative;
    text-align: center;
    width: 260px;
}
#info-gram-2 .small-strips img {
    float: left;
    margin: -20px 10px 0 -25px;
}
#info-gram-2 .small-strips p {
    margin: 0;
    display: table;
    text-align: left;
}
#info-gram-2 .large-strips {
    background: linear-gradient(-75deg, #FAF6DF 25%, #BDDCD3 25%, #BDDCD3 50%, #FAF6DF 50%, #FAF6DF 75%, #BDDCD3 75%) repeat scroll 0 0 / 6px 22px rgba(0, 0, 0, 0);
    font-size: 18px;
    font-weight: bold;
    margin: 0 auto 65px;
    padding: 5px 25px;
    position: relative;
    text-align: center;
    width: 80%;
}
#info-gram-2 .large-strips img {  
    left: -30px;
    position: absolute;
    top: 125px;}
#info-gram-2 .left-part .text-box { float: left; width: 45%; margin-left: 10px; margin-right: 5px; text-align: center;}
#info-gram-2 .left-part .text-box p { padding: 5px; text-align: center;}
#info-gram-2 .left-part .text-box.left p { background: #7dc1c9; color: #fff;}
#info-gram-2 .left-part .text-box.right p { color: #3c9c9b;}
#info-gram-2 p.orange-text { color: #fe6600; padding: 5px 20px; text-align: center;}
#info-gram-2 p.green-text { color: #3c9c3a; padding: 5px 20px; text-align: center;}
#info-gram-2 ul.platforms { display: table; margin: 0 auto; width: 95%;}
#info-gram-2 ul.platforms li { 
    color: #000;
    float: left;
    font-size: 15px;
    list-style: none outside none;
    margin: 10px;
    min-height: 100px;
    padding: 20px 10px;
    text-align: center;
    width: 46%;
    min-height: 130px;
}
#info-gram-2 ul.platforms li.orange, li.orange { background: #ff9900;}
#info-gram-2 ul.platforms li.blue, li.blue { background: #5fd3ea;}
#info-gram-2 ul.platforms li:last-child { margin-left: 135px; min-height: 60px; width: 220px;}
#info-gram-2 .orange-strips {
    background: linear-gradient(-75deg, #FAF6DF 25%, #FCC4A3 25%, #FCC4A3 50%, #FAF6DF 50%, #FAF6DF 75%, #FCC4A3 75%) repeat scroll 0 0 / 6px 22px rgba(0, 0, 0, 0);
    clear: both;
    color: #009999;
    display: table;
    font-size: 17px;
    font-weight: bold;
    margin: 30px auto 10px 90px;
    padding: 10px 11px 10px 60px;
    position: relative;
    text-align: center;
    width: 80%;
}
#info-gram-2 .orange-strips img { position: absolute; left: -60px; top: -20px;}
#info-gram-2 .clear { width: 100%; display: table; margin-bottom: 10px;}
#info-gram-2 .text-box { float: left; width: 45%; margin: 10px 13px; text-align: center;}
#info-gram-2 .text-box.blue { background-image: none !important; background-color: transparent !important;}
#info-gram-2 .text-box img { float: none; margin: 0 auto;}
#info-gram-2 .text-box p { padding: 5px; text-align: center;}
#info-gram-2 .text-box.blue p { background: #7dc1c9; color: #fff;}
#info-gram-2 .text-box.green p { background: #339966 !important; color: #fff !important; height: 75px; font-size: 14px; font-weight: bold;}
#info-gram-2 .text-box.orange p { background: #ff6600 !important; color: #fff !important; height: 75px; font-size: 14px; font-weight: bold;}
#info-gram-2 ul.bullying-effects { display: table; margin: 0 auto 30px; width: 90%;}
#info-gram-2 ul.bullying-effects li { list-style: none; color: #fff; text-align: center; padding: 10px; font-size: 15px;}
#info-gram-2 ul.bullying-effects li:first-child { margin-left: 60px; color: #000;}
#info-gram-2 ul.bullying-effects li:last-child { margin-right: 20px; background: #ff6600;}

/* infographic 3*/
#info-gram-3 { background: #fff; color: #000; font-family: Helvetica; border:10px solid #f66d7b; border-width: 10px 0; width: 100%; margin: 0 auto; clear: both;}
#info-gram-3 p { padding: 15px 25px; text-align: center; margin: 0;}
#info-gram-3 .section { display: table; width: 100%;}
#info-gram-3 .pink-background { 
    background: linear-gradient(-135deg, #f66d7b 5px, transparent 0) 0 5px, linear-gradient(135deg, #f66d7b 5px, #050505 0) 0 5px;
    background-color: #f66d7b; 
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: 15px 7px;
}
#info-gram-3 .green-background { 
    background: linear-gradient(-135deg, #afbe2d 5px, transparent 0) 0 5px, linear-gradient(135deg, #afbe2d 5px, #050505 0) 0 5px;
    background-color: #afbe2d; 
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: 15px 7px;
}
#info-gram-3 .black-background { 
    background: linear-gradient(-135deg, #050505 5px, transparent 0) 0 5px, linear-gradient(135deg, #050505 5px, #fff 0) 0 5px;
    background-color: #050505; 
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: 15px 7px;
}
#info-gram-3 .pink-text { color: #f66d7b; font-family: "Comic Sans MS", cursive; font-weight: bold; font-size: 20px; margin: 20px;}
#info-gram-3 .green-text { color: #afbe2d;}
#info-gram-3 .black-text { color: #050505;}
#info-gram-3 .white-text { color: #fff; font-family: comic sans ms; font-size: 20px; font-weight: bold;}

#info-gram-3 .header img { float: right;}
#info-gram-3 .header div { 
    color: #F66D7B;
    font-size: 50px;
    margin: 0 auto 10px;
    padding-top: 16px;
    text-align: center;
    line-height: 55px;
    font-weight: bold;
}
#info-gram-3 .header div span:first-child { color: #050505; font-size: 35px;}
#info-gram-3 .header div span:last-child { color: #afbe2d; font-family: 'Trebuchet MS'; font-size: 55px;}
#info-gram-3 .header p { font-size: 15px; text-align: justify;}

#info-gram-3 ul.pink {
    background: linear-gradient(135deg, #fff 5px, transparent 0) 0 5px, linear-gradient(-135deg, #fff 5px, #f66d7b 0) 0 5px;
    background-color: #f66d7b; 
    background-position: 11px 0;
    background-repeat: repeat-x;
    background-size: 15px 7px;
    display: table;
    font-family: comic sans ms;
    font-weight: bold;
    margin: 0;
}
#info-gram-3 ul.pink li { float: left; list-style: none; width: 27%;}
#info-gram-3 ul.pink li:first-child { width: 37%;}
#info-gram-3 ul.pink li:last-child { width: 36%;}
#info-gram-3 ul.pink .off-white-background { 
    background: linear-gradient(135deg, #050505 5px, transparent 0) 0 5px, linear-gradient(-135deg, #050505 5px, #f5ffbd 0) 0 5px;
    background-color: #f5ffbd; 
    background-position: 11px 0;
    background-repeat: repeat-x;
    background-size: 15px 7px;
}
#info-gram-3 ul.pink .red-background { 
    background: linear-gradient(-135deg, #f66d7b 5px, transparent 0) 0 5px, linear-gradient(135deg, #f66d7b 5px, #cc0000 0) 0 5px;
    background-color: #cc0000; 
    background-position: 11px 0;
    background-repeat: repeat-x;
    background-size: 15px 7px;
}
#info-gram-3 ul.pink .black-background {
    background: linear-gradient(-135deg, #fff 5px, transparent 0) 0 5px, linear-gradient(135deg, #fff 5px, #050505 0) 0 5px;
    background-color: #050505; 
    background-position: 6px 0;
    background-repeat: repeat-x;
    background-size: 15px 7px;
    padding: 10px;
}
#info-gram-3 ul.pink li:last-child img { margin: 10px 0;}
#info-gram-3 ul.pink li:last-child img.fact-number-left { margin: -10px 0 0 -15px !important;}
#info-gram-3 ul.pink .white-text { font-size: 16px; margin: 0;}
#info-gram-3 li.white-text img { margin: -65px auto 5px 40px;}
#info-gram-3 p.off-white-background img { margin-left: -170px; margin-top: -45px;}
#info-gram-3 p.off-white-background img.fact-number-right { float: right; margin: -70px -20px 0 0 !important;}
#info-gram-3 .section.green-background { min-height: 130px;}
#info-gram-3 .section.green-background img { float: right; margin-right: 10px;}
#info-gram-3 .section.green-background img.fact-number-left { margin: -20px 0 0 10px !important}
#info-gram-3 p.white-text img { margin-top: -45px; float: left; margin-right: 30px;}
#info-gram-3 .black-background p.white-text { padding-bottom: 20px; /*display: table;*/}
#info-gram-3 .section.pink-background { min-height: 215px; margin-top: 35px;}
#info-gram-3 img.float-right { float: right; margin: 10px 20px;}
#info-gram-3 img.pie-chart { float: right; margin: -25px -40px 10px 10px;}
#info-gram-3 img.girls-chart { float: right !important; margin:-20px 0 0 !important;}
#info-gram-3 img.fact-number-left { float: left !important; margin: 0 0 0 -15px !important;}

#info-gram-3 img.fact-number-right { float: right !important; margin: -15px -20px 0 0 !important;}

/* infographic 4*/
#info-gram-4 {
    background: #eaeedf;
    color: #fff;
    font-family: arial;
    width: 100%;
    margin: 0 auto;
    clear: both;
}

#info-gram-4 .header {
    border-left: 45px solid rgba(0, 0, 0, 0);
    border-right: 45px solid rgba(0, 0, 0, 0);
    border-top: 235px solid #6CBDE6;
    height: 0;
    width: 100%;
}
#info-gram-4 .header h2 {
    margin-top: -210px;
    text-align: center;
    font-size: 60px;
    border-bottom: 1px dashed #fff;
    color: #fff;
    line-height: 60px;
    font-weight: bold;
    margin-bottom: 20px;
}
#info-gram-4 .header h3 {
    font-family: Trebuchet MS;
    font-size: 17px;
    text-align: center;
    margin-top: 10px;
    color: #fff;
}
#info-gram-4 .section {
    display: table;
    width: 100%;
}
#info-gram-4 .gray-section {
    background: #d8dfc6;
}
#info-gram-4 .green-triangle {
    border-left: 15px solid rgba(0, 0, 0, 0);
    border-right: 15px solid rgba(0, 0, 0, 0);
    border-top: 303px solid #7FBCB3;
    height: 0;
    margin: 0 auto;
    width: 95%;
}
#info-gram-4 .green-triangle ul {
    margin-top: -268px;
    width: 100%;
    margin-left: 0;
}
#info-gram-4 .green-triangle li:first-child {
    text-align: left;
}
#info-gram-4 .green-triangle li {
    float: left;
    width: 33%;
    text-align: center;
    list-style: none;
    margin-bottom: 0;
}
#info-gram-4 .green-triangle h2 {
    color: #fff;
    font-weight: bold;
    margin-bottom: 10px;
}
#info-gram-4 .green-triangle li:first-child h2, #info-gram-4 .green-triangle li:last-child h2 {
    margin-top: 10px;
}
#info-gram-4 .green-triangle li:last-child {
    text-align: right;
}
#info-gram-4 .blue-triangle {
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-top: 450px solid #6cbde6;
    height: 0;
    margin: 0 auto;
    width: 92.6%;
    position: relative;
}
#info-gram-4 .green-triangle li:nth-child(2) h2 {
    display: table;
    margin-left: -65px;
    margin-top: -260px;
}
#info-gram-4 .green-triangle li:nth-child(2) div {
    border-left: 170px solid rgba(0, 0, 0, 0);
    border-right: 170px solid rgba(0, 0, 0, 0);
    border-top: 303px solid #50A7D3;
    height: 0;
    margin: -35px auto 0 0;
    width: 0;
}
#info-gram-4 .green-triangle li:nth-child(2) p {
    display: table;
    margin-left: -95px;
    margin-top: 20px;
    width: 175px;
}
#info-gram-4 ul.section3 {
    position: relative;
    z-index: 1000;
    margin: 0;
    width: 100%;
}
#info-gram-4 ul.section3 li:first-child {
    background: #a792c5;
    margin-left: 20px;
}
#info-gram-4 ul.section3 li {
    background: #77bee3;
    float: left;
    width: 48%;
    text-align: center;
    padding: 20px;
    list-style: none;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}
#info-gram-4 ul.section3 li h2 {
    font-size: 28px;
    font-weight: bold;
    color: #fff;
}
#info-gram-4 ul.section3 li p {
    padding: 0;
    font-size: 20px;
}
#info-gram-4 .blue-triangle {
    border-left: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-top: 450px solid #6cbde6;
    height: 0;
    margin: 0 auto;
    width: 92.6%;
    position: relative;
}
#info-gram-4 .blue-triangle ul {
    left: 10px;
    position: absolute;
    top: -290px;
    margin: 0;
    width: 100%;
}
#info-gram-4 .blue-triangle li {
    list-style: none;
    float: left;
    width: 50%;
}
#info-gram-4 .blue-triangle li:first-child div {
    border-left: 260px solid rgba(0, 0, 0, 0);
    border-right: 260px solid rgba(0, 0, 0, 0);
    border-top: 325px solid #50A7D3;
    height: 0;
    margin: -35px auto 0 85px;
    position: relative;
    width: 0;
    z-index: 20;
}
#info-gram-4 .blue-triangle li:first-child div h2 {
    display: table;
    margin-left: -131px;
    margin-top: -295px;
    text-align: center;
    width: 260px;
    color: #fff;
    font-weight: bold;
}
#info-gram-4 .blue-triangle li:first-child div p {
    display: table;
    margin-left: -85px;
    margin-top: 5px;
    text-align: center;
    width: 175px;
}
#info-gram-4 .blue-triangle li {
    list-style: none;
    float: left;
    width: 45%;
}
#info-gram-4 .blue-triangle li:last-child div {
    border-bottom: 325px solid #ccc;
    border-left: 235px solid rgba(0, 0, 0, 0);
    border-right: 235px solid rgba(0, 0, 0, 0);
    display: inline-block;
    height: 0;
    margin: -35px auto 0 0;
    position: relative;
    width: 0;
    z-index: 9;
}
#info-gram-4 .blue-triangle li:last-child div h2 {
    display: table;
    margin-left: -123px;
    margin-top: 170px;
    text-align: center;
    width: 260px;
    color: #fff;
    font-weight: bold;
}
#info-gram-4 .blue-triangle li:last-child div p {
    display: table;
    margin-left: -85px;
    margin-top: 5px;
    text-align: center;
    width: 183px;
}
.quote-slider-post {
    margin-bottom: 20px;
    clear: both;
    width: 100%;
    display: table;
    padding: 0px 20px;
}
.page-content blockquote {
    margin: 0px 0px 25px 40px;
    padding: 0px 30px 0 50px;
    background: url('http://nobullying.com/wp-content/themes/magazon-wp/assets/images/content-quote.png') no-repeat left 15px;
    border-left: none;
    font-style: italic;
}
.quote-slider-post .blue {
    color: #1489b5;
    font-family: 'Varela Round', sans-serif;
    font-style: normal !important;
    font-size: 18px;
    padding-top: 20px;
}
.quote-slider-post blockquote {
    margin: 0 !important;
}
.quote-slider-post .blue p { text-align: left;}

.mb-attribution2 {
    text-align: right;
    padding: 15px 80px 10px 20px;
    position: relative;
    margin-top: 25px;
}
.simple-author {
    font-family: 'Handlee', cursive;
    font-weight: 700;
    font-size: 14px;
    color: rgba(90, 90, 90, 1);
    text-shadow: 0 1px 1px rgba(255,255,255,0.7);
    text-align: right !important;
}
.mb-thumb2 img {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    right: 10px;
    bottom: 10px;
}
blockquote {
    margin: 1.5em 10px !important;
    border-bottom: 1px solid #E5E5E5;
}
.badges-container {
    display: table;
    width: 100%;
}
.badges-container h3 {
    color: #16A1E7;
    font-weight: bold;
}
.badge-block {
    display: table;
    float: left;
    width: 25%;
    text-align: center;
    font-size: 13px;
    margin-bottom: 10px;
}
.badge-block input {
    border: 1px solid #DEDEDE;
    color: #929292;
    font-size: 12px;
    padding: 5px;
    width: 200px;
}
.image-pad {
    padding: 3em 0 0 0;
    margin: 0 0 0 0;
}
.image-pad img {
    max-width: 100% !important;
}
.image-pad .wpb_content_element {
    margin-bottom: 0;
}
.cyberbully-link {
    float: right;
    margin-right: 0.2em;
}
.cyberbully-link img {
    max-width: 8.5em;
    margin-top: 0.6em;
}
.hea-up {
    padding: 0 0 1em 0;
}

.headsup-desktop {
    display: none;
}
.headsup-smart {
    display: block;	
}

@media screen and (min-width: 600px) {
    .headsup-desktop {
        display: block;
    }
    .headsup-smart {
        display: none;
    }
}


ul.social-list {
    list-style: none;
    margin: 2em 0 0 0;
}
ul.social-list li {
    margin: 0.15em 0;
    padding: 0.25em 0;
    border-top: 1px solid #444;
    font-size: 1.2em;
    font-weight: 600;
    position: relative;
}
ul.social-list li img {
    margin: 0.2em 5em 0 0.5em;
}
ul.social-list li:before {
    content: ' ';
    position: absolute;
    background: url(../images/social-tick.png) no-repeat top left;
    width: 1.4em;
    height: 1.5em;
    top: 0.5em;
    left: 4.5em;
}
ul.social-list li:last-child {
    border-bottom: 1px solid #444;
}
.blue-btn a {
    background: #014782;
    display: inline-block;
    padding: 1em;
    color: #FFF;
    font-weight: 700;
    font-size: 1.5em;
    margin: 0.2em 0;
    clear: both;
    position: relative;
    width: 90%;
    text-align: center;
    border-radius: 0.4em;
}
.blue-btn a:hover {
    background: #006bc5;
}
.hea-up img {
    max-width: 100%;
}
.hea-up h2 {
    font-weight: 300;
    line-height: 1.3em;
}
.hea-up h3 {
    font-weight: 500;
    line-height: 1.2em;
    font-size: 1.6em;
}

.hea-up p {

}
.hea-up-blue {
    background-image: url('http://nobullying.com/wp-content/uploads/2015/01/heads-up-blue-section.jpg');
    background-size: 100%;
    color: #FFF;
    min-height: 22em;
}
.hea-up-grey {
    background: #5e5e5e; /* Old browsers */
    background: -moz-linear-gradient(top,  #5e5e5e 0%, #2b2b2b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5e5e5e), color-stop(100%,#2b2b2b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #5e5e5e 0%,#2b2b2b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #5e5e5e 0%,#2b2b2b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #5e5e5e 0%,#2b2b2b 100%); /* IE10+ */	
    background: linear-gradient(to bottom,  #5e5e5e 0%,#2b2b2b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e5e5e', endColorstr='#2b2b2b',GradientType=0 ); /* IE6-9 */
    color: #FFF;
}

.flat-row {
    padding: 0 0 !important;
    height: 1em;	
}

.button-row {
    padding: 0 0 1em 0 !important;
    margin: 0 !important;
}
.button-row .col-md-4 {
    padding: 0;	
    margin-bottom: 0;
}
.hea-up-grey ul {
    list-style: none;
    margin: 0.3em 0 1em 0;
    display: inline-block;
}
.hea-up-grey ul li {
    margin: 0 0 0 0;
    font-size: 1em;
    width: 50%;
    float: left;
    display: inline-block;
    padding: 0 0 0em 0;
}
.hea-up-grey ul li:before {
    content: "•";
    color: #008aff;
    padding: 0 0.5em 0 0;
    font-size: 1.4em;
}
.hea-up-white {

}
.hea-up-white img {
    margin-bottom: 2em !important;
    max-height: 17em;
    width: auto;
}
.hea-up-white ul {
    list-style: none;
    margin: 0.5em 0;
    padding: 0 0.2em 0 0;
    font-size: 1.0em;
}
.hea-up-white ul li {
    margin: 0 0 0 0;
    display: inline-block;
    padding: 0 0 0.2em 0;
}
.hea-up-white ul li:before {
    content: "•";
    color: #008aff;
    padding: 0 0.5em 0 0;
    font-size: 1.4em;
}
.subscribe-box {

}
.subscribe-box h4 {
    text-align: center;
    margin: 0.3em 0 1.5em 0;
}
.subscribe-box .wpb_wrapper {
    background-color: #FFF;
    color: #272727;
    background-image: url('http://nobullying.com/wp-content/uploads/2015/01/subscribe-background.png');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 100%;
    min-height: 35em;
}
.subscribe-box h2 {
    color: #e50000;
}
.subscribe-box h3 {
    color: #FFF;
    padding: 0.3em;
    font-size: 2.5em;
    margin-bottom: 1.5em;
}
.subscribe-box p {
    font-size: 1.1em;
    margin: 0 0 0.5em 0;
    color: #666;
    font-weight: 400;
}
.subscribe-column {
    margin: 0 0 2em 0;	
}
.subscribe-button {

}
.subscribe-button a {
    background: #E50000;
    display: inline-block;
    padding: 1em;
    color: #FFF;
    font-weight: 700;
    font-size: 1.5em;
    margin: 0;
    clear: both;
    position: relative;
    width: 100%;
    text-align: center;
    border-radius: 0.4em;
}
.subscribe-button a:hover {
    background: #901313;
}
.hea-up-normal .wpb_content_element.wpb_tabs, .hea-up-normal  .wpb_tour_tabs_wrapper .wpb_tab {
    background-color: transparent !important;
    border: 0 none !Important;
}
.hea-up-normal li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active
{
    background-color: #169dd7;
    border: 0 none;	
    outline: none;
}
.hea-up-normal li.ui-state-default.ui-corner-top.ui-tabs-active.ui-state-active a
{
    color: #FFF;
}
.hea-up-normal .wpb_content_element .wpb_tabs_nav li
{
    border: 0 none;
    outline: none;
    background: #0060b0;	
}
.hea-up-normal .wpb_content_element .wpb_tabs_nav li.ui-tabs-active, .hea-up-normal .wpb_content_element .wpb_tabs_nav li:hover {
    border: 0 none;
    outline: none;
    background: #0060b0;	
}
.hea-up-normal .wpb_content_element .wpb_tabs_nav {
    margin: 0 0 2em 0;
}

.top-bar {
    display: none;
}
.top-bar a {
    background: #99cc00;
    padding: 0.6em 2.5em;
    color: #FFF;
    font-weight: 700;
    font-size: 1.1em;
    display: inline-block;
    position: relative;
    top: 0.5em;
    width: 100%;
    text-align: center;
}
.top-bar a:hover {
    background: hsla(72,87%,35%,1.00);	
}
.top-bar {
    width: 100%;
    position: fixed;
    top: 0;
    min-height: 7em;
    background: #232323;
    z-index: 9999;
    padding: 1.2em 0;
}
.top-bar img {
    max-width: 12em;
    margin-top: 30px;
}
.top-bar h3 {
    color: #FFF;
    font-size: 1.6em;
    margin: 0 0 0.2em 0;
    font-weight: 400;
}
.top-bar p {
    color: hsla(0, 0%, 64%, 1);
    font-size: 1.0em;
}

.ebooks-container {
    font-family: Tahoma;
    font-size: 14px;
    width: 100%;
}
.ebooks-container p {
    text-align: justify;
}
.ebooks-container .left-col {
    float: left;
    width: 74%;
    margin-right: 15px;
}
.ebooks-container .right-col {
    float: right;
    width: 24%;
}
.ebooks-container .left-col h1 {
    color: #16a1e7;
    font-size: 27px;
    margin-bottom: 10px;
}.ebooks-container .left-col h2 {
    /*color: #16a1e7;*/
    font-size: 22px;
    margin-bottom: 20px;
}
.ebooks-container .left-col h3 {
    color: #454545;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 0;
}
.ebooks-container .left-col h4 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 20px;
}
.ebooks-container .left-col h5, .ebooks-container .right-col h5 {
    color: #16a1e7;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}
.ebooks-container .left-col ol {
    margin: 10px 0 0;
    padding-left: 15px;
    display: table;
}
.ebooks-container .left-col ol li {
    margin: 0;
}
.ebooks-container .left-col .alignleft{ float: left; margin-right: 20px;}
.ebooks-container .right-col h4 {
    font-size: 18px;
    font-weight: bold;
    line-height: 25px;
}
.ebooks-container .right-col form {
    background: none repeat scroll 0 0 #e5e5e5;
    display: table;
}
.ebooks-container .right-col form label {
    font-weight: bold;
}
.ebooks-container .right-col form input[type="text"] {
    border: 0 none;
    height: 30px;
    margin: 10px 0 0;
    padding: 5px;
    /*width: 230px;*/
}
.ebooks-container .right-col form input[type="button"] {
    background: url("http://nobullying.com/wp-content/uploads/2014/01/book-download-btn.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    color: #ffffff;
    cursor: pointer;
    font-size: 20px;
    font-weight: bold;
    padding: 18px 35px 18px 55px;
    text-shadow: -1px -1px #999;
}
.ebooks-container .form-container {
    background: none repeat scroll 0 0 #e5e5e5;
}

.book-subscribe-1 {
    background: none repeat scroll 0 0 #e5e5e5;
    display: table;
    font-family: arial;
    margin-left: 0;
    width: 100%;
}
.book-subscribe-1 p.form-title {
    background: none repeat scroll 0 0 #333;
    box-shadow: 0 7px 8px -7px #000000;
    color: #fff;
    float: none;
    font-size: 30px;
    font-weight: bold;
    margin: 0;
    padding: 10px 15px;
    width: auto;
}
.book-subscribe-1 h4 {
    font-size: 18px;
    margin-bottom: 0;
    padding: 10px;
}
.book-subscribe-1 p {
    color: #2b2b2b;
    float: left;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    line-height: 35px;
    margin: 35px 5px 10px;
    text-align: center;
    width: 140px;
}
.book-subscribe-1 p span {
    color: #e02f2f;
    font-size: 50px;
    font-weight: bold;
}
.b-num {
    color: green !important;
    font-size: 30px !important;
    font-weight: bold;
}
.b-spamfree {
    color: #999 !important;
    font-size: 10px !important;
    font-weight: normal !important;
}
.book-subscribe-1 .book-cover-ad {
    display: table;
    position: relative;
}
.book-subscribe-1 .book-cover-ad img:first-child {
    left: 35px;
    position: absolute;
    top: 130px;
}
.widget_wysija label {
    color: #333;
    font-size: 17px;
    font-weight: bold;
}
.widget_wysija input[type="text"] {
    border: 1px solid #c1c1c1;
    color: #6e6e6e;
    padding: 10px 5px;
    width: 100%;
}
.widget_wysija input[type="submit"] {
    background: -moz-linear-gradient(center top , #6ac00f, #4c8b0a) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #257007;
    border-radius: 5px;
    box-shadow: 0 0 2px #7dc611 inset;
    color: #fff;
    cursor: pointer;
    display: table;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    margin: 0 auto 20px;
    padding: 10px 45px;
}
.widget_wysija input[type="submit"]:hover {
    color: #333;
    text-shadow: 0 1px 0 #fff;
}
.widget_wysija .wysija-paragraph { padding: 15px;}
.widget_wysija .wysija-required { color: red !important;}

.top-blogs {
    display: table;
    list-style: outside none none !important;
    margin-left: 0 !important;
    width: 100%;
}
.top-blogs li {
    background: url("http://nobullying.wpengine.netdna-cdn.com/wp-content/uploads/2014/03/blue-circle-icon.png") no-repeat scroll 0 5px rgba(0, 0, 0, 0);
    border-bottom: 1px dashed #c8c8c8;
    margin-bottom: 10px !important;
    padding-bottom: 10px;
    padding-left: 25px;
}
.top-blogs h3 {
    color: #16a1e7;
    display: table;
    font-size: 30px;
    font-weight: bold;
    margin-top: -15px;
    text-align: center;
    width: 100%;
}
.badges-container {
    display: table;
    width: 100%;
}
.badges-container h3 {
    color: #16A1E7;
    font-weight: bold;
}
.badge-block {
    display: table;
    float: left;
    width: 50%;
    text-align: center;
    font-size: 13px;
    margin-bottom: 10px;
}
.badge-block input {
    border: 1px solid #DEDEDE;
    color: #929292;
    font-size: 12px;
    padding: 5px;
    width: 200px;
}
.image-pad {
    padding: 2em 0 0 0;
    margin: 0 0 0 0;
}
.image-pad img {
    max-width: 100% !important;
}
.image-pad .wpb_content_element {
    margin-bottom: 0;
}
.blue-box {
    background: #004885;
    padding: 3em 2em;
    text-align: center;
    margin: 0 auto;
}
.blue-box p {
    display: none;
}
.blue-box h2 {
    font-weight: 200;
    letter-spacing: -0.03em;
}
.blue-box h3 {
    font-weight: 200;
    letter-spacing: -0.03em;
}
.red-bold {
    color: #EC1F55;
    font-weight: 800;
    letter-spacing: -0.03em;
}
.subscribe-box .blue-price {
    color: #004885;
}
.line-through {
    text-decoration: line-through;
}
.italic {
    font-style: italic;
}
.subscribe-box .price-bold {
    font-weight: 800;	
}
.subscribe-box .price-small {
    font-weight: 800;
    font-size: 0.9em;	
}
.heads-up-link {
    float: right;
    margin-right: 1em;
}
.heads-up-link img {
    max-width: 5.3em;
    margin-top: 0.2em;
}
.headsup-ad {

}
.headsup-ad img {
    max-width: 100%;	
}
.resource-block .wpb_wrapper {
    background: #E4E4E4;
    padding: 0.9em;
    border-radius: 0.6em;
}
.resource-block {
    padding: 1.5em !important;
    background: #E4E4E4;
    border-radius: 0.6em;
    height: 23em;
}
.resource-link {
    padding: 1.5em !Important;
    background: #3E8BD1;
    border-radius: 0.6em;
    height: 23em;
    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;	
}
.resource-link:hover {
    background: #1E71BD;
}
.resource-block p, .resource-link p {
    min-height: 1.3em;
    font-size: 1.0em !important;
    color: #333 !Important;
    margin: 0 !important;
}
.resource-block a, a.resource-download {
    background: #428bca;
    border-radius: 0.3em;
    padding: 0.5em 1em;
    color: #FFF;
    margin: 1em 0;
    display: inline-block;
}
a.resource-download {
    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
.resource-block h4 {
    font-size: 1.1em !important;
    color: #444;
    margin: 0 0 1.2em 0;
}
.resource-link p {
    text-align: center;
}
.resource-link h4 {
    font-size: 1.5em !important;
    margin: 0 0 1.7em 0;
    font-weight: 400;
    color: #E4E4E4;
}
.resource-link img {
    text-align: center;
    margin: 0 auto;
}
.resource-block a:hover, a.resource-download:hover {
    background: #FDD923;
    color: #222;
}
.resource-block img {
    max-width: 100%;
    min-width: 100%;
    max-height: 9em;
    min-height: 9em;
}
.resource-padd {
    padding: 0;
}
.home-padd {
    padding: 1.5em 0 0 0;
}
.home-padd-base {
    padding: 0 0 2.5em 0 !important;
}
a.resource-button {
    color: #FFF !important;
    -webkit-transition:all 0.4s ease 0s;
    -moz-transition:all 0.4s ease 0s;
    -ms-transition:all 0.4s ease 0s;
    -o-transition:all 0.4s ease 0s;
    transition:all 0.4s ease 0s;
}
a.resource-button:hover {
    color: #333 !important;
}
.headsup-ad {

}
.headsup-ad img {
    max-width: 100%;	
}
.resources-area {

}
.resources-area .ssbp-wrap {
    display: none;
}
.resources-area h3 {
    color: #222;
    line-height: 1.2em;
    font-size: 1.2em;
}
ul.resources-list {
    list-style: none;
    width: 100%;
}
ul.resources-list li {
    display: inline-block;
    margin: 0 0 1em 0;
    width: 100%;
}

ul.resources-list li a {

}
ul.resources-list img {

}
.col-image {
    width: 40%;
    float: left;
}
ul.resources-list h4 {
    font-size: 1.4em;
    margin: 0 0 0.3em 0;
}

.col-resource {
    width: 57%;
    float: left;
}

.badge-container {
    border-bottom: 1px solid #e5e5e5;
    display: table;
    height: 70%;
    margin-bottom: 10px;
    width: 100%;
}
.badge-container p { width: 100%; text-align: center !Important;}
.badge-container .badge {
    float: left;
    width: 30%;
    background: none !important;
    text-align: center;
}
.badge-right-container {
    float: right;
}
.badge-right {
    float: left;
    margin-right: 20px;
    margin-top: 30px;
    text-align: center;
}
.badge-right img {
    padding-left: 20px;
}
.badge input {
    background: none repeat scroll 0 0 #f0f0f0;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #5a5858;
    display: inline-block;
    font-size: 13px;
    height: 22px;
    line-height: 18px;
    margin-bottom: 20px;
    padding: 4px;
    width: 200px;
}
.badge-right input {
    background: none repeat scroll 0 0 #f0f0f0;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #5a5858;
    display: inline-block;
    font-size: 13px;
    height: 22px;
    line-height: 18px;
    margin-bottom: 20px;
    margin-top: 50px;
    padding: 4px;
}
.image-size {
    color: #aaa9a9;
    font-size: 10px;
    margin: 0 auto;
}
.badge2 {
    float: left;
    width: 33%;
    margin-top: 15px;
    text-align: center;
}
.badge2 input {
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #5a5858;
    display: inline-block;
    font-size: 13px;
    height: 22px;
    line-height: 18px;
    margin-bottom: 20px;
    padding: 4px;
    width: 350px;
}
.badge-right2 {
    float: left;
    margin-right: 10px;
    width: 25%;
    margin-top: 25px;
    text-align: center;
}
.badge-right2 input {
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #5a5858;
    display: inline-block;
    font-size: 13px;
    height: 22px;
    line-height: 18px;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 4px;
    width: 180px;
}
img.size-full, img.size-medium, .pillar-posts img { height: auto; max-width: 100%;}
.related-posts { 
    float: left;
    margin-right: 10px;
    width: 18%;
}
#social_comments_control { width: 100%; display: table; clear: both;}

/* -- responsive issues -- */
@media screen and (width: 240px), screen and (width: 320px), 
screen and (width: 360px), screen and (width: 365px), 
screen and (width: 480px), screen and (width: 584px), 
screen and (width: 600px), screen and (width: 640px) {
    .attachment-post-thumbnail { height: auto;}
    .bullying-help-country { width: 100%;}
    .ebooks-container .left-col,
    .ebooks-container .right-col { float: none; width: 100%;}
    .widget_wysija input[type="submit"] {
        font-size: 14px !important;
        padding: 10px 45px !important;
        width: 90%;
    }
    #info-gram-2, #info-gram-2 .small-strips, #info-gram-2 ul.platforms { width: 100%;}
    #info-gram-2 .header h2 {font-size: 35px;}
    #info-gram-2 .right-part, #info-gram-2 .left-part {
        float: none;
        width: 100%;
    }
    #info-gram-2 .left-part .text-box {
        float: none;
        width: 93%;
    }
    #info-gram-2 .small-strips {margin: 20px 10px 20px 0;}
    #info-gram-2 .small-strips img {
        float: none;
        margin: -20px 10px 0 -1px;
    }
    #info-gram-2 .large-strips {width: 90%;}
    #info-gram-2 .large-strips img, #info-gram-2 .orange-strips img { display: none;}
    #info-gram-2 ul.platforms li {
        float: none; 
        width: 93%;
    }
    #info-gram-2 .orange-strips {
        margin: 30px auto;
        padding: 10px;
        width: 95%;
    }
    #info-gram-2 ul.platforms li:last-child { width: 93%; margin: 10px;}
    #info-gram-2 .text-box {
        float: none; 
        width: 90%;
    }
    #info-gram-1 .section h2 {font-size: 50px;}
    #info-gram-1 .section .box {
        float: none;
        min-height: auto;
        width: 100%;
    }
    #info-gram-1 .circles-box, #info-gram-1 h4, #info-gram-1 p.grey-box {
        float: none;
        width: 100%;
    }
    #info-gram-3 ul.pink li { float: none; width: 100%; padding: 10px;}
    #info-gram-3 ul.pink li:first-child, #info-gram-3 ul.pink li:last-child { width: 100%;}
    #info-gram-3 li.white-text img {
        margin: -10px auto 5px 40px;
    }
    #info-gram-3 p.white-text img { margin-top: -5px;}
    #info-gram-3 p.off-white-background img {
        margin-left: -100px;
        margin-top: 5px;
    }
    #info-gram-3 .green-background { padding: 10px;}
    #info-gram-3 .section.pink-background .white-text img, #info-gram-3 img.fact-number-left{ display: none;}
    #info-gram-3 img.girls-chart {
        float: none;
        margin: 5px;
    }
    #info-gram-3 p {padding: 15px;}
    #info-gram-4 .header {
        background: #6cbde6;
        border: 0 none;
        height: auto;
    }
    #info-gram-4 .header h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 20px;
    }
    #info-gram-4 .header h3 {
        font-size: 15px;
        padding: 10px;
    }
    #info-gram-4 .green-triangle {
        background: #7fbcb3;
        border: 0 none;
        height: auto;
        width: 100%;
    }
    #info-gram-4 .green-triangle ul { margin-top: 0;}
    #info-gram-4 .green-triangle li {
        float: none;
        width: 100%;
        padding: 10px;
    }
    #info-gram-4 .green-triangle li:nth-child(2){ background: #50a7d3;}
    #info-gram-4 .green-triangle li:nth-child(2) div {
        background: #50a7d3;
        border: 0 none;
        height: auto;
        margin: 0 auto;
        width: auto;
    }
    #info-gram-4 .green-triangle li:nth-child(2) h2 {
        margin-left: 0 !important;
        margin-top: 0 !important;
    }
    #info-gram-4 .green-triangle li:nth-child(2) p {
        margin-left: 0;
        margin-top: 0;
        width: auto;
    }
    #info-gram-4 .green-triangle li:last-child { text-align: left;}
    #info-gram-4 ul.section3 li { float: none; width: 100%;}
    #info-gram-4 ul.section3 li:first-child {margin-left: 0;}
    #info-gram-4 .blue-triangle {
        background: #6cbde6;
        border: 0 none;
        height: auto;
        margin: 0 auto;
        width: 100%;
    }
    #info-gram-4 .blue-triangle ul {
        left: 0;
        margin: 0;
        position: relative;
        top: 0;
        width: 100%;
    }
    #info-gram-4 .blue-triangle li {
        float: none;
        width: 100%;
    }
    #info-gram-4 .blue-triangle li:first-child div {
        background: none repeat scroll 0 0 #50a7d3;
        border: 0 none;
        height: auto;
        margin: 20px auto;
        position: relative;
        width: auto;
    }
    #info-gram-4 .blue-triangle li:last-child div {
        background: none repeat scroll 0 0 #ccc;
        border: 0 none;
        display: inline-block;
        height: auto;
        margin: 20px auto;
        position: relative;
        width: auto;
        z-index: 0;
    }
    #info-gram-4 .blue-triangle li:last-child div h2 {
        margin-left: 0;
        margin-top: 0;
        width: auto;
    }
    #info-gram-4 .blue-triangle li:last-child div p {
        margin-left: 0;
        margin-top: 45px;
        padding-bottom: 10px;
        width: auto;
    }
    .badge-container .badge, .badge-right, .badge2, .badge-right2 { width: 100%; float: none; margin-left: 0;}
    .badge-container p { width: 85%;}
    .badge-container input {width: 60%;}
    .badge-right img { padding: 0;}
}

/****************************************************************************/
/*** Social Buttons Plugin  ***/
.share_buttons_wrapper{
    text-align: center;
}
.ssbp-wrap{
    margin: 15px 0px;
    /*display: inline-block;*/
}
/* end */
/****************************************************************************/
/*** Top bar menu  ***/
.top-bar-responsive{
    display: none;
}
.top-bar-responsive span.icon{
    background: #fefefe;
    float: left;
    padding: 5px 10px;
    margin-top: 4px;
    cursor: pointer;
}
/* end */
/****************************************************************************/
/* Quotes Page */
.shareButtons{
    margin-left: 55px;
}
.shareButtons > div{
    display: inline-block;
}
.post-quote{
    padding-bottom: 10px;
    margin-bottom: 20px;
}
.post-quote blockquote{
    text-align: left;
}
/****************************************************************************/
/* Quotes Slider */
.quotes_slider{
    /*overflow: hidden;*/
}
/****************************************************************************/
/* Books Plugin */
.archive-title{
    margin-bottom: 30px;
    color: #428BCA;
    font-family: roboto;
    font-size: 22px;
    font-weight: 400;
}
/****************************************************************************/
/* Center Images at any post, there is a javascript code depend on this css
@author: abanoub */
.post_content img, .page_content img{
    display: inline-block;
}
/* Feature image at pages*/
.page_feature_image_wrapper{
    text-align: center;
}
.page_feature_image{
    min-width: 842px;
    max-width: 842px;
    min-height: 441px;
    max-height: 441px;
}
/****************************************************************************/
/* Bullets list for post */
.post_content li{
    list-style: square inside;
    text-indent: 20px;
    margin-bottom: 5px;
}
/****************************************************************************/
/* Profile Page */
.upme-help {
    color: #6495CB !important;
    letter-spacing: 1px;
    font-size: 13px;
    font-weight: bold;
}
.upme-error{
    display: block !important;
}
input[type="text"]:disabled {
    background: #E3E3E3;
}
.upme-hide-from-public{
    letter-spacing: 1px;
}
.upme-required{
    color: red !important;
}
.upme-note{
    margin-bottom: 20px;
}
#user-avatar-link{
    float: none !important;
}
ul[role=tablist] li.error{
    border: none !important;
}
a[title=SumoMe]{
    display: none !important;
}
/****************************************************************************/
/*custom error page */
.PageNotFound{
    background: url(404BG.jpg) no-repeat 50% 0% fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;   
}
.PagesToLinkTitle{
    color: #0080c6;
    line-height: 2em;
}
.PagesToLinkSub{
    color: #fff;
}
.PagesToLinkSub a{
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
}

div#rev_slider_1_1_wrapper  {
    background-color: #fff !important;
}

@media(max-width:980px){
    .sub-menu li:hover > ul{
        display: inline-block;
        /*overflow: 0;*/

    }
}