.brand-item {
	margin-bottom:20px;
  	cursor:pointer;
}

.brand-image {
	width:120px;
  	height:120px;
}

.product-item {
	margin-bottom:20px;
  	border-bottom: solid 1px #ddd;
  	padding-bottom:20px;
}

.product-image {
	width:150px;
  	height:150px;
}


/*.brands-container, .products-container, .product-container {
	min-height:1000px;
}*/





#thover{
 position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,0.8);
    z-index:5;
    width:100%;
    height:100%; 
}
 
#tpopup{
  position:absolute;
  width:54vw; 
  height:32vw;
  background:#00000000;
  left:22vw; 
  top:25%;  
  border-radius:2vw;
  padding:2vw; 
  text-align:center; 
}
#tclose{
  position:absolute;
  background:black;
  color:white;
  right:-15px;
  top:-15px;
  border-radius:50%;
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  font-size:8px;
  font-weight:bold;
  font-family:'Arial Black', Arial, sans-serif;
  cursor:pointer;
  box-shadow:0 0 10px 0 #000;
}
@media (max-width: 767px)
{
  #tpopup{
  position: absolute;
     width: auto;
    height: 32vw;
    background: #00000000;
    left: auto;
    top: 5%;
    border-radius: 2vw;
    padding: 2vw;
    text-align: center;
}
  #tclose{
  position:absolute;
  background:black;
  color:white;
  right: -3px;
  top:-15px;
  border-radius:50%;
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  font-size:8px;
  font-weight:bold;
  font-family:'Arial Black', Arial, sans-serif;
  cursor:pointer;
  box-shadow:0 0 10px 0 #000;
}
  
}
.container.linkBar {
  background-color: #00733e !important;
}
.banner {
  background:none !important;
  *width:100%;
  height: 60px;
  position:relative;
  *background-image: url("http://www.googledrive.com/host/0B74yyUIRvPVqWk0wVG16VDdGZ0k");
}
/*0B74yyUIRvPVqZHFuYy1WZHNpWDQ   0B74yyUIRvPVqWk0wVG16VDdGZ0k*/
.left-text {
  position: absolute;
  bottom: 0;
  font-size: 2.5em;
}
.right-text {
  position: absolute;
  bottom: 0;
  font-size: 2.5em;
  right: 12px;
}
.banner .header-full-title
{
  background:none;
  padding-left: 0;
}
.wrap-dark-color {
  background-color: #00733e !important;
  color: white;
}
.feature-container{
  padding:0;
}
.feature-container .feature-icon{
  color: white;
  border-right: solid 1px #06ad60;
  *border-right:none;
}
.feature-icon:first-child {
  border-left: solid 1px #06ad60;
  *border-left : none;
}
.feature-container .feature-icon h4{
  color: white;
  font-weight: bold;
}
a.feature-icon:hover {
  color: #fff;
  background-color: #06ad60;
}
.feature-icon{
  *text-align:center;
  *width:20% !important;
  *min-width:20% !important;
}

@media (max-width: 991px) {
  .feature-icon i {
    font-size: 1.6em;
  }
  .feature-icon h4 {
    font-size: 1.0em;
  }
}
@media (max-width: 591px) {
  a.feature-icon {
    padding-left:10px;
    padding-right:10px;
  }
}

