@-webkit-keyframes blinker { from {opacity:1.0;} to {opacity:0.0;} }
        @keyframes blinker { from {opacity:1.0;} to {opacity:0.0;} }

.blink {
   text-decoration:blink;

  -webkit-animation-name:blinker;
          animation-name:blinker;  
  -webkit-animation-iteration-count:infinite;  
          animation-iteration-count:infinite;  
  -webkit-animation-timing-function:cubic-bezier(1.0,0,0,1.0);
          animation-timing-function:cubic-bezier(1.0,0,0,1.0);
  -webkit-animation-duration:1s; 
          animation-duration:1s; 
}


.back{
	background-color:rgba(255,255,255,0.8);
	border-radius: 20px;
	
}
.white-color{
	color:#FFF;
}
.marg{
	margin: 5px;
}

.font1{
	font-family:Georgia, "Times New Roman", Times, serif;
}
.font2{
	font-family:Gabriola;
	font-size:40px;
	color:#F00;
	letter-spacing: 3px;
	text-decoration: blink;
}
.font3{
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:#000;
	text-decoration:none;
}
.font4{
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	color:#000;
	text-decoration:none;
}
.justify{
	text-align:justify;
}


/***************************************************************************
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
***************************************************************************/
/*** GENERAL STYLE  ***/
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%;
    padding-bottom:50px;
}
.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;
}

/*** TOP BAR ***/
#top-bar {
    float:left;
    width:100%;
    background-color:rgba(0, 0, 0, 0.85);
    margin:0;
	z-index:1;
	position:absolute;
}
#top-bar ul {
    margin:0;
}
#top-bar li{
    float:left;
    margin-right:73px;
    padding:12px 0 12px;
	color:#9d9b9b;
    font-family:'Roboto',sans-serif;
    font-size:10px;
    list-style:none outside none;
}
#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:180px;
}
.search-input{
	float:right;
    width:100px;
    height:20px;
    padding-right:10px;
	color:#666565;
    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;
}

.float-right{float:right;}

/*** Header  ***/

header{
    float:left;
    width:100%;
	background-color:rgba(255,255,255,0.9);
	z-index:1;
	
    position:absolute;
    top:38px ;
}

/*** LOGO ***/
.logo {
    background:url("../images/logo-border.png") no-repeat scroll center 75px transparent;
    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;

    -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 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 22px;
    font-family:roboto;
    font-size:14px;
    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:white; 
}
#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:-3px;
	
    -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.active > a:before{
    height:109%;
}
.menu ul li ul {
    width:230px;
    border-top:3px solid;
    display:none;
    float:left;
    background:none repeat scroll 0 0 rgba(255, 255, 255, 0.95);
	z-index:2;

    position:absolute;
    left:0;
    top:92px;
	
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
#menu-navigation li ul li {
    width:100%;
}
#menu-navigation li ul li{
	position:relative;
}
#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 #DFDFDF;
    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;
    display:none;
    background:none repeat scroll 0 0 #fff;

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

    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.menu ul.mega-menu {
    width: 460px;
}
.menu ul.mega-menu li ul{
	left:100%;
}
#menu-navigation li .mega-menu > li {
    width: 50%;
}
.menu ul li ul li ul.drop-right{
	left:-230px;
}
.ipadMenu {
    color: #7C7C7C;
    float: right;
    font-family: roboto;
    font-size: 12px;
    margin: 30px 0;
    width: 275px !important;
	display:none;
}


.block{
	float:left;
    width:100%;
    margin:60px 0 0;
	position:relative;
}


/*** Message Box ***/
#layerslider-container-fw{
	position:relative;
}
.message-box {
    bottom:2px;
    position:absolute;
    right:50px;
    width:360px;
}
.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:10px;
    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%;
}

/*** Testimonials ***/
.testimonial{
	float:left;
    width:100%;
    margin-top:50px;
	background: url(../images/s2.jpg) repeat scroll 0 0;
	
}
.testimonial h1{
	background-color: #DFDFE6;
	border-radius: 10px;
	padding:5px 5px 5px 5px;
}
.description{
	float:left;
	width:100%;
	margin-top:50px;
}
.description img{
	margin-top: 10px;
	margin-left:10px;
}
.description h1{
	background-color: #DFDFE6;
	border-radius: 10px;
	padding:5px 5px 5px 5px;
}

