body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #e9e9e9;
}
.page {
	background-color: #FFFFFF;
	border-radius: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.footer a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #fde800;
	text-decoration: none;
}
.bg_btm {
	background-image: url(images/footer_ex.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}
.bg_btm2 {
	background-image: url(images/footer2.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
}
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	text-align: justify;
	line-height: 25px;
	padding-right: 10px;

}
.side_bg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	background-image: url(images/side_ex.jpg);
	background-repeat: repeat-y;
	background-position: center center;
}
.read {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	text-align: right;
}
.home {
	text-decoration: none;
	background-image: url(images/home_btn.jpg);
	background-repeat: no-repeat;
	height: 47px;
	width: 88px;
}
.home:hover{
	text-decoration: none;
	background-image: url(images/home_btn1.jpg);
	background-repeat: no-repeat;
	
}
.aboutus {
	text-decoration: none;
	background-image: url(images/aboutus_btn.jpg);
	background-repeat: no-repeat;
	height: 47px;
	width: 104px;
}
.aboutus:hover{
	text-decoration: none;
	background-image: url(images/aboutus_btn1.jpg);
	background-repeat: no-repeat;
	
}
.td1 {
	background-color: #E7F2FA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	padding-left: 10px;
}
.tableoutline {
	border: 1px solid #999999;
}

.td2 {
	background-color: #DAEBF8;
	padding-left: 10px;
}
.forum_tit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #1e3942;
}
.form_cat {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #043E51;
	text-decoration: none;
}
.text_box, .text_area, .text_select {
	width:300px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
}

