:root{

/*
Name: Wageningen Green
Hex: #2EB62C
RGB: (46, 182, 44)

Name: Apple
Hex: #57C84D
RGB: (87, 200, 77)

Name: Pastel Green
Hex: #83D475
RGB: (131, 212, 117)

Name: Granny Smith Apple
Hex: #ABE098
RGB: (171, 224, 152)

Name: Tea Green
Hex: #C5E8B7
RGB: (197, 232, 183)


*/

  --primary: #eee;
  /* hex 03720c */
  --green: rgba(241,111,35); 
  --green1: rgba(87, 200, 77,1); 
  --green2: rgba(131, 212, 117,1); 
  --green3: rgba(171, 224, 152,1); 
  --green4: rgba(197, 232, 183,1); 
  




  /* hex ffde00 */
  --yellow:rgba(255,222,0,1);
  --dark:  #2c3b41;
  --light: #fff;
  --grey: #f5f5f5;  
  --shadow: 0 1px 5px rgba(104,104,104,0.8) ;

  --brown: #b7410e;

}

body {
  color: var(--dark);
  background-color: var(--light);
  font-family: 'Lato', sans-serif!important;
  font-size: 16px;
  line-height: 1.7;
}

.wrapper {
  position: relative;
}

.sidebar-left {
  margin: 0;
  border: none;
  border-radius: 0;
}

.sidebar-menu {
  background: var(--green);
  list-style: none;
  margin: 0;
  padding: 0;
}


.sidebar-menu a {
  color: var(--light);
  text-decoration: none;
}

.sidebar-menu > li {
  position: relative;
  margin: 0;
  padding: 0;
}

.sidebar-menu > li > a {
  padding: 12px 5px 12px 15px;
  display: block;
  border-left: 0px solid transparent;
  font-weight: 700;
}

.sidebar-menu > li > a > .fa {
  width: 20px;
  margin-top: 4px;
}

.sidebar-menu > li:hover > a,.sidebar-menu > li.active > a {
  color: var(--dark);
  background: var(--yellow);
  border-left-color: #3c8dbc;
}

.sidebar-menu > li > .treeview-menu {
  margin: 0 1px;
  background: var(--green);
}

.treeview > ul {
  list-style-type: none;
}


.sidebar-menu > li .label,.sidebar-menu > li .badge {
  margin-top: 3px;
  margin-right: 5px;
}

.sidebar-menu li.header {
  padding: 10px 25px 10px 15px;
  font-size: 12px;
  color: #4b646f;
  background: var(--green);
}

.sidebar-menu li > a > .fa-angle-left {
  width: auto;
  height: auto;
  padding: 0;
  margin-right: 10px;
  margin-top: 3px;
}

.sidebar-menu li.active > a > .fa-angle-left {
  transform: rotate(-90deg);
}

.sidebar-menu li.active > .treeview-menu {
  display: block;
}

.sidebar-menu .treeview-menu {
  display: none;
  list-style: none;
  list-style-type: none;
  padding: 0;
  margin: 0;
  padding-left: 5px;
}

.sidebar-menu .treeview-menu .treeview-menu {
  padding-left: 20px;
}

.sidebar-menu .treeview-menu > li {
  margin: 0;
}

.sidebar-menu .treeview-menu > ul {
  list-style-type: none;
}


.sidebar-menu .treeview-menu > li > a {
  padding: 5px 5px 5px 15px;
  display: block;
  font-size: 14px;
  color: var(--light);
}

.sidebar-menu .treeview-menu > li > a > .fa {
  width: 20px;
  margin-top: 4px;
}

.sidebar-menu .treeview-menu > li > a > .fa-angle-left,.sidebar-menu .treeview-menu > li > a > .fa-angle-down {
  width: auto;
}

.sidebar-menu .treeview-menu > li.active > a,.sidebar-menu .treeview-menu > li > a:hover {
  color: var(--dark);
}

@media (min-width:768px) {
  .sidebar-left {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 290px;
    height: 100%;
    z-index: 1000;
  }

  .sidebar-left .navbar-header {
    float: none;
    background: #FFF;
  }

  .sidebar-left .navbar-collapse {
    padding: 0;
  }

  .content {
    position: relative;
    margin-left: 290px;
    padding-left: 22px;
    height: 100%;
    min-height: 100%;
    background-color: var(--light);
  }
}

.sp11 {
  position: relative;
  margin-bottom: -15px;
  top: -31px;
  display: block;
  background-color: #FFF;
  padding: 12px;
  width: 92%;
  z-index: 10000;
  margin-right: auto;
  margin-left: auto;
  border: 1px solid var(--green);
}

