@charset "UTF-8";

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

body {
    font-family: 'Open Sans', sans-serif;
    color: #757575;
    background-color: #161616;
}

a,
a:hover,
a:focus,
a:active { text-decoration: none; color: #232322; }


h1,h2,h3,h4,h5,h6 { color: #232322; }


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

.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; }
.m15 { margin: 15px; }
.mT15 {margin-top: 15px;}
.mB15 {margin-bottom: 15px;}
.mT30 {margin-top: 30px;}
.mB30 {margin-bottom: 30px;}

.p0 { padding: 0px; }
.p15 { padding: 15px; }
.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%; }
.flex { display: flex; display: -ms-flex; align-items:center; }
.flexC { display: flex; display: -ms-flex; align-items:center; }
.flexCC { display: flex; display: -ms-flex; align-items:center; justify-content:center; }

.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: #e5e5e5 !important;}
.tG a {color: #e5e5e5 !important;}
.bG {background-color: #e5e5e5 !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 *********************************************************/

.btnBlue { padding: 10px 30px; color:#fff; display: inline-block; background-color: #4caab4; font-weight: 600; font-size: 16px; text-align: center; }
.btnBlue:hover { background-color: #205d5e; color:#fff; }

.btnMar { position: relative; padding: 15px 70px; color:#757575; display: inline-block; background-color: transparent; font-weight: 400; font-size: 14px; text-align: center; z-index: 1; }
.btnMar.sm { padding: 10px 50px; }
.btnMar.xs { padding: 5px 30px; }
.btnMar span { position: relative; z-index: 2; }
.btnMar:before { content: ''; position: absolute; width: 100%; height: 3px; left: 0; top: 0; background-color: #e5e5e5; z-index: -1; }
.btnMar:after { content: ''; position: absolute; width: 100%; height: 3px; left: 0; bottom: 0; background-color: #e5e5e5; z-index: -1; }

.btnMar:hover { color:#fff; }
.btnMar:hover:before { height: 100%; background-color: #066f4c; }
.btnMar:hover:after { height: 100%; background-color: #066f4c; }

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

/* 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 ***********************************************/

.captionCenter { position: relative; text-align: center; margin: 15px 0px; padding-bottom: 15px; font-size: 20px; }
.captionCenter:before { content: ''; position: absolute; width: 90px; height: 2px; bottom: -1px; left: 50%; margin-left: -45px; background-color: #000; }

.captionLeft { position: relative; text-align: left; margin: 15px 0px; padding-bottom: 15px; font-size: 20px; }
.captionLeft:before { content: ''; position: absolute; width: 90px; height: 2px; bottom: -1px; left: 0%; background-color: #000; }

.main-caption { position: relative; margin-top: 20px; margin-bottom: 20px; padding-bottom: 20px; font-weight: 900; text-align: center; }
.main-caption:after { content: ''; position: absolute; width: 400px; max-width: 100%; height: 2px; left: 50%; bottom: 0; background-color: #e5e5e5; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); }

.bShadow { box-shadow: 0px 0px 32px rgba(0,0,0,0.3); }

.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: #fff; }
.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 { border-radius: 0px; border: 2px solid #eeeeee; height: 40px; box-shadow: none; }
.form-control:focus { border-color: #066f4c; }

.breadcrumb { border-radius: 0px; background-color: transparent; font-weight: 700; padding: 8px 0px; border-bottom: 2px solid #e5e5e5; }
.breadcrumb>li+li:before { content: '-'; }
.breadcrumb>li:first-child a { font-size: 20px; font-weight: 900; }
.breadcrumb>.active { color: #066f4c; }


.flipster__nav { z-index: 2; }
.flipster__nav__child { background-color: #066f4c; }
.flipster__nav__link::after { background-color: #066f4c; }

.flipster--flat .flipster__item--past,
.flipster--flat .flipster__item--future { opacity: 1; }


.flipster { padding-bottom: 70px !important; padding-top: 15px !important; }


.pagination>li { display: inline-block; }

.pagination>li>a,
.pagination>li>span { color: #066f4c; margin: 0px 4px; font-weight: 700; border-radius: 50%; }

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover { box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.2); background-color: #FFF; border-color: rgba(60, 72, 136, 0.39); }

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover { background-color: #066f4c; border-color: #4F5FB3; }

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


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


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

#header .navbar-nav>li>a,
#header .navbar-nav>li>a:before,
.btnMar:after,
.btnMar:before,
.navbar-default .navbar-toggle .icon-bar,
#main .sideRight > ul > li > a {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

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



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

#header .navbar { background-color: #066f4c; border: none; border-radius: 0px; margin-bottom: 0px; }
#header .navbar:after { content: ''; position: absolute; width: 100%; height: 6px; bottom: -16px; left: 0; background-color: #066f4c; z-index: 2; }
#header .navbar-brand { height: 94px; padding: 0px 15px; }
#header .navbar-nav>li>a { position: relative; color: white; padding: 37px 15px; }
#header .navbar-nav>li>a:before { content: ''; position: absolute; width: 100%; height: 0px; top: 0; left: 0; background-color: #edf0ff; }

#header .navbar-default .navbar-nav>li>a:focus:before,
#header .navbar-default .navbar-nav>li>a:hover:before { height: 6px; }

#header .navbar-default .navbar-nav>.active>a,
#header .navbar-default .navbar-nav>.active>a:focus,
#header .navbar-default .navbar-nav>.active>a:hover { background-color: transparent; }

#header .navbar-default .navbar-nav>.active>a:before,
#header .navbar-default .navbar-nav>.active>a:focus:before,
#header .navbar-default .navbar-nav>.active>a:hover:before { height: 6px; }

#header .navbar-default .navbar-nav>.open>a,
#header .navbar-default .navbar-nav>.open>a:focus,
#header .navbar-default .navbar-nav>.open>a:hover { background-color: transparent; }

#header .navbar-default .navbar-nav>.open>a:before,
#header .navbar-default .navbar-nav>.open>a:focus:before,
#header .navbar-default .navbar-nav>.open>a:hover:before { height: 6px; }

#header .navbar-nav>li>.dropdown-menu { border-radius: 0px; border: none; padding: 0px; }
#header .navbar-nav>li>.dropdown-menu>li>a { padding: 8px 20px; }
#header .navbar-nav>li>.dropdown-menu>li>a:focus,
#header .navbar-nav>li>.dropdown-menu>li>a:hover { color: white; background-color: #066f4c; }
#header .dropdown.yamm-fw > a:hover:after { content: ''; position: absolute; width: 14px; height: 14px; background-color: white; bottom: -7px; left: 50%; margin-left: -7px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); }
#header .dropdown.normal { position: relative; }

#header .navbar-default .urunler { padding: 0; list-style-type: none; }
#header .navbar-default .urunler > li { float: left; padding-right: 10px; margin-bottom: 20px; }
#header .navbar-default .urunler > li > a { display: block; font-weight: 900; padding: 10px 0px; margin-bottom: 10px; border-bottom: 2px solid #e5e5e5; border-top: 2px solid #e5e5e5; color: #232322; }
#header .navbar-default .urunler > li > ul { padding: 0; list-style-type: none; }
#header .navbar-default .urunler > li > ul > li > a { display: block; font-weight: 700; padding: 10px 0px; color: #7b7b7b; }
#header .navbar-default .urunler > li > ul > li > ul { padding: 0; list-style-type: none; font-weight: 700; }
#header .navbar-default .urunler > li > ul > li > ul > li > a { display: block; font-weight: 400; color: #7b7b7b; }

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


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

#main .banner { position: relative; }
#main .banner-div { height: 675px; }

#main .flat-item { width: 200px; text-align: center; background-color: white; }
#main .flat-item img { width: 100%; }
#main .flat-item h4 { position: relative; font-weight: 700; margin-top: 15px; padding-top: 15px; }
#main .flat-item h4:before { content: ''; position: absolute; width: 50%; left: 25%; top: 0; height: 5px; background-color:#066f4c;  }

#main .paketleme { position: relative; background-color: white; padding-bottom: 15px; }
#main .paketleme:after { content: ''; position: absolute; width: 100%; height: 70px; bottom: 8px; background-color: #e5e5e5; z-index: 0; }

#main .makinelerimiz { position: relative; background-color: white; }
#main .makinelerimiz:after { content: ''; position: absolute; width: 100%; height: 160px; bottom: -115px; left: 0; z-index: 2; background-color: #e5e5e5; }

#makineler-flipster .flipster__container { padding: 20px 0px 100px 0px; }
#main .makine-item { width: 320px; text-align: center; padding: 15px; border: 4px solid #939393; background-color: white; box-shadow: 2px 0px 16px rgba(0,0,0,0.71); }
#main .makine-item h3 { position: relative; font-weight: 900; margin-top: 20px; margin-bottom: 15px; padding-bottom: 15px; color: #232322; }
#main .makine-item h3:before { content: ''; position: absolute; width: 80%; height: 2px; left: 10%; bottom: 0; background-color: #e5e5e5; }
#main .makine-item .makine-item-img { width: 100%; height: 250px; }


#main .main-company { position: relative; background-color: white; padding-bottom: 30px; }
#main .main-company * { position: relative; z-index: 3; }
#main .main-company:after { content: ''; position: absolute; width: 100%; height: 70px; left: 0; bottom: 0; background-color: #e5e5e5; z-index: 0; }
#main .main-company .company-detail { background-color: white; padding: 30px; min-height: 550px; line-height: 26px; text-align: center; }
#main .main-company .company-detail p { text-align: justify; height: 332px; overflow: hidden; }

#main .main-company .tanitim-video a { position: relative; }
#main .main-company .tanitim-video a:before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 4; background-color: rgba(0,0,0,0.4); }
#main .main-company .tanitim-video a:after { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 5; background-image: url(../img/play.png); background-repeat: no-repeat; background-position: center center; }

#main .main-company .tanitim-video-box { position: absolute; width: 360px; height: 230px; bottom: -60px; left: -30px; border: 3px solid #066f4c; z-index: -1; }
#main .main-company .tanitim-video-box:before { content: ''; position: absolute; width: 60px; height: 60px; bottom: -3px; right: -3px; background-color: #066f4c; background-image: url(../img/cover-next.png); background-repeat: no-repeat; background-position: center center; }
#main .main-company .tanitim-video-box h2 { position: absolute; bottom: 15px; left: 15px; margin: 0; font-weight: 900; font-size: 24px; }

#main .main-news { position: relative; background-color: white; }
#main .main-news .news-box { position: relative; border: 2px solid #e5e5e5; padding: 20px; text-align: center; }
#main .main-news .news-box h4 { font-weight: 700; }
#main .main-news .news-box p { text-align: justify; -moz-text-align-last: center; text-align-last: center; height: 200px; line-height: 22px; overflow: hidden; }
#main .main-news .news-box a.newsBtn { position: absolute; width: 40px; height: 40px; bottom: -20px; right: 20px; background-color: #066f4c; z-index: 2; background-image: url(../img/cover-next.png); background-repeat: no-repeat; background-position: center center; }

#main .company { position: relative; padding: 60px 0px; background-color: #e5e5e5; overflow: hidden; z-index: 3; }
#main .company:before { content: ''; position: absolute; width: 100%; height: 70%; top: 15%; left: -50%; z-index: -1; background-color: white; }
#main .company:after { content: ''; position: absolute; width: 100%; height: 70%; top: 15%; left: 50%; z-index: 0; background-color: white; }
#main .company-img { position: relative; width: 120%; }
#main .company-content { position: relative; z-index: 2; padding: 5% 0; text-align: justify; overflow: hidden; }
#main .company-content .company-content-text { height: 300px; overflow: hidden; padding: 0px 40px 40px 40px; }

#main .company-slider { background-color: #e5e5e5; padding: 30px 0px; }

#main .company-contact { position: relative; padding: 50px 0px; overflow: hidden; z-index: 1; }
#main .company-contact:before { content: ''; position: absolute; width: 100%; height: 70%; top: 15%; left: -50%; background-color: white; z-index: -1; }
#main .company-contact:after { content: ''; position: absolute; width: 100%; height: 70%; top: 15%; left: 50%; background-color: white; z-index: 3; }
#main .company-contact-detail { position: relative; height: 455px; padding: 60px 0px; z-index: 4; }
#main .contact-center { padding: 50px 0px; }

#main .main-news .main-news-title h3 { float:left; }
#main .main-news-title > ul { padding: 0; list-style-type: none; float: left; }
#main .main-news-title > ul > li { float: left; }
#main .main-news-title > ul > li a { padding: 10px 0px; }


#main .sideRight { padding: 10px 0px; box-shadow: 0px 0px 7px rgba(0,0,0,0.1); border: 2px solid #e5e5e5; }
#main .sideRight ul li a:hover { background-color: #e5e5e5; }
#main .sideRight > ul { list-style-type: none; padding: 0; margin: 0; }
#main .sideRight > ul > li > a { display: block; padding: 10px 15px; font-weight: 700; }
#main .sideRight > ul > li > ul { list-style-type: none; padding: 0; margin: 0; }
#main .sideRight > ul > li > ul > li > a { display: block; padding: 8px 15px; font-weight: 400; }

#main .ikForm { border:1px solid rgba(0,0,0,0.2);}
#main .ikFormText:after { content: 'VEYA'; position: absolute; width: 100px; font-size: 28px; font-weight: 700; text-align: center; left: 50%; bottom: -30px; background-color: white; margin-left: -50px; z-index: 5;  }
#main .formBaslik { padding: 8px; background-color: #066f4c; color: white; border-top-right-radius: 5px; border-top-left-radius: 5px; font-weight: 700; }

#paketleme-flipster .flipster__container { padding: 20px 0px 100px 0px; word-spacing: 0; }
#company-flipster .flipster__container { padding: 20px 0px 80px 0px; word-spacing: 0; }
#paketleme-flipster .flipster__item--current { box-shadow: 0px 0px 6px rgba(0,0,0,0.5); }

#paketleme-flipster .flipster__button { margin: 0; padding: 10px; background-color: #066f4c; opacity: 1; top: 85%; }
#paketleme-flipster .flipster__button--prev { left: 50%; margin-left: -40px; }
#paketleme-flipster .flipster__button--next { right: 50%; margin-right: -40px; }

#main .paketleme-list { position: absolute; left: -3px; top: 43%; z-index: 5; padding:0px; list-style-type: none; }
#main .paketleme-list > li { margin-bottom: 3px; }
#main .paketleme-list > li > a { display: block; padding: 5px 10px; border: 3px solid #e3e3e3; background-color: white; }
#main .paketleme-list > li > a:hover { background-color: #066f4c; border: 3px solid #066f4c; color: white; }


#makineler-flipster .flipster__button { margin: 0; padding: 10px; background-color: #066f4c; opacity: 1; top: 90%; }
#makineler-flipster .flipster__button--prev { left: 50%; margin-left: -40px; }
#makineler-flipster .flipster__button--next { right: 50%; margin-right: -40px; }

#company-flipster .flipster__button { margin: 0; padding: 10px; background-color: #066f4c; opacity: 1; top: 90%; }
#company-flipster .flipster__button--prev { left: 50%; margin-left: -40px; }
#company-flipster .flipster__button--next { right: 50%; margin-right: -40px; }

#main .certificateBox { position: relative; width: 100%; height: 100%; }
#main .certificateBox:hover { box-shadow: 0px 0px 3px rgba(0,0,0,0.2); }
#main .certificateBox a { display: block; }

#main .refCol { margin-bottom: 30px; }
#main .refCol .col-sm-12 { padding: 5px 15px; }
#main .refCol .col-sm-12.f7 { padding: 15px 15px; }

#main .kategori {  }
#main .kategori .kategori-col { margin-bottom: 30px; }
#main .kategori .kategori-col .kategori-in { position: relative; z-index: 3; overflow: hidden; }
#main .kategori .kategori-col .kategori-in:before { content: ''; position: absolute; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); z-index: 2; }
#main .kategori .kategori-col .kategori-in img { position: relative; width: 100%; z-index: 1; }
#main .kategori .kategori-col:hover .kategori-in img { transform:scale(1.05); }
#main .kategori .kategori-col .kategori-in h4 { position: absolute; width: 100%; text-align: center; left: 0; bottom: 30px; color: white; margin: 0; z-index: 3; font-weight: 700; }

#main .kategori .kategori-col .kategori-in img {
    -webkit-transition: all 1.5s;
    -moz-transition: all 1.5s;
    transition: all 1.5s;
}


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




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

#footer { color: #757575; background-color: #161616; padding: 30px 0px 0px 0px; }
#footer a { color: #757575; }
#footer .footer-social { list-style-type: none; padding: 0; float: right; }
#footer .footer-social li { float: left; }
#footer .footer-social li a { display: block; color: #5c5b5b; }
#footer .footer-social li a:hover { color: #fff; }
#footer .footer-social li a i { width: 30px; height: 30px; line-height: 30px; font-size: 20px; text-align: center; }

#footer .footer-right .ajans-esperto { float: right; margin-top: 20px; }


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






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

/* XS */
@media (max-width: 767px) {
    #main .company-contact:before { height: 90%; top: 5%; left: 0%; }
    #main .company-contact:after { display: none; }
    #main .company-contact #map-canvas { width: 100% !important; left: 0px !important; }
    #main .tanitim-video { margin-bottom: 50px; }
    #main .main-company .tanitim-video a { z-index: 4; }
    #main .main-company { margin-bottom: 100px; }
    #main .main-company .tanitim-video-box { width: calc(100% - 30px); left: 15px; z-index: 1; background-color: white; }
    #main .main-company:after { height: 120px; bottom: -40px; }
    /*#main .banner-div { display: none; }*/
    #main .paketleme { padding-top: 30px; }
    #header .navbar-brand { height: 50px; }
    #header .navbar-brand>img { height: 30px; }
    #header .navbar-nav>li>a { position: relative; padding: 8px 15px; z-index: 1; text-align: center; }
    #header .navbar-default .navbar-nav>li>a:focus,
    #header .navbar-default .navbar-nav>li>a:hover { color: black; }
    #header .navbar-default .navbar-nav>li>a:before,
    #header .navbar-default .navbar-nav>li>a:before { z-index: -1; }
    #header .navbar-default .navbar-nav>li>a:focus:before,
    #header .navbar-default .navbar-nav>li>a:hover:before { height: 100%; }
    #header .navbar-default .navbar-nav>.active>a,
    #header .navbar-default .navbar-nav>.active>a:focus,
    #header .navbar-default .navbar-nav>.active>a:hover { color: black; }
    #header .navbar-default .navbar-nav>.active>a:before,
    #header .navbar-default .navbar-nav>.active>a:focus:before,
    #header .navbar-default .navbar-nav>.active>a:hover:before { height: 100%; }
    #footer { text-align: center; }
    #footer .footer-right > .w100 { margin-bottom: 15px; }
    #main .company:before { height: 100%; top: 0%; left: 0%; }
    #main .company:after { display: none; }
    #main .company-img { width: 100%; }
    #main .company-content .company-content-text { padding: 0px 15px 0px 15px; }
    #company-flipster .flipster__container { padding: 20px 0px 90px 0px; }
    #header .dropdown.yamm-fw > a:hover:after { display: none; }
    #header .navbar-default .navbar-nav>.open>a:before,
    #header .navbar-default .navbar-nav>.open>a:focus:before,
    #header .navbar-default .navbar-nav>.open>a:hover:before { height: 100%; }
    .yamm .yamm-content { padding: 20px; }
    .flipster { padding-top: 80px !important; }
    #main .paketleme-list { top: 20%; left: 50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); }
    #header .navbar-default .urunler > li > a { color: #fff; }
    #header .navbar-default .urunler > li > ul > li > a { color: #fff; }
    #header .navbar-default .urunler > li > ul > li > ul > li > a { display: block; font-weight: 400; color: #fff; }
    #header .navbar-default .navbar-nav>.open>a { color: black; }
    #header .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: white; text-align: center; }
    .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; }
    #main .flat-item { width: 150px; }
    #main .flat-item h4 { font-size: 15px; }

}

/* SM */
@media (min-width: 768px) and (max-width: 991px) {
    #header .navbar-brand { height: 60px; }
    #header .navbar-brand img { width: 120px; }
    #header .navbar-nav>li>a { padding: 20px 7px; }
    #main .company:before { height: 100%; top: 0%; left: 0%; }
    #main .company:after { display: none; }
    #main .company-img { width: 100%; }
    #main .company-content .company-content-text { padding: 0px 15px 0px 15px; }
}
/* MD */
@media (min-width: 992px) and (max-width: 1199px) {
    .dropdown:hover .dropdown-menu { display: block; }
}

/* LG */
@media (min-width: 1200px) {
    .dropdown:hover .dropdown-menu { display: block; }
}
/*
.buttons:before, .buttons:after {content: ''; display: table;}
.buttons {text-align: right; margin: 20px 0;}

.share-box:before, .share-box:after {content: " "; display: table;}
.share-box {border-top: 1px dotted #ccc; padding-top: 15px; margin-top: 20px; margin-bottom: 20px;}
.share-box p {margin-bottom: 5px;}
.share-box > a {text-indent: -9999px; display: inline-block; margin-right: 5px;}
.share-box > a.facebook {background: url(../img/share-facebook.png) no-repeat; width: 88px; height: 25px;}
.share-box > a.twitter {background: url(../img/share-twitter.png) no-repeat; width: 79px; height: 25px;}
.share-box > a.google {background: url(../img/share-google.png) no-repeat; width: 67px; height: 25px;}

*/

.text-responsive {
    text-align: right; /* Varsayılan masaüstü: sağa yaslı */
}

/* Mobil (≤ 767px) */
@media (max-width: 767px) {
    .text-responsive {
        text-align: center; /* Mobilde ortalı */
    }
}