.text_area{
    height:80px;
}
.address_tit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #478402;
	text-decoration: none;
	text-align: center;
	padding-bottom: 12px;
	padding-left: 12px;
}
.email_id {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #194400;
	text-decoration: none;
}
.contant-bg1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 24px;
	font-weight: normal;
	color: #333333;
	text-decoration: none;
	background-color: #f5f5f5;
	text-align: justify;
	width: 952px;
	border-top-width: 4px;
	border-right-width: 4px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #d6d6d6;
	border-right-color: #d6d6d6;
	padding-top: 5px;
	padding-bottom: 5px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #d6d6d6;
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #d6d6d6;
	padding-right: 10px;
	padding-left: 10px;
}
.contact_bg2{
	background-image: url(images/contant_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.scrollup{
    width:51px;
    height:51px;
    opacity:0.8;
    position:fixed;
    bottom:50px;
    right:50px;
    display:none;
    text-indent:-9999px;
    background: url('images/totop.png') no-repeat;
}
.gallery_bg {
	background-image: url(images/gallery_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	height: 150px;
	width: 235px;
	margin-top: 7px;
	margin-right: 7px;
	margin-bottom: 28px;
	margin-left: 7px;
	padding-top: 15px;
}
.products {
	list-style-type: none;
	left: 1px;
	height: 980px;	
}
.products li{
	background-color: #FFFFFF;
	padding: 6px;
	height: 145px;
	width: 245px;
	border: 1px solid #CCCCCC;
	float: left;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(199,199,199,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(199,199,199,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(199,199,199,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(199,199,199,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(199,199,199,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(199,199,199,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c7c7c7', GradientType=0 );
-webkit-box-shadow: -1px -1px 30px -8px rgba(163,163,163,1);
-moz-box-shadow: -1px -1px 30px -8px rgba(163,163,163,1);
	box-shadow: -1px -1px 30px -8px rgba(163,163,163,1);
	margin-top: 10px;
	margin-right: 4px;
	margin-bottom: 5px;
	margin-left: 4px;
	text-align: center;
}

.products li label{
	font-family: Ubuntu;
	font-size: 16px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
	text-align: center;
	text-transform: capitalize;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.products li img{
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.products li strong{
}
.gallery2{
	height: 500px;
	margin-bottom: 10px;
	
}

.btn1 {
    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
    outline: thin dotted;
    outline-offset: -2px;
}
.btn:hover, .btn:focus, .btn.focus {
    color: #fff;
    text-decoration: none;
}
.btn:active, .btn.active {
    background-image: none;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
    outline: 0 none;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.65;
    pointer-events: none;
}
.btn-default {
    background-color: #fff;
    border-color: #ccc;
    color: #333;
}
.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-color: #e6e6e6;
    border-color: #adadad;
    color: #333;
}
.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-image: none;
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default.focus[disabled], fieldset[disabled] .btn-default.focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default.active[disabled], fieldset[disabled] .btn-default.active {
    background-color: #fff;
    border-color: #ccc;
}
.btn-default .badge {
    background-color: #333;
    color: #fff;
}
.btn-primary {
    background-color: #009883;
    border-color: #aac813;
    color: #FFFFFF;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background-color: #aac813;
    border-color: #009883;
    color: #fff;
}
.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary.focus[disabled], fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active {
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-primary .badge {
    background-color: #fff;
    color: #fff;
}
.btn-success {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
}
.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    background-color: #449d44;
    border-color: #398439;
    color: #fff;
}
.btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    background-image: none;
}
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled.focus, .btn-success.focus[disabled], fieldset[disabled] .btn-success.focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success.active[disabled], fieldset[disabled] .btn-success.active {
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success .badge {
    background-color: #fff;
    color: #5cb85c;
}
.btn-info {
    background-color: #5bc0de;
    border-color: #46b8da;
    color: #fff;
}
.btn-info:hover, .btn-info:focus, .btn-info.focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    background-color: #31b0d5;
    border-color: #269abc;
    color: #fff;
}
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    background-image: none;
}
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled.focus, .btn-info.focus[disabled], fieldset[disabled] .btn-info.focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info.active[disabled], fieldset[disabled] .btn-info.active {
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-info .badge {
    background-color: #fff;
    color: #5bc0de;
}
.btn-warning {
    background-color: #f0ad4e;
    border-color: #eea236;
    color: #fff;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
    background-color: #ec971f;
    border-color: #d58512;
    color: #fff;
}
.btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
    background-image: none;
}
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled.focus, .btn-warning.focus[disabled], fieldset[disabled] .btn-warning.focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning.active[disabled], fieldset[disabled] .btn-warning.active {
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-warning .badge {
    background-color: #fff;
    color: #f0ad4e;
}
.btn-danger {
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #fff;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    background-color: #c9302c;
    border-color: #ac2925;
    color: #fff;
}
.btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    background-image: none;
}
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger.focus[disabled], fieldset[disabled] .btn-danger.focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger.active[disabled], fieldset[disabled] .btn-danger.active {
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-danger .badge {
    background-color: #fff;
    color: #d9534f;
}
.btn-link {
    border-radius: 0;
    color: #337ab7;
    font-weight: 400;
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
    border-color: transparent;
}
.btn-link:hover, .btn-link:focus {
    background-color: transparent;
    color: #23527c;
    text-decoration: underline;
}
.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
    color: #777;
    text-decoration: none;
}
.btn-lg, .btn-group-lg > .btn {
    border-radius: 6px;
    font-size: 18px;
    line-height: 1.33;
    padding: 10px 16px;
}
.btn-sm, .btn-group-sm > .btn {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px;
}
.btn-xs, .btn-group-xs > .btn {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 1px 5px;
}
.btn-block {
    display: block;
    width: 100%;
}
.btn-block + .btn-block {
    margin-top: 5px;
}
/*************************
********* Portfolio CSS ******
**************************/

#portfolio_page {
  margin-top: 115px;
  padding-bottom: 0;
}

.portfolio-items, 
.portfolio-filter {
  list-style: none outside none;
  margin: 0 0 40px 0;
  padding: 0;
}

.portfolio-filter > li {
  display: inline-block;
}

.portfolio-filter > li a {
  background: none repeat scroll 0 0 #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  margin-right: 20px;
  text-transform: uppercase;
  transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
  border: 1px solid #F2F2F2;
  outline: none;
  border-radius: 3px;
}

.portfolio-filter > li a:hover,
.portfolio-filter > li a.active{
  color:#fff;
  background: #c52d2f;
  border: 1px solid #c52d2f;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.portfolio-items > li {
  float: left;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.portfolio-item {
  margin: 0;
  padding:0;
}

/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}

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

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

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

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

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}

/*************************
********* Portfolio CSS END ******
**************************/


/*================FAMILY===================*/
#family figure.col-md-2 .img {
    max-width: 200px;
    float: left;
    /*-webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%);*/

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

.desktop-family-pic-holder {
	overflow: hidden;
	position: relative;
	margin: 5px 0;
	width: 250;
	height: 250;
}

.desktop-family-pic-holder figure {
    position: relative;
    left: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
            transition: all 0.5s ease;
}

.desktop-family-pic-holder figcaption {
    position: absolute;
    right: -1268px;
    width: 555px;
    height: 304px;
    z-index: 9;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
            transition: all 0.5s ease;
}
.desktop-family-pic-holder figcaption td{
color: #339900;
}
.desktop-family-pic-holder figcaption td img{
 width: 300px;
}

#family .container:last-child { margin-top: 10px; }

#family i.fa-heart { color: #d63240; }

#contact .col-md-6 h4 {
    /*font-family: sanspro-light;*/
    font-family: 'Source Sans Pro', sans-serif; font-weight:300
    font-size: 26px;
    color: #6f6f6f;
    margin-bottom: 35px;
}

#family .people-social .figcaption {
    /*font-family: lato-light;*/
    font-family: 'Lato', sans-serif;  font-weight:300;
    color: #878787;
    font-size: 18px;
}
        /*------------SKILLS STYLING---------------*/
        .desktop-family-pic-holder .bar {
            width: 100%;
            height: 3px;
            background-color: #dfee93;
        }

        .desktop-family-pic-holder figcaption.clicked .bar > div {
            -webkit-transition-delay: 0.8s;
            -moz-transition-delay: 0.8s;
            -o-transition-delay: 0.8s;
            -ms-transition-delay: 0.8s;
            transition-delay: 0.8s;
        }
        /*.desktop-family-pic-holder figcaption.clicked .design { width: 70%; }*/
        #member1 figcaption.clicked .design { width: 70%; }
        #member2 figcaption.clicked .design { width: 40%; }
        #member3 figcaption.clicked .design { width: 80%; }
        #member4 figcaption.clicked .design { width: 60%; }
        #member5 figcaption.clicked .design { width: 90%; }
        #member6 figcaption.clicked .design { width: 50%; }
        .desktop-family-pic-holder .design {
            width: 0%;
            height: 3px;
            background-color: #fff;
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -o-transition: all 1s ease;
            -ms-transition: all 1s ease;
            transition: all 1s ease;
        }
        /*.desktop-family-pic-holder figcaption.clicked .coding { width: 45%; }*/
        #member1 figcaption.clicked .coding { width: 35%; }
        #member2 figcaption.clicked .coding { width: 95%; }
        #member3 figcaption.clicked .coding { width: 45%; }
        #member4 figcaption.clicked .coding { width: 65%; }
        #member5 figcaption.clicked .coding { width: 25%; }
        #member6 figcaption.clicked .coding { width: 45%; }
        .desktop-family-pic-holder .coding {
            width: 0%;
            height: 3px;
            background-color: #fff;
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -o-transition: all 1s ease;
            -ms-transition: all 1s ease;
            transition: all 1s ease;
        }
        /*.desktop-family-pic-holder figcaption.clicked .marketing { width: 60%; }*/
        #member1 figcaption.clicked .marketing { width: 60%; }
        #member2 figcaption.clicked .marketing { width: 20%; }
        #member3 figcaption.clicked .marketing { width: 50%; }
        #member4 figcaption.clicked .marketing { width: 70%; }
        #member5 figcaption.clicked .marketing { width: 40%; }
        #member6 figcaption.clicked .marketing { width: 90%; }
        .desktop-family-pic-holder .marketing {
            width: 0%;
            height: 3px;
            background-color: #fff;
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -o-transition: all 1s ease;
            -ms-transition: all 1s ease;
            transition: all 1s ease;
        }
        /*.desktop-family-pic-holder figcaption.clicked .solutions { width: 90%; }*/
        #member1 figcaption.clicked .solutions { width: 60%; }
        #member2 figcaption.clicked .solutions { width: 30%; }
        #member3 figcaption.clicked .solutions { width: 50%; }
        #member4 figcaption.clicked .solutions { width: 20%; }
        #member5 figcaption.clicked .solutions { width: 40%; }
        #member6 figcaption.clicked .solutions { width: 10%; }
        .desktop-family-pic-holder .solutions {
            width: 0%;
            height: 3px;
            background-color: #fff;
            -webkit-transition: all 1s ease;
            -moz-transition: all 1s ease;
            -o-transition: all 1s ease;
            -ms-transition: all 1s ease;
            transition: all 1s ease;
        }/*-----------------------------------*/

        /*------------MEMBER DETAILS STYLING (COMMONG)---------------*/
        .desktop-family-pic-holder h4,
        .desktop-family-pic-holder h5 { color: #fff; }
        .desktop-family-pic-holder figcaption { background-color: #FFFFFF; 
		border-radius: 10px 10px 10px 10px;
		
		}
        /*----------------------------------------------------------*/

        /*------------MEMBER DETAILS STYLING (LEFT)---------------*/
        .desktop-family-pic-holder .col-md-7 { padding: 30px 30px 20px 40px; }
        .desktop-family-pic-holder h4 {
            /*font-family: sanspro-semibold;*/
            font-family: 'Source Sans Pro', sans-serif; font-weight:600;
            font-size: 32px;
            margin-bottom: 0;
            margin-top: 0;
        }
        .desktop-family-pic-holder h5 {
            /*font-family: sanspro-regular;*/
            font-family: 'Source Sans Pro', sans-serif;
            font-size: 18px;
            margin-top: 0;
        }
        .desktop-family-pic-holder p {
            /*font-family: sanspro-regular;*/
            font-family: 'Source Sans Pro', sans-serif;
            color: #ffbbc1;
            margin-top: 25px;
            margin-bottom: 25px;
        }
        .desktop-family-pic-holder a {
            margin-left: 4px;
            margin-right: 4px;
        }
        .desktop-family-pic-holder i {
            font-size: 25px;
            background-color: #ffbbc1;
            color: #d63240;
            border-radius: 50%;
            padding: 5px 5px 5px 7px;
            width: 36px;
        }/*------------------------------------------------------*/

        /*------------MEMBER DETAILS STYLING (RIGHT)---------------*/
        .desktop-family-pic-holder .col-md-5 { padding: 30px 40px 20px 20px; }
        .desktop-family-pic-holder h6 {
            /*font-family: sanspro-regular;*/
            font-family: 'Source Sans Pro', sans-serif;
            color: #ffbbc1;
            margin-top: 18px;
            margin-bottom: 10px;
        }/*----------------------------------------------------*/

/*----------------HOVER (IMAGE COLOR)-------------------*/
        #family figure.col-md-2 img:hover {
            cursor: pointer;
            /*-webkit-filter: grayscale(0%);
               -moz-filter: grayscale(0%);
                 -o-filter: grayscale(0%);
                -ms-filter: grayscale(0%);
                    filter: grayscale(0%);*/
        }
        
        .people-social-figure a:hover { text-decoration: none; }
/*------------------------------------------------------*/

/*-----------------HOVER (DETAILS SHOW)-----------------------*/
        .clicked {
            right: -638px!important;
            opacity: 1!important;
            -webkit-transition: right 0.75s ease!important;
               -moz-transition: right 0.75s ease!important;
                 -o-transition: right 0.75s ease!important;
                -ms-transition: right 0.75s ease!important;
                    transition: right 0.75s ease!important;
        }
        .disappear {
            width: 0!important;
            visibility: hidden!important;
            opacity: 0!important;
            padding: 0!important;
            -webkit-transition: all 0.75s ease!important;
               -moz-transition: all 0.75s ease!important;
                 -o-transition: all 0.75s ease!important;
                -ms-transition: all 0.75s ease!important;
                    transition: all 0.75s ease!important;
        }
        .move-left { left: 0px!important; }
        .move-more-left { left: -60px!important; }
        .details {
           /* -webkit-filter: grayscale(0%)!important;
               -moz-filter: grayscale(0%)!important;
                 -o-filter: grayscale(0%)!important;
                -ms-filter: grayscale(0%)!important;
                    filter: grayscale(0%)!important;*/
        }
/*================FAMILY ends======================*/

button,
.button {
  display : inline-block;
  cursor : pointer;
  
  border-style : solid;
  border-width : 1px;
  border-radius : 50px;
  padding : 10px 18px;
  box-shadow : 0 1px 4px rgba(0,0,0,.6);
  font-size : 9.5pt;
  font-weight : bold;
  color : #fff;
  text-shadow : 0 1px 3px rgba(0,0,0,.4);
  font-family : sans-serif;
  text-decoration : none;
}

button.blue,
.button.blue {
  border-color : #2989d8;
  background: #2989d8;
  background: -moz-linear-gradient(top, #2989d8 0%, #1e5799 100%);
  background: -webkit-gradient(linear, left top, left bottom, 
    color-stop(0%,#2989d8), color-stop(100%,#1e5799));
  background: -webkit-linear-gradient(top, #2989d8 0%,#1e5799 100%);
  background: -o-linear-gradient(top, #2989d8 0%,#1e5799 100%);
  background: -ms-linear-gradient(top, #2989d8 0%,#1e5799 100%);
  background: linear-gradient(top, #2989d8 0%,#1e5799 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( 
    startColorstr='#2989d8', endColorstr='#1e5799',GradientType=0 );
}

button.green,
.button.green {
  border-color: #8fc800;
  background: #8fc800;
  background: -moz-linear-gradient(top, #8fc800 0%, #438c00 100%);
  background: -webkit-gradient(linear, left top, left bottom, 
    color-stop(0%,#8fc800), color-stop(100%,#438c00));
  background: -webkit-linear-gradient(top, #8fc800 0%,#438c00 100%);
  background: -o-linear-gradient(top, #8fc800 0%,#438c00 100%);
  background: -ms-linear-gradient(top, #8fc800 0%,#438c00 100%);
  background: linear-gradient(top, #8fc800 0%,#438c00 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( 
    startColorstr='#8fc800', endColorstr='#438c00',GradientType=0 );
}
#header{
	margin-right: auto;
	margin-left: auto;
	height: 200px;
	position: absolute;
	top: 114px;
	overflow: visible;
	width: 100%;
}
.banner{
	background-image: url(images/banner_btm.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 87px;
	width: 1035px;
	overflow: visible;
	position: relative;
	top: 0px;
	margin-right: auto;
	margin-left: auto;
}
.admin-nav{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px;
	margin-top: 55px;
}
.admin-nav a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px;
	margin-top: 55px;
}