.thumb-item1 {
  text-align: center;
  padding: 12px;
  margin-right: auto;
  margin-left: auto;
  margin-top: 30px;
}

.thumb-item1 p {
  font-size: .82em;
  color: #000;
}

.thumb-item-content1 h3 {
  font-size: 1.20em;
  font-weight: 700;
  margin-bottom: 0px;
  text-transform: none;
}

.ylbg {
  background-color: var(--green2);
  
  font-size: 17px;
  /* word-break: break-all; */
  text-align: justify;
}

.ylbg1 {
  background-color: var(--green4);
  
  font-size: 17px;
  word-break: break-all;
  text-align: justify;
  height: 350px;
}

.call-action1 {
  width: 100%;
  margin-bottom: -24px;
  display: table;
  background-color: #333;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 12px;
  color: #c1c1c1;
  padding-right: 20px;
  border-top-width: 15px;
  border-top-style: solid;
  border-top-color:var(--green);
}

.call-action1 a {
  color: #a9a9a9;
}

.pdtop {
  margin-top: 75px;
  margin-bottom: 25px;
}

.img-logo {
  margin-top: 15px;
  margin-left: 15px;
}

.img-logo1 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.navbar {
  background-color: var(--light);
  border-color: var(--dark);
}

.top-contact-info1 {
  position: relative;
  font-size: 13px;
  color: #fff;
  background-color: #ffffff;
  min-height: 40px;
  padding-top: 25px;
  padding-bottom: 25px;
  height:114px;
}

.top-search-form {
  color: #333;
  float: left;
  min-width: 85px;
  margin: 0px 10px;
  border: 1px solid #dcd2c8;
  padding-top: 10px;
  background-color: white;
}

.top-search-form1 {
  color: #333;
  float: left;
  width: calc(100% - 47px);
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: 15px;
  padding-left: 10px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: none;
  border-bottom-style: solid;
  border-left-style: solid;
  border-color: #b3a6a3;
}

.top-search-form-submit {
  color: #FFF;
  float: left;
  width: 30px;
  padding: 5px 10px 5px 0px;
  background-color: #ffffff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-decoration: none;
  background-image: url(../../images/sh.png);
  background-position: -2px center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom-style: solid;
  border: 1px solid #b3a7a4;
  border-left: none;
}

.call-action {
  width: 100%;
  margin-top: 40px;
  vertical-align: middle;
  background-color: #ffffff;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-left: var(--green) solid 5px;
  margin-bottom: 10px;
}

.call-action .content {
    /* padding: 18px 40px; */
    /* display: table-cell; */
  vertical-align: middle;
  background-color: #ffffff;
}

.call-action h1 {
  font-size: 1.7em;
  font-weight: 300;
  vertical-align: middle;
  color: #292828;
    /* float: left; */
    /* margin-top: 15px; */;
}

.text-colortwo {
  color: var(--green);
}

.call-action .large-button {
  float: right;
  margin: 28px 30px;
}

.large-button {
  width: 195px;
  height: auto;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  background-color:var(--green);
  padding: 12px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}



.medium-button {
  float:left;
  margin: 10px 20px;
  width: 120px;
  height: auto;
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: var(--dark);
  text-align: center;
  background-color:var(--yellow);
  padding: 7px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background-color 0.2s ease-in-out;
  -moz-transition: background-color 0.2s ease-in-out;
  -ms-transition: background-color 0.2s ease-in-out;
  -o-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}


@media (max-width: 768px) {
  .call-action .content {
    padding: 0px 40px!important;
    display: table-cell;
    vertical-align: middle;
  }

  .call-action .large-button .medium-button{
    float: right;
    margin: 12px 30px!important;
  }

  .medium-button{
    float: right;
  }
}



.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-right: 15px;
  margin-top: 40px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid var(--dark);
  border-radius: 4px;
}

.icon-bar {
  background-color: var(--dark);
}

.navbar-brands {
  display: flex;
  justify-content: center;
  padding: 0px 5px 0px 5px;
  font-size: 18px;
  line-height: 20px;
}


.navbar-toggle:hover,
.navbar-toggle:focus {
  background-color: var(--dark);  
  
}

.navbar-toggle:hover > .icon-bar{
  background-color: var(--light);  
  
}


.img-banner {
    display: block;
    width: 100%;
    height: auto;
}

.img-banner1 {
  display: block;
  width: 100%;
  height: auto;
  padding: 5px 5px 5px 5px;
}





