@charset "UTF-8";
/************************************************
 İnce Fikirler | www.incefikirler.com
 Aydin Senturk | Frontend Developer
 24.05.2016 - XX.XX.2016
 ie6, ff, opera. chrome, safari
************************************************/

@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,500,400italic,600,700,800,900);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800,400italic&subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=Shadows+Into+Light);

body {
	font-family: 'Open Sans', sans-serif;
	background-color: #0f99b8;
	color: #a0a0a0;
}

a,
a:hover,
a:focus,
a:active { text-decoration: none; color: #0f99b8; outline: 0; }


h1,h2,h3,h4,h5,h6 { font-family: 'Raleway'; color: #0f99b8; font-weight: 700; }

article { line-height: 34px; }

/* Short Codes *****************************************************/

.font1 { font-family: 'Raleway'; }
.font2 { font-family: 'Open Sans'; }
.font3 { font-family: 'Shadows Into Light'; }

.f3 {font-weight: 300;}
.f4 {font-weight: 400;}
.f5 {font-weight: 500;}
.f6 {font-weight: 600;}
.f7 {font-weight: 700;}
.f8 {font-weight: 800;}
.f9 {font-weight: 900;}

.m0 { margin: 0px; }
.mT15 {margin-top: 15px;}
.mB15 {margin-bottom: 15px;}
.mT30 {margin-top: 30px;}
.mB30 {margin-bottom: 30px;}

.p0 { padding: 0px; }
.pT15 {padding-top: 15px;}
.pB15 {padding-bottom: 15px;}
.pT30 {padding-top: 30px;}
.pB30 {padding-bottom: 30px;}

.pR { position: relative; }
.db { display: block !important; }
.dib { display: inline-block !important; }
.w100 { float: left; width: 100%; }
.w50 { float: left; width: 50%; }
.w25 { float: left; width: 25%; }
.eclipse { overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
.flexCC { display: flex; display: -ms-flex; align-items:center; justify-content:center; }
.flexCR { display: flex; display: -ms-flex; align-items:center; justify-content:flex-end; }
.flexCL { display: flex; display: -ms-flex; align-items:center; justify-content:flex-start; }
.flexCB { display: flex; display: -ms-flex; align-items:center; justify-content:space-between; }
.flexCA { display: flex; display: -ms-flex; align-items:center; justify-content:space-around; }

.tW {color: #fff !important;}
.tW a {color: #fff !important;}
.bW {background-color: #fff !important;}

.tB {color: #000 !important;}
.tB a {color: #000 !important;}
.bB {background-color: #000 !important;}

.tG {color: #3a3a3a !important;}
.tG a {color: #3a3a3a !important;}
.bG {background-color: #3a3a3a !important;}

.trl { -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
.trlX { -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); }
.trlY { -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); }
.cover { background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }
.contain { background-repeat: no-repeat; background-position: center center; -webkit-background-size: contain; -moz-background-size: contain; -ms-background-size: contain; -o-background-size: contain; background-size: contain; }


/* Buttons *********************************************************/

.btn1 { position: relative; display: inline-block; padding: 10px 60px; color:#fff; background-color: #a9ae00; font-weight: 400; font-size: 14px; text-align: center; border: 0px; border-radius: 50px; }
.btn1:before { content: ''; position: absolute; left:-5px; top:-5px; width: calc(100% + 10px); width: -webkit-calc(100% + 10px); height: calc(100% + 10px); height: -webkit-calc(100% + 10px); border-radius: 50px; border:2px solid #fff; }
.btn1.sm { padding: 7px 20px; font-size: 13px; }
.btn1.xs { padding: 5px 10px; font-size: 12px; }
.btn1 i { margin-right: 5px; }
.btn1:focus,
.btn1:hover { background-color: #969A00; color:#fff; }
.btn1:hover:before { opacity: 0; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }

/*******************************************************************/


/* Share Buttons ***************************************************/


.share-box { float: left; display: block; width: 100%; margin-top: 15px; padding-top: 15px; border-top: 1px dashed #ccc; }
.share-box .share-caption { margin-top: 0px; font-weight: 700; }
.btnShare { float: left; display: inline-block; padding: 7px 20px; margin-right: 5px; margin-bottom: 5px; color:#555; background-color: #fff; font-weight: 400; font-size: 12px; text-align: center; border-radius: 0px; }
.btnShare.circle { border-radius: 40px; }
.btnShare i { font-family: 'FontAwesome'; opacity: 0.9; }
.btnShare span { margin-left: 5px; }
.btnShare:focus,
.btnShare:hover {  }

.btnShare:focus i,
.btnShare:hover i { opacity: 1; }

.btnShare.facebook { background-color: #3b5998; color: white; }
.btnShare.facebook:hover { background-color: #304d8a; }
.btnShare.facebook i:after { content: '\f09a'; }

.btnShare.twitter { background-color: #0084b4; color: white; }
.btnShare.twitter:hover { background-color: #00719b; }
.btnShare.twitter i:after { content: '\f099'; }

.btnShare.google-plus { background-color: #dc4a38; color: white; }
.btnShare.google-plus:hover { background-color: #de321d; }
.btnShare.google-plus i:after { content: '\f0d5'; }

.btnShare.instagram { background-color: #49769c; color: white; }
.btnShare.instagram:hover { background-color: #3d698e; }
.btnShare.instagram i:after { content: '\f16d'; }

.btnShare.linkedin { background-color: #1f88be; color: white; }
.btnShare.linkedin:hover { background-color: #147baf; }
.btnShare.linkedin i:after { content: '\f0e1'; }



/*******************************************************************/




/* Custom CSS Desing ***********************************************/


/*Caption*/
.captionBoxCenter { position: relative; text-align: center; }
.captionBoxCenter .caption { font-family: 'Raleway'; font-size:22px; color: #0f99b8; margin: 0; margin-bottom: 30px; font-weight: 700; }
.captionBoxCenter article {  }

.captionBoxLeft { position: relative; text-align: left; }
.captionBoxLeft .caption { font-family: 'Raleway'; font-size:22px; color: #0f99b8; margin: 0; margin-bottom: 30px; font-weight: 700; }
.captionBoxLeft article {  }


/*Navbar Toggle*/
.navbar-toggle { border-radius: 0px; border-color: transparent !important; background-color: transparent; }
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover { background-color: transparent; }
.navbar-default .navbar-toggle .icon-bar { background-color: #0f99b8; }
.navbar-toggle.collapsed .icon-bar:nth-child(1) { transform: none; -webkit-transform:none; }
.navbar-toggle.collapsed .icon-bar:nth-child(2) { opacity: 1; }
.navbar-toggle.collapsed .icon-bar:nth-child(3) { transform: none; -webkit-transform:none; }
.navbar-toggle .icon-bar:nth-child(1) { transform: rotate(45deg)translate(4px, 4px); -webkit-transform: rotate(45deg)translate(4px, 4px); -moz-transform: rotate(45deg)translate(4px, 4px); -ms-transform: rotate(45deg)translate(4px, 4px); -o-transform: rotate(45deg)translate(4px, 4px); }
.navbar-toggle .icon-bar:nth-child(2) { opacity: 0; }
.navbar-toggle .icon-bar:nth-child(3) { transform: rotate(-45deg)translate(5px, -5px); -webkit-transform: rotate(-45deg)translate(5px, -5px); -moz-transform: rotate(-45deg)translate(5px, -5px); -ms-transform: rotate(-45deg)translate(5px, -5px); -o-transform: rotate(-45deg)translate(5px, -5px); }

/*Form Control*/
.form-control { border-radius: 0px; border: 2px solid #eeeeee; height: 40px; box-shadow: none; }
.form-control:focus { border-color: #a9ae00; }

/*Pagination*/
.pagination>li>a,
.pagination>li>span { border: 1px solid #eeeeee; margin-left: 0px; font-weight: 700; }
.pagination>li:first-child>a,
.pagination>li:first-child>span { border-radius: 0px; }
.pagination>li:last-child>a,
.pagination>li:last-child>span { border-radius: 0px; }
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover { border-color: #a9ae00; background-color: #a9ae00; color: #fff; }
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover { border-color: #a9ae00; background-color: #a9ae00; }

/*Linked items*/
.list-group { margin-bottom: 20px; }
.list-group-item { padding: 10px 15px; margin-bottom: -1px; }
a.list-group-item:focus,
a.list-group-item:hover { color: #fff !important; text-decoration: none; background-color: #a9ae00 !important; border-color: #a9ae00; }

.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover { background-color: #a9ae00 !important; border-color: #a9ae00 !important; }
.list-group-item:first-child { border-top-left-radius: 0px; border-top-right-radius: 0px; }
.list-group-item:last-child { border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; }

.slick-slide { outline:none; }

/*******************************************************************/


/* TRANSITION ******************************************************/

.icon-bar,
.navbar-nav>li>a,
.btn1,
.btn1:before,
.btnShare,
.pagination>li>a,
#header .top-bar .lang li a,
#header .navbar-nav>li>.dropdown-menu,
#main .banner .slider .item .content,
#main .banner .slider .item .image-box,
.compant-tab-col .nav-tabs>li>a .box,
.compant-tab-col .nav-tabs>li>a .box:before,
.footer-top .footer-menu>li>a,
.product-isotope {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;
}

#main .company-tab {
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

/*******************************************************************/



/* HEADER **********************************************************/

#header { position: absolute; width: 100%; left:0; top:0; z-index:999; padding-bottom: 8px; background-color: #0f99b8; }
#header .top-bar {  }
#header .top-bar .lang { float: right; padding: 0; margin: 0; list-style: none; }
#header .top-bar .lang li { float: left; }
#header .top-bar .lang li a { font-family: 'Raleway'; display: block; padding: 10px 5px; color: #fff; font-weight: 700; }
#header .top-bar .lang li a:hover { color: #0a7289; }
#header .navbar { border:none; border-radius: 0; margin-bottom: 0px; }
#header .navbar-brand { position: absolute; left:50%; top:-40px; padding: 0; margin-left: 0; height: auto; z-index:5; -webkit-transform: translate(-50%); -moz-transform: translate(-50%); -ms-transform: translate(-50%); -o-transform: translate(-50%); transform: translate(-50%); }
#header .navbar-brand img { height: 176px; }
#header .navbar-nav {  }
#header .navbar-nav.navbar-left { margin-left: -15px; }
#header .navbar-nav>li {  }
#header .navbar-nav>li>a { font-family: 'Raleway'; font-weight: 700; padding: 17.5px 15px; color: #0f99b8; }

#header .navbar-nav>li>.dropdown-menu { border:none; border-radius: 0; padding: 0; top:120%; visibility: hidden; opacity:0; }
#header .navbar-nav>li>.dropdown-menu>li>a { padding: 8px 20px; color: #0f99b8; }
#header .navbar-nav>li>.dropdown-menu>li>a:hover { background-color: #0f99b8; color: #fff; }
#header .navbar-nav>.open>.dropdown-menu { top:100%; visibility: visible; opacity:1; }

#header .navbar-nav>li>a:focus,
#header .navbar-nav>li>a:hover { background-color: #0f99b8; color: #fff; }

#header .navbar-nav>.active>a,
#header .navbar-nav>.active>a:focus,
#header .navbar-nav>.active>a:hover,
#header .navbar-nav>.open>a,
#header .navbar-nav>.open>a:focus,
#header .navbar-nav>.open>a:hover{ background-color: #0f99b8; color: #fff; }

/*******************************************************************/


/* MAIN ************************************************************/

#main {  }
#main .banner { position: relative; margin-top: 98px; }
#main .banner .container { position: relative; height: 100%; }
#main .banner .slider {  }
#main .banner .slider .item { position: relative; z-index:2; perspective: 1000px; overflow: hidden; }
/*#main .banner .slider .item { position: relative; height: 720px; z-index:2; perspective: 1000px; overflow: hidden; }*/
#main .banner .slider .item > img { width: 100%; }
#main .banner .slider .item .content { opacity: 0; position: absolute; width: 100%; bottom: 120px; left:0%; text-align: center; }
#main .banner .slider .item .content.active { opacity: 1; -webkit-transform: translate(0%, -50%); -moz-transform: translate(0%, -50%); -ms-transform: translate(0%, -50%); -o-transform: translate(0%, -50%); transform: translate(0%, -50%); }
#main .banner .slider .item .content .caption { font-family: 'Raleway'; font-size:40px;font-weight: 600; color: #fff; margin-bottom: 15px; }
#main .banner .slider .item .content article { color: #b1b1b1; font-size: 11px; }
#main .banner .slider .item .image-box { opacity: 0; position: absolute; width: 35%; height: 100%; top:0%; right:0%; text-align: center; }
#main .banner .slider .item .image-box img { position: absolute; bottom: 120px; left:50%; max-width: 100%; max-height: 100%; display: inline-block; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
#main .banner .slider .item .image-box.active { opacity:1; }

#main .banner .buttons { position: absolute; width: 100%; height: 100%; left: 0; top:0; }
#main .banner .buttons .button { position: absolute; top:50%; cursor: pointer; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
#main .banner .buttons .button i { width: 55px; height: 55px; line-height: 55px; text-align: center; font-size:32px; background-color: white; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; }
#main .banner .buttons .button:hover i { background-color: #0f99b8; color: #fff; }
#main .banner .buttons .button#Prev { position: absolute; left:10px; top:50%; }
#main .banner .buttons .button#Next { position: absolute; right:10px; top:50%; }

#main .company-tab { position: relative; z-index:2; padding: 30px 0px; }
#main .company-tab:before { content: ''; position: absolute; width: 100%; height: 80%; left:0; top:12%; opacity: 0.1; background: url('../img/company-tab-back.svg') no-repeat center center; background-size: auto 100%; }
#main .company-tab .company-tab-col { margin-top: -110px; }
#main .company-tab .company-tab-col .nav-tabs { border-bottom: none; padding: 0; margin: 0; text-align: center; }
#main .company-tab .company-tab-col .nav-tabs>li { display: inline-block; float: none; margin: 0; }
#main .company-tab .company-tab-col .nav-tabs>li>a { padding: 0; margin: 0 13px; background-color: transparent; border:none; border-radius: 0; }
#main .company-tab .company-tab-col .nav-tabs>li>a .box { position: relative; width: 160px; height: 160px; background-color: #0f99b8; border-radius: 50%; }
#main .company-tab .company-tab-col .nav-tabs>li>a .box:before { content: ''; position: absolute; width: 120%; height: 120%; left:-10%; top: -10%; border: 3px solid white; border-radius: 50%; opacity: 0; }
#main .company-tab .company-tab-col .nav-tabs>li>a .box img { position: absolute; left:50%; top:50%; max-width: 55%; max-height: 55%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#main .company-tab .company-tab-col .nav-tabs>li>a .box svg { position: absolute; left:50%; top:50%; max-width: 55%; max-height: 55%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#main .company-tab .company-tab-col .nav-tabs>li>a .box svg * { fill:#fff; }
#main .company-tab .company-tab-col .nav-tabs>li.active>a .box { box-shadow: 0px 17px 53.58px 3.42px rgba(41, 48, 43, 0.11); }
#main .company-tab .company-tab-col .nav-tabs>li.active>a .box:before { opacity: 1; }
#main .company-tab .company-tab-col .nav-tabs>li:nth-child(1)>a .box { background-color: #0f99b8; }
#main .company-tab .company-tab-col .nav-tabs>li:nth-child(2)>a .box { background-color: #0d7b94; }
#main .company-tab .company-tab-col .nav-tabs>li:nth-child(3)>a .box { background-color: #096175	; }
#main .company-tab .company-tab-col .tab-pane { text-align: center; color: #e4f5f9; padding: 40px 0px; }
#main .company-tab .company-tab-col .tab-pane .caption { color: #fff; font-size:22px; margin-top: 15px; margin-bottom: 30px; }

#main .main-product-list { position: relative; padding: 35px 0px; z-index:2; background-color: #fff; background-image: url('../img/main-product-list-back.png'); background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; }
#main .main-product-list:before { content: ''; position: absolute; width: 100%; height: 100%; left:0; top:0; z-index:-1;
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}

#main .main-product-list {  }
#main .main-product-list .product-tab-col { margin-top: 30px; }
#main .main-product-list .product-tab-col .nav-tabs { border-bottom: none; padding: 0; margin: 0; text-align: center; }
#main .main-product-list .product-tab-col .nav-tabs>li { display: inline-block; float: none; margin: 0; }
#main .main-product-list .product-tab-col .nav-tabs>li>a { padding: 0px 15px; margin: 0; background-color: transparent; border:none; border-radius: 0; font-weight:700; border-right: 2px solid #5c5c5c; }
#main .main-product-list .product-tab-col .nav-tabs>li.active>a { color: #a9ae00; }
#main .main-product-list .product-tab-col .nav-tabs>li:last-child>a { border-right: none; }
#main .main-product-list .product-tab-col .tab-pane { min-height: 289px; padding-top: 30px; }

#main .main-product-list .product-carousel { margin-bottom: 0px; }
#main .main-product-list .product-carousel .item { text-align: center; }
#main .main-product-list .product-carousel .item img { max-width: 100%; display: inline-block; }
#main .main-product-list .product-carousel-wrapper { position: relative; }
#main .main-product-list .product-carousel-wrapper .button { position: absolute; top:50%; cursor: pointer; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
#main .main-product-list .product-carousel-wrapper .button i { width: 50px; height: 50px; line-height: 50px; text-align: center; font-size:65px; color: #000; }
#main .main-product-list .product-carousel-wrapper .button:hover i { color: #a9ae00; }
#main .main-product-list .product-carousel-wrapper .button#Prev { left:-10px; }
#main .main-product-list .product-carousel-wrapper .button#Next { right:-10px; }

#main .main-company { position: relative; padding: 150px 0px; color: #fff; z-index:2; }
#main .main-company .caption { color: #fff; }
#main .main-company .caption-alt { color: #fff; font-size:32px;font-family: 'Raleway'!important; }

#main .bread { height: 350px; }
#main .breadlist { background-color: #0f99b8; }
#main .breadlist .breadcrumb { background-color: transparent; padding: 29px 15px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; margin-bottom: 0px; }
#main .breadlist .breadcrumb>li+li:before { content: '|'; }
#main .breadlist .breadcrumb>li>a { color: #fff; }
#main .breadlist .breadcrumb>li.active { color: #fff; font-weight: 700; }

#main .content-page { background-color: white; padding: 35px 0px; overflow: hidden; }
#main .product-isotope { float: left; width: 100%; }
#main .product-isotope:after { content: ''; display: block; clear: both; }
#main .product-isotope .product-list-box { text-align: center; margin-bottom: 15px; }
#main .product-isotope .product-list-box a { display: block; }
#main .product-isotope .product-list-box figure { text-align: center; }
#main .product-isotope .product-list-box figure img { max-width: 100%; display: inline-block; }
#main .product-isotope .product-list-box figcaption { font-weight: 700; }
#main .isotope-btn-list { text-align: center; padding: 15px 0px; margin-top: 15px; }
#main .isotope-btn-list button { position: relative; padding: 0px 15px; margin: 0px -2px; background-color: transparent; border: none; outline:none; font-weight: 700; color: #53b3ca; }
#main .isotope-btn-list button+button:before { content: ''; position: absolute; width: 2px; height: 70%; top:15%; left:0; background-color: #5c5c5c; }
#main .isotope-btn-list button.active { color: #a9ae00; }

#main .product-detail-img { text-align: center; }
#main .product-detail-img img { max-width: 100%; }

/*******************************************************************/




/* FOOTER **********************************************************/

#footer {  }
#footer .footer-top { background-color: #fff; margin-top: 8px; }
#footer .footer-top .footer-menu { padding-bottom: 0; margin: 0; list-style: none; text-align: center; }
#footer .footer-top .footer-menu>li { display: inline-block }
#footer .footer-top .footer-menu>li>a { display: block; padding: 15px 30px; font-family: 'Raleway'; font-weight: 700; }
#footer .footer-top .footer-menu>li>a:hover { background-color: #0f99b8; color: #fff; }

#footer .footer-col { height: 180px; padding: 30px 15px; }
#footer .footer-col .footer-col-inner { position: relative; top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
#footer .footer-bottom { color: #fff; }
#footer .footer-bottom .footer-social { padding: 0; margin: 0; list-style: none; text-align: center; }
#footer .footer-bottom .footer-social>li { display: inline-block; }
#footer .footer-bottom .footer-social>li>a { display: block; color: #fff; margin: 0px 4px; }
#footer .footer-bottom .footer-social>li>a>i { width: 35px; height: 35px; line-height: 35px; text-align: center; border-radius: 50%; background-color: #fff; color: #0f99b8; }
#footer .footer-bottom .footer-social>li>a>i.fa-twitter { background-color: #7acdf1; color: #fff; }
#footer .footer-bottom .footer-social>li>a>i.fa-facebook { background-color: #547bbe; color: #fff; }
#footer .footer-bottom .footer-social>li>a>i.fa-youtube-play { background-color: #eb5b5b; color: #fff; }
#footer .footer-bottom .footer-logo { margin-bottom: 5px; }
#footer .footer-bottom .footer-incefikirler { text-align: right; }

/*******************************************************************/


/* INTRO **********************************************************/

#intro { position: relative; width: 100vw; height: 100vh; }
#intro .intro__col { position: absolute; width: 50vw; height: 100vh; top: 0; background-size: cover; background-position: center; background-repeat: no-repeat; padding: 30px; }
#intro .intro__col.intro__col--left { left: 0; border-right: 2px solid #fff; }
#intro .intro__col.intro__col--right { left: 50vw; border-left: 2px solid #fff; }
#intro .intro__content { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
#intro .intro__content-title { text-align: center; color: #fff; transform: translateY(-50%); opacity: 0; transition: all 0.4s; }
#intro .intro__image { opacity: 0.8; transform: scale(0.95); max-width: 100%; max-height: 100%; transition: all 0.4s; }
#intro .intro__col:hover .intro__image { opacity: 1;  transform: scale(1); }
#intro .intro__col:hover .intro__content-title { transform: translateY(0%); opacity: 1; }
#intro .intro__copyright { font-size: 11px; display: block; position: absolute; left: 50%; bottom: 0; padding: 5px 20px; background-color: #fff; border-top-left-radius: 3px; border-top-right-radius: 3px; transform: translateX(-50%); } 

/*******************************************************************/


/* Responsive ******************************************************/


/* SM Mobil Menu */
@media (max-width: 991px) {
	.navbar-header { float: none; }
	.navbar-toggle { display: block; }
	.navbar-collapse {  }
	.navbar-collapse.collapse { display: none!important; }
	.navbar-nav { float: none!important; }
	.navbar-nav>li { float: none; }
	.navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; }
	.navbar-text { float: none; margin: 15px 0; }
	.navbar-collapse.collapse.in { display: block!important; }
	.collapsing { overflow: hidden!important; }
	.navbar-brand { position: relative; }
	.dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; }
	#header .navbar-nav>li>.dropdown-menu>li>a { text-align: center; }
}

/*XXS*/

@media (max-width: 424px) {
	.btnShare { padding: 0px; }
	.btnShare.circle { border-radius: 50%; }
	.btnShare i { margin-right: 0px; width: 31px; height: 31px; line-height: 31px; text-align: center; }
	.btnShare span { display: none; }

	/*Header*/
	#header .navbar-brand { left:0%; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
	#header .navbar .container { position: relative; }
	#header .navbar-brand { top:0; }
	#header .navbar-brand img { height: 80px; }
	#header .navbar-nav { margin: 0px -15px; }
	#header .navbar-nav>li>a { text-align: center; font-size:13px; }
	/*Main*/
	#main .bread { height: 200px; }
	#main .breadlist .breadcrumb { font-size:12px; padding: 20px 15px; }
	#main .banner .slider .item .content { width: 100%; }
	#main .banner .slider .item .content .caption { font-size:32px; }
	#main .banner .slider .item .image-box { display: none; }
	#main .banner .buttons .button i { width: 40px; height: 40px; line-height: 40px; font-size:20px; }
	#main .company-tab .company-tab-col { margin-top: -60px; }
	#main .company-tab .company-tab-col .nav-tabs>li>a { margin: 0px 5px; }
	#main .company-tab .company-tab-col .nav-tabs>li>a .box { width: 60px; height: 60px; }
	/*Footer*/
	#footer .footer-top .footer-menu>li>a { padding: 15px 10px; }
	#footer .footer-col { text-align: center; height: 130px; }
	#footer .footer-bottom .footer-incefikirler { text-align: center; }

  #intro .intro__col { width: 100vw; height: 50vh; padding: 15px; }
  #intro .intro__col.intro__col--left { left: 0; border-right: 0; border-bottom: 2px solid #fff; }
  #intro .intro__col.intro__col--right { left: 0; top: 50vh; border-left: 0; border-top: 2px solid #fff; }
  #intro .intro__content-title { opacity: 1; }
}

/* XS */
@media (min-width: 425px) and (max-width: 767px) {
	.btnShare { padding: 0px; }
	.btnShare.circle { border-radius: 50%; }
	.btnShare i { margin-right: 0px; width: 31px; height: 31px; line-height: 31px; text-align: center; }
	.btnShare span { display: none; }

	/*Header*/
	#header .navbar-brand { left:0%; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
	#header .navbar .container { position: relative; }
	#header .navbar-brand img { height: 120px; }
	#header .navbar-nav { margin: 0px -15px; }
	#header .navbar-nav>li>a { text-align: center; font-size:13px; }
	/*Main*/
	#main .bread { height: 200px; }
	#main .breadlist .breadcrumb { font-size:12px; padding: 20px 15px; }
	#main .banner .slider .item .content { width: 100%; }
	#main .banner .slider .item .content .caption { font-size:48px; }
	#main .banner .slider .item .image-box { display: none; }
	#main .banner .buttons .button i { width: 40px; height: 40px; line-height: 40px; font-size:20px; }
	#main .company-tab .company-tab-col { margin-top: -70px; }
	#main .company-tab .company-tab-col .nav-tabs>li>a .box { width: 80px; height: 80px; }
	/*Footer*/
	#footer .footer-top .footer-menu>li>a { padding: 15px 10px; }
	#footer .footer-col { text-align: center; height: 130px; }
	#footer .footer-bottom .footer-incefikirler { text-align: center; }

  #intro .intro__col { width: 100vw; height: 50vh; }
  #intro .intro__col.intro__col--left { left: 0; border-right: 0; border-bottom: 2px solid #fff; }
  #intro .intro__col.intro__col--right { left: 0; top: 50vh; border-left: 0; border-top: 2px solid #fff; }
  #intro .intro__content-title { opacity: 1; }
}

/* SM */
@media (min-width: 768px) and (max-width: 991px) {
	/*Header*/
	#header .navbar-brand { left:0%; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
	#header .navbar .container { position: relative; }
	#header .navbar-brand img { height: 120px; }
	#header .navbar-nav { margin: 0px -15px; }
	#header .navbar-nav>li>a { text-align: center; }
	/*Main*/
	#main .banner .slider .item .content .caption { font-size:48px; }
	#main .company-tab .company-tab-col { margin-top: -95px; }
	#main .company-tab .company-tab-col .nav-tabs>li>a .box { width: 130px; height: 130px; }
	/*Footer*/
	#footer .footer-top .footer-menu>li>a { padding: 15px 10px; }
	#footer .footer-col { text-align: center; height: 130px; }
	#footer .footer-bottom .footer-incefikirler { text-align: center; }
}
/* MD */
@media (min-width: 992px) and (max-width: 1199px) {
	#header .navbar-nav>li>a { font-size:12px; }
	#header .navbar-brand img { height: 120px; }
}

/* LG */
@media (min-width: 1200px) {

}
.solmenu{
	width: 200px;
	margin-left: 0px;
	padding: 0px;
	list-style: outside none none;
	background: rgb(15, 153, 184) none repeat scroll 0% 0%;
	border-radius: 7px;
	padding-top: 7px;
	padding-bottom: 10px;
}
.solmenu li {
	margin-left: 0px;
	border-bottom: 1px solid #4dadc2;
	padding-left: 13px;
	line-height: 35px;
	width:100%
}
.solmenu li:hover{
	background:rgb(9, 122, 147) none repeat scroll 0% 0%;
}

.selected{
	background:rgb(9, 122, 147) none repeat scroll 0% 0%;
}
.solmenu li a{
	display: block;
	color: rgb(255, 255, 255);
}