@charset "utf-8";
/*------------------------------------------------------------------
[Master Stylesheet]

Project:    CharityFund
Version:    1.0
Last change:    11.12.2015
Primary use:    Charity & Fund Raising HTML Template

@Author: ThemeMascot
-------------------------------------------------------------------*/
/*
This file contains the styling for the actual theme. Please don't modify this file. If you really need anything to change then open "style.css" file and place your custom css codes at that file.
*/

@import "font-awesome.min.css";
@import "pe-icon-7-stroke.css";
@import "elegant-icons.css";
@import "flaticon.css";
@import "common-style.css";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,200,500,700,600,800);

/*------------------------------------------------------------------
[Table of contents]

  * 1.0 -> Basic Structure
  	* 1.1 -> Typography
  	* 1.2 -> Buttons
  	* 1.3 -> Common CSS
  	* 1.4 -> Theme color skins
  * 2.0 -> Preloader
  * 3.0 -> Elements
  	* 3.1  -> Header top
  	* 3.2  -> nav sidebar
  	* 3.3  -> Top Search Bar
  	* 3.4  -> Accordion
  	* 3.5  -> Charity Gallery
  	* 3.6  -> Client Logos
  	* 3.7  -> Donor form
  	* 3.8  -> Funfact
  	* 3.9  -> Flickr
  	* 3.10 -> Icon Box
  	* 3.11 -> lightbox
    * 3.12 -> Popup Modal
  	* 3.13 -> Pagination
  	* 3.14 -> Tabs
  	* 3.15 -> Team
  	* 3.16 -> Testimonials
  	* 3.17 -> Twitter
  	* 3.18 -> Portfolio Isotop
  	* 3.19 -> Blog
  	* 3.20 -> Sidebar Widget
  	* 3.21 -> Event
  	* 3.22 -> Volunteer
  	* 3.23 -> BX Slider
  	* 3.24 -> Donation Form
  	* 3.25 -> Progress Bars
  	* 3.26 -> Social Icons
  	* 3.27 -> Box hover effect
  * 4.0 -> Slider
  	* 4.1  -> Owl carousel
  	* 4.2  -> Revolution
  	* 4.3  -> MaxImage Slider
  * 5.0 -> Footer
* ===============================================
*/


/*------------------------------------------------------------------
[Color codes]

Background:	#fff (white)
Content:	#888 (light black)
Header h1-h6:	#333 (black)
Footer:		#888 (dark black)

a (standard):	#333 (black)
a (visited):	#666 (light black)
a (active):  	#666 (light black)

[Theme color]

a (visited):	#fc0309 (orange)
a (active):  	#fc0309 (orange)
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[Typography]

Body:               13px/1.5 'Open Sans', sans-serif;
Headers:            'Open Sans', sans-serif;
Section Title:      22px/1.5 'Open Sans', sans-serif;
h1:                 38px/1.1 'Open Sans', sans-serif;
h2:                 32px/1.2 'Open Sans', sans-serif;
h3:                 22px/1.5 'Open Sans', sans-serif;
h4:                 18px/1.6 'Open Sans', sans-serif;
h5:                 15px/1.6 'Open Sans', sans-serif;
h6:                 12px/1.6 'Open Sans', sans-serif;
p:                  13px/1.7 'Open Sans', sans-serif;

-------------------------------------------------------------------*/

/*
 * 1.0 -> Basic Structure
 * -----------------------------------------------
*/


.quick-form1 {
    padding:20px;
    background-color: #ffffff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
	text-align:center;
	color:#fff;
}
.quick-form1 p {
    margin:10px 0px;
	font-size:18px;
	color:#fff;
}
.quick-form1:hover {
    background-color: #ff7101;
	color:#fff;
	box-shadow: 2px 2px #dedede, -1em 0 .4em #dedede;
	
}
.icon-head1 i {
    color: #fff;
    width: 90px;
    height: 90px;
    line-height: 90px;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid #c4c4c4;
    border-radius: 100%;
    font-size: 34px;
    position: relative;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: auto;
  width: auto;
  opacity: 0;
  transition: .5s ease;
  background-color: rgba( 255,255,255, 0.6);
}

.overlay:hover {
  opacity: 10;
}

.text {
  color: black;
  font-size: 20px;
  position: absolute;
  top: 50%;
  font-weight:bold;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}
  
::selection {
	background: none repeat scroll 0 0 #393939;
	color: #fff;
}
::-moz-selection {
	background:none repeat scroll 0 0 #393939;
	color:#fff;
}

/*
 * 1.1 -> Typography 
 * -----------------------------------------------
*/
body {
	font-family: 'Open Sans', sans-serif;
	color: #000;
	font-size: 14px;
	line-height: 1.5;
}
h1,h2,h3,h4,h5,h6,p {
	font-family: 'Open Sans', sans-serif;
}
h1,h2,h3,h4,h5,h6 {
	color: #333;
	font-weight: 600;
}

/* Headings */
h1 {
	font-size: 38px;
	line-height: 1.1;
	margin-bottom: 10px;
}
h2 {
	font-size: 32px;
	line-height: 1.2;
	margin-bottom: 10px;
}
h3 {
	font-size: 22px;
	line-height: 1.5;
	margin-bottom: 10px;
}
h4 {
	font-size: 18px;
	line-height: 1.6;
	margin-bottom: 10px;
}
h5 {
	font-size: 15px;
	line-height: 1.6;
	margin-bottom: 10px;
}
h6 {
	font-size: 12px;
	line-height: 1.6;
	margin-bottom: 5px;
}
p {
	color: #000;
	font-size: 14px;
	line-height: 1.7;
	margin-bottom: 5px;
}
a {
	color: #333;
	text-decoration: none;
}
a:focus,
a:hover,
a:active {
	color: #666;
	text-decoration: none;
	outline: none;
}
ul, ol {
	line-height: 1;
}
ul.list li:before {
	/*color: #fc0309;*/
	color:#fff;
}

 .flex-container-nav {
  display: flex;
  align-items: stretch;

}

.flex-container-nav > div.p-image {
 
  color: white;
  width: 100px;
  margin: 1px;
  text-align: left;
  
}
 

 .flex-container-nav > div.p-name{
  vertical-align: middle;
  /*color: #888;*/
  color: #545454;
  width: 200px;
  margin: 1px;
  text-align: left;
  line-height: 25px;
  font-size: 15px;
}

.career-title{
color: #313086;
    font-weight: 600;
    font-size: 16px;
}
.career-data{
	 color: #424040;
    font-weight: 500;
    font-size: 16px;
}
.career-data-small{
	color: #424040;
    font-weight: 500;
    font-size: 14px;
}

.clr-grey{
	color:#333 !important;
}
.clr-red{
	color:red;
}
.clr-blue{
	color:#464545;
}

.clr-d-blue{
	color: #464545;
}

.clr-green{
color:#36a869;
}

.fa-1_1x{
	font-size: 1.1em !important;
}
.fa-1-4x{
 	font-size: 1.4em !important;
}
.fa-1_8x{
 	font-size: 1.8em !important;
}




.application-list{
	cursor: default;
	transition: all 0.3s ease;
}
.application-list:hover{
	transform: translateX(4px);
}
.list-default > li {
  margin-bottom: 15px;
}
.list-default li i {
  color: #fc0309;
  margin-right: 10px;
}
/*
 * 1.2 -> Buttons 
 * -----------------------------------------------
*/
.btn:hover,
.btn:focus,
.btn.focus {
	color: #666;
}
.btn:active,
.btn.active {
	box-shadow: none;
}
button.btn {
	color: #111;
}
button.btn:hover,
button.btn:focus,
button.btn.focus {
	color: #666;
}
/* button default */
.btn-default {
	background: none;
	/*border: 1px solid #111;*/
}
.btn-default:hover {
	background-color: transparent;
	border: 1px solid #666;
	color: rgba(34,34,34,0.8);
}
.btn-default,
.btn-colored {
	border-radius: 0;
	font-size: 16px;
	font-weight: 400;
	margin-right: 2px;
	margin-top: 10px;
	padding: 10px 15px;
}
/* button colored */
.btn-colored,
button.btn-colored {
	background-color: #393939;
	color: #fff;
}
.btn-colored:hover {
	background-color: rgba(34,34,34,0.8);
	color: #fff;
}
.btn-colored:hover,
button.btn-colored,
button.btn-colored:hover,
button.btn-colored:focus,
button.btn-colored.focus {
	color: #fff;
}

.btn-orange {
	border-radius: 0;
	font-size: 14px; font-weight:bold;
	margin-right: 2px;
	margin-top: 20px;
	padding:10px 30px;
}
/* button colored */
.btn-orange{
	background-color: #F5CE5D;
	color: #000;
	border:none;
} 
.btn-orange:hover{
	background-color:#A2BF42;
	color: #000;
}
/* button white */
.btn-colored.btn-white {
	background: #fff!important;
	color: #333!important;
}
.btn-colored.btn-white:hover {
	background: #666!important;
	color: #fff!important;
}
.btn-default.btn-white {
	border: 1px solid #fff!important;
	color: #fff!important;
}
.btn-default.btn-white:hover {
	border: 1px solid #393939!important;
}
/* button red */
.btn-colored.btn-red {
	background: #fc0309!important;
	color: #fff!important;
}
.btn-colored.btn-red:hover {
	background: #e3664d !important;
	color: #fff !important;
}
.btn-default.btn-red {
	border: 1px solid #fc0309!important;
	color: #fc0309!important;
}
.btn-default.btn-red:hover {
	border: 1px solid #e1b479!important;
}
/* button orange */
.btn-colored.btn-orange {
	background: #0F9FFA!important;
	color: #fff!important;
}
.btn-colored.btn-orange:hover {
	background: #8e8c8b !important;
	/*background: #f18d06 !important;*/
	
	color: #fff !important;
}
.btn-default.btn-orange {
	border: 1px solid #fc0309!important;
	color: #f18d06!important;
}
.btn-default.btn-orange:hover {
	border: 1px solid #f18d06!important;
}
/* button rounded */
.btn.btn-rounded {
	border-radius: 20px;
}
.btn-default.btn-rounded {
	border-radius: 20px;
}
.btn-colored.btn-rounded {
	border-radius: 20px;
}
/* button different sizes */
.btn-xlg {
	font-size: 18px;
	padding: 12px 24px;
}
.btn-lg {
	font-size: 16px;
	padding: 10px 16px;
}
.btn-sm {
	font-size: 13px;
	padding: 5px 12px;
}
.btn-xs {
	font-size: 11px;
	padding: 5px 8px;
}
/*
 * 1.3 -> Common CSS
 * -----------------------------------------------
*/
/* custom font family */
.font-raleway {
	font-family: 'Raleway', sans-serif;
}
.font-opensans {
	font-family: 'Open Sans', sans-serif;
}
.font-Playfair {
	font-family: 'Playfair Display', serif;
}
/* blockquote */
blockquote {
	border-left: 3px solid #fc0309;
}
/*MaxWidth*/
.maxwidth600 {
  max-width: 600px;
}
/* breadcrumb */
.breadcrumb {
	background-color: transparent;
	padding-left: 0;
	padding-right: 0;
	text-align: left;
}
.breadcrumb > li + li::before {
 	content: "\f22d";
	font-family: fontawesome;
	font-size: 9px;
}
.breadcrumb li.active {
	color: #fff;
}
.breadcrumb.white li.active {
	color: #fff;
}
.breadcrumb.white li a {
	/*color: #999;*/
	color:#fff;
}
.border-bottom {
	border-bottom: 1px solid #efefef;
}
.border-orange-1px {
	border: 1px solid #fc0309;
}
/*heading style*/
.heading-border {
	border-bottom: 1px solid #ddd;
	margin: 30px 0;
	padding: 20px 0;
}
.lead {
	color: #111;
	font-size: 20px;
	font-style: italic;
	font-weight: normal;
	line-height: inherit;
	padding: 10px 0 10px;
	position: relative;
}
.lead:after {
	background-color: rgba(0,0,0,0.1);
	bottom: 0;
	content: "";
	display: block;
	height: 1px;
	left: 0;
	position: absolute;
	width: 80px;
}
.line-bottom {
	display:  block;
	position: relative;
}
.line-bottom:after {
	border: 1px solid #fc0309;
	bottom: 0;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 50px;
}
.small-line {
	position: relative;
}
.small-line:after {
	border: 1px solid #ddd;
	bottom: -10px;
	content: "";
	height: 1px;
	left: 0;
	margin: 0 auto;
	position: absolute;
	right: 0;
	width: 50px;
}
/*Custom Border*/
.border-left {
	border-left: 1px solid #dbdbdb;
}
.border-right {
	border-right: 1px solid #dbdbdb;
}
.border-right-orange {
	border-right: 1px solid #fc0309;
}
.border-bottom {
	border-bottom: 1px solid #fc0309;
}
.border-bottom-gray {
	border-bottom: 1px solid #ddd;
}
.inner-header .title {
	text-transform: uppercase;
}
.text-center {
	text-align: center !important;
}
.vertical-middle {
	vertical-align: middle;
}