@media (max-width: 768px) {
  .navbar {
    background-color: #ffffff;
    border-color: var(--dark);
  }
  
  .img-banner {
    content: url(/images/baba-m.jpg);
}

  .navbar-brands {
    display: flex;
  justify-content: left;
    
  }
  

  .sidebar-menu a {
    color: #ffffff;
    text-decoration: none;
  }

  .ss-social-ic1 {
    display: none;
  }
}

.sidebar-left ul li.active>a,
a[aria-expanded="true"] {
  color:var(--dark);
  background: var(--yellow);
}

.sidebar-left ul li a.active {
  color:var(--dark);
  background: var(--yellow);
}

.footer p {
  display: none;
}

.thumb_image {
  float: left;
  height: 139px;
  width: 136px;
  margin-left: 43px;
  margin-top: 43px;
}

.header {
  width: 100vw;
  height: 100vh;
}

.header-sm {
  width: 100vw;
  height: calc(60vh - 90px);
}

.header .header-bg,
.header .overlay {
  background-size: cover;
  position: absolute;
  width: 100vw;
  height: 150vh;
}

.overlay {
  background-size: cover;
  background-position: center;
  position: absolute;
  width: 100vw;
  height: 50vh;
}

.header-bg {
  color: #FFF;
  padding-top: 35px;
  padding-right: 25px;
  padding-bottom: 35px;
  padding-left: 25px;
}

.header-bg h1 {
  color: #FFF;
  font-size: 44px;
}

.call-action2 {
  width: 100%;
  display: table;
  background-color: #eeeadf;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-left: var(--green) solid 5px;
  margin-bottom: 10px;
}

.call-action2 .content {
  padding: 0px 15px;
  display: table-cell;
  vertical-align: middle;
}

.call-action2 h1 {
  font-size: 1.7em;
  font-weight: 300;
    /* line-height: 40px; */
  color: #292828;
  float: left;
  margin-top: 15px;
}

.main-slides p {
  color: #333;
}

.inner-slide-com-cot {
  padding-top: 20px;
  padding-right: 1px;
  padding-bottom: 20px;
  padding-left: 1px;
  text-align: justify;
}

.inner-slide-com-cot1 {
  padding-top: 20px;
  padding-right: 1px;
  padding-bottom: 20px;
  margin-left: 18px;
}

.tpp-orgl {
  /* margin-top: 30px; */
  border-top-width: 5px;
  border-top-style: solid;
  border-top-color: var(--green);
  color: #333;
}

.tpp-orgl21 {
  margin-top: 30px;
  border-top-width: 5px;
  border-top-style: solid;
  border-top-color: var(--green);
  color: #333;
  margin-right: 15px;
  margin-left: 15px;
}

.tpp-orgl1 {
  margin-top: 30px;
}

.qt-mgr {
  background-color: #f1fbed;
  padding: 40px;
}

.qt-mgr1 {
  background-color: #eeeadf;
  padding: 40px;
}

blockquote {
  border-left: 10px solid #b5b5b5;
  margin: 1.5em 10px;
  padding: .5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}

blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 4em;
  line-height: .1em;
  margin-right: .25em;
  vertical-align: -.4em;
}

blockquote p {
  display: inline;
}

select.form-control:not([size]):not([multiple]) {
    /* height: calc(4.0625rem + 2px)!important; */
    /* margin-bottom: 22px; */;
}

.form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #808c63;
  border-radius: 4px;
}

.form-group {
  margin-bottom: 15px;
}

.error .help-block {
  color: #e46a76;
}

.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}

.form-group h5 {
  font-weight: 400!important;
  font-size: 17px;
}

.form-mgr {
  margin: 30px 10px;
}

@media (max-width: 768px) {
  .form-mgr {
    margin: 10px!important;
  }

  .qt-mgr1 {
    background-color: #eeeadf;
    padding: 00px;
  }
}

.container22 {
  display: block;
  position: relative;
  /* margin: 00px auto; */
  height: auto;
  /* width: 500px; */
  padding-bottom: 20px;
}

.container22 ul {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: auto;
}

.container22 ul li {
  color: #AAAAAA;
  display: block;
  position: relative;
  float: left;
  width: 100%;
  height: 100px;
  border-bottom: 1px solid #333;
}

.container22 ul li input[type=radio] {
  position: absolute;
  visibility: hidden;
}