/*
 * jQuery OrgChart Plugin
 * https://github.com/dabeng/OrgChart
 *
 * Copyright 2016, dabeng
 * https://github.com/dabeng
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

/* chart styles */
.orgchart {
    box-sizing: border-box;
    display: inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*background-image: linear-gradient(90deg, rgba(200, 0, 0, 0.15) 10%, rgba(0, 0, 0, 0) 10%), linear-gradient(rgba(200, 0, 0, 0.15) 10%, rgba(0, 0, 0, 0) 10%);*/
    background-size: 10px 10px;
    border: 1px dashed rgba(0,0,0,0);
    padding: 20px 20px 0 20px;
}

    .orgchart .hidden, .orgchart ~ .hidden {
        display: none !important;
    }

    .orgchart.b2t {
        transform: rotate(180deg);
    }

    .orgchart.l2r {
        position: absolute;
        transform: rotate(-90deg) rotateY(180deg);
        transform-origin: left top;
        text-align: center;
    }

    .orgchart.r2l {
        position: absolute;
        transform: rotate(90deg);
        transform-origin: left top;
        text-align: center;
    }

    .orgchart ~ .mask {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 999;
        text-align: center;
        background-color: rgba(0,0,0,0.3);
    }

        .orgchart ~ .mask .spinner {
            position: absolute;
            top: calc(50% - 50px);
            left: calc(50% - 50px);
        }

            .orgchart > .spinner::before,
            .orgchart ~ .mask .spinner::before {
                width: 100px;
                height: 100px;
                border-width: 10px;
                border-radius: 50px;
                border-top-color: rgba(68, 157, 68, 0.8);
                border-bottom-color: rgba(68, 157, 68, 0.8);
                border-left-color: rgba(68, 157, 68, 0.8);
            }

    .orgchart .nodes {
        display: flex;
        list-style: none;
        padding-left: 0;
        margin: 0;
    }

    .orgchart .hierarchy {
        position: relative;
    }

        /* styles of link lines */
        .orgchart .hierarchy::before {
            content: "";
            position: absolute;
            top: -11px;
            left: 0;
            width: 100%;
            border-top: 2px solid #11253e;
            box-sizing: border-box;
        }

        .orgchart .hierarchy:first-child::before,
        .orgchart .hierarchy.isSiblingsCollapsed.left-sibs::before {
            left: calc(50% - 1px);
            width: calc(50% + 1px);
        }

        .orgchart .hierarchy:last-child::before,
        .orgchart .hierarchy.isSiblingsCollapsed.right-sibs::before {
            width: calc(50% + 1px);
        }

        .orgchart .hierarchy:not(.hidden):only-child::before {
            width: 2px;
        }

    .orgchart > .nodes > .hierarchy::before,
    .orgchart .isSiblingsCollapsed:not(.left-sibs):not(.right-sibs)::before,
    .orgchart .isSiblingsCollapsed.left-sibs.right-sibs::before,
    .orgchart .isSiblingsCollapsed.right-sibs:first-child:before,
    .orgchart .isSiblingsCollapsed.left-sibs:last-child:before,
    .orgchart .isCollapsedSibling::before,
    .orgchart .isCollapsedSibling .hierarchy::before,
    .orgchart .isChildrenCollapsed > .node:not(:only-child)::after,
    .orgchart .isCollapsedDescendant::before,
    .orgchart .isCollapsedDescendant > .node::before,
    .orgchart .isCollapsedDescendant > .node::after,
    .orgchart .isAncestorsCollapsed:only-child::before,
    .orgchart .isAncestorsCollapsed > .node::before {
        content: none;
    }

    /* excluding leaf node */
    .orgchart .node:not(:only-child)::after {
        content: "";
        position: absolute;
        bottom: -11px;
        left: calc(50% - 1px);
        width: 2px;
        height: 9px;
        background-color: #11253e;
    }

    .orgchart ul li .node.allowedDrop {
        border-color: rgba(68, 157, 68, 0.9);
    }

    .orgchart ul li .node.currentDropTarget {
        background-color: rgba(68, 157, 68, 0.9);
    }

    .orgchart ul li .node.selected {
        background-color: rgba(238, 217, 54, 0.5);
    }

    .orgchart ul li .node:hover {
        background-color: rgba(238, 217, 54, 0.5);
        cursor:pointer;
    }
    
    /* excluding root node */
    .orgchart > ul > li > ul li > .node::before {
        content: "";
        position: absolute;
        top: -11px;
        left: calc(50% - 1px);
        width: 2px;
        height: 9px;
        background-color: #11253e;
    }

    .orgchart > ul > li > ul li.isSiblingsCollapsed > .node::before {
        top: -13px;
        height: 11px;
    }

    /* node styling */
    .orgchart .node {
        box-sizing: border-box;
        display: inline-block;
        position: relative;
        margin: 0 0 20px 0;
        padding: 3px;
        border: 2px dashed transparent;
        text-align: center;        
    }

    .orgchart.l2r .node, .orgchart.r2l .node {
        width: 50px;
        height: 140px;
    }

    .orgchart .node:hover {
        background-color: rgba(238, 217, 54, 0.5);
        transition: .5s;
        cursor: default;
        z-index: 20;
    }

    .orgchart .node.focused {
        background-color: rgba(238, 217, 54, 0.5);
    }

    .orgchart .ghost-node {
        position: fixed;
        left: -10000px;
        top: -10000px;
    }

        .orgchart .ghost-node rect {
            fill: #ffffff;
            stroke: #bf0000;
        }

    .orgchart .node.allowedDrop {
        border-color: rgba(68, 157, 68, 0.9);
    }

    .orgchart .node > .spinner {
        position: absolute;
        top: calc(50% - 1rem);
        left: calc(50% - 1rem);
    }

        .orgchart .node > .spinner::before {
            width: 2rem;
            height: 2rem;
            border-width: 0.2rem;
            border-radius: 1rem;
            border-top-color: rgba(68, 157, 68, 0.8);
            border-bottom-color: rgba(68, 157, 68, 0.8);
            border-left-color: rgba(68, 157, 68, 0.8);
        }

    .orgchart .node .title {        
    box-sizing: border-box;
    padding: 10px;
    width: 150px;
    text-align: center;
    font-size: 1.3rem;    
    height: 20px;
    /* overflow: hidden; */
    text-overflow: ellipsis;
    white-space: break-spaces;
    background-color: #11253e;
    color: #fff;
    border-radius: 10px 10px 10px 10px;
    /* word-break: break-all; */
    overflow-wrap: break-word;
    height:auto;
	font-family: "Open Sans"
    }

    .orgchart.b2t .node .title {
        transform: rotate(-180deg);
        transform-origin: center bottom;
    }

    .orgchart.l2r .node .title {
        transform: rotate(-90deg) translate(-45px, -45px) rotateY(180deg);
        transform-origin: bottom center;
    }

    .orgchart.r2l .node .title {
        transform: rotate(-90deg) translate(-45px, -45px);
        transform-origin: bottom center;
    }

    .orgchart .node .title .symbol {
        float: left;
        margin-top: 12px;
        margin-left: 2px;
    }

        .orgchart .node .title .symbol::before {
            background-color: #fff;
            border-color: #11253e;
        }

        .orgchart .node .title .symbol::after {
            background-color: #fff;
        }

    .orgchart .node .content {
        box-sizing: border-box;
        padding: 2px;
        height: 20px;
        font-size: 0.625rem;
        border: 1px solid #11253e;
        border-radius: 0 0 4px 4px;
        text-align: center;
        background-color: #d4a941;
        color: #333;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .orgchart.b2t .node .content {
        transform: rotate(180deg);
        transform-origin: center top;
    }

    .orgchart.l2r .node .content {
        transform: rotate(-90deg) translate(-45px, -45px) rotateY(180deg);
        transform-origin: top center;
        width: 130px;
    }

    .orgchart.r2l .node .content {
        transform: rotate(-90deg) translate(-45px, -45px);
        transform-origin: top center;
        width: 130px;
    }

    .orgchart .node .edge {
        display:none;
        position: absolute;
        cursor: default;
        transition: .2s;
    }

        .orgchart .node .edge::before {
            border-color: rgba(68, 157, 68, 0.5);
        }

    .orgchart.noncollapsable .node .edge {
        display: none;
    }

    .orgchart .node .edge:hover {
        cursor: pointer;
    }

    .orgchart .edge:hover::before {
        border-color: #449d44;
    }

    .orgchart .node .verticalEdge {
        width: calc(100% - 6px);
        width: -webkit-calc(100% - 6px);
        width: -moz-calc(100% - 6px);
        height: 10px;
        left: 3px;
    }

        .orgchart .node .verticalEdge::before {
            position: absolute;
            left: calc(50% - 0.3125rem);
        }

    .orgchart .node .topEdge {
        top: -2px;
    }

        .orgchart .node .topEdge.oci-chevron-up::before {
            top: 2px;
        }

        .orgchart .node .topEdge.oci-chevron-down::before {
            bottom: 3px;
        }

    .orgchart .node .bottomEdge {
        bottom: -2px;
    }

        .orgchart .node .bottomEdge.oci-chevron-up::before {
            bottom: -3px;
        }

        .orgchart .node .bottomEdge.oci-chevron-down::before {
            bottom: 1px;
        }

    .orgchart .node .horizontalEdge {
        width: 10px;
        height: calc(100% - 6px);
        height: -webkit-calc(100% - 6px);
        height: -moz-calc(100% - 6px);
        top: 3px;
    }

    .orgchart .node .rightEdge {
        right: -2px;
    }

    .orgchart .node .leftEdge {
        left: -2px;
    }

    .orgchart .node .horizontalEdge::before {
        position: absolute;
        top: calc(50% - 0.3125rem);
    }

    .orgchart .node .rightEdge.oci-chevron-left::before {
        right: -3px;
    }

    .orgchart .node .rightEdge.oci-chevron-right::before {
        right: 1px;
    }

    .orgchart .node .leftEdge.oci-chevron-right::before {
        left: -3px;
    }

    .orgchart .node .leftEdge.oci-chevron-left::before {
        left: 1px;
    }

    .orgchart .node .toggleBtn {
        position: absolute;
        left: 5px;
        bottom: -2px;
    }

        .orgchart .node .toggleBtn::before {
            background-color: rgba(68, 157, 68, 0.6);
        }

        .orgchart .node .toggleBtn:hover::before {
            background-color: #449d44;
        }