.title-icon {
	margin: 0 auto;
	max-width: 160px;
	position: relative;
}
.title-icon::before {
	background: #fc0309 none repeat scroll 0 0;
	content: "";
	height: 2px;
	position: absolute;
	right: 20px;
	top: 10px;
	width: 30px;
}
.title-icon::after {
	background: #fc0309 none repeat scroll 0 0;
	content: "";
	height: 2px;
	left: 24px;
	position: absolute;
	top: 10px;
	width: 30px;
}
/*Flat Icon*/
.title-icon [class^="flaticon-"]::after, 
.title-icon [class^="flaticon-"]::before {
	color: #fc0309;
	font-size: 48px;
	margin-left: 10px;
}
/*
 * 1.4 -> Theme color skins
 * -----------------------------------------------
*/
/* text color */
.text-orange {
	color: #fc0309 !important;
}
/* bg color */
.bg-orange {
	background-color: #03451c !important;
}
a.bg-orange,
button.bg-orange {
	color: #fff;
}
.bg-orange-transparent {
	background-color: rgba(254,147,34,0.7) !important;
}
.layer-overlay.overlay-orange::before {
	background-color: rgba(254, 147, 34, 0.9);
}
/*
 * 2.0 -> Preloader
 * -----------------------------------------------
*/
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  	background-color: #fff;
    z-index: 9999;
}
#spinner {
    display: block;
    position: relative;
    left: 50%;
    top: 40%;
  	width: 40px;
  	height: 40px;
}
.cssload-container * {
	box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
}
.cssload-container {
	margin: 19px auto 0 auto;
	max-width: 545px;
}

.cssload-container ul li{
	list-style: none;
}

.cssload-flex-container {
	display: flex;
		display: -o-flex;
		display: -ms-flex;
		display: -webkit-flex;
		display: -moz-flex;
	flex-direction: row;
		-o-flex-direction: row;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
	flex-wrap: wrap;
		-o-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
	justify-content: space-around;
}
.cssload-flex-container li {
	padding: 10px;
	height: 97px;
	width: 97px;
	margin: 29px 19px;
	position: relative;
	text-align: center;
}

.cssload-loading-center {
	display: inline-block;
	position: absolute;
	background: rgb(254,148,34);
	height: 29px;
	width: 29px;
	left: 35px;
	top: 36px;
	transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
	border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	animation: pulse 1.15s ease infinite;
		-o-animation: pulse 1.15s ease infinite;
		-ms-animation: pulse 1.15s ease infinite;
		-webkit-animation: pulse 1.15s ease infinite;
		-moz-animation: pulse 1.15s ease infinite;
}

.cssload-loading {
	display: inline-block;
	position: relative;
	width: 73px;
	height: 73px;
	margin-top: 3px;
	transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
}
.cssload-loading:after, .cssload-loading:before {
	position: absolute;
	content: '';
	height: 10px;
	width: 10px;
	display: block;
	top: 0;
	background: rgb(254,148,34);
	border-radius: 3px;
		-o-border-radius: 3px;
		-ms-border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	animation-delay: -.5.75s;
		-o-animation-delay: -.5.75s;
		-ms-animation-delay: -.5.75s;
		-webkit-animation-delay: -.5.75s;
		-moz-animation-delay: -.5.75s;
}
.cssload-loading:after {
	right: 0;
	animation: square-tr 2.3s ease infinite;
		-o-animation: square-tr 2.3s ease infinite;
		-ms-animation: square-tr 2.3s ease infinite;
		-webkit-animation: square-tr 2.3s ease infinite;
		-moz-animation: square-tr 2.3s ease infinite;
	animation-delay: .143.75s;
		-o-animation-delay: .143.75s;
		-ms-animation-delay: .143.75s;
		-webkit-animation-delay: .143.75s;
		-moz-animation-delay: .143.75s;
}
.cssload-loading:before {
	animation: square-tl 2.3s ease infinite;
		-o-animation: square-tl 2.3s ease infinite;
		-ms-animation: square-tl 2.3s ease infinite;
		-webkit-animation: square-tl 2.3s ease infinite;
		-moz-animation: square-tl 2.3s ease infinite;
	animation-delay: .143.75s;
		-o-animation-delay: .143.75s;
		-ms-animation-delay: .143.75s;
		-webkit-animation-delay: .143.75s;
		-moz-animation-delay: .143.75s;
}

.cssload-loading.cssload-two {
	position: relative;
	top: -78px;
}
.cssload-loading.cssload-two:after, .cssload-loading.cssload-two:before {
	bottom: 0;
	top: initial;
}
.cssload-loading.cssload-two:after {
	animation: square-br 2.3s ease infinite;
		-o-animation: square-br 2.3s ease infinite;
		-ms-animation: square-br 2.3s ease infinite;
		-webkit-animation: square-br 2.3s ease infinite;
		-moz-animation: square-br 2.3s ease infinite;
	animation-direction: reverse;
		-o-animation-direction: reverse;
		-ms-animation-direction: reverse;
		-webkit-animation-direction: reverse;
		-moz-animation-direction: reverse;
}
.cssload-loading.cssload-two:before {
	animation: square-bl 2.3s ease infinite;
		-o-animation: square-bl 2.3s ease infinite;
		-ms-animation: square-bl 2.3s ease infinite;
		-webkit-animation: square-bl 2.3s ease infinite;
		-moz-animation: square-bl 2.3s ease infinite;
	animation-direction: reverse;
		-o-animation-direction: reverse;
		-ms-animation-direction: reverse;
		-webkit-animation-direction: reverse;
		-moz-animation-direction: reverse;
}

@keyframes square-tl {
	0% {
		transform: translate(0, 0);
	}
	25% {
		transform: translate(0, 60.5px);
	}
	50% {
		transform: translate(60.5px, 60.5px);
	}
	75% {
		transform: translate(60.5px, 0);
	}
}

@-o-keyframes square-tl {
	0% {
		-o-transform: translate(0, 0);
	}
	25% {
		-o-transform: translate(0, 60.5px);
	}
	50% {
		-o-transform: translate(60.5px, 60.5px);
	}
	75% {
		-o-transform: translate(60.5px, 0);
	}
}

@-ms-keyframes square-tl {
	0% {
		-ms-transform: translate(0, 0);
	}
	25% {
		-ms-transform: translate(0, 60.5px);
	}
	50% {
		-ms-transform: translate(60.5px, 60.5px);
	}
	75% {
		-ms-transform: translate(60.5px, 0);
	}
}

@-webkit-keyframes square-tl {
	0% {
		-webkit-transform: translate(0, 0);
	}
	25% {
		-webkit-transform: translate(0, 60.5px);
	}
	50% {
		-webkit-transform: translate(60.5px, 60.5px);
	}
	75% {
		-webkit-transform: translate(60.5px, 0);
	}
}

@-moz-keyframes square-tl {
	0% {
		-moz-transform: translate(0, 0);
	}
	25% {
		-moz-transform: translate(0, 60.5px);
	}
	50% {
		-moz-transform: translate(60.5px, 60.5px);
	}
	75% {
		-moz-transform: translate(60.5px, 0);
	}
}

@keyframes square-bl {
	0% {
		transform: translate(0, 0);
	}
	25% {
		transform: translate(0, -60.5px);
	}
	50% {
		transform: translate(60.5px, -60.5px);
	}
	75% {
		transform: translate(60.5px, 0);
	}
}

@-o-keyframes square-bl {
	0% {
		-o-transform: translate(0, 0);
	}
	25% {
		-o-transform: translate(0, -60.5px);
	}
	50% {
		-o-transform: translate(60.5px, -60.5px);
	}
	75% {
		-o-transform: translate(60.5px, 0);
	}
}

@-ms-keyframes square-bl {
	0% {
		-ms-transform: translate(0, 0);
	}
	25% {
		-ms-transform: translate(0, -60.5px);
	}
	50% {
		-ms-transform: translate(60.5px, -60.5px);
	}
	75% {
		-ms-transform: translate(60.5px, 0);
	}
}

@-webkit-keyframes square-bl {
	0% {
		-webkit-transform: translate(0, 0);
	}
	25% {
		-webkit-transform: translate(0, -60.5px);
	}
	50% {
		-webkit-transform: translate(60.5px, -60.5px);
	}
	75% {
		-webkit-transform: translate(60.5px, 0);
	}
}

@-moz-keyframes square-bl {
	0% {
		-moz-transform: translate(0, 0);
	}
	25% {
		-moz-transform: translate(0, -60.5px);
	}
	50% {
		-moz-transform: translate(60.5px, -60.5px);
	}
	75% {
		-moz-transform: translate(60.5px, 0);
	}
}

@keyframes square-tr {
	0% {
		transform: translate(0, 0);
	}
	25% {
		transform: translate(-60.5px, 0);
	}
	50% {
		transform: translate(-60.5px, 60.5px);
	}
	75% {
		transform: translate(0, 60.5px);
	}
}

@-o-keyframes square-tr {
	0% {
		-o-transform: translate(0, 0);
	}
	25% {
		-o-transform: translate(-60.5px, 0);
	}
	50% {
		-o-transform: translate(-60.5px, 60.5px);
	}
	75% {
		-o-transform: translate(0, 60.5px);
	}
}

@-ms-keyframes square-tr {
	0% {
		-ms-transform: translate(0, 0);
	}
	25% {
		-ms-transform: translate(-60.5px, 0);
	}
	50% {
		-ms-transform: translate(-60.5px, 60.5px);
	}
	75% {
		-ms-transform: translate(0, 60.5px);
	}
}

@-webkit-keyframes square-tr {
	0% {
		-webkit-transform: translate(0, 0);
	}
	25% {
		-webkit-transform: translate(-60.5px, 0);
	}
	50% {
		-webkit-transform: translate(-60.5px, 60.5px);
	}
	75% {
		-webkit-transform: translate(0, 60.5px);
	}
}