.deskback{
	background-color: rgba(220, 75, 58, 0.9);
}
.slideshow {
	position:relative;
}
.slideshow p {
    float:left;
    margin-bottom:0;
    margin-top:38px;
    color:#FFFFFF;
    font-family:Source Sans Pro;
    font-size:15px;
    line-height:27px;
    text-align:center;
}
.slideshow li.slide {
    list-style-type:none;
}
.slideshow .slides {
	height:240px;
	margin:0;
}
.slideshow .slides li.slide {
	visibility:hidden;

	position:absolute;
	left:0px;
	top:0;
}
.slideshow .buttons {
    display:table;
    margin:0 auto 20px;
    z-index:100;
}
.slideshow .buttons li {
    float:left;
    height:15px;
    width:15px;
    display:inline;
    margin:0 0 0 8px;
	border:3px solid #7C7C7C;
    background:none repeat scroll 0 0 #FFFFFF;
	
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    -ms-border-radius:50%;
    -o-border-radius:50%;
    border-radius:50%;	
}
.slideshow ul.buttons li.active a:hover,
.slideshow ul.buttons li.active {
	border:3px solid;
}

.carusal-image-thumb img {
    height:100px;
    width:100px;
    float:left;
    border:4px solid #FFFFFF;
	
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    -ms-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
}

.carusal-image-thumb {
    display:table;
    margin:-44px auto 0;
    min-width:270px;
}
.carusal-image-thumb strong {
    float:left;
	margin-left:10px;
    color:#414040;
    font-family:roboto;
    font-size:15px;

    position:relative;
    top:75px;
}
.carusal-image-thumb-name {
    float:left;
    margin-left:5px;
    color:#FFFFFF;
    display:block;
    font-family:roboto;
	font-weight:500;

    position:relative;
    top:75px;
}

.carusal-slider{
	float:left;
    margin-top:34px;
}
#carousel span, #thumbs a, #thumbs img {
    float:left;
    width:100%;
}
#carousel-wrapper {
    float:left;
	width:100%;
}

#thumbs-wrapper {
    float:left;
	width:100%;
    padding:20px 27px 0px;
    position:relative;
	background:none repeat scroll 0 0 #F0EEEE;

    -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:80px;
    width:100%;
}
#wrapper img#shadow {
	width:100%;

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

a.donate-btn {
	background-image:linear-gradient(bottom, rgb(79,192,170) 15%, rgb(79,192,170) 81%);
	background-image:-o-linear-gradient(bottom, rgb(79,192,170) 15%, rgb(79,192,170) 81%);
	background-image:-moz-linear-gradient(bottom, rgb(79,192,170) 15%, rgb(79,192,170) 81%);
	background-image:-webkit-linear-gradient(bottom, rgb(79,192,170) 15%, rgb(79,192,170) 81%);
	background-image:-ms-linear-gradient(bottom, rgb(79,192,170) 15%, rgb(79,192,170) 81%);
	background-image:-webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.15, rgb(79,192,170)),
		color-stop(0.81, rgb(79,192,170))
	);
	


	display:table;
    margin:0 auto;
    padding:10px 0;
    color:#FFFFFF;
    width:130px;
	font-family:roboto;
    font-size:14px;
    line-height:10px;
    text-align:center;
	
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
	-ms-border-radius:50px;
	-o-border-radius:50px;
	border-radius:50px;
	
	-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;
}
a.donate-btn:hover {
	background-image:linear-gradient(bottom, rgb(220,75,58) 15%, rgb(220,75,58) 81%);
	background-image:-o-linear-gradient(bottom, rgb(220,75,58) 15%, rgb(220,75,58) 81%);
	background-image:-moz-linear-gradient(bottom, rgb(220,75,58) 15%, rgb(220,75,58) 81%);
	background-image:-webkit-linear-gradient(bottom, rgb(220,75,58) 15%, rgb(220,75,58) 81%);
	background-image:-ms-linear-gradient(bottom, rgb(220,75,58) 15%, rgb(220,75,58) 81%);
	background-image:-webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.15, rgb(220,75,58)),
		color-stop(0.81, rgb(220,75,58))
	);
	width:140px;
}




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

#prev, #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;	
}
#prev i, #next i {
    color:#FFFFFF;
    line-height:35px;
}
#prev {
	background-position:205px -105px;
    left:0;
}
#next {
	background-position:-154px -34px;
	right:0px;
}	
#prev:hover { 
    background-image:url("../images/sprite.png");
	background-position:205px -105px;
}
#next:hover {
    background-image:url("../images/sprite.png");
	background-position:-154px -34px;
}

#prev.disabled, #next.disabled {
	display:!important;
}