.oc-export-btn {
    margin-left: 0.5rem;
    padding: 0.5rem 1rem;
}

.orgchart .node {
    transition: transform 0.3s, opacity 0.3s;
}

.orgchart .slide-down {
    opacity: 0;
    transform: translateY(40px);
}

.orgchart.l2r .node.slide-down, .orgchart.r2l .node.slide-down {
    transform: translateY(130px);
}

.orgchart .slide-up {
    opacity: 0;
    transform: translateY(-40px);
}

.orgchart.l2r .node.slide-up, .orgchart.r2l .node.slide-up {
    transform: translateY(-130px);
}

.orgchart .slide-right {
    opacity: 0;
    transform: translateX(130px);
}

.orgchart.l2r .node.slide-right, .orgchart.r2l .node.slide-right {
    transform: translateX(40px);
}

.orgchart .slide-left {
    opacity: 0;
    transform: translateX(-130px);
}

.orgchart.l2r .node.slide-left, .orgchart.r2l .node.slide-left {
    transform: translateX(-40px);
}

/* styles for vertical nodes */
.orgchart .hierarchy.hybrid > .node {
    margin-bottom: 0;
}

    .orgchart .hierarchy.hybrid > .node::after {
        content: none;
    }

.orgchart .nodes.vertical {
    display: block;
    margin: 0;
    padding-left: 18px;
}

    .orgchart .nodes.vertical .nodes {
        list-style: none;
        display: block;
        margin: 0;
        padding-left: 18px;
        text-align: left;
    }

    .orgchart .nodes.vertical .node {
        margin-bottom: 0;
    }

        .orgchart .nodes.vertical .node::before,
        .orgchart .nodes.vertical .node::after {
            content: none;
        }

    .orgchart .nodes.vertical::before {
        content: '';
        display: inline-block;
        position: relative;
        height: 14px;
        width: 2px;
        left: -9px;
        background-color: #11253e;
    }

    .orgchart .nodes.vertical > .hierarchy:first-child::before {
        box-sizing: border-box;
        top: -4px;
        height: 30px;
        width: calc(50% - 2px);
        border-width: 2px 0 0 2px;
    }

    .orgchart .nodes.vertical .hierarchy {
        position: relative;
        text-align: left;
    }

        .orgchart .nodes.vertical .hierarchy::before,
        .orgchart .nodes.vertical .hierarchy::after {
            box-sizing: border-box;
            content: '';
            position: absolute;
            left: -6px;
            border-color: #11253e;
            border-style: solid;
            border-width: 0 0 2px 2px;
        }

        .orgchart .nodes.vertical .hierarchy::before {
            top: -4px;
            height: 30px;
            width: 11px;
        }

        .orgchart .nodes.vertical .hierarchy::after {
            top: 1px;
            height: 100%;
        }

        .orgchart .nodes.vertical .hierarchy:first-child::after {
            box-sizing: border-box;
            top: 24px;
            width: 11px;
            border-width: 2px 0 0 2px;
        }

        .orgchart .nodes.vertical .hierarchy:last-child::after {
            box-sizing: border-box;
            border-width: 2px 0 0;
        }

/* custom icons for orgchart */
.oci {
    display: inline-block;
    position: relative;
    font-style: normal;
    font-family: Arial;
}

.oci-chevron-up::before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    vertical-align: text-bottom;
    width: 0.625rem;
    height: 0.625rem;
    border-width: 0 0.2rem 0.2rem 0;
    border-style: solid;
    border-color: #000;
    background: transparent;
    transform: rotate(-135deg);
}

.oci-chevron-right::before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    width: 0.625rem;
    height: 0.625rem;
    border-width: 0 0.2rem 0.2rem 0;
    border-style: solid;
    border-color: #000;
    background: transparent;
    transform: rotate(-45deg);
}

.oci-chevron-down::before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    width: 0.625rem;
    height: 0.625rem;
    border-width: 0 0.2rem 0.2rem 0;
    border-style: solid;
    border-color: #000;
    background: transparent;
    transform: rotate(45deg);
}

.oci-chevron-left::before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    width: 0.625rem;
    height: 0.625rem;
    border-width: 0 0.2rem 0.2rem 0;
    border-style: solid;
    border-color: #000;
    background: transparent;
    transform: rotate(135deg);
}

.oci-leader::before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 0.2rem;
    background: #000;
    top: -0.75rem;
    left: 0.1rem;
}

.oci-leader::after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 0.875rem;
    height: 0.375rem;
    border-radius: 0.25rem 0.25rem 0 0;
    background: #000;
    top: -0.3rem;
    left: -0.125rem;
}

.oci-plus-square::before {
    content: "+";
    display: inline-block;
    vertical-align: text-bottom;
    text-align: center;
    width: 1rem;
    height: 1rem;
    background-color: #000;
    color: #fff;
}

.oci-plus-circle::before {
    content: "+";
    display: inline-block;
    vertical-align: text-bottom;
    text-align: center;
    width: 1rem;
    height: 1rem;
    border-radius: 0.5rem;
    background-color: #000;
    color: #fff;
}

.oci-minus-square::before {
    content: "−";
    display: inline-block;
    vertical-align: text-bottom;
    text-align: center;
    width: 1rem;
    height: 1rem;
    background-color: #000;
    color: #fff;
}

.oci-minus-circle::before {
    content: "−";
    display: inline-block;
    vertical-align: text-bottom;
    text-align: center;
    width: 1rem;
    height: 1rem;
    border-radius: 0.5rem;
    background-color: #000;
    color: #fff;
}

.oci-arrow-circle-up::before {
    content: "▲";
    display: inline-block;
    text-align: center;
    vertical-align: text-bottom;
    width: 1rem;
    height: 1rem;
    border-radius: 0.5rem;
    background-color: #000;
    color: #fff;
    font-size: 0.875rem;
}

.oci-arrow-circle-down::before {
    content: "▼";
    text-align: center;
    display: inline-block;
    vertical-align: text-bottom;
    width: 1rem;
    height: 1rem;
    border-radius: 0.5rem;
    background-color: #000;
    color: #fff;
    font-size: 0.875rem;
}

