﻿@font-face {
    font-family: "HelveticaNeue";
    src: url("../fonts/HelveticaNeueW23forSKY-Reg.eot");
    src: url("../fonts/HelveticaNeueW23forSKY-Reg.eot?#iefix") format("embedded-opentype"),
	url("../fonts/HelveticaNeueW23forSKY-Reg.woff") format("woff"),
	url("../fonts/HelveticaNeueW23forSKY-Reg.ttf") format("truetype"),
	url("../fonts/HelveticaNeueW23forSKY-Reg.svg#HelveticaNeueW23forSKY-Reg") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "FranklinGothicMedium";
    src: url("../fonts/FranklinGothicMediumRegular.ttf");
	font-weight: normal;
    font-style: Regular;
}

.navbar .input-group{
margin-top: 45px;
padding-left: 76px;

}

.navbar .input-group .input-group-addon {
    background-color: #222;
    font-size: 25px;
    border: 0;
}    background-color: #b1b1b1;

.navbar .input-group .form-control{
    background-color: #222;
    border: none;
}

.navbar-inverse .navbar-nav .open .dropdown-menu .divider
{
        background-color: #b1b1b1;
}


.head-line{
 background-color: #86172f;
}
.head-line h2{
    color: #fff;
    display: block;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: -.01em;
    line-height: 1;
    margin: 0 auto;
    padding: 30px 0;
    text-shadow: none;
    border-bottom: 0!important;
        font-family: HelveticaNeue;
}
.title h2{
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: bolder;
    color:#4e4e4e;
    font-size:22px;

 
}


.data-root{
    min-height: 500px;
      
    /* position: relative; */
    

}
.data-root ul {
    padding-left: 0;
         list-style: none;
    margin: 0;
    padding: 6px 0 0;
    border-top: 1px solid #ddd;

}


.data-root ul li{
   list-style:none;
   border-bottom: 1px solid #e7e7e7;
   padding: 2px 10px;/*mazari*/

}
.data-root ul li:hover, 
.data-root ul li:hover a,
.data-root ul li:active{
    background-color: #eee;
    
    
}


.data-root ul li a{
   text-decoration: none;
   color: #86172f;
}

.data-root .content-data .user-data{

    min-height: 300px;
        padding: 0;
    background-image: url('../images/vcard-bg.png');
    background-repeat: repeat-x;
    background-position: left bottom;
    margin: 0 0 .5em;
    padding: 0;
border: 1px solid #ddd;
    background-color: #fff;
    overflow: hidden;
}

.data-root .content-data .user-data .line-color{
    background-color: #86172f !important;}

.data-root .content-data .user-data .line-color h3{
   color:#fff;
   padding: 10px 0;
   margin-top: 0;
    border: 0;
    margin: 0 0 .5em;
    display: block;
    background-position: center top;
    padding: 7px;
   font-size: 20px;
}
.content-data{
	padding:0 10px;/*mazari*/

}

.content-data .img-dr{
        padding: 15px 15px 17px 0px;}

.content-data .img-dr .img-responsive{
    padding: 5px;
    border: 2px solid #474747; 
}
.content-data .detills{
    margin-top: 15px;
    width: 75%;
    padding: 0;
    margin: 0;
    float: left;
}

.content-data .detills ul li{
    border: 0;
    padding-left: 0;
}

.content-data .detills ul li:hover {
    background-color: #f2f2f2;
    color:#313131;
}
.content-data .detills ul li:hover a{
    background-color: #f2f2f2;
    color:#313131;
}
.content-data .tabs ul{
    margin: 0;
    padding-left: 15;
     border-bottom-color: #ddd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top: 0;
    display: block;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.content-data .tabs ul li  {
    display: inline-block;
    padding: 15px;
    border-bottom: 0;
    min-width: 120px;
    text-align: center;
    color:#363636;
}

.content-data .tabs ul li:hover,
.content-data .tabs ul li:active {
 background-color: #f2f2f2;
 border-left: 1px  solid #9b9b9b;
border-right: 1px  solid #9b9b9b;
}

.content-data .text-content{
    min-height: 300px;
    border: 1px  solid #e7e8ea;
    margin-bottom: 50px;

}

.content-data .text-content p{
    line-height: 35px;
    font-size: 18px;
    text-align: justify;
    

}



.space-section{
    height: 60px;

}

.container-fluid .right
{
    margin-top: 83px;
	padding:0 10px;/*mazari*/
}
 .right-data{
    background-color: #f2f2f2;
    padding: 0;
  
}

 .right-data .line-color {
    background-color: #86172f ; 
    color:#fff;
}

 .right-data .line-color  h3{
   font-size: 20px;
   margin-top: 0;
   padding: 7px 10px;/*mazari*/
}


 .right-data ul{
    padding-left: 0;
    text-decoration: none;
    padding-top:5px;
    border-top:1px solid #ddd;/*mazari*/

 }
 .right-data ul li a i{
    border: 0;
    margin-right:3px;
}


 .line-color-2 {
    background-color: #86172f; 
    color:#fff;
    height: 60px;
    position: relative;
    margin-top: 5px;
    
}
 
 .line-color-2  h3{
   font-size: 20px;
   margin-top: 0;
   padding: 7px 10px;/*mazari*/

    
}

 .line-color-2 span{
font-size: 20px;
position: absolute;
right: 20px;
bottom:10px;
 }

 .line-color-2 .divider{
    border-bottom: 1px solid #e7e7e7;
 
 }

.event-data p
{
	padding:0 10px;/*mazari*/
}
.right .event-data

{
    margin-top: 3px;
    padding-left: 0;
    padding-right: 0;
}

.right .event-data li

{
  list-style:none;
}

.right .event-data h3{
    margin-bottom: 15px;
    color:#222;
    font-weight: bold;
}



.right .event-data .month{
    background-color: #86172f;
   padding: 2px;
    color:#fff;
    text-align: center;
    margin-bottom: 10px;

}

.event-data .clearfix
{
border-bottom: 1px solid #cfd7db;
margin-bottom: 3px;
}


.right .input-lg{
    background-color: #f2f2f2;
    border-radius: 0;
    border:0;
}

.right .btn-info{
background-color: #c90f40;
border-radius: 0;
color:#fff;
border:1px solid #c90f40;

}
#main-menu{
    margin-bottom: -1px;
    padding: 12px 10px 12px 20px;
    margin: 75px 10px 30px 0;/*mazari*/
    
	
	}
#main-menu ul
{     background-color: #fff;
    list-style-type: none;
    margin: 0;
    padding: 0;
	
	}
#main-menu ul li {
    margin: 0;
    padding: 0;
}
#main-menu ul li a {
    
    color: #333;
    display: block;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin: 0;
    text-decoration: none;
    margin-bottom: -1px;
    padding: 7px 10px 5px 20px;
}
#main-menu .ActiveMenu a {
    background-color: #86172f !important;
    color: #fff !important;
}
#main-menu ul ul li a {
    background-color: #f8f8f8;
    background-image: url('../images/breadcrumb-icon.png');
    background-position: 20px 14px;
    background-repeat: no-repeat;
    border: 0;
    display: block;
    font-size: 13px;
    padding: 10px 10px 10px 40px;
}
#main-menu ul ul li a {
    background-color: transparent;
}
 

 #main-menu ul li a:hover{background-color:#f8f8f8;color:#c06}
 
