@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Noto+Sans+TC:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap')
 



/* CSS Document */
/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/

.sticky{
  position: sticky;
  top: 0;
  background-color: white;
}
#blinking-button {
  animation: blinker 1.5s linear infinite;
  color: red;
  
  /* Larger, responsive font size */
  margin-bottom: 20px;
}

@keyframes blinker {
  50% {
      opacity: 0;
  }
}

body{margin:0 auto; padding:0; font-family: "Josefin Sans", sans-serif;}
#main{
  /* width:1000px; */
   margin:0 auto; padding:0;
  }

   #main.show{
   position: fixed;
   width: 100%;
   top: 0;
   background-color: white;
   }
.header{width:100%;
   /* min-width:1000px;  */
   /* position: sticky; */
   background: white;
   box-shadow: 0px 0px 4px #a4a4a4;
   height:auto; float:left;}
.inner-header{
  /* width: 1000px; */
    /* height: 82px; */
    /* float: left; */
    text-align: center;
    background: #fff;
    /* background: #ecedf2; */
  }
.logo{
  /* width:450px; */
  /* height:86px; */
  margin: 0 auto;
  /* float:left; */}

/*nav*/
.nav{
	margin-top:8px;
	/* float:right; */
	clear: both;
	/* width: 1000px; */
  text-align: center;
}
/*** MENU ***/
.top-menu, .top-menu * 
{
	margin:			0;
	padding:		0;
	list-style:		none;
	text-transform:uppercase;
	font-weight: 500;
	font-family: "Josefin Sans", sans-serif;
}
nav {
	padding-top:0px;
	/* margin-top:15px; */
}
.top-menu {
	line-height:	1.0;
  display: flex;
  justify-content:center;
}
.top-menu li {
	/* float:			left; */
	margin-right:1px;
	position:		relative;
}
.top-menu a 
{/*margin-right:5px;*/display:block;color: #f9791c;font-size: 12px;line-height:24px;padding: 3px 18px 3px 25px;transition: all 0.4s ease 0s;text-decoration: none;font-weight: 400  ;letter-spacing: 0.7px;}
 
/*
.top-menu a 
{display:block;color: #f9791c;font-size: 14px;line-height:24px;padding: 3px 15px 3px 15px;transition: all 0.4s ease 0s;text-decoration: none;}
*/

.top-menu a:hover,
.top-menu li.current> a,
.top-menu li.sfHover > a {
	text-decoration:none;
	color: #4b7447;
}

.top-menu ul a:hover,
.top-menu ul li.sfHover > a {
	background:none;
	color:#fff;
	text-decoration:none;
}



/* Top Menu1 */

/*nav1*/
.nav1{
	margin-top:20px;
	float:right;
  margin-right: 33px;
}
/*** MENU ***/
.top-menu1, .top-menu1 
{
	margin:			0;
	padding:		0;
	list-style:		none;
	text-transform:uppercase;
	font-weight:500;
	font-family: "Josefin Sans", sans-serif;
}
nav1 {
	padding-top:0px;
	margin-top:15px;
}

.logo1 {
    width: 330px;
    height: 82px;
    float: left;
	margin-top: 5px;
}



.top-menu1 {
	line-height:	1.0;
}
.top-menu1 li {
	float:			left;
	margin-right:1px;
	position:		relative;
}
.top-menu1 a 
{
/*	margin-right:5px;*/
	display:block;
	color:#ff6600;
	font-size:14px;
	line-height:24px;
	padding:15px;
	transition: all 0.4s ease 0s;
	text-decoration: none;
}
.top-menu1 a:hover,
.top-menu1 li.current> a,
.top-menu1 li.sfHover > a {
	text-decoration:none;
	color:#4b7447;
}

.top-menu1 ul a:hover,
.top-menu1 ul li.sfHover > a {
	background:none;
	color:#fff;
	text-decoration:none;
}















.wrapper{width:100%;/* min-width:1000px; */height: 100vh;background: url(../BG.jpg) top;background-size: cover;background-repeat: no-repeat;display: inline-block;}
.container1{width:100%; min-width:1000px; height:auto;}
.container{width:100%; min-width:1000px; height:auto;}
.content{width:1000px; margin:auto; padding:0;}
.content1{width:1000px; margin:auto; padding:0;}

.cont-left{width:600px; height:auto; float:left;}
.cont-right{   height:auto; float:left; margin-left:20px;}
.con-bg{width:940px; background:#E0E0E0; padding:30px 30px 60px 30px; height:auto; float:left;}
.con-bgl{width:600px; height:auto; float:left;}
.con-bgr{width:300px; height:auto; float:left; margin-left:20px;}

.eligible{border:3px solid #fff; background:#6E6E6E; float:left; margin-top:-30px; width:870px; padding:30px; margin-left:30px;}
.eligible p{color:#fff;}

.content1 p{font-size:14px; line-height:24px; padding:0px 10px 10px 5px;}

.title{width:100%; height:55px; min-width:1000px; height:auto; background:#FF931E; clear:both;}
.title1{width:1000px; height:55px; margin:0 auto; padding:0;}
.title h4{width:950px; font-size:28px; color:#fff; float:left; padding:10px 10px 10px 0px; font-weight:500; text-transform:uppercase; font-family: "Josefin Sans", sans-serif;margin:0;}

.ul-style{font-size:14px; line-height:24px; list-style:square; margin-left:20px; clear: both;}
.ul-style1{font-size:14px; line-height:24px; list-style:square; margin-left:20px; color:#fff; margin-top:-3px;}


h5{border-bottom:1px dashed #FF931E;color:#4b7447;padding: 10px 0 5px 0px;width:100%;font-size:16px;margin-top:20px;font-weight: bold;margin-bottom:20px;font-family: "Josefin Sans", sans-serif; text-transform: uppercase;} 

h6{border-bottom:1px dashed #FF931E; color:#4b7447; padding:10px 0 5px 0px;; width:1000px; font-size:14px; margin-top:10px; font-weight:500; margin-bottom:10px;font-family: "Josefin Sans", sans-serif; text-transform: uppercase;} 

.main-content{width: 1000px;height:auto;float:left;margin-top:95px;}
.our-history{
    width: 20%;
    padding:20px;
    background:#fff;
    float:left;
    margin-left: 8%;
    border-radius:50%;
    padding-top: 1%;
    padding-bottom: 3%;
    opacity: 0.7;
    filter: alpha(opacity=40);
    }
.circle{width:25%; padding:2%; opacity:1!important; float:left;}
h1{color:#000;font-size: 24px;font-weight:500;margin-bottom:10px;text-align:center;text-transform:uppercase;border-bottom:1px dashed #000;padding:5%;font-family: "Josefin Sans", sans-serif;}
.our-vision{width: 20%;padding:20px;background:#fff;float:left;border-radius:50%;padding-top: 1%;padding-bottom: 3%;margin-left:2%;opacity: 0.7;}
.aims-objectives{width: 20%;padding:20px;background:#fff;float:left;border-radius:50%;padding-top: 1%;padding-bottom: 3%;margin-left:2%;opacity: 0.7;}

/*.aims-objectives{width: 20%;padding:20px;background:#d5fffb;float:left;border-radius:50%;padding-top: 1%;padding-bottom: 3%;margin-left:2%;opacity: 1;}*/
.our-history p, .our-vision p, .aims-objectives p{color:#000; font-size:12px; line-height:22px; text-align:center; padding:2%;font-weight: 600;}
.our-history span, .our-vision span, .aims-objectives span{margin-top:-17px; float:left;}

.read-more{font-size:14px; text-align:center; float:left; margin-top:20px; padding:5px 10px 5px 10px;}


.tab-content{width:80%;min-width:1000px;height:auto;float:left;background: #4b7447;padding-bottom:30px;float:left;}
.tab-content2{width:100%;height:auto;float:left;background: #4b7447;padding-bottom:30px;float:left;}
.tab-content1{/* width:1000px; */ margin:0 auto; padding:0; padding:20px 0 20px 0;}
.con1{width:230px; height:auto; float:left; margin-left:20px;}
.ico{width:150px; height:auto; float:left; border-bottom:2px solid #fff; padding:10px 0 10px 0;}
 h2{font-size:18px; font-family: "Josefin Sans", sans-serif; float:left;  color:#fff; text-transform:uppercase; margin-top:20px; margin-bottom:10px; font-weight:bold;}
.tab-content p{font-size:14px; line-height:18px; color:#fff; clear:both; font-family: "Josefin Sans", sans-serif;;}
.tab-content a{color:#fff; text-decoration:none; margin-top:10px; float:left; font-weight:bold;}
.con2{width: 40%;height:auto;float:right;margin-right:20px;}

.footer{width:100%;min-width:1000px;float:left;border-top: 10px solid #f9dc24;margin-bottom:20px;}
.footer1{width:1000px; margin:0 auto; padding:0; padding:70px 0 20px 0;}
 h3{font-size:18px;font-family: "Josefin Sans", sans-serif;float:left;color:#fff;text-transform:uppercase;margin-top:-32px;margin-bottom:10px;border-bottom: 1px dashed #4b7447;width:100%;padding-bottom:5px;font-weight:bold;}
.fcon{width:1000px;padding:0px 0px 15px 0px;background: #f3fff8;float:left;}
.green{color: #4b7447;}
.yellow{color: #f9791c;}
.footer p{font-size:14px; line-height:22px; color:#000; clear:both; font-family: "Josefin Sans", sans-serif;;}
.footer ul{margin-top:-2px; margin-left:30px; float:left;}
.footer ul li {color:#000; margin-top:5px; list-style-image:url(../images/list-item.jpg); font-size:14px;  font-family: "Josefin Sans", sans-serif;; clear:both;}
.footer ul li a{color:#000; line-height:18px; text-decoration:none;}
.fbox{width:320px; height:auto; float:left; margin-left:15px;}
.fbox a{color:#000; text-decoration:none; margin-top:10px; float:left;}
.fbox1{width:200px; height:auto; float:left; margin-left:15px;}	
.fbox2{width:202px; height:auto; float:left; margin-left:15px;}	
.fbox2 a{color:#000; text-decoration:none;}

/* Copyright */

.copyright{width:100%;min-width:1000px;background: #4b7447;float:left;margin-top:20px;}
.copyright p{font-size:14px; color:#fff;}
.inner-footer{width:1000px; margin:0 auto; padding:0;}
.if-left{width:550px;height:auto;padding:10px 0 10px 0;/* float:left; */margin-top:18px;margin: 0 auto;}
.if-right{padding:10px 0 10px 0; float:right; margin-top:5px; margin-right:10px;}





















.cd-nav-trigger {
  /* hamburger icon */
  position: fixed;
  z-index: 3;
  top: 12px;
  right: 5%;
  height: 44px;
  width: 44px;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: -webkit-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  transition: transform 0.2s;
}
.cd-nav-trigger span {
  /* icon created in CSS */
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 32px;
  height: 3px;
  background-color: black;
}
.cd-nav-trigger span::before, .cd-nav-trigger span:after {
  /* upper and lower lines of the menu icon */
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.2s, width 0.2s;
  -moz-transition: -moz-transform 0.2s, width 0.2s;
  transition: transform 0.2s, width 0.2s;
}
.cd-nav-trigger span::before {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
.cd-nav-trigger span::after {
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
}
.no-touch .cd-nav-trigger:hover {
  /* rotate trigger on hover */
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.no-touch .cd-nav-trigger:hover span::after,
.no-touch .cd-nav-trigger:hover span::before {
  /* animate arrow --> from hamburger to arrow */
  width: 50%;
}
.no-touch .cd-nav-trigger:hover span::before {
  -webkit-transform: translateX(1px) translateY(1px) rotate(45deg);
  -moz-transform: translateX(1px) translateY(1px) rotate(45deg);
  -ms-transform: translateX(1px) translateY(1px) rotate(45deg);
  -o-transform: translateX(1px) translateY(1px) rotate(45deg);
  transform: translateX(1px) translateY(1px) rotate(45deg);
}
.no-touch .cd-nav-trigger:hover span::after {
  -webkit-transform: translateX(1px) translateY(-1px) rotate(-45deg);
  -moz-transform: translateX(1px) translateY(-1px) rotate(-45deg);
  -ms-transform: translateX(1px) translateY(-1px) rotate(-45deg);
  -o-transform: translateX(1px) translateY(-1px) rotate(-45deg);
  transform: translateX(1px) translateY(-1px) rotate(-45deg);
}
@media only screen and (min-width: 1024px) {
  .cd-nav-trigger {
    top: 38px;
  }
}

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

xnavigation 

-------------------------------- */
.cd-nav-container {
  position: fixed;
  z-index: 4;
  top: 0;
  right: 0;
  width: 80%;
  height: 100%;
  overflow-y: auto;
  background-color: #ffffff;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s;
  -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s;
  transition: transform 0.4s 0s, box-shadow 0s 0.4s;
}
.cd-nav-container.is-visible {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-overflow-scrolling: touch;
  box-shadow: -4px 0 30px rgba(0, 0, 0, 0.2);
  -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0s;
  -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0s;
  transition: transform 0.4s 0s, box-shadow 0s 0s;
}
.cd-nav-container header {
  padding: 1.5em 0 0 6.25%;
  height: 68px;
  position: relative;
}
.cd-nav-container h3 {
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "Josefin Sans", sans-serif;
  text-transform: uppercase;
  color: #5c4b51;
}
@media only screen and (min-width: 700px) {
  .cd-nav-container {
    width: 70%;
  }
  .cd-nav-container header {
    height: 116px;
    padding-top: 3em;
  }
}

.cd-close-nav {
  /* 'X' close icon */
  position: absolute;
  height: 44px;
  width: 44px;
  /* set the right position value so that it overlaps the .cd-nav-trigger*/
  right: 6.25%;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-close-nav::after, .cd-close-nav::before {
  /* lines of 'X' icon */
  content: '';
  position: absolute;
  height: 3px;
  width: 32px;
  left: 50%;
  top: 50%;
  background-color: #5c4b51;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-close-nav::after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.cd-close-nav::before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.no-touch .cd-close-nav:hover {
  opacity: .8;
}
@media only screen and (min-width: 700px) {
  .cd-close-nav {
    right: 7.14%;
  }
}

.cd-nav {
  background-color: #f2f2f2;
}
.cd-nav::after {
  clear: both;
  content: "";
  display: table;
}
.cd-nav li {
  width: 50%;
  float: left;
  /* 68px is the navigation header height  and the menu items will be allocated in 3 rows */
  height: calc((100vh - 68px)/3);
  min-height: 120px;
  border: 1px solid #ffffff;
  border-top: none;
  border-left: none;
}
.cd-nav li:nth-of-type(2n) {
  border-right-width: 0;
}
.cd-nav a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.no-touch .cd-nav a:hover svg {
  -webkit-animation: cd-shock 0.3s;
  -moz-animation: cd-shock 0.3s;
  animation: cd-shock 0.3s;
}
.no-touch .cd-nav li a:hover span *,
.cd-nav li.cd-selected a span * {
  /* on hover or if selected - change text and icon color*/
  stroke: #ffffff;
}
.no-touch .cd-nav li a:hover em,
.cd-nav li.cd-selected a em {
  /* on hover or if selected - change text and icon color*/
  color: #ffffff;
}
.no-touch .cd-nav li:first-of-type a:hover,
.cd-nav li.cd-selected:first-of-type a {
  /* on hover or if selected - change background color*/
  background-color: #9e87ce;
}
.no-touch .cd-nav li:nth-of-type(2) a:hover,
.cd-nav li.cd-selected:nth-of-type(2) a {
  /* on hover or if selected - change background color*/
  background-color: #5c4b51;
}
.no-touch .cd-nav li:nth-of-type(3) a:hover,
.cd-nav li.cd-selected:nth-of-type(3) a {
  /* on hover or if selected - change background color*/
  background-color: #e0cf75;
}
.no-touch .cd-nav li:nth-of-type(4) a:hover,
.cd-nav li.cd-selected:nth-of-type(4) a {
  /* on hover or if selected - change background color*/
  background-color: #f5b65a;
}
.no-touch .cd-nav li:nth-of-type(5) a:hover,
.cd-nav li.cd-selected:nth-of-type(5) a {
  /* on hover or if selected - change background color*/
  background-color: #f25f5c;
}
.no-touch .cd-nav li:nth-of-type(6) a:hover,
.cd-nav li.cd-selected:nth-of-type(6) a {
  /* on hover or if selected - change background color*/
  background-color: #8abeb2;
}
.cd-nav span, .cd-nav em {
  position: absolute;
}
.cd-nav span {
  top: calc(50% - 48px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 48px;
  width: 48px;
}
.cd-nav span * {
  -webkit-transition: stroke 0.2s;
  -moz-transition: stroke 0.2s;
  transition: stroke 0.2s;
}
.cd-nav em {
  width: 100%;
  left: 0;
  top: calc(50% + 15px);
  color: #5c4b51;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media only screen and (min-width: 700px) {
  .cd-nav li {
    /* 116px is the navigation header height and the menu items will be allocated in 3 rows */
    height: calc((100vh - 116px)/3);
    min-height: 200px;
  }
  .cd-nav span {
    height: 64px;
    width: 64px;
    top: calc(50% - 56px);
  }
  .cd-nav em {
    font-size: 2.2rem;
    font-weight: 300;
    top: calc(50% + 21px);
  }
}
@media only screen and (min-width: 1024px) {
  .cd-nav li {
    width: 33.33%;
    float: left;
    /* 116px is the navigation header height  and the menu items will be allocated in 2 rows */
    height: calc((100vh - 116px)/2);
    min-height: 250px;
  }
  .cd-nav li:nth-of-type(2n) {
    border-right-width: 1px;
  }
  .cd-nav li:nth-of-type(3n) {
    border-right-width: 0;
  }
  .cd-nav em {
    font-size: 2.5rem;
  }
}

@-webkit-keyframes cd-shock {
  0% {
    -webkit-transform: rotate(0);
  }
  30% {
    -webkit-transform: rotate(10deg);
  }
  60% {
    -webkit-transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(0);
  }
}
@-moz-keyframes cd-shock {
  0% {
    -moz-transform: rotate(0);
  }
  30% {
    -moz-transform: rotate(10deg);
  }
  60% {
    -moz-transform: rotate(-10deg);
  }
  100% {
    -moz-transform: rotate(0);
  }
}
@keyframes cd-shock {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  30% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  60% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
}
/* -------------------------------- 

xshadow layer 

-------------------------------- */
.cd-overlay {
  /* shadow layer visible when navigation is open */
  position: fixed;
  height: 100%;

  width: 100%;
  top: 0;

  left: 0;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.35);
  visibility: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  transition: opacity 0.4s 0s, visibility 0s 0.4s;
}
.cd-overlay.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.4s 0s, visibility 0s 0s;
  transition: opacity 0.4s 0s, visibility 0s 0s;
}

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

xcontent 

-------------------------------- */
main {
  position: relative;
  height: 100vh;
  overflow-x: hidden;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
  box-shadow: 0 0 30px #241d20;
}
main.scale-down {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}

.cd-section {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0s 0.4s;
  -moz-transition: -moz-transform 0s 0.4s;
  transition: transform 0s 0.4s;
}
.cd-section.cd-selected {
  position: relative;
  z-index: 2;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.4s 0s;
  -moz-transition: -moz-transform 0.4s 0s;
  transition: transform 0.4s 0s;
  -webkit-overflow-scrolling: touch;
}
.cd-section header {
  height: 100vh;
  background: #9e87ce;
  position: relative;
}
.cd-section.projects header {
  background-color: #5c4b51;
}
.cd-section.about header {
  background-color: #e0cf75;
}
.cd-section.services header {
  background-color: #f5b65a;
}
.cd-section.careers header {
  background-color: #f25f5c;
}
.cd-section.contact header {
  background-color: #8abeb2;
}
@media only screen and (min-width: 700px) {
  .cd-section {
    /* not 100vh to fix a small bug --> border visible otherwise */
    header: 102vh;
  }
}

.cd-title {
  position: relative;
  top: 48%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #ffffff;
  text-align: center;
}
.cd-title > * {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cd-title h2 {
  font-size: 2.8rem;
  margin-bottom: .8em;
}
.cd-title a {
  display: inline-block;
  padding: 1.2em 1.6em;
  border-radius: 50em;
  border: 2px solid rgba(255, 255, 255, 0.5);
  font-weight: 700;
  color: #ffffff;
  font-family: "Josefin Sans", sans-serif;
}
.no-touch .cd-title a:hover {
  border-color: #ffffff;
}
.cd-title span {
  vertical-align: middle;
  display: inline-block;
}
@media only screen and (min-width: 700px) {
  .cd-title h2 {
    font-size: 5rem;
    font-weight: 300;
    margin-bottom: .6em;
  }
}

.cd-content {
  background-color: #ffffff;
  padding: 4em 0;
}
.cd-content p {
  width: 90%;
  max-width: 800px;
  margin: 2em auto;
  line-height: 2;
  color: #78626a;
}

.no-js main, .no-js .cd-section {
  height: auto;
  overflow: visible;
}

.no-js .cd-section {
  position: static;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.no-js .cd-nav-container {
  width: 100%;
  position: static;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  height: auto;
  overflow: visible;
}

.no-js .cd-close-nav {
  display: none;
}

.no-js .cd-nav li {
  width: 50%;
  float: left;
}
@media only screen and (min-width: 700px) {
  .no-js .cd-nav li {
    width: 33.3%;
    float: left;
  }
  .no-js .cd-nav li:nth-of-type(2n) a {
    border-right-width: 1px;
  }
}
@media only screen and (min-width: 1024px) {
  .no-js .cd-nav li {
    width: 16.66%;
    float: left;
  }
  .no-js .cd-nav li:nth-of-type(3n) a {
    border-right-width: 1px solid #e0cf75;
  }
}



/*  Contact Form  */

.contact form
{
	font-family: "Josefin Sans", sans-serif;
}
.map
{
	margin-bottom:30px;
}
.list3 li>img 
{
	float: left;
	margin-right:10px;
}
.extra-wrap 
{
	overflow: hidden;
}
.extra-wrap p 
{
	color: #626262;
	line-height: 1.8em;
	font-size: 0.85em;
	margin-bottom: 5px;
	font-family: "Josefin Sans", sans-serif;
}
span.mail a 
{
	color:#2BD5B4;
}
span.mail a:hover
{
	color:#626262;
}
.contact-to input[type="text"] 
{
	padding: 12px 10px;
	/*width: 30.66%;*/
	width:100%;
	font-family: "Josefin Sans", sans-serif;
	/* margin: 12px 0; */
	border: 1px solid #979696;
	color: #000;
	background: #FFF;
	float: left;
	outline: none;
	font-size: 0.85em;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
/*	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
*/	box-sizing: border-box;
	height: 34px!important;
	
}
.contact-to input[type="text"]:nth-child(2),.contact-to input[type="text"]:nth-child(3)
{
	/*margin-left:10px;*/
}

.text2 input[type="text"], .text2 textarea 
{
	width: 97.7%;
	margin: 12px 0;
	border: 1px solid #979696;
	color: #000;
	font-family: "Josefin Sans", sans-serif;
	outline: none;
	margin-bottom: 25px;
	height: 100px;
	padding: 12px 10px;
	font-size: 0.85em;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	/*border-radius: 4px;
	-webkit-border-radius:4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;*/
}

.contact-to label
{
	color: #000!important;
	outline: none;
	/* margin-bottom: 25px; */
	padding: 12px 0px;
	font-size: 0.95em;
	margin-bottom:-5px;
	line-height:24px;
	font-weight:600;
}

.contact-to textarea 
{
	padding: 12px 10px;
	/*width: 30.66%;*/
	width:100%;
	font-family: "Josefin Sans", sans-serif;
	/*margin: 12px 0;*/
	border: 1px solid #979696;
	color: #000;
	background: #FFF;
	float: left;
	outline: none;
	font-size: 0.85em;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	box-sizing: border-box;
	height:50px;
}

.contact-to select 
{
	padding-left:10px;
	/*width: 30.66%;*/
	width:100%;
	font-family: "Josefin Sans", sans-serif;
/*	margin: 12px 0;
*/	border: 1px solid #979696;
	color: #626262;
	background: #FFF;
	float: left;
	height:34px!important;
	outline: none;
	font-size: 0.85em;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
/*	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
*/	box-sizing: border-box;
	height:50px;
}

.contact-to input[type="text"]:focus, 
.contact-to select:focus, 
.contact-to textarea:focus
{
border-color:#007edd;
outline: none;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px #50b3ff;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px #50b3ff;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;	
}

.contact-div{width:100%; float: left; margin-bottom:20px;}

.cd1{width:245px; float: left; margin-top: 10px;}
.cd2{width:245px; float: left; margin-left: 1%; margin-top: 10px;}
.cd2-1{width:245px; float: left; margin-left: 1%; margin-top: 10px;}
.cd2l{width: 155px;float: left; margin-top: 10px;}
.cd2r{width: 105px;float: right; margin-top: 10px;}

.cd3{width:245px; float: left; margin-left: 1%; margin-top: 10px;}
.cd4{width:50%; float: left; margin-left:-1%; margin-top: 10px;}
.cd5{width:50%; float: left; margin-left: 1%; margin-top: 10px;}

.cd6{width:360px; float: left; margin-left: 1%; margin-top: 10px;}
.cd6l{width: 175px;float: left; margin-left: 1%; margin-top: 10px;}
.cd6r{width: 175px;float: right;margin-left: 1%; margin-top: 10px;}

.cd-left{width: 100%;float: left;}
.cd-right{width: 14%;float: right;}

.cd-left1{width:50%; float: left; margin-top:3%;}
.cd-right1{width:50%; float: right;}


.photo{width: 110px;height: 100px;float:right;margin: -17px 0px 0 30px;border: 1px solid #000;border-radius:5px; background:#fff;}
.photo-top{width: 114px;height: 100px;float:left;}
.photo-btm{width:74px; height:32px; float:right; margin:-35px 5px 0 0;}

.my-form button {
    color: #fff1f1;
    background-color: #FF931E;
    border: none;
	font-size:15px;
	padding:8px 15px;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-o-transition:0.5s all;
	-moz-transition:0.5s all;
	-ms-transition:0.5s all;
	border-radius:5px!important;
	font-weight:500;
	cursor: pointer;
}
.my-form button:hover
{
    color: #fff;
    background-color: #e77e0d;
    border: none;
	font-size:15px;
	padding:8px 15px;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-o-transition:0.5s all;
	-moz-transition:0.5s all;
	-ms-transition:0.5s all;
	border-radius:5px!important;
	font-weight:500;
	cursor: pointer;
}












.top-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.top-menu li {
  display: inline-block;
  position: relative;
}

.top-menu li a {
  display: block;
  padding: 7px;
  text-decoration: none;
  
}
.top-menu li a:hover{
  color: #4b7447;
}
.dropdown-menu {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 169px;
    padding: 0 9px;
  box-shadow: 0px 8px 6px 0px rgba(0,0,0,0.2);
  z-index: 1;
  text-align: start;
}

.dropdown-menu li {
  display: block;
}

.dropdown-menu li a{
  padding: 5px;
  text-transform: capitalize;
}

.top-menu li:hover .dropdown-menu {
  display: block;
}

.dropdown-menu a{
  color: #e77e0d ;
}





a{
  cursor: pointer;
}






@media screen and (min-width: 1270px) { 

.SM-ab{
  position: fixed;
      top: 40% !important;
      left: 10px;

  }
  
  
  .SM-ab a{
    padding: 1px 0px;
    color: #f9791c;
    font-size: 22px;
    width: 38px;
    text-align: center;
    display: inline-block;
    margin-right: 0.5rem;
    border-radius: 3px; 
  }
}

.SM-ab{
  position: fixed;
      top: 40% !important;
      left: 10px;

  }
  .SM-ab a{
    padding: 1px 0px;
    color: #f9791c;
    font-size: 22px;
    width: 38px;
    text-align: center;
    display: inline-block;
    margin-right: 0.5rem;
    border-radius: 3px; 
  }




.menu-toggle {
  display: none; /* Initially hide the button */
}

/* Media queries for responsiveness */
@media screen and (max-width: 1270px) {
  .nav1{margin-top:30px;
    width: 100%;
  }
  .top-menu{
    display: block;
    background-color: white;
    position: relative;
    z-index: 1111111;
  }
  .top-menu li {
      float: none;
      width: 100%;
      border-bottom: 1px solid #e6e6e6;
  }
  .dropdown {
      display: block;
      width: 100%;
  }
  .dropdown-menu {
      position: static;
      display: none;
      width: 100%;
      text-align: center;
  }
  .dropdown:hover .dropdown-menu {
      display: block;
  }
  .top-menu {
    display: none; 
}
.menu-toggle {
    display: block; /* Display the menu toggle button */
    background-color: #4b7447;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    cursor: pointer;
    width: 100%;
}

.show-menu{
  display: block;
}
}




/* Media query for small screens */
@media screen and (max-width: 768px) {

  .cd1, .cd2, .cd3{
    width:100% !important;
    margin-left:0 !important;
  }
 
/* Styles for the footer */
.footer {
  width: 100%;
  min-width: unset;
  padding: 20px;
  box-sizing: border-box;
  background-color: #f5f5f5;
}

.footer1 {
  display: flex;
  flex-wrap: wrap;
}
.fbox,.fbox1,.fbox2{
  float:unset;
}
.container{
  min-width: unset !important;
}
.content{width:unset !important; margin:auto; padding:10px;}
.content1{width:unset !important; margin:auto; padding:10px;}
.cont-left {
  width: unset !important;
  height: auto;
  float: left;
}
h5{
  width: unset !important;
}
.tab-content{width:80%;min-width:1000px;height:auto;float:left;background: #4b7447;padding-bottom:30px;float:left;}
.tab-content2{width:100%;height:auto;float:left;background: #4b7447;padding-bottom:30px;float:left;}
.tab-content1{/* width:1000px; */ margin:0 auto; padding:0; padding:20px 0 20px 0;}
.con1{width:230px; height:auto; float:left; margin-left:20px;}
.ico{width:150px; height:auto; float:left; border-bottom:2px solid #fff; padding:10px 0 10px 0;}
 h2{font-size:18px; font-family: "Josefin Sans", sans-serif; float:left;  color:#fff; text-transform:uppercase; margin-top:20px; margin-bottom:10px; font-weight:bold;}
.tab-content p{font-size:14px; line-height:18px; color:#fff; clear:both; font-family: "Josefin Sans", sans-serif;;}
.tab-content a{color:#fff; text-decoration:none; margin-top:10px; float:left; font-weight:bold;}
.con2{width: 80%;height:auto;/* float:left; */margin-left:20px;margin: auto;}

.footer{width:100%;float:left;border-top: 10px solid #f9dc24;margin-bottom:20px;}
.footer1{margin:0 auto; padding:0; padding:70px 0 20px 0;width: 100%;}
 h3{font-size:18px;font-family: "Josefin Sans", sans-serif;float:left;color:#fff;text-transform:uppercase;margin-top:-32px;margin-bottom:10px;border-bottom: 1px dashed #4b7447;width:100%;padding-bottom:5px;font-weight:bold;}
.fcon{padding:0px 0px 15px 0px;background: #f3fff8;float:unset !important;width: 100%;padding: 8px;}
.green{color: #4b7447;}
.yellow{color: #f9791c;}
.footer p{font-size:11px; line-height:22px; color:#000; clear:both; font-family: "Josefin Sans", sans-serif;;}
.footer ul{margin-top:-2px; margin-left:30px; float:left;}
.footer ul li {color:#000; margin-top:5px; list-style-image:url(../images/list-item.jpg); font-size:14px;  font-family: "Josefin Sans", sans-serif;; clear:both;}
.footer ul li a{color:#000; line-height:18px; text-decoration:none;}
.fbox{ height:auto; float:left; margin-left:15px; width:100%; margin-left: unset !important;}
.fbox a{color:#000; text-decoration:none; margin-top:10px;}
.fbox1{ height:auto; margin-left:20px; width:100%; margin-left: unset !important;}	
.fbox2{ height:auto; margin-left:20px; width:100%; margin-left: unset !important;}	
.fbox2 a{color:#000; text-decoration:none;}

/* Copyright */

.copyright{width:100%;min-width:unset !important;background: #4b7447;float:left;margin-top:20px;}
.copyright p{font-size:14px; color:#fff;padding:5px 20px}
.inner-footer{width:unset !important; margin:0 auto; padding:0;}
.if-left{width:unset !important;height:auto;padding:10px 0 10px 0;/* float:left; */margin-top:18px;margin: 0 auto;}
.if-right{padding:10px 0 10px 0; float:right; margin-top:5px; margin-right:10px;}

h3{
  margin-top: 5px;
}

.title{width:100%; height:55px; min-width:unset !important; height:auto; background:#FF931E; clear:both;}
.title1{width:unset !important; height:55px; margin:0 auto; padding-left:3mm;}
.title h4{width:unset !important; font-size:28px; color:#fff; float:left; padding:10px 10px 10px 0px; font-weight:500; text-transform:uppercase; font-family: "Josefin Sans", sans-serif;}


.con-bg, .con-bgl, .con-bgr, .eligible{width: unset !important }

.logo1 {
  width: 330px;
  height: 82px;
  float: unset !important;
  margin:auto;
margin-top: 5px;
}


}



/*You can use [title] selector as well*/
[data-title] {
transition: 0.2s;
  position: relative;
}

[data-title]:hover::before {
  content: attr(data-title);
  position: absolute;
  bottom:3px;
  right:4rem;
  display: inline-block;
  padding: 12px 20px;
  border-radius: 2px;
  background: #4b7447;
  color: #fff;
  font-size: 16px;
  font-family: "Josefin Sans", sans-serif;
  white-space: nowrap;
  transition: 0.2s;
}
.right-at{
  position: fixed;
top: 36%;
right: 2px;
}
.left-at a{
  background-color: #f9791c;
  padding: 6px 13px;
  color: white;
  font-size: 20px;
  text-align: center;
  display: inline-block;
  margin-bottom: 1rem;
  border-radius: 3px;
}
.left-at{
  position: fixed;
  top: 70%;
  right: -56px;
  transform: rotate(270deg);
}
.right-at a{
  background-color: #f9791c;
  padding: 14px 3px;
  color: white;
  font-size: 20px;
width: 54px;
text-align: center;
display: inline-block;
margin-bottom: 1rem;
border-radius: 3px;
}
.right-at a:hover{
background-color: #4b7447;
}


.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
} 


@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}




.fuse_social_icons_links {
  display: block;
}
.facebook-awesome-social::before {
  content: "\f09a" !important;
}

.awesome-social-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.awesome-social-img {
  position: relative;
}			
.icon_wrapper .awesome-social {
  font-family: 'FontAwesome' !important;
}
#icon_wrapper .fuse_social_icons_links .awesome-social {
  font-family: "FontAwesome" !important;
  ext-rendering: auto !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}
          

#icon_wrapper{
position: fixed;
top: 50%;
left: 0px;
z-index: 99999;
}

.awesome-social {
margin-top: 5px;
color: #fff !important;
text-align: center !important;
display: block;
line-height: 42px !important;
width: 40px !important;
height: 40px !important;
font-size: 18px !important;
border-radius: 50% !important;
}


.fuse_social_icons_links

{

outline:0 !important;



}

.fuse_social_icons_links:hover{

text-decoration:none !important;

}


.fb-awesome-social

{

background: #3b5998;
border-color: #3b5998;

}
.facebook-awesome-social

{

background: #3b5998;
border-color: #3b5998;
    }


.tw-awesome-social

{

background:#00aced;
border-color: #00aced;

}
.twitter-awesome-social

{

background:#00aced;
border-color: #00aced;

}
.rss-awesome-social

{

background:#FA9B39;
border-color: #FA9B39;

}

.linkedin-awesome-social

{

background:#007bb6;
border-color: #007bb6;
    }

.youtube-awesome-social

{

background:#bb0000;
border-color: #bb0000;
    }

.flickr-awesome-social

{

background: #ff0084;
border-color: #ff0084;
    }

.pinterest-awesome-social

{

background:#cb2027;
border-color: #cb2027;
    }

.stumbleupon-awesome-social

{

background:#f74425 ;
border-color: #f74425;
    }

.google-plus-awesome-social

{

background:#f74425 ;
border-color: #f74425;
    }

.instagram-awesome-social

{

  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
  background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
  border-color: #f09433;
      

}

.tumblr-awesome-social

{

background: #32506d ;
border-color: #32506d;
    }

.vine-awesome-social

{

background: #00bf8f ;
border-color: #00bf8f;
    }

    .vk-awesome-social {



    background: #45668e ;
    border-color: #45668e;
    
    }

    .soundcloud-awesome-social

        {

    background: #ff3300 ;
    border-color: #ff3300;
    
        }

        .reddit-awesome-social{



    background: #ff4500 ;
    border-color: #ff4500;

                    }

        .stack-awesome-social{



    background: #fe7a15 ;
    border-color: #fe7a15;
    
        }

        .behance-awesome-social{

    background: #1769ff ;
    border-color: #1769ff;
    
        }

        .github-awesome-social{

    background: #999999 ;
    border-color: #999999;
    


        }

        .envelope-awesome-social{

          background: #ccc ;
   border-color: #ccc;                 
                   }