.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;
}



2015 Dikey Geçiş Sınavını Kazanan Öğrencilerimiz

2016 DGS Sınavını Kazanan Öğrencilerimiz

Ders İçerikleri

Elektrik Programı Mezuniyet için -3-Ders Sınav Tarihi  Duyuru

Elektrik Programı Mezuniyet için -3-Ders_Duyuru

Elektrik Programı Örgün ve İkili 2018-Bütünleme Sınav Programı-Bahar.yy

Elektrik Programı Final Sınav Programı Bahar 2017-2018

2. Sınıflar Mezuniyet için fotoğraf çekimi

2017-2018 BAHAR VİZE SINAV PROGRAMI

2017-2018 Bahar Yarıyılı Ders Programı

2017-2018 Güz Yarıyılı Mezuniyete Üç Ders Sınavı Programı

Bütünleme Sınav Programı

Dış Paydaşlar

Staj Başvuru İşlemleri

Program Kadrosu

Sıkça Sorulan Sorular

İletişim

İstanbul Üniversitesi

Lisans  Öğretimine  Geçiş

Program Hakkında

2014 Yılında Dikey Geçiş Sınavını Kazanan Öğrencilerimiz

2019- 2020 GÜZ DÖNEMİ ELEKTRİK PROGRAMI HAFTALIK DERS PROGRAMI

2019- 2020 GÜZ DÖNEMİ ELEKTRİK PROGRAMI HAFTALIK DERS PROGRAMI

2019-2020 Bahar Dönemi Haftalık Ders Programı İkinci Öğretim

2019-2020 Bahar Dönemi Haftalık Ders Programı İkinci Öğretim

2019-Yaz-Donemi-Staj-Basvuruları 2 Dönem

2019-2020 Bahar Dönemi Haftalık Ders Programı Örgün Öğretim

2019- 2020 GÜZ DÖNEMİ ELEKTRİK PROGRAMI VİZE SINAVI PROGRAMI

2018- 2019 GÜZ DÖNEMİ DERS PROGRAMI

2019- 2020 GÜZ DÖNEMİ DERS PROGRAMI

İÜC-BAP COVID-19 Proje Çağrısı

2019- 2020 GÜZ DÖNEMİ ELEKTRİK PROGRAMI FİNAL SINAVI  PROGRAMI

Elektrik Programı öğrenci görüşme saatleri

I 2018- 2019 BAHAR DÖNEMİ MEZUNİYET İÇİN ÜÇ DERS SINAVI ( Elektrik programı)

2019- 2020 GÜZ DÖNEMİ ELEKTRİK PROGRAMI MAZERET SINAVLARI

Elektrik Programı Bütünleme Sınavı Tarihleri

2018-yilinda-yapilan-mufredat-degisikligi-bahar dönemi ek-sinav-hakkı

Elektrik programı Bütünleme Sınavı

2018-2019-Bahar Bütünleme sınav program

2018-2019 Güz Dönemi Ders Programı

2018 yilinda yapilan mufredat degisikligi ek sinav hakki

2019-2020 Bahar Dönemi Haftalık Ders Programı Örgün Öğretim

2108-2019 Bahar Vize Sınavı Programı

2018-yilinda-yapilan-mufredat-degisikligi-ek-sinav-hakki

2018-yilinda-yapilan-mufredat-degisikligi-ek-sinav-hakkı

2019 Yaz Dönemi Staj Başvuruları - 1. Grup

Haftalık Ders Programları Bahar 2018-2019

2018-2019 Güz Dönemi Azami sure ve 3 Ders sınav tarihleri

Elektrik Programı 2018-2019 Bahar Y.Y. Ders Programı

2018-2019 Güz Dönemi Azami sure ve 3 Ders sınav tarihleri

Elektrik Programı  Bütünleme programı 2018-2019 Akademik yılı

2018-2019 Güz Dönemi Azami sure ve 3 Ders sınav tarihleri

Elektrik Programı 2018-2019 Bahar YY Ders Programı

2018-2019 Final Programı

Elektrik Programı  Bütünleme programı 2018-2019 Akademik yılı

2018-2019 Güz Dönemi Azami sure ve 3 Ders sınav tarihleri

2018-2019 Güz Dönemi Azami Süre 2 ve 3 Ders Sınav Tarihleri

Başka Üniversitelerin Yaz Okulundan Ders Alanların Kaldıkları Dersler için Mezuniyete Üç Ders Sınavı

2018-2019 Vize Programı

2018-2019 Vize Programı

Elektrik Programı 2018-2019 Ders Programları

2018-2019 Güz Dönemi Vize Programı

2018-2019 Vize Sınav Programı

2018-2019 Vize Sınav Programı

2018-2019 Güz Dönemi Ders Programı