.container22 ul li label {
  display: block;
  position: relative;
  font-weight: 300;
  font-size: 1.35em;
  padding: 17px 25px 25px 80px;
  margin: 10px auto;
  height: 30px;
  z-index: 9;
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

.container22 ul li:hover label {
  color: #FFFFFF;
}

.container22 ul li .check {
  display: block;
  position: absolute;
  border: 5px solid #AAAAAA;
  border-radius: 100%;
  height: 25px;
  width: 25px;
  top: 30px;
  left: 20px;
  z-index: 5;
  transition: border .25s linear;
  -webkit-transition: border .25s linear;
}

.container22 ul li:hover .check {
  border: 5px solid #FFFFFF;
}

.container22 ul li .check::before {
  display: block;
  position: absolute;
  content: '';
  border-radius: 100%;
  height: 11px;
  width: 11px;
  top: 2px;
  left: 2px;
  margin: auto;
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}

input[type=radio]:checked ~ .check {
  border: 5px solid #ffffff;
}

input[type=radio]:checked ~ .check::before {
  background: #6a6b6a;
}

input[type=radio]:checked ~ label {
  color: #444343;
}

.signature {
  margin: 10px auto;
  padding: 10px 0;
  width: 100%;
}

.signature p {
  text-align: center;
  font-family: Helvetica, Arial, Sans-Serif;
  font-size: 0.85em;
  color: #AAAAAA;
}

.signature .much-heart {
  display: inline-block;
  position: relative;
  margin: 0 4px;
  height: 10px;
  width: 10px;
  background: #AC1D3F;
  border-radius: 4px;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.signature .much-heart::before, 
.signature .much-heart::after {
  display: block;
  content: '';
  position: absolute;
  margin: auto;
  height: 10px;
  width: 10px;
  border-radius: 5px;
  background: #AC1D3F;
  top: -4px;
}

.signature .much-heart::after {
  bottom: 0;
  top: auto;
  left: -4px;
}

.signature a {
  color: #AAAAAA;
  text-decoration: none;
  font-weight: bold;
}


/* Styles for alert... 
by the way it is so weird when you look at your code a couple of years after you wrote it XD */

.alert {
  box-sizing: border-box;
  background-color: #BDFFE1;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
  z-index: 300;
  padding: 20px 40px;
  color: #333;
}

.alert h2 {
  font-size: 22px;
  color: #232323;
  margin-top: 0;
}

.alert p {
  line-height: 1.6em;
  font-size: 18px;
}

.alert a {
  color: #232323;
  font-weight: bold;
}

.text-xs-right {
  margin-top: 15px;
}

.tb-bg-text {
  background: var(--green);
  color: #FFF!important;
}

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
  color: #FFF!important;
  margin-top: 20px;
}

.panel-group .pgl-panel .panel-title a {
  display: block;
  color: #fff;
  background-color: var(--green)!important;
}

.panel-group .pgl-panel .panel-title p {
    color: #fff;  
}

.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 0px solid #dddddd;
  background-color: #f1f1f1;
  color: #000000;
}

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 0px solid #000000;
    border-radius: 4px 4px 0 0;
    background-color: #333131;
    color: #ffffff;
  }

  .ct-iconBox.ct-iconBox--behind .ct-iconBox-icon {
    position: absolute;
    opacity: .5;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
    filter: alpha(opacity=10);
    font-size: 100px;
  }

  .ct-iconBox.ct-iconBox--behind .ct-iconBox-content {
    /* position: relative; */
    text-transform: capitalize;
    z-index: 1;
    padding-top: 25px;
    padding-left: 45px;
    font-size: 12px;
  }

  .ct-iconBox.ct-iconBox--behind .ct-iconBox-content .ct-iconBox-title {
    margin-top: 0;
  }

  .tt22 {
    font-size: 20px;
    color: #585858;
  }

  .scl-log {
    margin-top: 35px;
  }

  body,td,th {
    font-family: 'Lato', sans-serif!important;
    font-size: 14px;
    color: var(--light);
  }

  body {
    background-color: transparent;
  }

  #top-bar {
    position: relative;
    height: 45px;
    line-height: 44px;
    font-size: 13px;
  }

  #top-bar .col_half {
    width: auto;
  }