/*** Services ***/
.webservices{
	float:left;
    width:100%;
    margin-top:65px;
	background:url("../images/background.jpeg") repeat scroll 0 0;
}
.webservices h2{
	
	background-color: #DFDFE6;
	border-radius: 10px;
	padding:5px 5px 5px 5px;
	margin-top:10px;
	margin-bottom:-15px;
	font-size:20px;
	font-weight:300;
}
	
.white{
	color: #FFF;
	font-size:36px;
	font-weight:800;
	text-align:center;
}


.center{
	text-align:center;
	margin-top:18px;
}

/* circle hover */

@charset "utf-8";
.ch-grid {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
    display: block;
    text-align: center;
    width: 100%;
}
 
.ch-grid:after,
.ch-item:before {
    content: '';
    display: table;
}
 
.ch-grid:after {
    clear: both;
}
 
.ch-grid li {
    width: 200px;
    height: 200px;
    display: inline-block;
    margin: 20px;
}

.ch-item1 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    cursor: default;
    box-shadow: 
        inset 0 0 0 3px rgba(255,0,0,0.6),
        0 1px 2px rgba(0,0,0,0.1);
    transition: all 0.4s ease-in-out;
}
.ch-item2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    cursor: default;
    box-shadow: 
        inset 0 0 0 3px rgba(0,255,0,0.6),
        0 1px 2px rgba(0,0,0,0.1);
    transition: all 0.4s ease-in-out;
}
.ch-item3 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    cursor: default;
    box-shadow: 
        inset 0 0 0 3px rgba(0,0,255,0.6),
        0 1px 2px rgba(0,0,0,0.1);
    transition: all 0.4s ease-in-out;
}

.ch-img-1 { 
    background-image: url(../images/webdesign.jpg);
}
 
.ch-img-2 { 
    background-image: url(../images/seoservices.jpg);
}
 
.ch-img-3 { 
    background-image: url(../images/webtraining.jpg);
}

.ch-info {
    position: absolute;
    background: rgba(220,75,58,0.9);
    width: inherit;
    height: inherit;
    border-radius: 50%;
    overflow: hidden;
    opacity: 0;
    transition: all 0.4s ease-in-out;
    transform: scale(0);
}

.ch-info h3 {
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 22px;
    margin: 0 30px;
    padding: 45px 0 0 0;
    height: 140px;
    font-family: 'Open Sans', Arial, sans-serif;
    text-shadow: 
        0 0 1px #fff, 
        0 1px 2px rgba(0,0,0,0.3);
}

.ch-info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 0 10px;
    font-size: 12px;
    border-top: 1px solid rgba(255,255,255,0.5);
    opacity: 0;
    transition: all 1s ease-in-out 0.4s;
}

.ch-info p a {
    display: block;
    color: rgba(255,255,255,0.7);
    font-style: normal;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 9px;
    letter-spacing: 1px;
    padding-top: 4px;
    font-family: 'Open Sans', Arial, sans-serif;
}
 
.ch-info p a:hover {
    color: rgba(255,242,34, 0.8);
}

.ch-item1:hover {
    box-shadow: 
        inset 0 0 0 1px rgba(220,75,58,0.9),
        0 1px 2px rgba(0,0,0,0.1);
}

.ch-item1:hover .ch-info {
    transform: scale(1);
    opacity: 1;
}

.ch-item1:hover .ch-info p {
    opacity: 1;
}
.ch-item2:hover {
    box-shadow: 
        inset 0 0 0 1px rgba(220,75,58,0.9),
        0 1px 2px rgba(0,0,0,0.1);
}

.ch-item2:hover .ch-info {
    transform: scale(1);
    opacity: 1;
}

.ch-item2:hover .ch-info p {
    opacity: 1;
}
.ch-item3:hover {
    box-shadow: 
        inset 0 0 0 1px rgba(220,75,58,0.9),
        0 1px 2px rgba(0,0,0,0.1);
}

.ch-item3:hover .ch-info {
    transform: scale(1);
    opacity: 1;
}

.ch-item3:hover .ch-info p {
    opacity: 1;
}