@-moz-keyframes square-tr {
	0% {
		-moz-transform: translate(0, 0);
	}
	25% {
		-moz-transform: translate(-60.5px, 0);
	}
	50% {
		-moz-transform: translate(-60.5px, 60.5px);
	}
	75% {
		-moz-transform: translate(0, 60.5px);
	}
}

@keyframes square-br {
	0% {
		transform: translate(0, 0);
	}
	25% {
		transform: translate(-60.5px, 0);
	}
	50% {
		transform: translate(-60.5px, -60.5px);
	}
	75% {
		transform: translate(0, -60.5px);
	}
}

@-o-keyframes square-br {
	0% {
		-o-transform: translate(0, 0);
	}
	25% {
		-o-transform: translate(-60.5px, 0);
	}
	50% {
		-o-transform: translate(-60.5px, -60.5px);
	}
	75% {
		-o-transform: translate(0, -60.5px);
	}
}

@-ms-keyframes square-br {
	0% {
		-ms-transform: translate(0, 0);
	}
	25% {
		-ms-transform: translate(-60.5px, 0);
	}
	50% {
		-ms-transform: translate(-60.5px, -60.5px);
	}
	75% {
		-ms-transform: translate(0, -60.5px);
	}
}

@-webkit-keyframes square-br {
	0% {
		-webkit-transform: translate(0, 0);
	}
	25% {
		-webkit-transform: translate(-60.5px, 0);
	}
	50% {
		-webkit-transform: translate(-60.5px, -60.5px);
	}
	75% {
		-webkit-transform: translate(0, -60.5px);
	}
}

@-moz-keyframes square-br {
	0% {
		-moz-transform: translate(0, 0);
	}
	25% {
		-moz-transform: translate(-60.5px, 0);
	}
	50% {
		-moz-transform: translate(-60.5px, -60.5px);
	}
	75% {
		-moz-transform: translate(0, -60.5px);
	}
}