/* Top Links
---------------------------------*/

  .top-links {
    position: relative;
    float: left;
  }

  .top-links ul {
    margin: 0;
    list-style: none;
  }

  .top-links ul li {
    float: left;
    position: relative;
    height: 44px;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #333;
  }

  .top-links ul li:first-child, .top-links ul ul li {
    border-left: 0 !important;
  }

  .top-links li > a {
    display: block;
    padding: 0 12px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    height: 44px;
    color: #333;
  }

  .top-links li i {
    position: relative;
    top: 1px;
  }

  .top-links li i.icon-angle-down {
    margin: 0 0 0 5px !important;
  }

  .top-links li i:first-child {
    margin-right: 3px;
  }

  .top-links li.full-icon i {
    top: 2px;
    font-size: 14px;
    margin: 0;
  }

  .top-links li:hover {
    background-color: #333;
  }

  .top-links li a:hover {
    color: #FFCC00;
  }

  .top-links ul ul, .top-links ul div.top-link-section {
    display: none;
    pointer-events: none;
    position: absolute;
    z-index: 210;
    line-height: 1.5;
    top: 44px;
    left: 0;
    width: 140px;
    margin: 0;
    box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 5px -1px rgba(0, 0, 0, 0.2);
    background-color: #333;
    border-top-width: 1px;
    border-right-width: 0;
    border-bottom-width: 1px;
    border-left-width: 0;
    border-top-style: solid;
    border-bottom-style: solid;
    border-top-color: #333333;
    border-bottom-color: #333;
  }

  .top-links li:hover ul, .top-links li:hover div.top-link-section {
    pointer-events: auto;
  }

  .top-links ul ul li {
    float: none;
    height: 36px;
    border-top-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-left-style: solid;
    border-top-color: #333333;
    border-left-color: #333;
  }

  .top-links ul ul li:hover {
    background-color: #333333;
  }

  .top-links ul ul li:first-child {
    border-left-width: 1px;
    border-top-style: none;
    border-left-style: solid;
    border-left-color: #333;
  }

  .top-links ul ul a {
    height: 36px;
    line-height: 36px;
    font-size: 12px;
  }

  .top-links ul ul img {
    display: inline-block;
    position: relative;
    top: -1px;
    width: 16px;
    height: 16px;
    margin-right: 4px;
  }

  .top-links ul ul.top-demo-lang img {
    top: 4px;
    width: 16px;
    height: 16px;
  }

  .top-links ul div.top-link-section {
    padding: 25px;
    left: 0;
    width: 280px;
  }

  .fright .top-links ul div.top-link-section, .top-links.fright ul div.top-link-section {
    left: auto;
    right: 0;
  }

  #top-social, #top-social ul {
    margin: 0;
  }

  #top-social li, #top-social li a, #top-social li .ts-icon, #top-social li .ts-text {
    display: block;
    position: relative;
    float: left;
    width: auto;
    overflow: hidden;
    height: 44px;
    line-height: 44px;
  }

  #top-social li {
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #333;
  }

  #top-social li:first-child {
    border-left: 0 !important;
  }

  #top-social li a {
    float: none;
    width: 40px;
    font-weight: bold;
    color: #333;
    -webkit-transition: color .3s ease-in-out,  background-color .3s ease-in-out,  width .3s ease-in-out;
    -o-transition: color .3s ease-in-out,  background-color .3s ease-in-out,  width .3s ease-in-out;
    transition: color .3s ease-in-out,  background-color .3s ease-in-out,  width .3s ease-in-out;
  }

  #top-social li a:hover {
    color: #FFF !important;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  }

  #top-social li .ts-icon {
    width: 40px;
    text-align: center;
    font-size: 14px;
  }

  #top-social li a {
    float: none;
    width: 40px;
    font-weight: bold;
    color: #333;
    -webkit-transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out;
    -o-transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out;
    transition: color .3s ease-in-out, background-color .3s ease-in-out, width .3s ease-in-out;
  }

  si-facebook:hover,
.si-colored.si-facebook {
    background-color: #3B5998 !important;
  }

  .si-delicious:hover,
.si-colored.si-delicious {
    background-color: #205CC0 !important;
  }

  .si-paypal:hover,
.si-colored.si-paypal {
    background-color: #00588B !important;
  }

  .si-flattr:hover,
.si-colored.si-flattr {
    background-color: #F67C1A !important;
  }

  .si-android:hover,
.si-colored.si-android {
    background-color: #A4C639 !important;
  }

  .si-smashmag:hover,
.si-colored.si-smashmag {
    background-color: #E53B2C !important;
  }

  .si-gplus:hover,
.si-colored.si-gplus {
    background-color: #DD4B39 !important;
  }

  .si-wikipedia:hover,
.si-colored.si-wikipedia {
    background-color: #333 !important;
  }

  .si-stumbleupon:hover,
.si-colored.si-stumbleupon {
    background-color: #F74425 !important;
  }

  .si-foursquare:hover,
.si-colored.si-foursquare {
    background-color: #25A0CA !important;
  }

  .si-call:hover,
.si-colored.si-call {
    background-color: #444 !important;
  }

  .si-ninetyninedesigns:hover,
.si-colored.si-ninetyninedesigns {
    background-color: #F26739 !important;
  }

  .si-forrst:hover,
.si-colored.si-forrst {
    background-color: #5B9A68 !important;
  }

  .si-digg:hover,