.oci-info-circle::before {
    content: "i";
    display: inline-block;
    vertical-align: text-bottom;
    width: 1rem;
    height: 1rem;
    border-radius: 0.5rem;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

.oci-spinner::before {
    content: "";
    vertical-align: text-bottom;
    display: inline-block;
    box-sizing: border-box;
    width: 1rem;
    height: 1rem;
    border: 0.1rem solid #000;
    border-right-color: transparent;
    border-radius: 0.625rem;
    animation: oci-infinite-spinning .75s linear infinite;
}

@keyframes oci-infinite-spinning {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


.text-justify {
  text-align: justify;
}
.text-footer {
  font-weight: bold;
  font-size: 1.1em;
  margin-top: 20px;
}
.text-author {
  text-align: left;
  margin-top:10px;
}
.text-time {
  border-bottom: 2px solid #dedede;
  padding-right: 0;
}
.text-share {
  text-align: right;
  padding-left: 0;
}
.text-viewcount {
  border-bottom: 2px solid #00733e;
}
.text-socailContainer {
  margin-top:10px;
}
.text-socailContainer a:last-child{
  margin-right: 0;
}

body{}
body {}
body {
}
.notice-box a
{
  color: #000000;
  text-decoration: none;
}
.notice-box a:hover {
  color: #0a9200;
}
.notice-box .media-heading
{
  border-left: 2px solid #0a9200;
  padding-left: 5px;
  white-space: nowrap;
}
.notice-box .media-heading span
{
  margin-right:10px;
  font-weight: bold;
}
.notice-box hr
{
  margin:0;
  border-top: 1px solid #efefef;
  margin-top:10px;
}

body{}
.event {
  z-index: 1;
  width: 32%;
  /*249px;*/
  position: relative;
  float: left;
  margin-right: 1%;
  /*14px;*/
}
.event .event-imgcontainer {
  display: block;
  width: 100%;
  height: 90px;
  position: relative;
  overflow: hidden;
  background-position: center;
  background-size: cover;
}
.event img {
  min-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.event.last {
  margin-right: 0;
}
.event .content {
  clear: both;
  display: block;
  margin-top: 10px;
  color: #000;
}
.event .content:hover {
  color: #ff9000;
}
.eventdate {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 90px;
  background: rgb(0,180,234);
  background: rgba(0,180,234,0.8);
  -webkit-box-shadow: 6px 0px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 6px 0px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 6px 0px 5px 0px rgba(50, 50, 50, 0.75);
  z-index: 10;
  /*width: 60px;*/
  min-width: 60px;
}
.eventdate .day,
.eventdate .month {
  color: #fff;
}
.eventdate .day {
  display: block;
  width: 100%;
  text-align: center;
  font-family: 'ralewaylight';
  font-weight: 100;
  font-size: 3em;
  line-height: 1.1em;
  margin-top: 8px;
}
.eventdate .month {
  padding: 5px 8px;
  text-align: center;
}

.event-box a
{
  color: #000000;
  text-decoration: none;
}
.event-box a:hover {
  color: #0a9200;
}

.event-container{
  border:1px double #00733e;
  margin:10px 0;
  padding:0;
  border-left: 5px solid #63d65a;
}
.event-container a:hover,a:focus,a:active {
  text-decoration:none !important;
}
.event-container img {
  width:100%;
}
.event-container .event-img{
  padding-left:0;
  padding-right:0;
}
.s98, .t98 {
  display: table-cell;
  font-size: 12px;
  padding: 0 9px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  z-index: 1;
}
.s98, .t98, .u98, .v98 {
  font-weight: 600;
  text-transform: uppercase;
}
.s98, .s98:visited, .u98, .u98:visited {
  color: #0a9200;
}
.s98:hover, .u98:hover {
  color: #147e64;
}
.s98:active, .u98:active {
  color: #20486d;
}
.o98, .p98 {
  display: table;
  margin: 20px auto 0;
  position: relative;
  border-radius: 50%;
  *background-color: #E8E9EE;
}
.p98::after {
  -webkit-animation: AutoloadingPostsGridMoreLoadingIndicatorAnimation 2s infinite ease;
  animation: AutoloadingPostsGridMoreLoadingIndicatorAnimation 2s infinite ease;
  border-color: #0a9200 transparent transparent transparent;
  border-style: solid;
  border-width: 2px;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
.o98::before, .p98::before, .p98::after {
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  box-sizing: border-box;
  content: '';
  left: 0;
  position: absolute;
  top: 0;
}
.o98, .o98::before, .p98, .p98::before, .p98::after {
  height: 100px;
  width: 100px;
}
.o98::before, .q98 {
  border-color: #0a9200;
}
.o98:hover::before, .q98:hover {
  border-color: #147e64;
}
.o98:active::before, .q98:active {
  border-color: #20486d;
}
.s98, .s98:visited {
  text-decoration: none !important;
}

body {}

.angular-google-map-container {
        height: 400px;
}
.btn {
  margin-right:5px;
}
.page-container .footer-contacts .fc-row {
  padding-left:35px;
}
.page-container .page-footer .page-footer-wrap .page-footer-holder {
  width:80%;
}
.footer-widget a:hover {
  *background: #BABABA;
  background: #fff;
}
#footer-widgets .slogan{
  font-family: 'Brush Script MT', cursive;
      color: #e0b200;
  
}
@media only screen and (min-width : 320px) {
   #footer-widgets .slogan{
    font-size: 1.8em;
  }
}
/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
   #footer-widgets .slogan{
    font-size: 2.2em;
  }
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
   #footer-widgets .slogan{
    font-size: 2.4em;
  }
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
   #footer-widgets .slogan{
    font-size: 2.8em;
  }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  #footer-widgets .slogan{
    font-size: 2.8em;
  }
}

.footer-widget-title {
    color: #e0b200;
}

.container.linkBar {
  background-color: #00733e !important;
}
.banner {
  background:none !important;
  *width:100%;
  height: 60px;
  position:relative;
  *background-image: url("http://www.googledrive.com/host/0B74yyUIRvPVqWk0wVG16VDdGZ0k");
}
/*0B74yyUIRvPVqZHFuYy1WZHNpWDQ   0B74yyUIRvPVqWk0wVG16VDdGZ0k*/
.left-text {
  position: absolute;
  bottom: 0;
  font-size: 2.5em;
}
.right-text {
  position: absolute;
  bottom: 0;
  font-size: 2.5em;
  right: 12px;
}
.banner .header-full-title
{
  background:none;
  padding-left: 0;
}
.wrap-dark-color {
  background-color: #00733e !important;
  color: white;
}
.feature-container{
  padding:0;
}
.feature-container .feature-icon{
  color: white;
  border-right: solid 1px #06ad60;
  *border-right:none;
}
.feature-icon:first-child {
  border-left: solid 1px #06ad60;
  *border-left : none;
}
.feature-container .feature-icon h4{
  color: white;
  font-weight: bold;
}
a.feature-icon:hover {
  color: #fff;
  background-color: #06ad60;
}
.feature-icon{
  *text-align:center;
  *width:20% !important;
  *min-width:20% !important;
}

