/*!
/*!
 *  Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */



.fa-twitter-square:before {
  content: "\f081";
}


.fa-twitter:before {
  content: "\f099";
}

.fa-facebook-square:before {
  content: "\f082";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}

.fa-bars:before {
  content: "\f0c9";
}

.fa-envelope:before {
  content: "\f0e0";
}


.fa-envelope-o:before {
  content: "\f003";
}


.fa-file-o:before {
  content: "\f016";
}


.fa-file-text-o:before {
  content: "\f0f6";
}

.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}

 
 .baskan
{
    float: left;
    width: 260px;
    height: 326px;
    margin: 10px 0px 10px 10px;
    position: relative;
}
.baskan .image
{
    float: left;
    width: 260px;
    height: 278px;
    position: relative;
}
.baskan .image img
{
    float: left;
    width: 260px;
    height: 278px;
}
.baskan .image .text
{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 260px;
    height: 65px;
    background: url('../images/btextbg.png') repeat-x left bottom;
}
.baskan .image .text .name
{
    float: left;
    width: 260px;
    margin: 22px 0 4px 0;
    font-size: 17px;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}
.baskan .image .text .title
{
    float: left;
    width: 260px;
    font-size: 12px;
    color: #ffffff;
    text-align: center;
}
.baskan .tabs-container
{
    position: absolute;
    width: 260px;
    height: 236px;
    left: 0;
    border: 0;
}
.baskan .tabs1
{
    float: left;
    width: 260px;
    height: 46px;
    margin-top: 278px;
    border-top: 2px solid #203855;
    background: #009dbd;
	margin-left:-30px;
}
.baskan .tab
{
    float: left;
    width: 65px;
    height: 46px;
    cursor: pointer;
}
.baskan .tab:nth-of-type(1)
{
    width: 65px;
}
.baskan .tab:nth-of-type(2), .baskan .tab:nth-of-type(3), .baskan .tab:nth-of-type(4)
{
    background: url('..images/bg-baskan-tab.png') no-repeat left center;
}
.baskan .tab:nth-of-type(1):hover, .baskan .tab:nth-of-type(2):hover, .baskan .tab:nth-of-type(3):hover, .baskan .tab:nth-of-type(4):hover
{
    background-color: #00A2E1;
}

.baskan .tab .icon
{
    float: left;
    width: 65px;
    height: 18px;
    margin: 14px 0 0 0;
    text-align: center;
    color: #EBEBEB;
    font-size: 18px;
}

.baskan .tab .tab-content1
{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 260px;
    height: 280px;
    background-color: #00A2E1;
}
.baskan .tab:hover .tab-content1
{
    display: block;
}
.baskan .tab .tab-content1 .text
{
    float: left;
    width: 185px;
    margin: 46px 0 26px 30px;
    line-height: 24px;
    font-size: 17px;
    color: #FFFFFF;
    text-align: center;
}
.baskan .tab .tab-content1 a
{
    color: #FFFFFF;
    font-size: 18px;
    text-decoration: none;
    font-weight: bold;
    display: block;
}
.baskan .tab:nth-of-type(1) .tab-content1 .text
{
    margin: 36px 0 26px 30px;
}
.baskan .tab .tab-content1 .button
{
    float: left;
    width: 173px;
    height: 40px;
    line-height: 40px;
    background: #D2E9FF;
    margin: 0 0 21px 36px;
    font-size: 17px;
    color: #00A2E1;
    text-align: center;
    border-bottom: 1px solid #0077A4;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-decoration: none;
    font-weight: 400;
}
.face
{
    background-color: #1064A4 !important;
    color: #FFFFFF !important;
}
.twitt
{
    background-color: #25C1F4 !important;
    color: #FFFFFF !important;
}
.baskan .tab .tab-content1 .button:hover
{
    background: #00668C;
    border-bottom: 1px solid #0077A4;
    color: #FFFFFF;
}
.baskan .tab:nth-of-type(4) .tab-content1 .text
{
    float: left;
    width: 185px;
    margin: 25px 0 20px 30px;
}

.baskan .tab .tab-content1 .link
{
    float: left;
    width: 215px;
    margin: 0px 0 15px 25px;
    font-size: 16px;
    color: #FFFFFF;
    text-align: left;
    text-decoration: none;
    font-weight: 400;
}
.baskan .tab .tab-content1 .link:hover
{
    color: #393939;
}