/*** //// FOOTER STYLING ///////
///////////////////////////////////////////// ***/
footer {
    float:left;
    width:100%;
    overflow:hidden;
    padding:55px 0 70px;
	position:relative;
    background:url("../images/footer-bg.png") repeat scroll 0 -50px rgba(0, 0, 0, 0.9);
	background-size:100% 100%;
}
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;
}
.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:15px;
    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;
	position:relative;
}
.footer_carousel li {
    float:left;
    width:270px;
	margin-right:10px;
	padding-left:5px;
}
#pager2 {
    bottom:-37px;
    margin:0;

    position:absolute;
    right:0;
    top:auto;
}
#pager2.pager a {
    float:left;
    height:5px;
    width:15px;
    background:none repeat scroll 0 0 #5B5A5A;
    margin-right:5px;
	color:transparent;
}
#pager2.pager a.selected{
	background:#fff;
}
.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 {
    padding-bottom:10px;
    padding-left:15px;
    margin-bottom:0;
    border-left:1px solid #6F6F6F;
    color:#969595;
    font-family:roboto;
    font-size:12px;
    letter-spacing:0.2px;
    line-height:24px;
	position:relative;
}
.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:1;
	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 {
    float:left;
    width:100%;
    color:#CCCCCC;
    font-family:roboto;
    font-size:12px;
    font-weight:600;
    line-height:12px;
    margin-bottom:10px;
}
.contact-details li span i{
	margin-right:10px;
}
.contact-details li p {
    float:left;
    width:100%;
    color:#969595;
    font-family:roboto;
    font-size:12px;
    margin-bottom:25px;
}

/*** 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:#FFFFFF;
    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:none repeat scroll 0 0 rgba(255, 255, 255, 0.66);
	
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;

    -webkit-box-shadow:1px 1px 2px #8D8D8D inset;
    -moz-box-shadow:1px 1px 2px #8D8D8D inset;
    -ms-box-shadow:1px 1px 2px #8D8D8D inset;
    -o-box-shadow:1px 1px 2px #8D8D8D inset;
    box-shadow:1px 1px 2px #8D8D8D inset;
}
.newsletter:before {
    content:"";
    width:100%;
    height:100%;

    position:absolute;
    left:0;
    top:-100%;
}
.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 {
    display:table;
    width:80%;
    border:1px solid #C1E4A1;
    color:#323131;
    font-family:roboto;
    font-size:11px;
    margin:0 auto;
    padding:10px;
    text-transform:uppercase;
    background:none repeat scroll 0 0 rgba(255, 255, 255, 0.66);

    -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:1px solid #fff;
    border-top:1px solid #171616;
	background:none repeat scroll 0 0 #323131;
}
.footer-bottom p {
    color:#969595;
    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:#969595;
    font-family:roboto;
    font-size:12px;
}

.footer-bottom a:hover {
	color:#fff;
}



/* marquee */

   .myMarquee {
            
            width: 100%;
            
            text-align: right;
            -webkit-marquee-direction: forwards;
            -webkit-marquee-increment: 6px;
            -webkit-marquee-repetition: infinite;
            -webkit-marquee-speed: fast;
        }

        .scroll {
            -webkit-marquee-style: scroll;
        }

        .slide {
            -webkit-marquee-style: slide;
        }
		
		/*serach result found */
		
		.top-image {
    float:left;
    height:350px;
    width:100%;
}
.top-image > img {
    height:100%;
    width:100%;
}
.top-image1{
	float:left;
	height:200px;
	width:100%;
}
.top-image1 > img{
	height:100%;
	width:100%;
}
.page {
    float:left;
    width:100%;
    margin-top:70px;
    position:relative;
}
.page-title {
    float:left;
    width:100%;
}
.page-title h1 {
    padding:20px 60px;
    color:#2D2D2D;
    float:left;
    font-family:roboto;
    font-size:30px;
    font-weight:500;
    line-height:23px;
    background:none repeat scroll 0 0 #FFFFFF;

    position:absolute;
    top:-122px;
	
    -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;
	
}
.page-title h1 span{
	font-weight:300;
}

/* ABOUT US */

.about-company {
    float:left;
	width:100%;
    margin:70px -15px 0;
}
.about-company-desc h2 {
    color:#707070;
    font-family:roboto;
    font-size:20px;
    font-weight:400;
    letter-spacing:0.2px;
    line-height:30px;
    text-transform:uppercase;
}
.about-company-desc h2 span{
	color:#98d460;
    font-weight:300;
}
.about-company-desc.col-md-7 > p {
    color:#818181;
    font-family:open sans;
    font-size:13px;
    line-height:22px;
    margin-top:20px;
}
.about-company-desc > ul {
    float:left;
    width:100%;
}
.about-company-desc.col-md-7 ul li {
    float:left;
    width:113px;
    margin-right:45px;
    padding:45px 0;
    background:url("../images/hexagon-sea-green.png") no-repeat scroll 0 0 transparent;
    text-align:center;
}
.about-company-desc.col-md-7 li h6 {
    margin-bottom:5px;
    padding:0 20px;
    font-family:roboto;
    font-size:30px;
    font-weight:300;
    line-height:23px;
}
.about-company-desc li span {
    float:left;
	width:100%;
    padding:0 13px;
    color:#CCCBCB;
    font-family:roboto;
    font-size:10px;
    text-transform:uppercase;
}
.about-company-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-company-video img {
    width:100%;
}
.about-company-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-company-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-company-video a span {
    width:40px;
    height:40px;
    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:47%;
    top:47%;
	
    -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-company-video a span i{
	color:#fff;
}
.about-company-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);
}