.si-colored.si-digg {
    background-color: #191919 !important;
  }

  .si-spotify:hover,
.si-colored.si-spotify {
    background-color: #81B71A !important;
  }

  .si-reddit:hover,
.si-colored.si-reddit {
    background-color: #C6C6C6 !important;
  }

  .si-blogger:hover,
.si-colored.si-blogger {
    background-color: #FC4F08 !important;
  }

  .si-cc:hover,
.si-colored.si-cc {
    background-color: #688527 !important;
  }

  .si-dribbble:hover,
.si-colored.si-dribbble {
    background-color: #EA4C89 !important;
  }

  .si-evernote:hover,
.si-colored.si-evernote {
    background-color: #5BA525 !important;
  }

  .si-flickr:hover,
.si-colored.si-flickr {
    background-color: #FF0084 !important;
  }

  .si-google:hover,
.si-colored.si-google {
    background-color: #DD4B39 !important;
  }

  .si-instapaper:hover,
.si-colored.si-instapaper {
    background-color: #333 !important;
  }

  .si-klout:hover,
.si-colored.si-klout {
    background-color: #FF5F52 !important;
  }

  .si-linkedin:hover,
.si-colored.si-linkedin {
    background-color: #0E76A8 !important;
  }

  .si-vk:hover,
.si-colored.si-vk {
    background-color: #2B587A !important;
  }

  .si-rss:hover,
.si-colored.si-rss {
    background-color: #EE802F !important;
  }

  .si-skype:hover,
.si-colored.si-skype {
    background-color: #00AFF0 !important;
  }

  .si-twitter:hover,
.si-colored.si-twitter {
    background-color: #00ACEE !important;
  }

  .si-youtube:hover,
.si-colored.si-youtube {
    background-color: #C4302B !important;
  }

  .si-vimeo:hover,
.si-colored.si-vimeo {
    background-color: #86C9EF !important;
  }

  .si-aim:hover,
.si-colored.si-aim {
    background-color: #FCD20B !important;
  }

  .si-yahoo:hover,
.si-colored.si-yahoo {
    background-color: #720E9E !important;
  }

  .si-email3:hover,
.si-colored.si-email3 {
    background-color: #6567A5 !important;
  }

  .si-macstore:hover,
.si-colored.si-macstore {
    background-color: #333333 !important;
  }

  .si-myspace:hover,
.si-colored.si-myspace {
    background-color: #666666 !important;
  }

  .si-podcast:hover,
.si-colored.si-podcast {
    background-color: #E4B21B !important;
  }

  .si-cloudapp:hover,
.si-colored.si-cloudapp {
    background-color: #525557 !important;
  }

  .si-dropbox:hover,
.si-colored.si-dropbox {
    background-color: #3D9AE8 !important;
  }

  .si-ebay:hover,
.si-colored.si-ebay {
    background-color: #89C507 !important;
  }

  .si-github:hover,
.si-colored.si-github {
    background-color: #171515 !important;
  }

  .si-googleplay:hover,
.si-colored.si-googleplay {
    background-color: #DD4B39 !important;
  }

  .si-itunes:hover,
.si-colored.si-itunes {
    background-color: #222 !important;
  }

  .si-plurk:hover,
.si-colored.si-plurk {
    background-color: #CF5A00 !important;
  }

  .si-pinboard:hover,
.si-colored.si-pinboard {
    background-color: #0000E6 !important;
  }

  .si-soundcloud:hover,
.si-colored.si-soundcloud {
    background-color: #FF7700 !important;
  }

  .si-tumblr:hover,
.si-colored.si-tumblr {
    background-color: #34526F !important;
  }

  .si-wordpress:hover,
.si-colored.si-wordpress {
    background-color: #1E8CBE !important;
  }

  .si-yelp:hover,
.si-colored.si-yelp {
    background-color: #C41200 !important;
  }

  .si-intensedebate:hover,
.si-colored.si-intensedebate {
    background-color: #009EE4 !important;
  }

  .si-eventbrite:hover,
.si-colored.si-eventbrite {
    background-color: #F16924 !important;
  }

  .si-scribd:hover,
.si-colored.si-scribd {
    background-color: #666666 !important;
  }

  .si-stripe:hover,
.si-colored.si-stripe {
    background-color: #008CDD !important;
  }

  .si-print:hover,
.si-colored.si-print {
    background-color: #111 !important;
  }

  .si-dwolla:hover,
.si-colored.si-dwolla {
    background-color: #FF5C03 !important;
  }

  .si-statusnet:hover,
.si-colored.si-statusnet {
    background-color: #131A30 !important;
  }

  .si-acrobat:hover,