#main-menu ul ul li a:hover{background-color:#ddd;color:#333!important}

.Submenu/*mazari*/
{
	margin-left:10px;
}

#banner {
    color: #FFF;
    background-color: #333;
    display: inline-block;
    width: 100%;
    clear: both;
    padding-top: 80px;
    padding-bottom: 80px;
    -webkit-box-shadow: inset 0 3px 15px 0 rgba(0,0,0,.7);
    box-shadow: inset 0 3px 15px 0 rgba(0,0,0,.7);
    text-align: center;
    margin-bottom: -10px;}
    
.banner {
    background-color: #333 !important;
    /*float: left; mazari*/
    padding: 70px 0px 70px 0px;
    background-color: #000 !important;
    background-image: url('../images/bg-footer.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
   
.page {
    display: block;
    margin: 0 auto;
    position: relative;
    clear: both;
    padding: 0;
} 
.content {
    clear: both;
}
.content2 {
    margin: 0;
    background-image: url('../images/footer-text-bg.png');
    background-repeat: repeat;
    margin: 0 20px;
    padding: 60px 60px 60px 60px;
    color: #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    line-height: 1.8 !important;
    text-align: left;
}

.content2 h3 {
    margin: 0px 0px 0px 0px !important;
    border-bottom: 1px solid #9C304C !important;
    text-transform: none !important;
    padding-bottom: 34px !important;
    font-size: 34px !important;
    font-family: 'franklin_gothic_fs_demi', Helvetica, Arial, sans-serif !important;
    font-weight: normal !important;
    line-height: 1;
    text-align: left;
    width: 100%;
    text-shadow: 0 0px 0px rgba(0,0,0,0);
}

.content2 h4 {
    color: #fff !important;
    font-size: 26px !important;
    margin: 34px 0px 0px 0px !important;
    font-family: 'franklin_gothic_fs_demi', Helvetica, Arial, sans-serif !important;
    font-weight: normal !important;
    line-height: 1;
}
#banner a, #banner a:hover {
    text-decoration: none!important;
}
.col1, .col2, .col3 {
    width: 32.26%;
    margin: 0;
        display: block;
    float: left;
}
.col1 ul {
    padding-left: 20px;
}
.detills h4{
	line-height: 1;
    padding: 0 10px;/*mazari*/
    font-size: 16px;
    font-weight: 600;   
    
}
#ctl00_ctl37_g_50a7196e_fe86_482f_a711_f738a7e61670 .col-md-12 .col-md-9 detills ul{
list-style: none;
    margin: 5px 0 0;
    padding: 6px 0 0;
    border-top: 1px solid #ddd;	
}
#ctl00_ctl37_g_50a7196e_fe86_482f_a711_f738a7e61670 .tabs li.active,
{
	background: #ddd;
    border-left-color: #ddd;
    border-right-color: #ddd;
    border-top-color: #ddd;
}