@media (max-width: 991px) {
  .feature-icon i {
    font-size: 1.6em;
  }
  .feature-icon h4 {
    font-size: 1.0em;
  }
}
@media (max-width: 591px) {
  a.feature-icon {
    padding-left:10px;
    padding-right:10px;
  }
}
.content-box {
	padding: 0;
}
.content-box.box-gray{
    background-color: #444;
    color: #fff;  
  	border: 1px solid #ccc;
}
.content-box.box-gray:hover {
	background-color: #00733e;
  	*border: 1px solid #00733e;
}
.content-box.box-gray p {
	padding: 0 15px;
}
.angular-google-map-container {
        height: 400px;
}
.text-justify {
  text-align: justify;
}

body{}
.text-justify {
  text-align: justify;
}

.flex-container2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-item2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flex-item2 h2 { 
  width: 100%;
}

.text-footer {
  font-weight: bold;
  font-size: 1.1em;
  margin-top: 20px;
}
.text-author {
  text-align: left;
  margin-top:10px;
}
.text-time {
  border-bottom: 2px solid #dedede;
  padding-right: 0;
}
.text-share {
  text-align: right;
  padding-left: 0;
}
.text-viewcount {
  border-bottom: 2px solid #00733e;
}
.text-socailContainer {
  margin-top:10px;
}
.text-socailContainer a:last-child{
  margin-right: 0;
}