.si-colored.si-acrobat {
    background-color: #D3222A !important;
  }

  .si-drupal:hover,
.si-colored.si-drupal {
    background-color: #27537A !important;
  }

  .si-buffer:hover,
.si-colored.si-buffer {
    background-color: #333333 !important;
  }

  .si-pocket:hover,
.si-colored.si-pocket {
    background-color: #EE4056 !important;
  }

  .si-bitbucket:hover,
.si-colored.si-bitbucket {
    background-color: #0E4984 !important;
  }

  .si-stackoverflow:hover,
.si-colored.si-stackoverflow {
    background-color: #EF8236 !important;
  }

  .si-hackernews:hover,
.si-colored.si-hackernews {
    background-color: #fca416 !important;
  }

  .si-xing:hover,
.si-colored.si-xing {
    background-color: #126567 !important;
  }

  .si-instagram:hover,
.si-colored.si-instagram {
    background-color: #3F729B !important;
  }

  .si-quora:hover,
.si-colored.si-quora {
    background-color: #A82400 !important;
  }

  .si-openid:hover,
.si-colored.si-openid {
    background-color: #E16309 !important;
  }

  .si-steam:hover,
.si-colored.si-steam {
    background-color: #111 !important;
  }

  .si-amazon:hover,
.si-colored.si-amazon {
    background-color: #E47911 !important;
  }

  .si-disqus:hover,
.si-colored.si-disqus {
    background-color: #E4E7EE !important;
  }

  .si-plancast:hover,
.si-colored.si-plancast {
    background-color: #222 !important;
  }

  .si-appstore:hover,
.si-colored.si-appstore {
    background-color: #000 !important;
  }

  .si-pinterest:hover,
.si-colored.si-pinterest {
    background-color: #C8232C !important;
  }

  .si-fivehundredpx:hover,
.si-colored.si-fivehundredpx {
    background-color: #111 !important;
  }


