ul, li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

body {
    font-family:'Roboto', sans-serif;overflow-x:hidden;
}
.flLeft{float:left;}
.flRight{float:right}
.w100flLeft{width:100%; float:left!important}
.middleIt{margin:0 auto; display:table}
.vAlignWr{display:table; height:100%;width:100%}
.vAlign{vertical-align:middle; display:table-cell; width:100%}
.no-margin{margin:0!important}
.no-bg{background:transparent!important}
.no-border{border:0!important}
.color-white{color:#fff}.color-black{color:#000}.color-gray{color:#ddd}.color-orange{color:#ff5c14}.color-green{color:#37a751}.color-darkgray{color:#666}.color-lightGreen{color:#8fe7a4}.color-headgry{color:#8a9390}
.fs60{font-size:60px}.fs18{font-size:18px}.fs16{font-size:16px}.fs14{font-size:14px}.fs12{font-size:12px}.fs24{font-size:24px}
.font-bold{font-weight:bolder}.font-normal{font-weight:400}.font-light{font-weight:lighter}
.h100{height:100%;}
.relative{position:relative}
.anim{transition:all .4s; -webkit-transition:all .4s; -moz-transition:all .4s; -o-transition:all .4s; -ms-transition:all .4s;}
.topHeader{height:40px; background-color:#e8e7e6}
.menuHeader{height:100px; background-color:#fff; position:relative; z-index:999;}
.topSocialIcons a{padding-right:5px}
.topSocialIcons a:last-child{padding-right:0}
.sliderlink	{
	font-size:14px!important;
	padding:8px 20px!important;
	color:#fff!important;
	text-decoration:none!important;
	border-radius: 12px!important;
	-moz-border-radius: 12px!important;
	-webkit-border-radius: 12px!important;
	border:solid #fff 1px!important;
	margin:5px 0!important;
	cursor:pointer;
}
.sliderlink:hover	{
	background-color:#fff!important;
	color:#222!important;
}
.mainSldBtn{background-color:#213435; border:0!important; padding:15px 40px!important}
.sliderAltBoxes{position:absolute; bottom:0; z-index:999;}
.sliderAltBox{height:170px; width:calc(100% / 5); width:-webkit-calc(100% / 5); width:-moz-calc(100% / 5); top:0}
.sliderAltBox:hover .sliderAltBoxWr{height:210px; margin-top:-40px}
.slAltBtn{color:#fff; border:1px solid #fff; border-radius:12px; padding:0 15px; height:0; font-size:12px; margin-top:10px; opacity:0}
.sliderAltBox:hover .slAltBtn{padding:10px 15px; opacity:1; height:auto}
.slAltBtn:hover{text-decoration:none; color:#f1f1f1}
.rightArrowIco{background:url(../images/sprite.png) no-repeat; background-position:0 0; width:16px; height:16px; margin-top:3px}
.slAltBoxYazi{margin-top:15px}
.sliderAltBoxWr{width:100%; height:170px; float:left; padding:0 20px; transition:all .4s; -webkit-transition:all .4s; -moz-transition:all .4s; -o-transition:all .4s; -ms-transition:all .4s;}
.sliderAltBox:first-child .sliderAltBoxWr{background-color:#7cac4b}
.sliderAltBox:nth-child(2) .sliderAltBoxWr{background-color:#adbc8f}
.sliderAltBox:nth-child(3) .sliderAltBoxWr{background-color:#678c61}
.sliderAltBox:nth-child(4) .sliderAltBoxWr{background-color:#4b6c59}
.sliderAltBox:nth-child(5) .sliderAltBoxWr{background-color:#2b3d36}
.leftTallBox .hyvnCsBaslik{padding:15px 15px; background-color:#a6b985}
.hyvnSldBaslik{position:absolute; top:20px; left:20px}
.hyvnSldBaslikBtn{position:absolute; bottom:40px; left:20px}
.hyvnSldBackBtn, .hyvnSldForwBtn{padding:10px 15px; color:#fff; background-color:#a6b985; top:calc(50% - 14px); top:-webkit-calc(50% - 14px); top:-moz-calc(50% - 14px); position:absolute; cursor:pointer}
.hyvnSldBackBtn{left:0}
.hyvnSldForwBtn{right:0}
.mdlNewsBoxSld img{width:165px; height:100%; float:left}
.mainBoxes{margin-top:30px}
.newBoxSldCont{float:left; width:calc(100% - 165px); width:-webkit-calc(100% - 165px); width:-moz-calc(100% - 165px); height:100%; padding:60px 20px 0 30px; background-color:#213435}
.newBoxSldContYazi{color:#6e797a; padding-top:25px}
.newBoxSldBaslik{position:absolute; top:21px; left:207px; z-index:999}
.newsBoxSldArrows{top:21px; right:30px; z-index:999; position:absolute}
.newsBoxSldBackBtn, .newsBoxSldForwBtn{padding:3px 10px; cursor:pointer; color:#fff; background-color:#456554}
.newsBoxSldBackBtn{margin-right:10px}
.middleBoxCont{padding:20px 30px}
.middleBoxBaslik{margin-bottom:20px}
.tesislerBox{background:url(../images/tesisler.png) no-repeat right bottom; background-color:#79ad4b}
.projelerBox{background:url(../images/projeler.png) no-repeat right bottom; background-color:#456756}
.middleNewsBox{height:164px}
.middleBox{margin-top:30px; height:166px; width:calc(50% - 15px); width:-webkit-calc(50% - 15px); width:-moz-calc(50% - 15px);}
.middleBox:first-child{margin-right:30px}
.rightTallBox{padding:30px 23px; background:url(../images/social-box.png) no-repeat right bottom; background-color:#66a5c8}
.mainBox{height:360px}
.rigthTallSclBtns{margin-top:50px;}
.rightTallFbBtn, .rightTallTwBtn{padding:8px 0; text-align:center;border:1px solid #b3d2e4; border-radius:12px;}
.rightTallFbBtn:hover, .rightTallTwBtn:hover{text-decoration:none; color:#f1f1f1}
.rightTallFbBtn{margin-bottom:25px}
.rightTallFbBtn i, .rightTallTwBtn i{position:absolute; left:10px; top:-14px;}
footer{background-color:#e8e7e6}
.justify_layout {
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: left;
}
footer .links_section .menus {
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
}
footer .menus > li {
    padding: 20px 0 0 0;
    vertical-align: top;
}
footer .menus .baslik {
    color: #464646;
    font-size: 14px;
    font-weight: bold;
    padding-bottom:30px;
    border-bottom:1px solid #d8d7d6;
    margin-bottom: 30px;
}
footer .menus > li > ul {
    color: #6a696c;
    font-size: 12px;
}
footer .menus > li > ul > li {
    margin-bottom: 10px;
}
footer .menus > li > ul > li > a {
    color: #6a696c;
    text-decoration: none;
}
footer .menus > li > ul > li > a:hover{opacity:.7}
.footerMenuCont{margin-top:30px; padding-top:40px}
.iltsmBilgBaslik{color: #464646;font-size: 14px;font-weight: bold;margin-bottom: 30px;margin-top:20px}
.footerIltsmBlg .ui-tabs .ui-tabs-nav li.ui-tabs-active{background-color:#79ad4b}
.footerIltsmBlg .ui-tabs .ui-tabs-panel{background-color:#79ad4b; padding:25px 20px}
.footerIltsmBlg .ui-tabs .ui-tabs-nav li{background-color:#c0c0bf}
.altFooter{height:40px; background-color:#c0c0bf}
.arrow-left {position:absolute;width: 0; height: 0; border-top: 15px solid transparent;border-bottom: 15px solid transparent; border-right:15px solid #213435; left:150px;top:20px;z-index:999;}
.menuBtn{color:#464646; padding:0 15px; float:left}
.menuBtn:hover, .mainmenu li:hover .menuBtn{text-decoration:none; color:#fff; background-color:#79ad4b;}
.menuBtn:hover i, .mainmenu li:hover .menuBtn i{color:#fff; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -o-transform:rotate(180deg); -ms-transform:rotate(180deg);}
.menuBtn i{color:#8a9390; margin-left:10px}
.mainmenu, .submenu{float:left;}
.mainmenu li, .submenu li{float:left; height:100%; position:relative}
.submenu{position:absolute;top:100px;width:300px; z-index:9999; display:none}
.secondSubMenu{top:0; left:300px; display:none}
.submenu ul{width:100%; float:left}
.submenu li{width:100%; float:left; position:relative}
.subMenuBtn{color:#fff; padding:15px 15px; background-color:#79ad4b; width:100%; float:left}
.subMenuBtn:hover, .secondSubMenu li:hover .subMenuBtn{text-decoration:none; color:#fff; background-color:#63875e;}
.menuOver{width:100%; height:100vh; position:fixed;top:140px; left:0; background-color:rgba(36, 57, 52, .8); z-index:999; display:none}
.menuOver.active{display:block}
.mainmenu > li:hover .submenu{display:block}
.mainmenu > li:hover .submenu .secondSubMenu{display:none}
.mainmenu li .submenu li:hover .secondSubMenu{display:block}
.searchOpenBtn{background-color:#79ad4b; padding:0 30px; display:block; color:#fff!important; float:left}
.searchOpenBtn:hover{color:#ddd!important}
.searchOpenBtn i{font-size:1.5em}
.searchBlm{background-color: #79ad4b;position:absolute; right:0; width:100vw; margin-right:calc(-100vw - -80px); margin-right:-webkit-calc(-100vw - -80px); margin-right:-moz-calc(-100vw - -80px);}
.searchInput{background-color:transparent; font-size:16px; border:0; width:0; border-bottom:1px solid #ddd; color:#ddd}
.searchInput:focus{outline:none}
.searchBlm.active{right:100%}
.searchBlm.active .searchInput{width:50vw; padding-left:10px; margin-left:10px}
.mainMenuBlm{margin-right:80px}

.altSayfaContImg{max-width:265px; margin-bottom:15px; margin-right:15px}
.pageNav a{color:#fff; font-size:14px}
.pageNav a:hover{color:#ccc; text-decoration:none }
.pageBaslik{margin-top:-5px; margin-bottom:20px}
.altSayfa{background-color:#fff}
.altSayfaHead{background-image:url(../images/altsayfa-nav.png);background-repeat:no-repeat; background-position:center top; background-size:cover; height:200px}
.altSayfaHead .container .altSayfaHeadWr{display:table}
.altSayfaHead .container .altSayfaHeadIns{display:table-cell; vertical-align:bottom; width:100%}
.leftNavBaslik{padding:18px 25px; background-color:#213435;}
.leftNavBaslik i{margin-top:6px}
.altSayfaLeftNav ul li{width:100%; float:left}
.altSayfaLeftNav ul li a{color:#6a696c; font-size:14px; padding:13px 25px; background-color:#e8e7e6; width:100%; float:left; border-bottom:1px solid #fff}
.altSayfaLeftNav ul li a:hover, .altSayfaLeftNav ul li a.active{background-color:#c0c0bf; text-decoration:none;}
.altSayfaListBlm ul, .altSayfaListBlm ul li{width:100%; float:left}
.altSayfaListBlm ul{margin:20px 0; padding-left:16px}
.altSayfaListBlm ul li{margin:10px 0; list-style-type:disc; color:#666; font-size:12px}
.altSayfaImgListBlm div{height:170px; overflow:hidden; margin:10px 0}
.altSayfaImgListBlm div img{width:100%; height:100%}

@media screen and (max-width:1200px) {
    .mainMenuBlm{position:absolute; top:100%; left:0; width:100%}
    .mainMenuBlm nav, .mainmenu, .submenu{width:100%; float:left}
    .mainmenu li, .submenu li{height:auto; float:left; width:100%}
    .menuBtn{width:100%; padding:10px 15px; background-color:#fafafa; border-bottom:1px solid #ddd}
    .submenu{position:static}
    .subMenuBtn{background-color:#ddd; padding-left:30px; padding-top:10px; padding-bottom:10px}
    .secondSubMenu .subMenuBtn{padding-left:45px}
    .navbar-toggle{display:block; border-color:#ddd; margin-top:21px}
    .navbar-toggle:hover{background-color:#ddd}
    .navbar-toggle .icon-bar{background-color:#888}
    .menuHeader{height:78px}
    .logo img{height:47px}
    .mainMenuBlm{display:none; height:auto}
    .searchBlm{display:none}
    .mainMenuAndSearch{position:static!important}
}
@media screen and (max-width:992px){
    .topHeaderBlms{height:40px}
    .topHeader{height:auto}
    .mainBox{margin-bottom:15px; height:auto}
    .leftTallBox .owl-item{background-color:#ddd}
    .leftTallBox .owl-item .item{margin:0 auto; display:table}
    .sliderAltBoxes{position:static; margin-bottom:15px}
    .sliderAltBox .sliderAltBoxWr, .sliderAltBox{height:220px}
    .sliderAltBox:hover .sliderAltBoxWr{margin-top:0; height:220px}
    .slAltBtn{padding:10px 15px; opacity:1; height:auto}
    .sliderAltBox{width:calc(100% / 2); width:-webkit-calc(100% / 2); width:-moz-calc(100% / 2);}
    .sliderAltBoxes .container{padding-right:0}
    .leftNavBaslik{margin-top:0!important}
}
@media screen and (max-width:768px) {
    .altSayfaImgListBlm div{height:auto}
}
@media screen and (max-width:620px){
    .middleBox{width:100%}
}