a {
  text-decoration:none !important; 
}
.app-content-body {
  *background-image: url("http://localhost:1186/css/theme/default/img/kutuphane.jpg");
  *background-size: contain;
  background-image: linear-gradient(to top, #f0f0f0, #f4f4f4);
}
/*SARI*/
.dropdown > a:after {
  display: none;
  content: "";
}
.dropdown.left {
  width:44%;
}
.dropdown.center {
  width:12%;
  position:relative;
  height: 10px;
}
.dropdown.right {
  width:44%;
}
.full-width {
  width:100%;
}
.iu-logo {
  position: absolute;
  top: -40px;
  width: 130px;
  height: 130px;
  left: 0;
}
.iu-logo-sm
{
  /* width: 40px; */
  /* height: 40px; */
  margin: 5px;
  position: absolute;
  width: 80px;
}
.dropdown-menu li {
  cursor:pointer;
}
.navbar-dark { 
  border-top: none !important; 
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a {
  background-color: #06ad60;
  background-image : none !important;
}
.menu-line {
  background-color: #e0b200 !important;
  height:15px;
}
.navbar-nav > li > a:focus, .navbar-nav > li > a:active {
  background-color: #00733e !important;
}
.navbar-dark .dropdown .dropdown-menu {
  background-color:#00733e !important;
  border-color: #035f35;
}
.navbar-default .navbar-nav > li > a {
  margin-top:0;
}
@media (max-width: 768px)
{
  .navbar-dark {
     border-top: none !important;
     min-height: 88px !important;
     font-size: 1.4em !important; 
  } 
  #header_title
  {
     min-height: 100%;    vertical-align: middle;    margin-top: 1.6em;
  }
  #header_menu
  {
     margin-top: 30px;
  }
  a.feature-icon {
    padding: 15px;
    padding-bottom: 5px;
  }
  .navbar-nav>li {
    margin-left:10px;
  }
  .navbar-dark .dropdown > a {
    border-bottom: solid 1px #109055;
    margin: 0;
  }
  .navbar-dark .navbar-collapse {
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
  .navbar-dark .navbar-collapse.in {
    border:none;
  }
  .navbar-dark .navbar-collapse .nav.navbar-nav:first {
    margin: 0px;
  }
}
.navbar-default .navbar-toggle {
  border: solid 1px #109055;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default .navbar-toggle:hover {
  background-color: #0a9200;
  cursor :pointer;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .navbar .container{
    width:100% !important;
  }
}
/* Search Page Css*/
.search-container a
{
  color: #000000;
  text-decoration: none;
}
.search-container a:hover {
  color: #0a9200;
}
.container .row {
  margin-right: 0;
  margin-left: 0;
}
.container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav>li {
  text-align:center;
  width:16.6666666667%;
}
@media (max-width: 768px){
  .navbar-nav>li {
    text-align:center;
    width:100%;
  }
}
.header-full-title {
  padding-left: 110px;
  background-image: url(http://www.istanbul.edu.tr/css/theme/default/img/logo/iu.png);
  background-repeat: no-repeat;
  background-size: 90px;
}
.header-title h2 {
  margin: 0;
}
.header-title h2:nth-child(1) {
  font-size:1.3em;
  margin-top:25px;
}
.header-title h2:nth-child(2) {
  font-size:1.6em;
  color:black;
  font-weight:bold;
  margin: 10px 0px;
}
.menu-right{
  color: #fff;
  float: right;
  font-size: 20px;
  border: solid 1px #3fb0ac !important;
  padding: 1px 11px !important;
  margin-top: 8px;
  margin-right: 5px;
  margin-bottom: 8px;
  position: relative;
}
.sb-menu-right{
  z-index:999999;
  display:block;
  -webkit-animation-duration: 0.5s;
  /* Safari 4.0 - 8.0 */
  animation-duration: 0.5s;
}
.sb-menu-right .menu-close{
  position: absolute;
  font-size: 30px;
  left: -33px;
  background-color: #222222;
  padding: 4px 8px;
  margin-top: 50px;
}

.xs-pageTitle{
  color: white;
  position: absolute;
  left: 90px;
  margin-top: 10px;
  text-align: center;
  width: calc(100% - 175px);
  font-size: 1em;
}
.navbar-toggle {
  margin-right:5px;
  padding:6px;
}
.sb-slidebar {
  overflow-y: inherit !important;
}



.top-language{
    float: right;
    *position: relative;
    clear:right;
}
.top-nav-language {
    position: absolute;
    font-size: 70%;
    *width: 355px;
    right: 135px;
    bottom: 0;
    margin: 0 0 0 20px;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
}

.top-nav-language li {
    float:left;
    margin: 0 1px;
    border-radius: 5px 5px 0 0;
}

.top-nav-language a {
    font-size: 1.5em;
    margin: 0;
    color: #444;
    display: inline-block;
    padding: 7px 10px;
    min-width: 40px;
    text-align: center;
}

.top-nav-language .bg-theme a {
    color: white;
}
.hook {
	width:100px !important;
  	float: left;
  margin-top: 18px;
  margin-left:20px
}
.hook-link {
  float:left;
}

.newsContent2 {
	width:80%; 
}

.news-container img{
	width:100%;
}

.page-container .page-content .page-content-wrap .page-content-holder {
	width:80%;
}

.content-box {
	padding: 0;
}
.content-box.box-gray{
    background-color: #444;
    color: #fff;  
  	border: 1px solid #ccc;
}
.content-box.box-gray:hover {
	background-color: #00733e;
  	*border: 1px solid #00733e;
}
.content-box.box-gray p {
	padding: 0 15px;
}



.bottom-news a
{
  color: #000000;
  text-decoration: none;
}
.bottom-news a:hover {
  color: #0a9200;
}

body {}
body {}
.nav-tabs li {
	cursor:pointer;
}

/* set reference point */
.tab-animation .tab-content {
    position: relative;
}
/* set animate effect */
.tab-animation .tab-content .tab-pane{
    transition: 0.3s linear opacity;
}
/* overwrite display: none and remove from document flow */
.tab-animation .tab-content .tab-pane.active-remove {
    position: absolute;
    top: 0;
    width: 100%;
    display: block;
}
/* opacity=0 when removing "active" class */
.tab-animation .tab-content .tab-pane.active-remove-active {
    opacity: 0;
  *transform: translateY(-100%); 
}
/* opacity=0 when adding "active" class */
.tab-animation .tab-content .tab-pane.active-add {
    opacity: 0;
  *transform: translateY(-100%); 
}

.slide-left {
  transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  *transition: all 0 linear;
  /* easeOutQuad */
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  *transition-timing-function: linear;
  /* easeOutQuad */
  transition-duration: 1s;
}
.slide-left.ng-enter {
  transform: translateX(-150%); 
  opacity: 0;
  color:red;
}
.slide-left.ng-enter-active {
  transform: translateX(0);
  opacity: 1;
  color:red;
}
.slide-left.ng-leave {
  transform: translateX(0); 
  opacity: 1;
}
.slide-left.ng-leave-active {
  transform: translateX(-150%);
  opacity: 0;
}
@media screen and (max-width: 600px) {
#bs-example-navbar-collapse-2 {
  min-width:100%; 
   display: none;
} 
  #content-right-panel
  {
    min-width:100%;
    margin-top:20px;
  }
} 
html {
  scroll-behavior: smooth;
}


/*.tabContainer {
	width:80%;
  margin: 0 auto;
}
.tabs-left .tabContent { float:left; }

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: none;
}

.tab-content > .active,
.pill-content > .active {
    display: block;
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
    margin-top: -1px;
    margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
    border-top-color: #ddd;
    border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
    border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
    border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #ffffff;
}*/
                                                                                                                                                                                                                                                                                                      
.newsContent2 {
  width:80%;
}
.page-container .page-content .page-content-wrap .page-content-holder {
  width:80%;
}
.hidden {
  visibility: hidden;
}
.bx-wrapper .bx-viewport {
  height: auto !important;
}
.news-box a
{
  color: #000000;
  text-decoration: none;
}
.news-box a:hover {
  color: #0a9200;
}
.bx-viewport ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.bx-viewport ul li{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bxslider-controls .bx-prev {
  background-color: #00733e;
}
.bxslider-controls .bx-next {
  background-color: #00733e;
}
.bxslider-controls .bx-prev:hover,
.bxslider-controls .bx-next:hover {
  background-color: #0a9200;
}

.bx-clone {
	display: none !important;
}

.newsContent2 {
  width:80%;
}
.page-container .page-content .page-content-wrap .page-content-holder {
  width:80%;
}
.hidden {
  visibility: hidden;
}
.bx-wrapper .bx-viewport {
  height: auto !important;
}
.news-box a
{
  color: #000000;
  text-decoration: none;
}
.news-box a:hover {
  color: #0a9200;
}
.bx-viewport ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.bx-viewport ul li{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bxslider-controls .bx-prev {
  background-color: #00733e;
}
.bxslider-controls .bx-next {
  background-color: #00733e;
}
.bxslider-controls .bx-prev:hover,
.bxslider-controls .bx-next:hover {
  background-color: #0a9200;
}

.bx-clone {
	display: none !important;
}

.img-circle {
  width:200px;
}
.flex-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-container .flex-box{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flex-box a:hover {
  text-decoration : none;
}
.highlight-section a{
  text-decoration : none;
}
.highlight-section p{
  color:black;
}

.monthly-day-event {
  padding-top: 0 !important;
}
/* Gallery */
.gallery {
  float: left;
  width: 100%;
}
.gallery .gallery-item {
  float: left;
  *width: 25%;
  padding: 10px 5px 10px 5px;
  text-decoration: none;
}
.gallery .gallery-item .image {
  width: 100%;
  -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.gallery .gallery-item .image a {
  display: block;
}
.gallery .gallery-item .image:after,
.gallery .gallery-item .image:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 3px solid #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  z-index: 1;
}
.gallery .gallery-item .image:before {
  z-index: 2;
  background: rgba(0, 0, 0, 0);
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.gallery .gallery-item .image:hover:before {
  background: rgba(0, 0, 0, 0.3);
}
.gallery .gallery-item .image img {
  width: 100%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.gallery .gallery-item .image .gallery-item-controls {
  position: absolute;
  right: -60px;
  top: 3px;
  display: block;
  list-style: none;
  padding: 0px;
  z-index: 2;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.gallery .gallery-item .image .gallery-item-controls li {
  float: left;
  list-style: none;
  background: #FFF;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 26px;
}
.gallery .gallery-item .image .gallery-item-controls li .check {
  margin: 4px 0px;
}
.gallery .gallery-item .image .gallery-item-controls li .icheckbox_minimal-grey {
  margin-right: 0px;
}
.gallery .gallery-item .image .gallery-item-controls li a,
.gallery .gallery-item .image .gallery-item-controls li span {
  font-size: 17px;
  color: #BBB;
}
.gallery .gallery-item .image .gallery-item-controls li a:hover,
.gallery .gallery-item .image .gallery-item-controls li span:hover {
  color: #656d78;
}
.gallery .gallery-item .image .gallery-item-controls li:first-child {
  -moz-border-radius: 0px 0px 0px 3px;
  -webkit-border-radius: 0px 0px 0px 3px;
  border-radius: 0px 0px 0px 3px;
}
.gallery .gallery-item .image .gallery-item-controls li:hover {
  background: #F5F5F5;
}
.gallery .gallery-item .meta {
  color: #656d78;
  margin-top: 5px;
  line-height: 16px;
  padding: 0px 5px;
}
.gallery .gallery-item .meta strong {
  display: block;
  font-weight: 600;
  font-size: 13px;
}
.gallery .gallery-item .meta span {
  display: block;
  color: #99a0aa;
}
.gallery .gallery-item:hover .image .gallery-item-controls {
  right: 3px;
}
.gallery .gallery-item.active .image {
  -moz-box-shadow: 0px 0px 6px 0px rgba(51, 65, 78, 0.8);
  -webkit-box-shadow: 0px 0px 6px 0px rgba(51, 65, 78, 0.8);
  box-shadow: 0px 0px 6px 0px rgba(51, 65, 78, 0.8);
}
.gallery .gallery-item.active .image .gallery-item-controls {
  right: 3px;
}
/* end Gallery */                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
.slider {
  position: relative;
}
.slider ul {
  *height:400px;
  margin-bottom: 0;
}
.thumbnailBar {
  width:60%;
  margin: 0 auto;
}
.sliderImage {
  height: 100%;
  width: 100%;
}
.thumbnailImage {
  cursor:pointer;
  opacity:0.6;
}
.thumbnailImage:hover {
  opacity:1;
}
.thumbnailImage.active {
  opacity:1;
}
.points {
  font-size: 2em;
  position: absolute;
  bottom: 10px;
  margin: 0 auto;
  width: 100px;
  left: 50%;
  margin-left: -50px;
}
.slider .left {
  height: 100%;
  width: 10%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.slider .right {
  height: 100%;
  width: 10%;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.slider .left span {
  font-size: 2em;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
}
.slider .right span {
  font-size: 2em;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
}
.bx-wrapper {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  margin: 0 auto 0px !important;
}
.carousel-items {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.carousel-items .container {
  background: none;
}
.carousel-caption {
  position: relative;
  left: 0;
  margin-top: 10px;
}
.cont {
}
.cont .crousel-title {
  color: white;
  font-size: 1.5em;
  background-color: rgba(0,0,0,0.6);
  color: white;
  padding: 5px;
  border-radius: 5px;
}
.cont .crousel-text {
  color: white;
  font-size: 1.2em;
  background-color: rgba(0,0,0,0.6);
  color: white;
  padding: 5px;
  border-radius: 5px;
}
.services-header-list li a {
  background: rgba(0,0,0,0.6);
}
.services-header-list li a:hover {
  color: black;
}
ul[rn-carousel] > li {
  position: relative !important;
  margin-left: -100% !important;
  margin-bottom: 0;
}
ul[rn-carousel] > li:first-child {
  margin-left: 0 !important;
}
ul[rn-carousel] img {
  max-width: 100% !important;
}
.carousel-items .item {
  height:100%;
}
.carousel-items .container{
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
}
.slider-link-container{
  position: absolute;
  z-index: 999;
  background: rgba(0,0,0,0.6);
  right: 0px;
  cursor: pointer;
}
.slider-link-container a{
  display: block;
  color: #fff;
  text-decoration: none;
  font-family: "Open Sans", "Open Sans", sans-serif;
  background-color: rgba(255, 255, 255, 0.2);
  border: solid 1px rgba(255, 255, 255, 0.4);
  padding: 2px 15px;
}
@media (max-width: 991px) {
  .services-header-list li a {
    font-size : 0.9em;
    padding:2px;
    padding-left :10px;
    margin:15px 0;
  }
}
@media (max-width: 591px) {
  .services-header-list li a {
    font-size : 0.6em;
    padding:5px;
    margin:10px 0;
  }
}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         


.body {
}
.angular-google-map-container {
  height: 400px;
}
.contact label{
  min-width:60px;
}


“JEOFİZİK Cihazları ve Uygulamaları"  Seminer Sunum İçeriği
23 Ekim 2014 Tarihli Seminer Duyurusu
2017-2018 BAHAR YARIYILI MEZUNİYET İÇİN ÜÇ DERS SINAVLARI PROGRAMI
2017-2018 Bahar Yarıyılı Ders Programı
DGS-ALES-KPSS Bilgilendirme Semineri
GEMİCİLİK VE DENİZCİLİK HABERLEŞMESİ konulu seminer yapıldı
Gelişen TV Teknolojileri & Smart TV konulu seminer yapıldı
Ustasından Telekomünikasyon Programı İşe Alım Duyurusu
2017-2018 BAHAR YARIYILI BÜTÜNLEME SINAVLARINA GİRECEK ÖĞRENCİLERİN DİKKATİNE
Deneme
2019-2020 GÜZ YARIYILI DERS PROGRAMI (Ö.Ö/İ.Ö) (GÜNCEL HALİ)
ELEMAN ARANIYOR
ELEMAN ARANYOR
1.Sınıf öğrencileri için Oryantasyon Eğitimi
TÜRK TELEKOM STAJ BAŞVURU FORMU
2019-2020 GÜZ DÖNEMİ DERS PROGRAMI
Danışmalık Gün ve Saatleri
GÜZEL SANATLAR  2 DERSİ  ÖDEV DUYURUSU
2019-2020 GÜZ YARIYILI 1.ve 2.SINIF BÜTÜNLEME SINAV PROGRAMI (Ö.Ö/İ.Ö)
Derslerin İşlenmesi - 11-15 Kasım 2019
MATEMATİK -1- BÜTÜNLEME SINAVI 20.01.2020 PAZARTESİ GÜNÜ SAAT 14:00 'DE YAPILACAKTIR.
STAJ DEFTERLERİ  TESLİM TARİHLERİ
2019-2020 GÜZ DÖNEMİ  FİNAL SINAV  PROGRAMI (Ö.Ö/İ.Ö)
2019-2020 BAHAR DÖNEMİ DERS PROGRAMI (Ö.Ö/İ.Ö)
29 Nisan - 03 Mayıs 2019 Tarihlerinde Yapılacak Vize Mazeret Sınav Yerleri Duyurusu
2019-2020 GÜZ YARIYILI DERS PROGRAMI (Ö.Ö/İ.Ö)
DERS İÇERİKLERİ
Ders İçerikleri 2018-2019 Eğitim-Öğretim yılı
2019-2020 GÜZ YARIYILI ARA SINAV PROGRAMI
İÜC-BAP COVID-19 Proje Çağrısı
2019-2020 GÜZ YARIYILI DERS PROGRAMI (Ö.Ö/İ.Ö )(Güncel Hali)
2019-2020 GÜZ DÖNEMİ ARA SINAV PROGRAMI
2015 YILI KAYITLI SON SINIF ÖĞRENCİLERİ İÇİN 1. VE 2. EK SINAV TARİHLERİ
26/02/2020  tarihinde  (yarın) saat:11'de B-204 nolu salonda üniversitemiz Sürekli Eğitim Merkezi tarafından DGS ile ilgili bilgilendirme toplantısı yapılacak.
ELEKTRONİK HABERLEŞME TEKNOLOJİSİ PROGRAMI 2018-2019 EĞİTİM -ÖĞRETİM YILI DERS İÇERİKLERİ
2019-2020 GÜZ YARIYILI BÜTÜNLEME SINAV PROGRAMI(Ö.Ö/İ.Ö)
2019-2020 GÜZ YARIYILI BÜTÜNLEME SINAV PROGRAMI(Ö.Ö/İ.Ö)1.ve2.Sınıf  GÜNCEL (En son hali)
MEZUNİYET İÇİN 3 DERS SINAV PROGRAMI
2019-2020 GÜZ YARIYILI DERS PROGRAMI (Ö.Ö/İ.Ö) (GÜNCEL HALİ)
Mezuniyet İçin Üç Ders Sınavı Tarihi :04 Şubat 2020  Saat :10:00'da Elektronik Haberleşme Laboratuvarında  (E-401) de yapılacaktır
Danışmanlık Gün ve Saatleri
PERŞEMBE GÜNÜ DERS PROGRAMINDA GÖRÜLEN Ö.Ö VE İ.Ö  2. SINIF DERSLERİ AVCILAR KAMPÜSÜ MÜHENDİSLİK FAKÜLTESİ EK BİNASINDA TELEKOMÜNİKASYON TEK. LABORATUVARINDA YAPILACAKTIR.
2019-2020 GÜZ YARIYILI DERS PROGRAMI (Ö.Ö/İ.Ö) (GÜNCEL HALİ)
ELEKTRONİK HABERLEŞME TEKNOLOJİSİ PROGRAMI 2018-2019 EĞİTİM-ÖĞRETİM YILI BAHAR DÖNEMİ  1.SINIF VE 2. SINIF (Ö.Ö-İ.Ö) FİNAL SINAV PROGRAMI
2019 YAZ Dönemi STAJ (İşyeri Uygulaması) Başvuru ve Başlama Tarihleri
İkinci Öğretim için GÜZEL SANATLAR II Ödev Duyurusu
Telekomünikasyon Programı Yaz Stajı
İkinci Öğretim için GÜZEL SANATLAR II Ödev Duyurusu
DERS İÇERİKLERİ 2017 -2018 yılı ve öncesi
2018-2019 EĞİTİM-ÖĞRETİM YILI BAHAR  DÖNEMİ ELEKTRONİK HABERLEŞME TEKNOLOJİSİ PROGRAMI 1.SINIF VE 2. SINIF (Ö.Ö-İ.Ö) ARA SINAV (VİZE) PROGRAMI
2018-2019 EĞİTİM-ÖĞRETİM YILI  ELEKTRONİK HABERLEŞME TEKNOLOJİSİ PROGRAMI  BAHAR DÖNEMİ 1.SINIF VE 2. SINIF  ARA SINAV (VİZE)  PROGRAMI(Ö.Ö/İ.Ö)
2018-2019 EĞİTİM-ÖĞRETİM YILI BAHAR DÖNEMİ ELEKTRONİK HABERLEŞME TEKNOLOJİSİ PROGRAMI 1.SINIF VE 2. SINIF (Ö.Ö-İ.Ö) DERS PROGRAM
2018-2019 BAHAR  YARIYILI BÜTÜNLEME SINAV PROGRAMI(Ö.Ö/İ.Ö)
ÖRGÜN ÖĞRETİM İÇİN GÜZEL SANATLAR 2 ÖDEVİ
lab
2018-2019 EĞİTİM ÖĞRETİM YILI BAHAR DÖNEMİ ELEKTRONİK HABERLEŞME TEKNOLOJİSİ PROGRAMI 1.SINIF VE 2.SINIF (Ö.Ö/İ.Ö)DERS PROGRAMI
KALDIRILAN DERSLER İÇİN SINAV DUYURUSU(Ö.Ö/İ.Ö)
2018-2019 GÜZ YARIYILI BÜTÜNLEME SINAV PROGRAMI (Ö.Ö/İ.Ö)
LAB
2018-2019  EĞİTİM-ÖĞRETİM YILI BAHAR DÖNEMİ AKADEMİK TAKVİM
2018-2019 GÜZ DÖNEMİ MEZUNİYET İÇİN ÜÇ DERS SINAV TARİHLERİ
2018-2019 EĞİTİM ÖĞRETİM YILI GÜZ DÖNEMİ ELEKTRONİK HABERLEŞME TEKNOLOJİSİ FİNAL PROGRAMI (Ö.Ö/İ.Ö)
MEZUNİYET İÇİN 3 DERS SINAV TARİHİ  05 ŞUBAT 2019
AZAMİ SÜRELERİNİ DOLDURAN SON SINIF ÖĞRENCİLERİ İÇİN VERİLEN  İKİNCİ EK SINAV DUYURUSU
2018-2019 GÜZ DÖNEMİ 3 DERS SINAV TARİHLERİ VE PROGRAMI
KALDIRILAN DERSLER İÇİN BÜTÜNLEME SINAV DUYURUSU(Ö.Ö/İ.Ö)
2018-2019 EĞİTİM -ÖĞRETİM YILI GÜZ DÖNEMİ MEZUNİYET İÇİN 3 DERS SINAV TARİHİ VE PROGRAMI
3 DERS SINAVINA GİRECEK ÖĞRENCİLERİN LİSTESİ VE SINAV TARİHLERİ
lab
2018-2019 GÜZ YARIYILI BÜTÜNLEME SINAV PROGRAMI(Ö.Ö/İ.Ö)
2018-2019 EĞİTİM ÖĞRETİM YILI GÜZ DÖNEMİ ELEKTRONİK HABERLEŞME TEKNOLOJİSİ ARA SINAV PROGRAMI (Ö.Ö/İ.Ö)
2018 / 2019 EĞİTİM ÖĞRETİM YILI  GÜZ DÖNEMİ ELEKTRONİK HABERLEŞME TEKNOLOJİSİ  ARA SINAV PROGRAMI
2018-2019 GÜZ YARIYILI FİNAL SINAV PROGRAMI (Ö.Ö/İ.Ö)
KALDIRILAN DERSLER İÇİN FİNAL PROGRAMI
ders programı
STAJ
DERS İÇERİK
SINAV PROGRAMI
STAJ
LABARATUAR
staj
Deneme
DERS İÇERİK
Haberleşme
Haberleşme
FİNAL PROGRAMI
2018-2019 GÜZ YARIYILI DERS PROGRAMI
KALDIRILAN DERSLER İÇİN SINAV HAKKI
STAJ