/* Social Icons Text Color
-----------------------------------------------------------------*/

  .si-text-color.si-facebook i {
    color: #3B5998;
  }

  .si-text-color.si-delicious i {
    color: #205CC0;
  }

  .si-text-color.si-paypal i {
    color: #00588B;
  }

  .si-text-color.si-flattr i {
    color: #F67C1A;
  }

  .si-text-color.si-android i {
    color: #A4C639;
  }

  .si-text-color.si-smashmag i {
    color: #E53B2C;
  }

  .si-text-color.si-gplus i {
    color: #DD4B39;
  }

  .si-text-color.si-wikipedia i {
    color: #333;
  }

  .si-text-color.si-stumbleupon i {
    color: #F74425;
  }

  .si-text-color.si-foursquare i {
    color: #25A0CA;
  }

  .si-text-color.si-call i {
    color: #444;
  }

  .si-text-color.si-ninetyninedesigns i {
    color: #F26739;
  }

  .si-text-color.si-forrst i {
    color: #5B9A68;
  }

  .si-text-color.si-digg i {
    color: #191919;
  }

  .si-text-color.si-spotify i {
    color: #81B71A;
  }

  .si-text-color.si-reddit i {
    color: #C6C6C6;
  }

  .si-text-color.si-blogger i {
    color: #FC4F08;
  }

  .si-text-color.si-cc i {
    color: #688527;
  }

  .si-text-color.si-dribbble i {
    color: #EA4C89;
  }

  .si-text-color.si-evernote i {
    color: #5BA525;
  }

  .si-text-color.si-flickr i {
    color: #FF0084;
  }

  .si-text-color.si-google i {
    color: #DD4B39;
  }

  .si-text-color.si-instapaper i {
    color: #333;
  }

  .si-text-color.si-klout i {
    color: #FF5F52;
  }

  .si-text-color.si-linkedin i {
    color: #0E76A8;
  }

  .si-text-color.si-vk i {
    color: #2B587A;
  }

  .si-text-color.si-rss i {
    color: #EE802F;
  }

  .si-text-color.si-skype i {
    color: #00AFF0;
  }

  .si-text-color.si-twitter i {
    color: #00ACEE;
  }

  .si-text-color.si-youtube i {
    color: #C4302B;
  }

  .si-text-color.si-vimeo i {
    color: #86C9EF;
  }

  .si-text-color.si-aim i {
    color: #FCD20B;
  }

  .si-text-color.si-yahoo i {
    color: #720E9E;
  }

  .si-text-color.si-email3 i {
    color: #6567A5;
  }

  .si-text-color.si-macstore i {
    color: #333333;
  }

  .si-text-color.si-myspace i {
    color: #666666;
  }

  .si-text-color.si-podcast i {
    color: #E4B21B;
  }

  .si-text-color.si-cloudapp i {
    color: #525557;
  }

  .si-text-color.si-dropbox i {
    color: #3D9AE8;
  }

  .si-text-color.si-ebay i {
    color: #89C507;
  }

  .si-text-color.si-github i {
    color: #171515;
  }

  .si-text-color.si-googleplay i {
    color: #DD4B39;
  }

  .si-text-color.si-itunes i {
    color: #222;
  }

  .si-text-color.si-plurk i {
    color: #CF5A00;
  }

  .si-text-color.si-pinboard i {
    color: #0000E6;
  }

  .si-text-color.si-soundcloud i {
    color: #FF7700;
  }

  .si-text-color.si-tumblr i {
    color: #34526F;
  }

  .si-text-color.si-wordpress i {
    color: #1E8CBE;
  }

  .si-text-color.si-yelp i {
    color: #C41200;
  }

  .si-text-color.si-intensedebate i {
    color: #009EE4;
  }

  .si-text-color.si-eventbrite i {
    color: #F16924;
  }

  .si-text-color.si-scribd i {
    color: #666666;
  }

  .si-text-color.si-stripe i {
    color: #008CDD;
  }

  .si-text-color.si-print i {
    color: #111;
  }

  .si-text-color.si-dwolla i {
    color: #FF5C03;
  }

  .si-text-color.si-statusnet i {
    color: #131A30;
  }

  .si-text-color.si-acrobat i {
    color: #D3222A;
  }

  .si-text-color.si-drupal i {
    color: #27537A;
  }

  .si-text-color.si-buffer i {
    color: #333333;
  }

  .si-text-color.si-pocket i {
    color: #EE4056;
  }

  .si-text-color.si-bitbucket i {
    color: #0E4984;
  }

  .si-text-color.si-stackoverflow i {
    color: #EF8236;
  }

  .si-text-color.si-hackernews i {
    color: #fca416;
  }

  .si-text-color.si-xing i {
    color: #126567;
  }

  .si-text-color.si-instagram i {
    color: #3F729B;
  }

  .si-text-color.si-quora i {
    color: #A82400;
  }

  .si-text-color.si-openid i {
    color: #E16309;
  }

  .si-text-color.si-steam i {
    color: #111;
  }

  .si-text-color.si-amazon i {
    color: #E47911;
  }

  .si-text-color.si-disqus i {
    color: #E4E7EE;
  }

  .si-text-color.si-plancast i {
    color: #222;
  }

  .si-text-color.si-appstore i {
    color: #000;
  }

  .si-text-color.si-pinterest i {
    color: #C8232C;
  }

  .si-text-color.si-fivehundredpx i {
    color: #111;
  }

  .si-text-color:hover {
    color: #FFF;
  }

  .mgr-tp-top-br {
    margin-top: 7px;
  }

  .ft-bg-bl {
    background-color: #272626;
  }

  .dark .footer-widgets-wrap a:hover {
    color: #999;
  }

  .dark .social-icon:hover {
    color: #FFF !important;
    border-color: transparent;
  }

  .dark .footer-widgets-wrap a {
    color: #CCC;
  }

  .dark a:hover {
    color: #EEE;
  }

  .dark .si-dark {
    background-color: rgba(0,0,0,0.2);
    color: #DDD !important;
    border-color: transparent;
  }

  .dark .social-icon {
    color: #DDD !important;
    border-color: #DDD;
  }

  .si-facebook:hover, .si-colored.si-facebook {
    background-color: #3B5998 !important;
  }

  .si-colored.social-icon {
    border-color: transparent;
  }

  .social-icon:hover {
    color: #555;
    border-color: transparent;
  }

  .social-icon {
    margin: 0 5px 5px 0;
    width: 40px;
    height: 40px;
    font-size: 20px;
    line-height: 38px !important;
    color: #FFC;
    text-shadow: none;
    border: 1px solid #AAA;
    border-radius: 3px;
    overflow: hidden;
  }

  .i-rounded, .i-plain, .i-circled, .i-bordered, .social-icon {
    display: block;
    float: left;
    margin: 4px 11px 7px 0;
    text-align: center !important;
    font-size: 28px;
    color: #FFF;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
    cursor: pointer;
    font-style: normal;
  }

  .nobottommargin {
    margin-bottom: 0 !important;
  }

  body,
td,
th {
    font-family: Dosis, sans-serif;
    font-size: 14px;
    color: #333;
  }

  .bg-r3 {
    margin-top: 00px;
    margin-bottom: 0px;
    padding: 0px;
    background-color: var(--green);
}

  body {
    background-color: transparent;
  }