/** LAST CSSS STYLING FINALLY **/
#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,
.donate-button,
.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,
#prev:hover,
#next:hover,
.need,
.our-project-box .row > div:hover .icon-box,
.collected > span,
.welcome-box ,
.flags-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{
	background-color:#4fc0aa;
}
.message-box-title > span,
.countSeconds,
.welcome-box span{
	background-color:#32a48e;
}
.slideshow ul.buttons li.active a:hover,
.slideshow ul.buttons li.active {
	border-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{
	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-company-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-list 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
{
	color:#4fc0aa;
}

.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,
.post-image:before{
    background-color:rgba(79, 192, 170, 0.9);
}
.event-post-image:after{
    border-bottom-color:rgba(79, 192, 170, 0.9);
}


.about-company-desc.col-md-7 ul li:hover{
    background:url("../images/hexagon-red.png") no-repeat scroll 0 0 transparent;
}
.sidebar-list li a:hover {
    background:url("../images/list-arrow-sea-green.png") no-repeat scroll 34px center #FCFCFB;
}
.error-page-search > a,
.order-reveived a {

    background:url("../images/link-arrow-sea-green.png") no-repeat scroll right center transparent;
}


/*** 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:23px;
}
.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;
}
.block.work-section {
    background:none repeat scroll 0 0 #F9F9F9;
    margin-bottom:-60px;
    margin-top:0;
    padding-bottom:70px;
    padding-top:70px;
}
.working {
    float:left;
    width:470px;
    margin-left:-15px;
}
.working > p {
    color:#818181;
    font-family:open sans;
    font-size:13px;
    margin-top:20px;
}

.list_carousel {
    float:right;
    width:600px;
    margin-right:-15px;
    margin-top:30px;
}
.list_carousel li {
    float:left;
    width:95px;
    height:50px;
    margin:0 55px 0 0;
}
.list_carousel.responsive {
	width:auto;
	margin-left:0;
}

.flags-pagi {
    background:none repeat scroll 0 0 #F2F0F0;
    height:25px;
    width:25px;
	text-align:center;
	color:#fff;

    position:absolute;
    right:50px;
    top:-10px;
	
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    -ms-border-radius:5px;
    -o-border-radius:5px;
    border-radius:5px;
}
.flags-pagi i{
	color:#979995;
}
.flags-pagi:hover i{
	color:#fff;
}
.flags-pagi:hover{
}
.flags-pagi.prev{
	right:80px;
}
.flags-pagi i{
	line-height:24px;
}

.six-column {
    float:left;
    width:570px;
    margin-left:-15px;
    margin-right:-15px;
}
.six-column .stories{
	margin:30px 0 0;
	margin-bottom:-30px;
}
.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;

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

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;
}
.red1
{
	color:#7C0501;
}




.element {
    float:left;
    margin:0 -15px 40px;
    width:100%;
}

/*** TABS ***/
.theme-tabs .nav {
    border:0 none;
}
.theme-tabs .nav li{
	margin:0;
	float:left;
	
}
.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-icons.multi > li:nth-child(7n+7) {
    margin-right: 0;
}
.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-icons.gray li:nth-child(9n+9) {
    margin-right: 0;
}
.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 .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.pattern .progress-bar {
    background:url("../images/pattern2.png") repeat scroll 0 0 / 10% auto;

    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    -ms-border-radius:20px;
    -o-border-radius:20px;
    border-radius:20px;
	
  -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-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;
}
.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;
}




/*** event PAGE  ****/////////////



.event-post {
    float:left;
    margin-bottom:30px;
    width:100%;
}
.event-post-image {
    float:left;
    position:relative;
	border-radius:4px;
	overflow:hidden;
}
.event-post-image img{
	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;
    width:470px;
}

.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%;

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

.nine-column {
    float:left;
    width:870px;
    margin-left:-15px;
    margin-right:-15px;
}
/*** Sidebar Swith To Left ***/
.switch .left-content.nine-column {
    float: right;
    margin: 0 -15px 0 0;
}
.switch .sidebar.three-column.pull-right {
    float: left;
    margin: 0 30px 0 -15px;
}

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