.content-data ul.tabs li a {
    color: #000;
    display: block;
    height: 45px;
    margin-top: 0;
    outline: 0;
    padding: 10px 15px 0;
    text-decoration: none;
}
.content-data ul.tabs li a:focus, .content-data ul.tabs li a:hover, .content-data ul.tabs li.active, .content-data ul.tabs li.active a:hover{
	background: #ddd;
    border-left-color: #ddd;
    border-right-color: #ddd;
    border-top-color: #ddd;
}
ul.tabs
{
	border-top:0px !important;
}
.content-data ul.tabs li
{
	
	
    background: #f8f8f8;
    border-color: #f8f8f8 #f8f8f8 #ddd;
    border-style: solid;
    border-width: 0;
    float: left;
    margin: 5px 5px 0 0;
    overflow: hidden;
    padding: 0;
    position: relative;
}

/*member list*/

.content-wrapper.member {
    overflow: hidden;
}

.member-item {
      width: 100%;
  margin: 0px !important;
  
}

.member-item .member-item-row {
  margin: 1px 0;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  background-color: #f5f5f5;
}
.member-item img {
  display: block;
  width: 100%;
  height: auto;
}
.member-item .member-item-details,
.member-item .member-item-description {
  padding: 1em;
}
.member-item .member-item-description {
  margin: 0;
  padding-top: 0;
  padding-right: 2em;
}
.member-item .member-item-tags {
  margin: 0;
}

.staff-info-text {
	display: table-cell;
	vertical-align: middle;
	}
	
	
.col.span-2.staff-info p {
	font-size: 14px !important;
	color: #CCC;
	line-height: 1;
	margin: 0px 0px 10px 0px;
	text-align: right;
}

.col.span-2.staff-info p {
	display: block;
	padding-right: 25px;
	background-image: url(../images/icon-tel-grey.png);
	background-repeat: no-repeat;
	background-position: right;
	color: #333;
}


@media only screen and (min-width: 765px) and (max-width: 1219px)  {
	
	.col.span-2.staff-info p {
	padding-right: 25px !important;
	}

}

@media only screen and (min-width: 765px) and (max-width: 930px)  {

	.staff-info-text {
	border-bottom: 1px solid #ddd;
	padding-bottom: 12px;
	display: block;
	vertical-align: inherit;
	}
	
	.col.span-2.staff-info p {
	text-align: left;
	background-position: left;
	padding-left: 25px;
	padding-right: 0px;
	}
	
}





@media only screen and (max-width: 660px) {

	.staff-info-text {
	border-bottom: 1px solid #ddd;
	padding-bottom: 12px;
	display: block;
	vertical-align: inherit;
	}
	
	.col.span-2.staff-info p {
	text-align: left;
	background-position: left;
	padding-left: 25px;
	padding-right: 0px;
	}
	
}



.col.span-2.staff-info a:hover {
	background-color: transparent;
}

.col.span-2.staff-info p.tel {
	background-image: url(../images/icon-tel-grey.png);
}

.col.span-2.staff-info p.email {
	background-image: url(../images/icon-email-grey.png);
}

.col.span-2.staff-info p.email a, .col.span_2_of_5.staff-info p.tel a {
	font-weight: bold;
}


.col.span-2.staff-info p a.email:hover {
	color: #06355A;
}


.col.span-2.staff-info p.location {
	background-image: url(../images/icon-location-grey.png);
}


.member-item-details.clearfix p {
	line-height: 1.3em;
	}
	
figcaption.member-item-title {
	font-size: 15px;
	font-weight: bold;
	}
	
.member-item-role {
	margin: 15px 0;
	}

	
.member-item-details.clearfix h3 {
	border: 0;
	color: #333;
	margin: 0 !important;
	text-transform: uppercase;
	display: block;
	font-size: 16px !important;
	text-transform: uppercase;
	font-family: 'franklin_gothic_fs_medium', Helvetica, Arial, sans-serif !important;
	font-weight: bold;
	line-height: 1;
	font-style: normal;
	}
	
p.member-item-tags{
	font-size: 14px !important;
	}

/* Document type styles */

.member-item-row a{
	display: block;
	
}

.member-item-row a:hover {
	background-color: #F5F5F5;
}



.span-1.staff-info {
    width: 58%;
    display: table;
    height: 75px;
    margin-bottom: 0;
}

.col:first-child {
    margin-left: 0;
}

.span-1 {
    width: 59.36%;
}

.span-2.staff-info {
    width: 40.4%;
    margin: 10px 0 0;
}

.span-2 {
    width: 39.04%;
}
.col {
    display: block;
    float: left;
    margin: 1% 0 1% 1.6%;
}

.banner .bullet 
{
	color: aliceblue;
    font-weight: bold;
    font-size: 14px;
}
.banner a:visited
{
	color: aliceblue !important;
   }

.banner .location 
{
	color: aliceblue;
    font-weight: bold;
    font-size: 14px;

}
.banner .contact-info
{
color: aliceblue;
    font-weight: bold;
    font-size: 14px;
	
}
.banner .email
 {
	color: aliceblue;
    font-weight: bold;
    font-size: 14px;
}