@keyframes rotate {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@-o-keyframes rotate {
	from {
		-o-transform: rotate(0deg);
	}
	to {
		-o-transform: rotate(360deg);
	}
}

@-ms-keyframes rotate {
	from {
		-ms-transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
	}
}

@-webkit-keyframes rotate {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes rotate {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}

@keyframes pulse {
	0%, 100% {
		transform: scale(inherit) rotate(45deg);
	}
	75% {
		transform: scale(0.25) rotate(45deg);
	}
}

@-o-keyframes pulse {
	0%, 100% {
		-o-transform: scale(inherit) rotate(45deg);
	}
	75% {
		-o-transform: scale(0.25) rotate(45deg);
	}
}

@-ms-keyframes pulse {
	0%, 100% {
		-ms-transform: scale(inherit) rotate(45deg);
	}
	75% {
		-ms-transform: scale(0.25) rotate(45deg);
	}
}

@-webkit-keyframes pulse {
	0%, 100% {
		-webkit-transform: scale(inherit) rotate(45deg);
	}
	75% {
		-webkit-transform: scale(0.25) rotate(45deg);
	}
}

@-moz-keyframes pulse {
	0%, 100% {
		-moz-transform: scale(inherit) rotate(45deg);
	}
	75% {
		-moz-transform: scale(0.25) rotate(45deg);
	}
}
/*  
 * 3.0 -> Elements
 * -----------------------------------------------
*/

/*
 * 3.1  -> Header top
 * -----------------------------------------------
*/
.header-top {
	padding: 8px 0;
}
.header-top .header-widget .social-icons a:hover {
	background: none;
}
.header-top .header-widget .list-border li {
	border-right: 1px solid rgba(0, 0, 0, 0.06);
    padding: 5px 15px;	
}
.header-top .header-widget .list-border li:last-child {
	border-right: 0;
}
@media only screen and (max-width : 767px) {
	.header-top .header-widget .contact-info {
		margin-bottom: 20px
	}
	.header-top .header-widget .contact-info > li {
		display: block;
		text-align: center;
	}

}
/*Menuzord Nav color*/
.menuzord.orange .menuzord-menu > li.active > a, 
.menuzord.orange .menuzord-menu > li:hover > a {
	border-top-color: #07381e;
}
.menuzord.orange .menuzord-menu > li.active > a, 
.menuzord.orange .menuzord-menu > li:hover > a, 
.menuzord.orange .menuzord-menu ul.dropdown li:hover > a,
.menuzord-menu > li > .megamenu .megamenu-row li:hover > a,
.menuzord-menu > li > .megamenu .megamenu-row .post a:hover {
	color: #07381e;
}
.menuzord-brand img {
	max-height: 38px;
}
.menuzord .menuzord-menu > li.active > a i, .menuzord .menuzord-menu > li:hover > a i, .menuzord .menuzord-menu ul.dropdown li:hover > a i {
	color: #07381e;
}
/*Menuzord Boxed Nav color*/
.menuzord.menuzord-boxed .menuzord-menu > li.active > a, 
.menuzord.menuzord-boxed .menuzord-menu > li:hover > a, 
.menuzord.menuzord-boxed .menuzord-menu ul.dropdown li:hover > a,
.menuzord.menuzord-boxed .menuzord-menu > li > .megamenu .megamenu-row li:hover > a,
.menuzord.menuzord-boxed .menuzord-menu > li > .megamenu .megamenu-row .post a:hover {
	background-color: #fc0309;
	color: #fff;
}
.menuzord.menuzord-boxed .menuzord-menu > li > .megamenu .megamenu-row .post a:hover {
	background-color: transparent;
	color: #E2680E !important;
}
.menuzord.menuzord-boxed .menuzord-menu > li.active > a i,
.menuzord.menuzord-boxed .menuzord-menu > li:hover > a i,
.menuzord.menuzord-boxed .menuzord-menu ul.dropdown li:hover > a i {
	color: #fff;
}
.menuzord.menuzord-boxed .menuzord-menu ul.dropdown li a {
	padding: 15px 25px 15px 22px;
}
/*
 * 3.2  -> nav sidebar
 * -----------------------------------------------
*/
.nav-sidebar li {
	background: #f1f1f1;
}
.nav-sidebar li a {
  border-radius: 0;
}
.nav-pills > li > a:hover, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
  background-color: #888;
  color: #fff;
}
/*
 * 3.3  -> Top Search Bar
 * -----------------------------------------------
*/
.search-form-wrapper {
	position: relative;
}
.search-form-wrapper.toggle {
	display: none;
}
.search-form-wrapper.toggle.active {
	display: block;
}
.search-form-wrapper form {
	padding: 10px;
	position: relative;
}
.search-form-wrapper form label {
	margin: 0px;
	position: absolute;
	right: 11px;
	top: 11px;
}
.search-form-wrapper form label:before {
	color: #555;
	cursor: pointer;
	content: "\f002";
	font-family: fontawesome;
	font-size: 20px;
	position: absolute;
	right: 13px;
	top: 6px;
}
.search-form-wrapper form input[type="text"] {
	background-color: #ffffff;
	border: 1px solid #cecece;
	color: #555;
	height: 46px;
	padding: 8px 17px;
	width: 100%;
}
.search-form-wrapper form input[type="submit"] {
	background-color: #ffffff;
	border-left: 1px solid #cdcdcd;
	border: none;
	height: 44px;
	width: 50px;
	text-indent: -999px;
}
/* form absolute */
.search-form-wrapper.form-absolute form {
	background-color: #333;
	position: absolute;
	right: 0px;
	top: 12px;
  	width: 370px;
	z-index: 99;
}
/* form absolute */
.search-form-wrapper.round form input[type="text"] {
	border-radius: 30px;
	border-width: 4px;
}
.search-form-wrapper.round form input[type="submit"] {
	height: auto;
	width: auto;
	margin-right: 10px;
	margin-top: 10px;
}
.search-form-wrapper.round form label::before {
	color: #cdcdcd;
}

/*
 * 3.4  -> Accordion
 * -----------------------------------------------
*/
.panel-group .panel {
	box-shadow: none;
	-webkit-border-radius: 0 0 0 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	border: none;
	position: relative;
}
.panel-group .panel-title {
	font-size: 13px;
}
.panel-group .panel-title:hover a, .panel-group .panel-title:focus a {
	color: #333;
}
.panel-group .panel-title a {
	background: rgba(238,238,238,0.7);
    display: block;
    font-size: 14px;
    padding: 10px 15px 10px 48px;
    white-space: normal;
}
.panel-group .panel-title a.active {
	background: #f1f1f1 none repeat scroll 0 0 !important;
	border-bottom: 1px solid #ddd !important;
	color: #111;
}
.panel-group .panel-title a::after {
    color: #717171;
	content: "\f067";
    font-family: fontawesome;
    font-size: 14px;
    left: 0;
    padding: 10px 14px;
    position: absolute;
    top: 0;
}
.panel-title a.active::after {
	color: #fff;
	content: "\f068";
    background: #E2680E;
}
.panel-group .panel-title a.active .open-sub:after {
	display: none;
}
.panel-group .panel-title .open-sub {
	display: block;
	position: relative;
}
.panel-group .panel-title .open-sub:before, .panel-group .panel-title .open-sub:after {
	content: "";
	display: block;
	position: absolute;
}
.panel-group .panel-title .open-sub:before {
	height: 1px;
	top: 50%;
	margin-top: -.5px;
	left: 50%;
}
.panel-group .panel-title .open-sub:after {
	width: 1px;
	left: 50%;
	margin-left: -.5px;
	top: 50%;
}
.panel-group .panel-content {
	background: #f1f1f1 none repeat scroll 0 0;
	padding: 10px 20px 20px;
}
.panel-group .panel-content>:last-child {
	margin-bottom: 0;
}
/* Toggle */
.panel-group.toggle .panel-heading {
	padding: 0;
	border-bottom: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.panel-group.toggle .panel-heading + .panel-collapse > .panel-body, .panel-group.toggle .panel-heading + .panel-collapse > .list-group {
	border-top: none;
}
.panel-group.toggle .panel-body {
	padding: 10px 0 5px 25px;
}
.panel-group.accordion.style2 .panel-title a, .panel-group.toggle.style2 .panel-title a {
	background: none;
	border: none;
}
/*
 * 3.5  -> Charity Gallery
 * -----------------------------------------------
*/
.gallery-list.gallery-minimal li {
	margin-right: 3px;
}
.gallery-list {
	clear: both;
	display: table;
	list-style: outside none none;
}
.gallery-list li {
	float: left;
	margin-bottom: 7px;
	margin-right: 7px;
	overflow: hidden;
	padding: inherit;
	position: relative;
	text-align: center;
	min-width: 155px;
}
.gallery-list li a {
	left: 100%;
	margin-left: -200%;
	position: relative;
}
.gallery-list li a:hover::after {
	opacity: 1;
}
.gallery-list li a::after {
	background-color: #E2680E;
	border-radius: 50%;
	bottom: 0;
	color: #fff;
	content: "\f083";
	display: inline-block;
	font-family: "fontawesome";
	font-size: 13px;
	font-variant: normal;
	font-weight: normal;
	height: 30px;
	left: 0;
	line-height: 30px;
	margin: -7px auto auto;
	opacity: 0;
	position: absolute;
	right: 0;
	text-shadow: none;
	text-transform: none;
	top: 0;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
	width: 30px;
}
.gallery-list li a img {
	height: 100%;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	width: auto;
}
.gallery-list li a:hover img {
	transform: scale(1.3) rotate(8deg);
	-webkit-transition: all 0.6s ease 0s;
	-o-transition: all 0.6s ease 0s;
	transition: all 0.6s ease 0s;
}
/*Gallry Carousel*/
.gallery-list-carosel .item {
	position: relative;
}
.gallery-list-carosel .item a::after {
	background: #E2680E none repeat scroll 0 0;
	border-radius: 50%;
	color: #fff;
	content: "\f0c1";
	font-family: fontawesome;
	font-size: 12px;
	height: 30px;
	left: 0;
	line-height: 30px;
	margin: 0 auto;
	opacity: 0;
	padding: 1px 8px;
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.gallery-list-carosel .item a:hover::after {
	top: 36%;
	opacity: 1;
}
/*
 * 3.6  -> Client Logos
 * -----------------------------------------------
*/
.clients-logo .item {
	border-color: transparent;
	box-shadow: 0 0 0 10px rgba(255,255,255,1);
	margin-bottom: 30px;
	padding: 15px;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-ms-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}
.clients-logo img {
	max-height: 90px;
	width: auto !important;
	display: inline-block !important;
	opacity: 0.85;
}
.clients-logo img:hover {
	opacity: 1;
}
.clients-logo.style2 .item {
	box-shadow: none;
}
.clients-logo.style2 .item img {
	max-height: 120px;
}
.clients-logo.carousel {
	text-align: center;
}
.clients-logo.carousel .item {
	box-shadow: none;
	margin: 0;
	padding: 0;
}
.client-img {
	border: 1px solid #f7f7f7;
	opacity: 0.6;
	text-align: center;
	-webkit-transition: all .3s ease 0s;
	-moz-transition: all .3s ease 0s;
	-ms-transition: all .3s ease 0s;
	-o-transition: all .3s ease 0s;
	transition: all .3s ease 0s;
}
.client-img:hover {
	opacity: 1;
}
.client-img img {
	max-height: 90px;
}
/*
 * 3.7  -> Donor form
 * -----------------------------------------------
*/
 .donate-form .form-control {
 	height: 40px;
 }
.styled-select select {
	background: #ffffff;
	color: #888;
	border: 0 none;
	font-size: 13px;
	height: 40px;
	margin: 0;
	outline: medium none;
	padding: 11px 2%;
	width: 100%;
}
.styled-select::after {
	background: #ffffff;
	border-left-style: solid;
	border-left-width: 1px;
	border-color: #e3e3e3;
	bottom: 0;
	content: "\f107";	
	color: #acacac;
	font-family: fontAwesome;
	padding: 10px 13px 0;
	pointer-events: none;
	position: absolute;
	right: 15px;
	top: 0;
}
/*
 * 3.8  -> Funfact
 * -----------------------------------------------
*/
/*
 * 3.9  -> Flickr
 * -----------------------------------------------
*/
#flickr-feed img {
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  float: left;
  height: 60px;
  margin: 0 5px 5px 0;
  padding: 0;
  width: 70px;
}
/*
 * 3.10 -> Icon Box
 * -----------------------------------------------
*/
/*
 * 3.11 -> lightbox
 * -----------------------------------------------
*/
.lightbox .lb-dataContainer {
	left: 0;
	position: absolute;
	right: 0;
	top: -45px;
}
/*
 * 3.12 -> Popup Modal
 * -----------------------------------------------
*/
.modal-content {
  border-radius: 0;
}
/*
 * 3.13 -> Pagination
 * -----------------------------------------------
*/
.pagination li a:hover,
.pagination li:hover a,
.pagination li.active a,
.pagination li.active a:hover {
	background: none repeat scroll 0 0 #E2680E;
	border: 1px solid #E2680E;
	color: #fff;
}

/*
 * 3.14 -> Tabs
 * -----------------------------------------------
*/
.tab-content {
	padding: 15px;
	border: 1px solid #eee;
}
.nav-tabs {
	border: none;
}
.nav-tabs > li {
	float: left;
	margin-bottom: -1px;
}
.nav-tabs > li > a {
	border-radius: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	color: #555;
	padding: 12px 20px;
	margin-right: 0;
}
.nav-tabs > li > a .fa {
	margin-right: 10px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #111;
	background-color: #f8f8f8;
	border-radiun: 0;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
	color: #333;
	background-color: transparent;
	border-radiun: 0;
}
.nav-tabs > li > a i {
	font-size: 32px;
	margin-right: 20px;
	vertical-align: middle;
}
/* horizontal-tab */
.horizontal-tab .nav-tabs > li {
	text-align: center;
}
.horizontal-tab .nav-tabs > li > a i {
	display: block;
	font-size: 48px;
	margin-right: 0;
	margin-bottom: 10px;
	vertical-align: middle;
}
/* horizontal-tab-centered */
.horizontal-tab-centered .nav.nav-pills {
	display: inline-block;
}
.horizontal-tab-centered .nav-pills > li > a {
	background: rgba(240, 240, 240, 0.4);
	color: #aaa;
	font-size: 12px;
	padding: 15px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.horizontal-tab-centered.icon-tabs li i {
	display: block;
	color: #aaa;
	font-size: 36px;
	margin-bottom: 10px;
}
.horizontal-tab-centered .nav-pills > li > a:hover, 
.horizontal-tab-centered .nav-pills > li.active > a, 
.horizontal-tab-centered .nav-pills > li.active > a:hover, 
.horizontal-tab-centered .nav-pills > li.active > a:focus {
	background: rgba(240, 240, 240, 0.8);
	color: #111;
}
.horizontal-tab-centered .nav-pills > li > a:hover i, 
.horizontal-tab-centered .nav-pills > li.active > a i, 
.horizontal-tab-centered .nav-pills > li.active > a:hover i, 
.horizontal-tab-centered .nav-pills > li.active > a:focus i {
	color: #E2680E; 
}
/* horizontal-tab Fullwide */
.horizontal-tab.fullwide .nav-tabs > li {
	width: 20%;
}
/* vertical nav-tabs */
.vertical-tab {
}
.vertical-tab .tab-content {
	padding: 5px 5px 20px 20px;
	border: none;
}
.vertical-tab .nav-tabs > li {
	float: none;
	margin-bottom: 0;
}
.vertical-tab .nav-tabs > li > a {
	background: none;
	border-radius: 0;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	font-size: 14px;
	padding: 30px 0 30px 15px;
}
.vertical-tab.small-padding .nav-tabs > li > a {
	padding: 20px 0 20px 15px;
}
.vertical-tab.small-padding .nav-tabs > li > a i {
	font-size: 24px;
}
.vertical-tab .nav-tabs > li:first-child > a {
	border-top: 1px solid #ddd!important;
}
.vertical-tab .nav-tabs > li.active > a, .vertical-tab .nav-tabs > li.active > a:hover, .vertical-tab .nav-tabs > li.active > a:focus {
	background: none;
	border-top: 1px solid transparent;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	border-bottom: 1px solid #ddd;
}
@media only screen and (max-width : 767px) {
.vertical-tab .tab-content {
	padding: 20px 5px;
}
.nav-tabs > li > a {
	border-radius: 0;
	border-bottom: none;
	border-left: 2px solid #ddd;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border-bottom: none;
	border-left: 2px solid #ddd;
}
}
/*
 * 3.15 -> Team
 * -----------------------------------------------
*/
/*
 * 3.16 -> Testimonials
 * -----------------------------------------------
*/
.testimonial .item {
	border: 1px solid #ddd;
	margin-bottom: 15px;
	padding: 15px;
	position: relative;
	overflow: hidden;
}
.testimonial .item::after {
  background: #E2680E none repeat scroll 0 0;
  display: inline-block;
  height: 150px;
  left: -45px;
  position: absolute;
  top: -45px;
  transform: rotate(45deg);
  width: 60px;
}
.testimonial .item::before {
  content: "\f10e";
  color: #fff;
  display: inline-block;
  font-family: fontawesome;
  font-size: 16px;
  font-style: normal;
  left: 10px;
  position: absolute;
  text-align: center;
  top: 5px;
  z-index: 9999;
}
.testimonial .item .thumb {
	max-width: 55px;
}
/* Testimonial-Carousel */
.testimonial-carousel {
	text-align: center;
}
.testimonial-carousel .quote, .testimonial-carousel .thumb {
	margin-bottom: 10px;
}
.testimonial-carousel .author {
	color: #717171;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.testimonial-carousel .title {
	color: #ddd;
	margin-bottom: 20px;
}
.testimonial-carousel .owl-item img {
	display: inline-block;
	width: auto;
	width: 135px;
}
.testimonial-carousel .comment {
	background: rgba(0, 174, 205, 0.6) none repeat scroll 0 0;
	padding: 60px 50px;
}
.testimonial-carousel .comment p {
	color: #fff;
	font-size: 16px;
	font-style: italic;
	font-weight: 600;
}
.comment {
	background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
	padding: 50px;
}
.comment::after {
	color: #E2680E;
	content: "";
	font-family: fontawesome;
	font-size: 30px;
	position: absolute;
	right: 30px;
	top: 30px;
}
.comment p {
	font-size: 16px;
	font-style: italic;
	font-weight: 600;
}

/*
 * 3.17 -> Twitter
 * -----------------------------------------------
*/
.twitter-widget .twitter-feed li {
	font-size: 13px;
	margin-bottom: 20px;
	padding-left: 45px;
}
.twitter-widget .twitter-feed li.item {
	position: relative;
}
.twitter-widget .twitter-feed li::after {
	content: "\f099";
	color: #E2680E;
	font-size: 24px;
	font-family: fontawesome;
	left: 0;
	position: absolute;
	top: 0;
}
/*
 * 3.18 -> Portfolio Isotop
 * -----------------------------------------------
*/
.masonry-filters {
	margin-bottom: 40px;
	text-align: center;
}
.masonry-filters li a {
	border: 1px solid transparent;
	color: #555;
	display: inline-block;
	float: none;
	font-size: 16px;
	font-weight: 400;
	line-height: normal;
	margin-right: 5px;
	outline: medium none;
	padding: 5px 15px;
}
.masonry-filters li a.active, .masonry-filters li a:hover {
	border-color: #111;
	color: #111;
}
.masonry-items {
	width: 120%;
}
.masonry-items .masonry-item {
	float: left;
	margin-bottom: 0;
	padding: 0;
	overflow: hidden;
	width: 24.98%;
}
.masonry-items .masonry-item .overlay {
	background: rgba(255, 255, 255, 0.85) none repeat scroll 0 0;
	height: 0;
	left: 0;
	margin: 0 auto;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
  	height: 100%;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.masonry-items .masonry-item:hover .overlay {
  opacity: 1;
}
.masonry-items .masonry-item .overlay i {
	top: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
 .masonry-items .masonry-item:hover .overlay i {
	background: #E2680E none repeat scroll 0 0;
	border-radius: 50%;
	color: #fff;
	font-size: 16px;
	height: 40px;
	left: 0;
	line-height: 40px;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 40%;
	width: 40px;
}
.masonry-items .masonry-item .hover-link {
	font-size: 0;
	height: 100%;
	left: 0;
	opacity: 0;
	position: absolute;
	text-indent: 200%;
	top: 0;
	width: 100%;
	white-space: nowrap;
	z-index: 1000;
}

.fnt-red{
	color:red;
}
/*
 * 3.19 -> Blog
 * -----------------------------------------------
*/
.post .entry-header {
	position: relative;
}
.post .entry-meta.meta-absolute {
	background: rgba(254, 147, 34, 0.9) none repeat scroll 0 0;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}
.post .entry-meta.meta-absolute i {
	display: block;
	font-size: 28px;
}
.post .entry-content .entry-date {
	margin-top: 10px !important;
}
/* single post */
.single-post article .entry-title {
	font-family: "Open Sans", sans-serif;
	padding: 15px 0 0;
	text-transform: capitalize;
}
.single-post .entry-content {
	border: none;
}
.single-post article {
	border-bottom: 1px solid #ddd;
	margin-bottom: 20px;
	padding-bottom: 30px;
}
.single-post .author-details {
	margin: 20px 0;
	padding: 20px 0;
}
.single-post .post-share ul {
	margin-bottom: 15px;
}
.single-post .post-share ul li {
	display: inline-block;
	margin-right: 5px;
}
.single-post .post-share ul li a {
	background: none repeat scroll 0 0 #eee;
	border: 1px solid #eee;
	border-radius: 0;
}
.single-post .post-share ul li a i {
	color: #555;
}
.single-post .post-share ul li a:hover i {
	color: #111;
}
.single-post .media-heading {
	margin-bottom: 5px;
	margin-top: 0;
}
.single-post .comments-title {
	margin-bottom: 15px;
}
.single-post .comment-list {
	padding-left: 0;
}
.single-post .comment-list h6 {
	font-family: helvetica;
}
.single-post .comment-list li {
	list-style: none;
}
.single-post .comment-list .comment-heading {
	color: #E2680E;
	font-size: 14px;
	font-weight: 600;
}
.single-post .comment-list .comment-date {
	font-size: 13px;
}
.reply-box .form-group input {
	border-radius: 0;
	height: 45px;
	margin-bottom: 30px;
}
.single-post .reply-box h4 {
	margin-bottom: 15px;
}
.single-post .reply-box .form-group input {
	border-radius: 0;
	height: 45px;
	margin-bottom: 28px;
}
.single-post .reply-box .form-group textarea {
	border-radius: 0;
}
.single-post .reply-box #comment-form button.btn {
	margin-right: 0;
}
.blog-posts.single-post .entry-meta {
  padding: 15px 0 10px;
}
.blog-posts.single-post .comment-box {
  border-top: 1px solid #eee;
}
.author-details .post-right {
  background: #f8f8f8 none repeat scroll 0 0;
  border: 1px solid #eee;
  padding: 20px 10px 20px 20px;
}
/*
 * 3.20 -> Sidebar Widget
 * -----------------------------------------------
*/
.sidebar .search-form .search-input {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #ccc;
  border-radius: initial;
  box-shadow: none;
  height: 45px;
  padding: 10px;
}
.sidebar .search-form .search-button {
  background: transparent none repeat scroll 0 0;
  border: 1px solid #ccc;
  border-radius: 0;
  height: 45px;
}
.sidebar-widget .text-widget.brochures > li{
	background: #eee none repeat scroll 0 0;
	margin-bottom: 10px;
	padding: 10px;
}
.sidebar-widget .text-widget.brochures i {
    color: #666;
    font-size: 16px;
    margin-right: 10px;
}
.sidebar-widget .text-widget.address > li {
	font-size: 13px;
    margin-bottom: 10px;
    padding: 5px 10px;
}
.sidebar-widget .text-widget.address li i {
  color: #E2680E;
  font-size: 16px;
  margin-right: 8px;
  vertical-align: middle;
}
.sidebar .sidebar-widget .widget-title {
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	padding-bottom: 10px;
	text-transform: uppercase;
	
}
.sidebar .sidebar-widget .widget-title .line-bottom:after {
	top: 10px;
}
.sidebar .sidebar-widget ul li, .sidebar .sidebar-widget .post {
	border-bottom: 1px dashed #d8d8d8;
	margin-bottom: 7px;
	padding-bottom: 7px;
}
.media-post .post-thumb {
	float: left;
	margin: 0 10px 10px 0;
}
.media-post .post-right {
	overflow: hidden;
}
.media-post .post-title a {
	font-size: 13px;
	letter-spacing: 1px;
}
.blog-pull-right {
	float: right;
}
.sidebar-widget .tags a {
  border: 1px solid #e4e4e4;
  display: inline-block;
  font-size: 13px;
  margin: 5px 4px 5px -2px;
  padding: 5px 10px;
}
.sidebar-widget .tags a:hover {
  background: #E2680E none repeat scroll 0 0;
  color: #fff;
  -webkit-transition: all 0.1s ease-in-out 0s;
  -o-transition: all 0.1s ease-in-out 0s;
  transition: all 0.1s ease-in-out 0s;
}
@media only screen and (max-width : 767px) {
.blog-pull-right {
	float: none;
}
}

/*
 * 3.21 -> Event
 * -----------------------------------------------
*/
.event {
	background:  #f6f6f6;
	border: 1px solid transparent;
	border-bottom-color: #E2680E;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all 0.4s ease 0s;
}
.event:hover {
	background:  #fafafa;
	border-color: #eee #eee #E2680E;
	}
.event:hover .media-heading a {
	color: #E2680E;
}
.event .event-content .media-heading a {
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all 0.4s ease 0s;
}
.event .event-content ul li {
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.event .event-date ul li:first-child {
	margin-bottom: 10px;
}

/*
 * 3.22 -> Volunteer
 * -----------------------------------------------
*/
.volunteer {
	position: relative;
}
.volunteer .overlay {
	background: rgba(254, 147, 34, 0.9) none repeat scroll 0 0;
	height: 0;
	left: 0;
	margin: 0 auto;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-o-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.volunteer .content {
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all 0.2s ease-in-out 0s;
	-o-transition: all 0.2s ease-in-out 0s;
	transition: all 0.2s ease-in-out 0s;
}
.volunteer:hover .overlay {
	opacity: 1;
	height: 100%;
}
.volunteer:hover .content {
	opacity: 1;
	top: 30%;
}
.volunteer.border {
	border: 3px solid #fff;
}
.volunteer .info {
	padding: 15px 0;
	padding-bottom: 0;
	text-align: center;
}
.volunteer .info .name {
	font-weight: 700;
	margin: 0px;
}
.volunteer .info .name a {
	color: #E2680E;
	text-transform: uppercase;
}
.volunteer .info .occupation {
	color: #999;
	margin-bottom: 10px;
	margin-top: 0px;
	text-transform: uppercase;
}
.volunteer .info .social-icons li a {
	border: 1px solid #E2680E;
}
.volunteer .info .social-icons li a:hover {
	background-color: #fff;
}
.volunteer .info .social-icons li a:hover i {
	color: #E2680E;
}
/*
 * 3.23 -> BX Slider
 * -----------------------------------------------
*/
.bx-wrapper {
  margin: 0 auto 7px;
  padding: 0;
  position: relative;
}
.bx-wrapper .bx-viewport {
  background: inherit;
  border: 0 solid #fff;
  box-shadow: 0 0 0 #ccc;
  left: 0;
  transform: translateZ(0px);
}
/* bx top nav style */
.bx-controls .bx-controls-direction > a {
    background: #eee none repeat scroll 0 0;
    border: medium none;
    height: auto;
    line-height: 28px;
    padding: 0 12px;
    width: auto;
    text-indent: 0;
    top: -25px;
    z-index: 0;
}
.bx-controls .bx-controls-direction > a:hover {
	background: #ddd;
}
.bx-controls .bx-controls-direction > a i {
	color: #888;
}
.bx-controls .bx-controls-direction .bx-prev {
    right: 35px;
    left: auto;
}
.bx-controls .bx-controls-direction .bx-next {
    right: 0;
}
/*
 * 3.24 -> Donation Form
 * -----------------------------------------------
*/
.donation-form .form-group label {
	color: #E2680E;
	font-size: 14px;
	font-weight: 600;

}
.donation-form .form-group label.radio-inline {
	color: #888;
	font-size: 12px;
	font-weight: 600;
}
/*
 * 3.25 -> Progress Bars
 * -----------------------------------------------
*/
.progress-item {
	margin-top: 10px;
}
.progress-item .progress {
	background-color: #ddd;
	box-shadow: 0 0 1px rgba(0,0,0,0.4) inset;
	border-radius: 0;
	height: 15px;
	margin-bottom: 15px;
	overflow: visible;
}
.progress-item .progress-bar {
	background: #E2680E;
	font-size: 12px;
	padding-left: 10px;
	position: relative;
	text-align: left;
	width: 0;
	line-height: 18px;
	-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;
}
.progress-item .progress-bar .percent {
	background-color: rgba(255, 255, 255, 0.9);
	border: 2px solid #E2680E;
	border-radius: 50%;
	color: #333;
	font-size: 10px;
	line-height: 8px;
	padding: 12px 6px;
	position: absolute;
	right: -10px;
	text-align: center;
	top: -10px;
}
.progress-item.progress-white .progress {
	padding: 2px;
}
.progress-item.style2 .progress {
	background-color: #717171;
	box-shadow: 0 0 1px rgba(0,0,0,0.4) inset;
	border-radius: 0;
	height: 30px;
	margin-bottom: 15px;
	overflow: visible;
}
.progress-item.style2 .progress-bar .percent {
	font-size: 12px;
	line-height: 20px;
	position: absolute;
	right: 12px;
	top: 5px;
}
.causes .progress-item .progress {
	background-color: #e5e5e5;
	border-bottom: 1px solid #ddd;
	box-shadow: none;
}
/*
 * 3.26 -> Social Icons
 * -----------------------------------------------
*/
.social-icons.icon-orange a {
	background: #FE9322;
}
.social-icons.icon-orange a:hover {
	background: #FE9322;
}
.social-icons.icon-orange a i {
	color: #fff;
}
/*
 * 3.27 -> Box hover effect
 * -----------------------------------------------
*/
.box-hover-effect.effect1:hover .thumb img {
	-webkit-transform:scale(1.05);
	transform:scale(1.05);
}
/*
 * 4.1  -> owl carousel
 * -----------------------------------------------
*/
.owl-controls {
	margin: 0;
}
/* owl dots */
.owl-theme .owl-dots {
	text-align: center;
	margin-top: 10px;
}
.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
}
.owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
}
.owl-theme .owl-dots .owl-dot span {
	background: #fff;
	border: 2px solid #2F5075;
	border-radius: 50%;
	display: block;
	height: 12px;
	margin: 5px 3px;
	opacity: 0.8;
	-webkit-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	width: 12px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #0F9FFA;
}
/* owl nav */
.owl-controls .owl-nav > div {
	background: none repeat scroll 0 0 rgba(240,240,240,0.8);
	border-radius: 0;
	display: block;
	margin: 0;
	padding: 10px;
	position: absolute;
	top: 45%;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
	-ms-transition: all .4s ease 0s;
	-o-transition: all .4s ease 0s;
	transition: all 0.4s ease 0s;
	z-index: 6;
}
.owl-controls .owl-nav .owl-next {
	right: 0px;
}
.owl-controls .owl-nav .owl-prev i, .owl-controls .owl-nav .owl-next i {
	color: #888;
	font-size: 20px;
}
.image-carousel .owl-controls .owl-nav > div {
	opacity: 0;
}
.image-carousel:hover .owl-controls .owl-nav > div {
	opacity: 1;
}
/* Owl top nav style */
.owl-carousel.owl-nav-top.bullet-white .owl-dots span {
	background: #fff;
}
.owl-carousel.owl-nav-top .owl-controls .owl-nav > div {
    background-color: transparent;
    top: -45px;
    right: 0;
}
.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev {
    right: 35px;
}
.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next {
    rightt: 0;
}
.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev, 
.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next {
	background: #eee none repeat scroll 0 0;
	border: none;
	line-height: 28px;
	padding: 0 12px;
	text-align: center;
}
.owl-carousel.owl-nav-top .owl-controls .owl-nav > div:hover {
	background: #ddd;
}
.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-prev i,
.owl-carousel.owl-nav-top .owl-controls .owl-nav .owl-next i {
    color: #888;
    font-size: 14px;
}
/*
 * 4.2  -> Revolution
 * -----------------------------------------------
*/
.zeus .tp-bullet::after {
  background-color: #E2680E;
}
/*
 * 4.3  -> MaxImage Slider
 * -----------------------------------------------
*/
.maximage-slider .fullscreen-controls .img-prev,
.maximage-slider .fullscreen-controls .img-next {
  background: rgba(0, 0, 0, 0.3);
}
/*
 * 5.0 -> Footer
 * -----------------------------------------------
*/
.footer {
	background: #fafafa;
	padding: 30px 0;
}
.footer a {
	color: #fff;
}
.footer a:focus,
.footer a:hover,
.footer a:active {
	color: #ffffff;
}
.footer .footer-widget .widget-title {
	text-transform: uppercase;
}
.footer .footer-widget,
.footer .footer-widget .widget-title {
	margin-bottom: 30px;
}
.footer .footer-widget .line-bottom {
	position: relative;
}
.footer .footer-widget .line-bottom:after {
	border: none;
	bottom: -10px;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	width: 50px;
}
.footer .footer-widget ul li,
.footer .footer-widget .post {
	margin-bottom: 7px;
	padding-bottom: 7px;
}
.footer .footer-widget ul li ul li {
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.footer-contact-form .form-control {
	background-color: #252525;
	color: #aaa;
	border: 1px solid #333;
}
.footer-widget .tags li {
	border: none !important;
}
.footer-widget .tags a {
	background: #555555;
	font-size: 11px;
	color: #FFF;
	padding: 5px 10px;
}
.footer-widget .tags a:hover {
	background: #333;
}
.footer .footer-widget ul li a:hover,
.footer .footer-widget ul li a:hover i,
.footer .footer-widget  a.post-title:hover {
	color: #fafafa !important;
}
.footer .social-icons li a:hover {
	background: #E2680E;
}


.fnt-about-us{
          color: #474747;
    font-size: 16px;
    line-height: 1.7;
        }
.btn-readmore{
	    background-color: #0c9347;
    color: white;
    padding: 10px;
    font-size: 16px;
    transition:all 0.3s ease;
        }

 .btn-readmore:hover{
 	border:1px solid #0c9347;
 	background: white;

 }

 .service-card__data{
transition: all 0.3s ease;
    background-color: white;
    height: 51px;
    overflow: hidden;
 }

 .section-title2{
 	font-size: 35px;
    line-height: 1.5;
    margin-bottom: 10px;
    color: #000;
font-weight: 600;
 }


.section-title2 span{
     color: #7b7e7c;
 }

 .clr-white{
 	color: white;
 }



.btn-view-product {
 	background-color: #f08822;
    color: #fafafa;
    padding: 10px;
    font-size: 16px;
    transition: all 0.3s ease;
}
.btn-view-product-1 {
 	background-color: #ea0610;
    color: #fafafa;
    padding: 10px;
    font-size: 16px;
    transition: all 0.3s ease;
}
.btn-view-product-1:hover {
 	background-color: #3d904b;
    color: #fafafa;
    padding: 10px;
    font-size: 16px;
    transition: all 0.3s ease;
}


.btn-view-product:hover {
	color: #ea0610;
	background-color: transparent;
	border:1px solid #ea0610;

}

.product-view-title{
	color: #121212;
    font-size: 20px;
    line-height: 1.7;
    margin-bottom: 5px;
}

.product-view-data{
	color: #5a5656;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 5px;
    text-align: left;
    padding: 5px 10px;
}

.product-view-title{
	background: white;
    box-shadow: 1px 1px 5px #00000038;
  	height: auto;
    padding-top: 72px;
}

.nmb-60{
	margin-bottom: -68px;
}

.text-white{
	color: white;
}

.text-yellow{
	color: #fff; font-size:16px; 
}


.page-title-txt{
       color: #353535;
    /*font-size: 19px;*/
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 5px;
     }

.page-title-txt-inner-head {
    color: #0F9FFA;
    font-size: 20px;
    line-height: 1.7;
    margin-bottom: 5px;
        font-weight: bold;
}
.page-title-txt-inner-head-white {
    color: #ffffff;
    font-size: 20px;
    line-height: 1.7;
    margin-bottom: 5px;
        font-weight: bold;
}




.page-title-txt-inner{
color: #353535;
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 5px;
}
.page-title-txt-inner-white{
color: #ffffff;
    font-size: 17px;
    line-height: 1.7;
    margin-bottom: 5px;
}



.page-title-txt-inner-2 {
    color: #353535;
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 0;
    padding: 1px 10px;
}

.page-title-txt-inner-head-2{
	color: #353535;
    font-size: 19px;
    line-height: 1.7;
    margin-bottom: 5px;
}


.clr-blue{
	color:#E2680E;
}
.clr-white{
	color:#ffffff;
}

.product-spacification1 {margin:10px; text-align:justify; font-size:15px; color:#8e8e8e;}
   ul.product-spacification > li {
    margin: 15px 0;
    font-size: 16px;
}
ul.product-spacification.angle-right li:before {
    content: "\f105";
    font-family: fontawesome;
}
ul.product-spacification li:before {
    /* color: #E2680E; */
    color: #c5c5c5;
}
       
ul.product-spacification li:before {
    border: none;
    content: "\f00c";
    color: #E2680E;
    display: inline-block;
    font-family: fontawesome;
    font-size: 17px;
    margin-right: 10px;
    padding: 0;
}

.flex-container-spacification a:hover{
  color: white;
}

.flex-container-spacification a:active{
  color: white;
}

.flex-container-spacification a:focus{
  color: white;
}
.product_srlink {
    top: 20%;
    width: 100px;
}

.product_srlink {
    position: fixed;
    width: 90px;
    z-index: 99;
    top: 25%;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
}

.product_srlink ul li a.active {
    color: #fff;
}
.product_srlink ul li a.active {
    background-color: #3983e2;
}
.product_srlink ul li a {
    padding: 15px 0;
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
    font-size: 14px;
    float: left;
    width: 100%;
}



.right_icon {

    right: 0;
    position: fixed;
    width: 60px;
    z-index: 9999;
    top: 60%;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.55);
}
.right_icon ul li a.active {
    color: #fff;
}
.right_icon ul li a.active {
    background-color: #3983e2;
}
.right_icon ul li a {
    padding: 5px 0;
    text-align: center;
    border-bottom: 1px solid #e0e0e0;
    font-size: 12px;
    float: left;
    width: 100%;
}





.f-p{
      color: #282828;
    font-size: 13px;
    line-height: 1.7;
}


.r-p{
      color: #ffffff;
    font-size: 12px;
    line-height: 1.1;
}



.footer-nav {
    
    display: none;
  
}
.show, .footer-nav:hover {
    display: block;
}




.flex-container {
  display: flex;
  
}

.flex-container > div {
  
  color: white;
  margin:5px 10px;
}




.wrap {
    display: flex;
    background: white;
    padding: 1rem 1rem 1rem 1rem;
    border-radius: 0.5rem;
    box-shadow: 7px 7px 30px -5px rgba(0,0,0,0.1);
    margin-bottom: 2rem;
}

.wrap:hover {
    background: linear-gradient(135deg,#6394ff 0%,#0a193b 100%);
    color: white;
}

.dis-inline{
  display: inline-block;
}




.wrap:hover .wrap-head{
  color:#ffffff;
}

.wrap:hover .wrap-counter{
  color:#ffffff;
}

.fnt-30{
  font-size:30px;
}
.filp-product-title{
      font-size: 20px;
      line-height: 1.5;
      margin-bottom: 10px;    
      color: #000;
      font-weight: 600;
    }
  .filp-product-data{
      color: #767070;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 5px;
    }

    .flip-product-btn{
      color: white;
    background-color: #fe0000;font-size:16px;
    padding: 10px;
    transition:all 0.3s ease;
  }

  .flip-product-btn:hover{
      color: #000;
      border:1px solid #fe0000;
    background-color: white;
    padding: 10px;
  }
.card-container {
    -webkit-perspective: 800px;
   -moz-perspective: 800px;
     -o-perspective: 800px;
        perspective: 800px;
        margin-bottom: 30px;
}
/* flip the pane when hovered */
.card-container:not(.manual-flip):hover .card,
.card-container.hover.manual-flip .card{
  -webkit-transform: rotateY( 180deg );
-moz-transform: rotateY( 180deg );
 -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}


.card-container.static:hover .card,
.card-container.static.hover .card {
  -webkit-transform: none;
-moz-transform: none;
 -o-transform: none;
    transform: none;
}
/* flip speed goes here */
.card {
   -webkit-transition: -webkit-transform .5s;
   -moz-transition: -moz-transform .5s;
     -o-transition: -o-transform .5s;
        transition: transform .5s;
-webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
     -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
  position: relative;
}

/* hide back of pane during swap */
.front, .back {
  -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
     -o-backface-visibility: hidden;
        backface-visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #FFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.14);
}

/* front pane, placed above back */
.front {
  z-index: 2;
}

/* back, initially hidden pane */
.back {
    -webkit-transform: rotateY( 180deg );
   -moz-transform: rotateY( 180deg );
     -o-transform: rotateY( 180deg );
        transform: rotateY( 180deg );
        z-index: 3;
}

.back .btn-simple{
    position: absolute;
    left: 0;
    bottom: 4px;
}
/*        Style       */


.card{
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px;
    color: #444444;
}
.card-container, .front, .back {
  width: 100%;
  height: 320px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.16);
-moz-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.16);
box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.16);
}
.card .cover{
    height: 105px;
    overflow: hidden;
    border-radius: 4px 4px 0 0;
}
.card .cover img{
    width: 100%;
}
.card .user{
    border-radius: 50%;
    display: block;
    height: 120px;
    margin: -55px auto 0;
    overflow: hidden;
    width: 120px;
}
.card .user img{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 4px solid #FFFFFF;
    width: 100%;
}

.card .content{
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    padding: 10px 20px 20px;
}
.card .content .main {
    min-height: 160px;
}
.card .back .content .main {
    height: 215px;
}
.card .name {
    font-family: 'Arima Madurai', cursive;
    font-size: 22px;
    line-height: 28px;
    margin: 10px 0 0;
    text-align: center;
    text-transform: capitalize;
}
.card h5{
    margin: 5px 0;
    font-weight: 400;
    line-height: 20px;
}
.card .profession{
    color: #999999;
    text-align: center;
    margin-bottom: 20px;
}
.card .footer {
    border-top: 1px solid #EEEEEE;
    color: #999999;
    margin: 30px 0 0;
    padding: 10px 0 0;
    text-align: center;
}
.card .footer .social-links{
    font-size: 18px;
}
.card .footer .social-links a{
    margin: 0 7px;
}
.card .footer .btn-simple{
    margin-top: -6px;
}
.card .header {
    padding: 15px 20px;
    height: 90px;
}
.card .motto{
    font-family: 'Arima Madurai', cursive;
    border-bottom: 1px solid #EEEEEE;
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    padding-bottom: 10px;
    text-align: center;
}

.card .stats-container{
  width: 100%;
  margin-top: 50px;
}
.card .stats{
  display: block;
  float: left;
  width: 33.333333%;
  text-align: center;
}

.card .stats:first-child{
  border-right: 1px solid #EEEEEE;
}
.card .stats:last-child{
  border-left: 1px solid #EEEEEE;
}
.card .stats h4{
    font-family: 'Arima Madurai', cursive;
  font-weight: 300;
  margin-bottom: 5px;
}
.card .stats p{
  color: #777777;
}
/*      Just for presentation        */


.title small{
    font-size: 17px;
    color: #999;
    text-transform: uppercase;
    margin: 0;
}
.space-30{
  height: 30px;
  display: block;
}
.space-50{
    height: 50px;
    display: block;
}
.space-200{
    height: 200px;
    display: block;
}
.white-board{
    background-color: #FFFFFF;
    min-height: 200px;
    padding: 60px 60px 20px;
}
.ct-heart{
    color: #F74933;
}

 pre.prettyprint{
    background-color: #ffffff;
    border: 1px solid #999;
    margin-top: 20px;
    padding: 20px;
    text-align: left;
}
.atv, .str{
    color: #05AE0E;
}
.tag, .pln, .kwd{
     color: #3472F7;
}
.atn{
  color: #2C93FF;
}
.pln{
   color: #333;
}
.com{
    color: #999;
}

.btn-simple{
    opacity: .8;
    color: #666666;
    background-color: transparent;
}

.btn-simple:hover,
.btn-simple:focus{
    background-color: transparent;
    box-shadow: none;
    opacity: 1;
}
.btn-simple i{
    font-size: 16px;
}

.navbar-brand-logo{
    padding: 0;
}
.navbar-brand-logo .logo{
    border: 1px solid #333333;
    border-radius: 50%;
    float: left;
    overflow: hidden;
    width: 60px;
}
.navbar .navbar-brand-logo .brand{
    color: #FFFFFF;
    float: left;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    margin-left: 10px;
    margin-top: 10px;
    width: 60px;
}
.navbar-default .navbar-brand-logo .brand{
    color: #555;
}


/*       Fix bug for IE      */

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .front, .back{
        -ms-backface-visibility: visible;
        backface-visibility: visible;
    }

    .back {
        visibility: hidden;
        -ms-transition: all 0.2s cubic-bezier(.92,.01,.83,.67);
    }
    .front{
        z-index: 4;
    }
    .card-container:not(.manual-flip):hover .back,
    .card-container.manual-flip.hover .back{
        z-index: 5;
        visibility: visible;
    }
}


.thumbnail-txt{
color: #fff;
cursor: pointer;
    font-size: 13px;
    line-height: 1.7;
    font-weight: 600;
  min-height: 44px;}
  
.hide-bullets {
    list-style:none;
    margin-left: -40px;
    margin-top:20px;
}



.carousel-inner>.item>img, .carousel-inner>.item>a>img {
    width: 100%;
}
.r-social-icon{
  width: 7%;
    line-height: 58px;
    border-width: 1px;
    text-align: center;
    margin: 5px 4px;
    font-size: 23px;
    border-color: #000000;
    border-style: solid;
    padding: 0px;
}
.r-social-icon-inner{
color:#000000;padding:6px;
}
.hvr-ripple-out{display: inline-block !important;}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
    -webkit-animation: hvr-ripple-out 0.6s ease-in-out;
    animation: hvr-ripple-out 0.6s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.hvr-ripple-out:before {
    content: '';
    position: absolute;
    background: #4bb057;
    border: #4bb057 solid 6px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}



.our-product-card{
	background: #004a91;
	box-shadow: 1px 1px 5px #00000038;
	height: auto;
	padding: 5px 0px;
	color: white;
	}
.our-product-card-title{
color: white;font-size: 20px;line-height: 1.7;margin-bottom: 5px;
}
.our-product-card-title a{
color:#fff;
}
.our-product-card-title-2{
    color: #ffffff;
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 5px;
}
.our-product-card-data{
color: white;font-size: 14px;line-height: 1.7;margin-bottom: 5px;text-align: left;padding: 5px 10px;
}

.our-product-card-flex-container{
	display: inline-flex;
	flex-wrap: wrap;
}

.our-product-card-flex-container div{
	
    padding: 5px 8px;
} 

.our-product-card-flex-container div:before {
    font-family: FontAwesome;
    content: "\f105";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
      font-size: 16px;
    color: #fff;
}



.service-box {text-align:center;color:#fff;position:relative}
.service-box .box-content,.service-box:after{width:100%;position:absolute;left:0}
.service-box:after{content:"";height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.08) 69%,rgba(0,0,0,.76) 100%);top:0;transition:all .5s ease 0s}
.service-box .post,.service-box .title{transform:translateY(145px);transition:all .4s cubic-bezier(.13,.62,.81,.91) 0s}
.service-box:hover:after{background:linear-gradient(to bottom,rgba(0,0,0,.01) 0,rgba(0,0,0,.09) 11%,rgba(0,0,0,.12) 13%,rgba(0,0,0,.19) 20%,rgba(0,0,0,.29) 28%,rgba(0,0,0,.29) 29%,rgba(0,0,0,.42) 38%,rgba(0,0,0,.46) 43%,rgba(0,0,0,.53) 47%,rgba(0,0,0,.75) 69%,rgba(0,0,0,.87) 84%,rgba(0,0,0,.98) 99%,rgba(0,0,0,.94) 100%)}
.service-box img{width:100%;height:auto}
.service-box .box-content{padding:20px;margin-bottom:25px;bottom:0;z-index:1}
.service-box .box-content h3{background: white;border: 2px solid #000000b0; padding:10px;}


    
.service-box .title{font-size:18px;font-weight:600;text-transform:uppercase;margin:0 0 10px}
.service-box .post{display:block;padding:8px 0;font-size:15px}
.service-box .social li a,.box17 .icon li a{border-radius:50%;font-size:20px;color:#fff}

.service-box .social  a {background-color: #358f42;color: white;padding: 10px;font-size:15px;}
.service-box:hover .post,.service-box:hover .title{transform:translateY(0)}
.service-box .social{list-style:none;padding:0 0 5px;margin:40px 0 25px;opacity:0;position:relative;transform:perspective(500px) rotateX(-90deg) rotateY(0) rotateZ(0);transition:all .6s cubic-bezier(0,0,.58,1) 0s}
.service-box:hover .social{opacity:1;transform:perspective(500px) rotateX(0) rotateY(0) rotateZ(0)}
.service-box .social:before{content:"";width:50px;height:2px;background:#fff;margin:0 auto;position:absolute;top:-23px;left:0;right:0}
.service-box .social li{display:inline-block}
.service-box .social li a{display:block;width:40px;height:40px;line-height:40px;background:#6d3795;margin-right:10px;transition:all .3s ease 0s}
.box17 .icon li,.box17 .icon li a{display:inline-block}
.service-box .social li a:hover{background:#bea041}
.service-box .social li:last-child a{margin-right:0}



.footer-address-title { 
   color: #fbfbfb;
    font-size: 15px;
    line-height: 1.7;
    margin-bottom: 5px;
}


.main-background{
  min-height: 410px; 
   
  }

  .main-background-2{
  min-height: 300px; 
   
  }



.main-background__container{
padding-top: 6%;
}

.main-background__container-2{
padding-top: 3%;
}

.main-background__container-inner{
width: fit-content;
background-color: #000000a8;
padding:10px 30px;
}
.breadcrumb  li a{
	font-size: 13px;
}

.breadcrumb  li:last-child {
	font-size: 13px;
	color:#fff;
}


.hfont {
    font-size: 36px;
}


.hpb-30 {
    padding-bottom: 30px;
}

.hpt-30 {
    padding-top: 30px;
}



.container-h{
    padding-top: 70px;
    padding-bottom: 30px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
     width: 1170px;
  }


  .model-divider-1{
  border-left:1px solid #31308654;
  border-top:none;
}

.about-us--img{
    width: 25%;opacity: 0.3;margin-top: -9px; text-align:center;
  }
.about-us--counter-caintainer{
	background-color: white;
    border: 2px solid #8b8686;
    padding: 10px;
    margin-top: 35px;
	text-align:center;
}

.about-us--counter{
	font-size: 40px;
    color: #000;
    font-weight: 600;
	background: white;
    margin-top: -49px;
    width: fit-content;
}

.about-us--data{
    font-size: 22px;
    margin-top: -15px;
    color: #767070;
}

.sitemap-container{
	display: inline-flex;
	flex-wrap: wrap;
}
.sitemap-container div{

	    padding: 5px 15px;
	}

@media (min-width:320px) and (max-width:767px) {


	.model-divider-1{
  border-top:1px solid #31308654;
  border-left:none;
}

.container-h{
    padding-top: 10px;
    padding-bottom: 30px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    width:auto;
}
.section-content{
padding-top:20px;padding-bottom: 20px;

}
.breadcrumb  li a{
	font-size: 10px;
}

.breadcrumb  li:last-child {
	font-size: 10px;
	color:#fff;
}

.main-background{
  
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 0;
    min-height: 10px;
}

.main-background-2{
  
    background-size: contain;
    background-repeat: no-repeat;
    margin-top: 0;
    min-height: 10px;
}

.layer-overlay::before {
    content: " ";
    height: -webkit-fill-available;
    left: 0;
    position: absolute;
    top: 0px;
    width: 100%;
    margin-top: 0;
    z-index: 0;
    margin-bottom: 0%;
}



.main-background__container{
padding-top: 0%;
}

.main-background__container-2{
padding-top: 0%;
}
.main-background__container-inner{

padding:0 5px;
background-color: #000000a1;
-webkit-background-color: #000000a1;
}

.hfont {
    font-size: 16px !important;
}
.hpb-30 {
    padding-bottom: 0px !important;
}

.hpt-30 {
    padding-top: 0px !important;
}


.main-product-card:not(:last-child){
 border-bottom: 1px solid #3130864a;
}



  .no-span-blue {
    font-size: 20px;
    color: #000;
    padding-bottom: 20px;
}

.no-span-blue::before,.no-span-blue::after {
    display: inline-block;
    content: "";
    border-top: 2px solid #000000;
    margin: 0 1rem;
    transform: translateY(-10px);
}
  .counter-card {
    margin-right: 10px;
    margin-top: 1px;
}
  .wrap-head {
    font-size: 11px;
    line-height: 1.2;
    margin-bottom: 10px;
    color: #0d0d0d;
}

.wrap-counter {
    color: #000000;
    font-size: 29px;
    line-height: 1.7;
}

.wrap-1, .wrap-2, .wrap-3 {
    margin: 2px 1px;
    border-left: 2px solid #000000 !important;
    padding: 1px 5px;
}

}

@media (min-width:768px){

.no-span-blue{
  font-size:40px;
    color:#000000; 
    padding-bottom:20px;
}
.no-span-blue::before,.no-span-blue::after {
    display: inline-block;
    content: "";
    border-top: 2px solid #0F9FFA;
    width: 4rem;
    margin: 0 1rem;
    transform: translateY(-10px);
}

  .no-span{
    font-size:40px;
    color:white; 
    padding-bottom:20px;
  }

  .no-span::before,.no-span::after {
    display: inline-block;
    content: "";
    border-top: 2px solid white;
    width: 4rem;
    margin: 0 1rem;
    transform: translateY(-10px);
}


  .counter-card{
            margin-right: -130px;
            margin-top: 19px;
          }

          .wrap-head{
  font-size: 20px;line-height: 1.2;margin-bottom: 10px;color:#0d0d0d;
}

.wrap-counter{
  color: #000000;font-size: 36px;line-height: 1.7;
}
.wrap-1{margin: 2px 35px;}
.wrap-2{margin: 2px 4px;border-left: 2px solid #000000;padding: 2px 30px;}
.wrap-3{margin: 2px 4px;border-left: 2px solid #000000;padding: 2px 30px;}
}

@media only screen and (max-width:990px){.service-box{margin-bottom:30px}
}



#scrollmenu{

    position: relative;

    width: 100%;
   z-index:9999;
display:none;
}
.service-box {text-align:center;color:#fff;position:relative}
.service-box .box-content,.service-box:after{width:100%;position:absolute;left:0}
.service-box:after{content:"";height:100%;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.08) 69%,rgba(0,0,0,.76) 100%);top:0;transition:all .5s ease 0s}
.service-box .post,.service-box .title{transform:translateY(145px);transition:all .4s cubic-bezier(.13,.62,.81,.91) 0s}
.service-box:hover:after{background:linear-gradient(to bottom,rgba(0,0,0,.01) 0,rgba(0,0,0,.09) 11%,rgba(0,0,0,.12) 13%,rgba(0,0,0,.19) 20%,rgba(0,0,0,.29) 28%,rgba(0,0,0,.29) 29%,rgba(0,0,0,.42) 38%,rgba(0,0,0,.46) 43%,rgba(0,0,0,.53) 47%,rgba(0,0,0,.75) 69%,rgba(0,0,0,.87) 84%,rgba(0,0,0,.98) 99%,rgba(0,0,0,.94) 100%)}
.service-box img{width:100%;height:auto}
.service-box .box-content{padding:20px;margin-bottom:25px;bottom:0;z-index:1}
.service-box .box-content h3{background: white;border: 2px solid #000000b0; padding:10px;}


    
.service-box .title{font-size:18px;font-weight:600;text-transform:uppercase;margin:0 0 10px}
.service-box .post{display:block;padding:8px 0;font-size:15px}
.service-box .social li a,.box17 .icon li a{border-radius:50%;font-size:20px;color:#fff}

.service-box .social  a {background-color: #358f42;color: white;padding: 10px;font-size:15px;}
.service-box:hover .post,.service-box:hover .title{transform:translateY(0)}
.service-box .social{list-style:none;padding:0 0 5px;margin:40px 0 25px;opacity:0;position:relative;transform:perspective(500px) rotateX(-90deg) rotateY(0) rotateZ(0);transition:all .6s cubic-bezier(0,0,.58,1) 0s}
.service-box:hover .social{opacity:1;transform:perspective(500px) rotateX(0) rotateY(0) rotateZ(0)}
.service-box .social:before{content:"";width:50px;height:2px;background:#fff;margin:0 auto;position:absolute;top:-23px;left:0;right:0}
.service-box .social li{display:inline-block}
.service-box .social li a{display:block;width:40px;height:40px;line-height:40px;background:#6d3795;margin-right:10px;transition:all .3s ease 0s}
.box17 .icon li,.box17 .icon li a{display:inline-block}
.service-box .social li a:hover{background:#bea041}
.service-box .social li:last-child a{margin-right:0}
@media only screen and (max-width:990px){.service-box{margin-bottom:30px}
}
   .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
    .flex-container-lang {
    display: -webkit-flex;
    display: flex;
    width: 150px;
    background-color: white;
}
.flex-container-lang > div {
    background-color: #f1f1f1;
    margin: 1px 1px 1px 0px;
    padding: 1px;
    font-size: 30px;
    width: 25%;
}
.flex-item {
    width: 30px;
    margin: 5px;
}
      .btn-search{
      
    border-radius: 0;
    font-size: 17px;
    font-weight: 400;
    margin-right: 2px;
   
    padding: 10px 15px;
    background-color: #E2680E;
    border: 1px solid #E2680E;
}
      .desk-nav{z-index:300;margin-bottom: -36px;}
      .desk-padd-left-100{padding-left:100px;}
      .desk-padd-20{padding-top:20px;}
      .desk-padd-27{padding-top:27px;}
      @media(min-width:321px) and (max-width:767px){


        .desk-nav{z-index:300;margin-bottom: 0;}
        .desk-padd-left-100{padding-left:0;}
        .desk-padd-20{padding-top:0;}
        .desk-padd-27{padding-top:0;}

       .btn-action{
    margin-top:2px !important;
    background-color: white;
    padding: 22px 15px;
    width: 239px;
    min-height: 20px;
    max-height: 20px;
    border: none;
    background-color: #E2680E;
  }
      }


      .style-2{
      	    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #E2680E;
      }
      .h-underline:after {    
  background: none repeat scroll 0 0 transparent;
  bottom: 0;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  position: absolute;
  background: #E2680E;
  transition: width 0.5s ease 0s, left 0.5s ease 0s;
  width: 0;
}
.h-underline:hover:after { 
  width: 100%; 
  left: 0; 
}

.btn-action{
    margin-top:40px;
    background-color: white;
    padding: 22px 15px;
    width: 239px;
    min-height: 20px;
    max-height: 20px;
    border: none;
    /*background-color: #E2680E;*/
    background-color: #37aa69;
  }
  .btn-action-icon{
  
    margin-top: -42px;
    display: none;
    transition: all 0.6s ease;
    width: 200px;
    min-height: 20px;
    max-height: 20px;
    color: white;
    font-size:25px;
  }
  .btn-action-text{
    font-size: 21px;
    margin-top: -18px;
    color:white;
    transition: all 0.6s ease;
  }
  .btn-action:hover .btn-action-icon{
    position: relative;
    margin-top:-10px;
    display: block;

  }
  .btn-action:hover .btn-action-text{
  transition: all 0.3s ease;
    margin-bottom: 50px;
    display: none;


  }


  .type-fnt{
  	color: #333333;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 5px;
    padding-left: 10px;
  }

.padd-10 {
	padding:10px;
}

	.desk-pt-97{
      padding-top: 97px;
  }
  

  	.desk-pt-20{
      padding-top: 20px;
  }
  	.desk-pt-100{
      padding-top: 100px;
  }
  
  
.desk-pt-40{
      padding-top: 40px;
  }
  
.desk-pt-168{
      padding-top: 168px;
  }



.desk-h-73{
	height:73px;
}

.desk-h-61{
	height:61px;
}
  @media (min-width:320px) and (max-width:767px){
  		.desk-pt-20{
      padding-top: 5px;
  }
  
.desk-h-73{
	height:auto !important;
}

.desk-h-61{
	height:auto !important;
}

  	.desk-pt-40{
      padding-top: 2px;
  }
  
	.desk-pt-97{
      padding-top: 5px;
  }
  

	.desk-pt-100{
      padding-top: 5px;
  }
  
  	.desk-pt-168{
      padding-top: 1px;
  }


  	.desk-topmt-100{
      margin-top: 100px;
  }
  
  }


  .video-card{
        padding: 5px;
    background-color: white;
    box-shadow: 1px 3px 6px 0px #00000075;
      }
   .video-card__text{
      color: #E2680E;
      
    font-size: 16px;
    line-height: 1.7;
    
    font-weight: 600;
    padding: 5px 1px;
    }

    .video-card__head{
    	    color: #4ead5a;
    font-size: 25px;
    line-height: 1.7;
    margin-bottom: 15px;
    font-weight: 600;
    }






  



.close {
    float: right;
    font-size: 30px;
    font-weight: 700;
    line-height: 1;
    color: #fff !important;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 1 !important;
}

.branch-container::before{
  content: "";
    height: 100%;
    width: 5px;
    background-color: #20bcd6;
    margin-left: -9px;
    position: absolute;
    margin-top: -10px;
}
.branch-container-inner::before {
    content: "";
    height: 100%;
    width: 4px;
    background-color: #20bcd6;
    margin-left: 0px;
    position: absolute;
    margin-top: 0px;
}

.branch-title{
  color: #E2680E;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.7;
    margin-bottom: 5px;
}
.dis-inline{
  display:inline-flex;
}
.branch-icon{
  font-size: 22px;
    color: #E2680E;
    padding: 0 5px;
}

.branch-data{
  color: #333333;
    padding-left: 5px;
    font-size: 16px;
    line-height: 1.7;
    margin-bottom: 0;
}

.mar-pad-0 {
	margin:0 !important;
	padding:0 !important;
}

.mt-5{
	margin-top: 5px;
}
.mt-10{
	margin-top: 10px;
}


.ml-5{
	margin-left:5px;
}
.pt-10{
	padding-top: 10px;
}
.pt-40{
	padding-top: 40px;
}
.fnt-red{
	color: red;
}



.ml-7{
margin-left:7px}
.ml-15{
margin-left:15px}
.home_aboutus-container{
    border: 2px dotted #1e7d50;
    height: 394px;
    border-radius: 210px;
    background-color: white;
    position: relative;
    margin-left: 156px;
    position:relative;
}

.home_aboutus-container__img{
margin-left: 17%;
}

.home_aboutus-container__data{
    font-size: 14px;
    color: #313086;
    font-weight: 600;
}


.home_aboutus-container__sec1{
	position: absolute;top:3%;
    	left: 71%;background: white;
    	border-radius: 25px;width:30%;
    	padding: 6px;    
	border: 2px dotted #1e7d50;
}

.home_aboutus-container__sec2{
	position: absolute;top: 4%;
    left: -1%;background: white;
    border-radius: 25px;width:30%;
    padding: 6px;    border: 2px dotted #1e7d50;
}

.home_aboutus-container__sec3{
    position: absolute;top: 81%;
    left: 40%;background: white;width:30%;
    border-radius: 25px;
    padding: 6px;    border: 2px dotted #1e7d50;
}

.home_aboutus-container__logo{
	position: absolute;top: 39%;left: 15%;
}



.blue-strip{
            background: #000000;
    min-height: 5px;
      }




       .active-sticky{
    color: #E2680E;
    border: 1px solid #E2680E;
  }


  .style2{
  	margin-top: 5px;
    margin-bottom: 5px;
    border: 0;
    border-top: 1px solid #c1c1c1;
  }
  
  
  .container111 {
  position: relative;
  text-align: center;
  color: white;
}

/* Bottom left text */
.bottom-right {
  position: absolute;
  top: 30%;
  right: 30%;
  text-align:justify;
  left:30%;
  font-size:16px;
}


.bottom-left {
    position: absolute;
  top: 50%;
  right: 30%;
  text-align:center;
  left:30%;
  font-size:16px;
  text-shadow: 0 0 3px #000, 0 0 5px #ff0000;
}
.container111 h1 {
   font-size:24px;
   text-transform:uppercase;
   color:#FFFFFF;
}

@media (min-width:320px) and (max-width:767px) {


/* Bottom left text */
.bottom-right {
  position: absolute;
  top: 8%;
  text-align:center;
  font-size:9px;
}


.bottom-left {
  position: absolute;
  top: 8%;
  text-align:center;
  font-size:9px;
}
.container111 h1 {
   font-size:10px;
   color:#FFFFFF;
}