body { font-family: 'Museo'; overflow-x: hidden; }

a:hover,
a:focus { text-decoration: none; }

.pr { position: relative; }
.pa { position: absolute; }
.pu { position: unset; }
.pf { position: fixed; }
.di { display: inline-block; }
.db { display: block; }
.dn { display: none; }
.fl { float: left; }
.fr { float: right; }
.tc { text-align: center; }
.tr { text-align: right; }
.tl { text-align: left; }
.tj { text-align: justify; }
.mp { margin: 0 !important; padding: 0 !important; }
.ma { margin: auto; }
.oh { overflow: hidden; }
.or { background: #eba308; }
.gr { background: #4bb688; }

/* Header */
.gauge { width: 13px; height: 80px; position: absolute; right: 20px; top: -8px; background: url(/images/gauge.png) no-repeat center top; -webkit-animation-name: speedUp; animation-name: speedUp; }
.langs{
    display: block;
    position: fixed;
    margin-top: 4px;
    color: #fff;
}
.langs a{
    color: #fff;
}
/* Radial Out */
.hvr-radial-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; overflow: hidden; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; }
    .hvr-radial-out:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #eba308; border-radius: 100%; -webkit-transform: scale(0); transform: scale(0); -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
    .hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active { }
        .hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before { -webkit-transform: scale(2); transform: scale(2); }

#header.fixedMenu { position: fixed; background: rgba(51,51,51,.9); padding-top: 10px; padding-bottom: 5px; -webkit-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.13); -moz-box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.13); box-shadow: 0px 3px 2px 0px rgba(0,0,0,0.13); }

    #header.fixedMenu .logo { margin: 0; }
        #header.fixedMenu .logo img { width: 120px; }

    #header.fixedMenu .gauge { width: 9px; height: 58px; position: absolute; right: 15px; top: -8px; background: url(/images/gauge-s.png) no-repeat center top; -webkit-animation-name: speedUp; animation-name: speedUp; }
nav.headermenu > ul { list-style-type: none; margin: 45px 0 0; padding: 0; }
nav.headermenu li { display: inline-block; position: relative; }
nav.headermenu > li.active > a { background: #4bb688; color: #fff; }
nav.headermenu li > a { color: #fff; padding: 10px 20px; font-size: 16px; font-weight: 500; -webkit-transition: .3s ease; transition: .3s ease; }
nav.headermenu li:hover > a { background: #4bb688; }
nav.headermenu > ul > li:last-child ul { right: 0 !important; left: unset !important; }
nav.headermenu ul li ul { display: none; width: 250px; position: absolute; top: 30px; left: 0; text-align: left; padding: 3px 0 0; list-style: none; z-index: 11; opacity: 1; }
nav.headermenu ul > li:hover > ul { display: block; -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
nav.headermenu ul > li > ul li a { font-size: 13px; width: 100%; position: relative; color: #fff; font-weight: 700; text-shadow: none !important; padding: 10px; float: left; border-right: 0; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; border-bottom: solid 1px rgba(255,255,255,.1); }
nav.headermenu ul > li > ul li { width: 100%; padding: 0; float: left; border-bottom: solid 1px #4f85cd; background: rgba(79,135,205,.95); transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; }
    nav.headermenu ul > li > ul li:last-child { border-bottom: none; }
    nav.headermenu ul > li > ul li:hover { background-color: #4bb688; }
#header.fixedMenu nav.headermenu ul { margin: 15px 0 0; }
    #header.fixedMenu nav.headermenu ul li ul { top: 13px; padding-top: 20px; }

[lang=tr] { text-transform: uppercase; }
#innerImg { width: 100%; height: 500px; overflow: hidden; text-align: center; background: #4f85cd; }
#innerImgSmall { width: 100%; height: 300px; overflow: hidden; text-align: center; background: #4f85cd; }
#innerImg img { opacity: 0; max-width:100% }
#innerImg .trigger { opacity: 0; pointer-events: none; z-index: 0; position: absolute; left: 0; bottom: -350px; }
#innerImg .opacity, #innerImgSmall .opacity { background: rgba(34,81,143,.5); top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }
#innerImg .alt, #innerImgSmall .alt { top: 66%; position: absolute; left: 0; width: 100%; z-index: 3; opacity: .8; }
    #innerImg .alt p, #innerImgSmall .alt p { font-size: 16px; font-weight: 100; text-transform: uppercase; color: #fff; border: solid 1px rgba(255,255,255,.7); display: inline-block; padding: 20px; }

#innerHeader { position: absolute; top: 55%; left: 0; width: 100%; margin-top: -62px; text-align: center; z-index: 3; }
    #innerHeader h2 { font-size: 48px; font-weight: 100; text-transform: uppercase; color: #fff; }
#innerImgSmall #innerHeader { position: absolute; top: 60%; left: 0; width: 100%; margin-top: -62px; text-align: center; z-index: 3; }

#breadcrumb { background: #4f85cd; }
.breadcrumb { background-color: transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0; margin: 0; padding: 20px 0; float: left; }
    .breadcrumb > li { margin: 0; color: #b6b6b6; }
        .breadcrumb > li a { color: #f5f5f5; }
        .breadcrumb > li + li::before { color: #eba308; content: ">"; display: inline-block; font-family: antonio; padding: 0 10px; vertical-align: text-top; }
        .breadcrumb > li:last-child { color: #919191; font-weight: 700; }
        .breadcrumb > li:first-child a { display: inline-block; overflow: hidden; position: relative; text-indent: -999px; vertical-align: middle; width: 20px; }
            .breadcrumb > li:first-child a::before { color: #eba308; content: "\f015"; font-family: fontawesome; font-size: 14px; position: absolute; text-indent: 999px; top: 0; }
.shareHolder { float: right; }
.sociale, .print { color: #010101; display: inline-block; border-right: solid 1px #fff; position: relative; top: 0; padding: 20px; transition: .5s ease; -moz-transition: .5s ease; -webkit-transition: .5s ease; }
.sociale { border-left: solid 1px #fff; margin-right: -4px; }
    .sociale:hover, .print:hover { background: #eba308; color: #fff; }
#sharethis .paylas { display: none; padding: 1px 0 0; position: absolute; left: 0; text-align: left; top: 64px; width: 129px; z-index: 3; }
    #sharethis .paylas a { color: #fff; display: inline-block; padding: 10px 10px 10px 30px; position: relative; float: left; margin-right: 1px; transition: .5s ease; -moz-transition: .5s ease; -webkit-transition: .5s ease; width: 129px; border-bottom: 1px solid rgba(34,81,143,.2); }
        #sharethis .paylas a:last-child { border-bottom: none; }
        #sharethis .paylas a:last-child { margin-right: 0; }
        #sharethis .paylas a:hover { color: #fff; text-decoration: none; }
        #sharethis .paylas a.fb { background: #4f85cd url("/images/icon-fb-xs.png") no-repeat scroll 8px center; }
        #sharethis .paylas a.tw { background: #4f85cd url("/images/icon-tw-xs.png") no-repeat scroll 8px center; }
        #sharethis .paylas a.gp { background: #4f85cd url("/images/icon-gp-xs.png") no-repeat scroll 8px center; }
        #sharethis .paylas a.fb:hover { background: #ffc800 url("/images/icon-fb-xs.png") no-repeat scroll 8px center; }
        #sharethis .paylas a.tw:hover { background: #ffc800 url("/images/icon-tw-xs.png") no-repeat scroll 8px center; }
        #sharethis .paylas a.gp:hover { background: #ffc800 url("/images/icon-gp-xs.png") no-repeat scroll 8px center; }
#sharethis:hover .paylas { display: block; }

#content { padding: 80px 0; }
    #content p { font-size: 16px; font-weight: 500; color: #666; margin-bottom: 30px; }
    #content h2 { font-size: 30px; font-weight: 700; margin: 10px 0 20px; }
        #content h2.menu-title { font-size: 24px; font-weight: 500; color: #4f85cd; text-align: right; border-right: solid 5px #4f85cd; padding-right: 5px; margin: 10px 0 0; }
    #content h3 { font-size: 24px; font-weight: 500; margin: 20px 0 20px; color: #4f85cd; }
    #content h4 { color: #0095db; font-size: 25px; font-weight: bold; }
    #content td { border: 1px solid #ccc; padding: 5px; }
    #content .iletForm td { padding: 20px; }
#masterRight, #masterLeft { float: left; }
    #masterRight ul { font-size: 14px; color: #666; list-style-image: url(/images/bulletList.png); padding: 0; list-style-position: inside; }
        #masterRight ul li { margin-bottom: 20px; font-size:16px }
    #masterRight .pageIcon { float: left; margin-right: 20px; margin-bottom: 20px; }

#haber { margin: 110px 0 80px; background: #eee; padding: 50px; opacity: 1; }
    #haber.innerSection { margin: 0; }
    #haber h3 { color: #000; font-weight: 700; margin: 15px 0 35px; text-align: center; font-size: 30px; }
#haberler h5 { padding: 10px 0; }
    #haberler h5 a { color: #4f85cd; font-size: 18px; font-weight: 300; }

.sub ul { padding: 20px 5px 0 0; border-right: solid 1px #4bb688; }
    .sub ul li ul { display: none; }
    .sub ul li { text-align: right; padding: 0; margin-top: 7px; }
        .sub ul li a { font-size: 14px; font-weight: 500; color: #333; padding: 0; background: none; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; }
        .sub ul li.active a { color: #333; font-weight: 700; background: none; font-size: 16px; }
        .sub ul li:hover a { background: none; color: #4f85cd; }
        .sub ul li.active:hover a { background: none; color: #333; }

.logo { margin-top: 20px; }
.text { padding: 20px 0 40px; text-align: left; }
    .text iframe { margin-bottom: 30px; }

.proline .col-sm-3 { min-height: 160px; }
.hizmet { width: 100%; height: auto; border: solid 5px #eee; border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px; overflow: hidden; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; }
    .hizmet:after { position: absolute; left: 50%; margin-left: -25px; top: 30px; content: ''; width: 50px; height: 50px; background: #4f85cd url(/images/editorimages/magnify.png) no-repeat center; opacity: 0; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; border-radius: 7px 7px 7px 7px; -moz-border-radius: 7px 7px 7px 7px; -webkit-border-radius: 7px 7px 7px 7px; }
.hizmetTitle { padding: 10px; background: #4bb688; color: #fff; text-align: center; font-size: 16px; font-weight: 300; transition: .3s ease-in; -moz-transition: .3s ease-in; -webkit-transition: .3s ease-in; }
.hizmet:hover { border: solid 5px #4f85cd; }
    .hizmet:hover .hizmetTitle { background: #4f85cd; color: #fff; }
    .hizmet:hover:after { top: 30px; opacity: 1; background: rgba(79,133,205,.7) url(/images/magnify.png) no-repeat center; pointer-events: none; }

    #content iframe{max-width:100%;}
    .hizmet{margin-bottom:20px}
@media(min-width:767px) {
    #header { position: absolute; z-index: 99; top: 0; width: 100%; }
}

/* Footer */
#footerUst { margin: 30px 0; }
    #footerUst .copyright { color: #8a8a8a; font-weight: 500; padding: 15px 0 0; }
#footerAlt { background: #22518f; padding: 35px 0; }
    #footerAlt h3 { color: #fff; font-size: 18px; font-weight: 500; }
    #footerAlt ul { margin: 15px 0 0; padding: 0; list-style-type: none; }
        #footerAlt ul li > a { background: url(/images/ok.png) no-repeat center left; padding-left: 20px; color: #4f85cd; font-weight: 500; }
    #footerAlt p { color: #4f85cd; }

.sosyalmedya { }
    .sosyalmedya a { color: #fff; font-size: 24px; margin: 0 10px 0 0; display: inline-block; transition: .3s ease; }
        .sosyalmedya a:hover { color: #4f85cd; }

.ref { min-height: 200px; padding: 0 32px; -webkit-transition: .3s ease; transition: .3s ease; float: unset; margin-right: -4px; display: inline-block; }
    .ref img { width: 100%; display: block; -webkit-transition: .3s ease; transition: .3s ease; }
    .ref:hover .logoImg { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity: .4; }
    .ref .plus { position: absolute; left: 50%; margin-left: -15px; top: 0; padding: 7px; width: 30px; height: 30px; border-radius: 15px; background: #4bb688; -webkit-transition: .3s ease; transition: .3s ease; z-index: 2; opacity: .7; }
        .ref .plus img { width: 16px; }
    .ref:hover .plus { background: #4f85cd; opacity: 1; top: 15px; }

#musteriC { border-top: solid 1px #eee; padding: 30px 0 20px; }
    #musteriC .musteriAdi { font-weight: 700; color: #000; font-size: 24px; }
        #musteriC .musteriAdi span { display: block; font-size: 16px; color: #bebebe; font-weight: 500; }
    #musteriC .comment { color: #8a8a8a; font-size: 16px; font-style: italic; font-weight: 500; margin: 25px 0 0; text-align: center; }
    #musteriC .owl-controls { margin-top: 0; }
    #musteriC .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #4f85cd; }

#others { padding: 50px 0; border-top: solid 1px #eee; margin: 0; text-align: center; }
    #others h3 { color: #000; font-weight: 700; margin: 5px 0 45px; text-align: center; font-size: 30px; }

.form-group { margin-bottom: 0; min-height: 76px; }
.form-control { padding: 20px; height: auto; color: #666; border-radius: 4px; box-shadow: none; font-size: 14px; font-family: 'Open Sans',sans-serif; }
.send { width: 100%; color: #fff; font-size: 16px; font-weight: 600; padding: 21px 20px; border-radius: 4px; margin-top: 20px; background: #4bb688 url(/images/mail-sent.png) no-repeat right 20px center; transition: .5s ease-in; -webkit-transition: .5s ease-in; -moz-transition: .5s ease-in; }
    .send:hover { background: #4f85cd url(/images/mail-sent.png) no-repeat right 10px center; color: #fff; }
    .send:hover, .send:focus, .send.focus { color: #fff; }
.g-recaptcha { width: 100%; background: #f9f9f9; margin-top: 20px; border-radius: 10px; }
    .g-recaptcha div { }
.no-bg .g-recaptcha { background: none !important; }

.alertic { background: #d3394c url(/images/danger.png) no-repeat right 30px center; color: #fff !important; padding: 20px; border: solid 3px #eee; margin-bottom: 10px; }
    .alertic ul { margin-bottom: 0; list-style: none; }
    .alertic li { color: #fff; font-size: 13px !important; }
        .alertic li:last-child { margin: 0; }

.haberler { margin-bottom: 15px; padding: 20px; border: solid 3px #eee; }
.haberRight h2 { font-size: 24px; margin: 0 0 7px; }
.haberRight p { font-size: 15px; margin-bottom: 10px; }
.pager-buttons { margin-bottom: 15px; }
.btn { background: #4bb688; color: #fff; }
    .btn:hover { background: #000; color: #fff; }

#footerAlt .table th, #footerAlt .table td { border: none !important; color: #4f85cd; }
#footerAlt .table td { padding: 0; }
    #footerAlt .table td:first-child { width: 70px; }
    #footerAlt .table td a { color: #cecece; }
    .map{padding:0; border:3px solid #eee}
    .map iframe{margin:0 !important}

.blog li {
    background: #4f85cd;
    padding: 10px;
    color: #eee;
    border-radius:10px;
}
.blog li a{ color:#fff; font-weight:700; }

/*responsive*/
@media(max-width:1136px) {
}

/* animate */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animatedLong { -webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.delay { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.delay2 { -webkit-animation-delay: 1.0s; animation-delay: 1.0s; }
.delay3 { -webkit-animation-delay: 1.5s; animation-delay: 1.5s; }

@keyframes speedUp {
    0% { -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); }
    25% { -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); }
    100% { -ms-transform: rotate(39deg); -webkit-transform: rotate(39deg); transform: rotate(39deg); }
}

@-webkit-keyframes speedUp {
    0% { -ms-transform: rotate(140deg); -webkit-transform: rotate(140deg); transform: rotate(140deg); }
    35% { -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); }
    100% { -ms-transform: rotate(39deg); -webkit-transform: rotate(39deg); transform: rotate(39deg); }
}

@-webkit-keyframes fadeInSpecial {
    0% { opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

@keyframes fadeInSpecial {
    0% { opacity: 0; }
    10% { opacity: 1; }
    90% { opacity: 1; }
    100% { opacity: 0; }
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
    from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInDown {
    from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInLeft {
    from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInLeft {
    from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInRightSpecial {
    0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    10% { opacity: 1; -webkit-transform: none; transform: none; }
    90% { opacity: 1; -webkit-transform: none; transform: none; }
    100% { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

@keyframes fadeInRightSpecial {
    0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    10% { opacity: 1; -webkit-transform: none; transform: none; }
    90% { opacity: 1; -webkit-transform: none; transform: none; }
    100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
}

@-webkit-keyframes fadeInRight {
    from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInRight {
    from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInUp {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInUp {
    from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
    from { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}

@keyframes fadeOutDown {
    from { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}

.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutLeft {
    from { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}

@keyframes fadeOutLeft {
    from { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); }
}

.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutRight {
    from { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
}

@keyframes fadeOutRight {
    from { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
}

.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutUp {
    from { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
}

@keyframes fadeOutUp {
    from { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }
}

.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@keyframes rotatex {
    0% { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}

@keyframes imageAnimation {
    0% { opacity: 1; }
    100% { opacity: 1; transform: scale(1.25); }
}

@keyframes plane {
    0% { transform: rotate(1deg); }
    50% { transform: rotate(0deg); }
    100% { transform: rotate(1deg); }
}

@-webkit-keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
    0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
    20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
    40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); }
    60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
    80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); }
    to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); }
    0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
    20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); }
    40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); }
    60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); }
    80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); }
    to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }
}

.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@media(min-width:1600px) {
    #slider .item > img { height: 750px; object-fit: cover; }
}

@media(min-width:1380px) and (max-width:1599px) {
    #slider .item > img { height: 730px; object-fit: cover; }
    #slider .sliderTitle { font-size: 42px; }
    #slider .sliderIcerik ul { font-size: 20px; }
    #innerImg{height:450px}
    #innerImgSmall{height:300px}
    #innerImg img{object-fit:cover;height:450px}
}

@media(min-width:1181px) and (max-width:1379px) {
    #slider .item > img { height: 650px; object-fit: cover; }
    #slider .sliderTitle { font-size: 38px; }
    #slider .sliderIcerik ul { font-size: 18px; }
    .sliderImg { width: 600px; height: 375px; background-size: cover; padding: 28px 14px 0 125px; }
    /*.sliderImg img{object-fit: cover;}*/
    .box .title { font-size: 24px; }
    .box .boxdescription { font-size: 18px; }
    #innerImg{height:400px}
    #innerImgSmall{height:200px}
    #innerImg img{object-fit:cover;height:400px}
}

@media(min-width:1136px) and (max-width:1180px) {
    #slider .item > img { height: 600px; object-fit: cover; }
    #slider .sliderTitle { font-size: 32px; }
    #slider .sliderIcerik ul { font-size: 16px; }
    #slider .sliderIcerik p { font-size: 14px; }
    .sliderImg { width: 600px; height: 375px; background-size: cover; padding: 28px 14px 0 125px; }
    .box .title { font-size: 24px; }
    .box .boxdescription { font-size: 18px; }
     #innerImg{height:400px}
    #innerImgSmall{height:200px}
    #innerImg img{object-fit:cover;height:400px}
    #innerImgSmall #innerHeader{top:80%}
}

@media(min-width:994px) and (max-width:1136px) {
    #slider .item > img { height: 550px; object-fit: cover; }
    #slider .sliderTitle { font-size: 32px; }
    #slider .sliderIcerik ul { font-size: 16px; }
    #slider .sliderIcerik p { font-size: 14px; }
    .sliderImg { width: 600px; height: 375px; background-size: cover; padding: 28px 14px 0 125px; }
    .box .title { font-size: 20px; }
    .box .boxdescription { font-size: 16px; }
     #innerImg{height:350px}
    #innerImgSmall{height:200px}
    #innerImg img{object-fit:cover;height:350px}
    #innerHeader h2{font-size:36px}
    #innerImg .alt p, #innerImgSmall .alt p{font-size:18px}
    .ref{min-height:150px}
    #innerImgSmall #innerHeader{top:80%}
}

@media(min-width:768px) and (max-width:993px) {
    #slider .item > img { height: 500px; object-fit: cover; }
    #slider .sliderContent { top: 30%; width: 100%; }
    #slider .sliderTitle { font-size: 28px; }
    #slider .sliderIcerik ul { font-size: 16px; }
    #slider .sliderIcerik p { font-size: 14px; }
    .sliderImg { width: 400px; height: 250px; background-size: cover; padding: 19px 10px 0 83px; bottom: 50px; }
    #slider .active .sliderImg { bottom: 50px; }
    nav.headermenu li > a { padding: 10px 12px; font-size: 14px; }
    #header .logo { width: 100px; }
    .box .title { font-size: 18px; }
    .box .boxdescription { font-size: 14px; }
    #header .container{width:100%}
    .navbar-collapse.collapse{padding:0}
     #innerImg{height:300px}
    #innerImgSmall{height:150px}
    #innerImg img{object-fit:cover;height:300px}
    #innerImgSmall #innerHeader{top:90%}
    #innerHeader h2{font-size:28px}
    #innerImg .alt p, #innerImgSmall .alt p{font-size:14px}
    #content{padding:50px 0}
    .ref{min-height:100px}
}

@media(max-width:767px) {
    #header { position: relative !important; background: rgba(51,51,51,1); }
    #slider .item > img { height: 350px; object-fit: cover; }
    #slider .sliderContent { top: 10%; width: 100%; }
    #slider .sliderTitle { font-size: 20px; }
    #slider .sliderIcerik ul { font-size: 14px; }
    #slider .sliderIcerik p { font-size: 12px; }
    .sliderImg { width: 300px; height: 188px; background-size: cover; padding: 16px 7px 0 62px; bottom: 0; }
    #slider .active .sliderImg { bottom: 0; }
    .navbar-header { margin-top: -60px; }
    .navbar-toggle { background: #fff; border-radius: 0 0 0 0; margin-top: 0; margin-bottom: 20px; z-index: 10; }
        .navbar-toggle .icon-bar { background: #4f85cd; }
    #header .logo { margin: 10px 0; }
        #header .logo img { width: 120px; }
    #header .gauge { width: 9px; height: 58px; position: absolute; right: 15px; top: -8px; background: url(/images/gauge-s.png) no-repeat center top; -webkit-animation-name: speedUp; animation-name: speedUp; }
    nav.headermenu > ul, nav.headermenu > ul > li { position: relative; width: 100%; margin: 0; }
        nav.headermenu > ul > li a { display: block; text-align: center; }
    .navbar-collapse.in { overflow: visible; padding: 0; margin: 10px 0; }
    nav.headermenu ul li ul { width: 100%; position: relative; top: 0; }
    #slider .opacity { height: 100%; }
    #boxes { margin: 55px 0; }
        #boxes .col-sm-3 { text-align: center; border-bottom: 1px solid #eee; margin-bottom: 10px; padding: 30px; }
            #boxes .col-sm-3:last-child { border-bottom: none; }
            #boxes .col-sm-3 img { margin: auto; }
        #boxes .boxesTitle { font-size: 24px; }
    #homeBox .col-sm-6, #homeBox2 .col-sm-6, #homeBox3 .col-sm-6 { text-align: center; }
    #homeBox .mockup, #homeBox2 .mockup, #homeBox3 .mockup { width: 250px; margin: auto !important; }
    #homeBox .box, #homeBox2 .box, #homeBox3 .box { padding: 10px; }
    .box .title { font-size: 18px; }
    .box .boxdescription { font-size: 14px; }
    #homeBox, #homeBox2, #homeBox3 { padding: 30px 0; }
    #homeBox2, #homeBox3 { margin: 0; }
    #haber { margin-top: 0; }
    #kimlerleCalisiyoruz { margin-bottom: 0; }
    #footerUst .copyright { padding: 0; }
    #innerImg{height:250px}
    #innerImg img{object-fit:cover; height:250px}
    #innerHeader{top:100px}
    #innerHeader h2{font-size:36px}
    #innerImg .alt, #innerImgSmall .alt{top:100px}
    #innerHeader h2{font-size:28px}
    #innerImg .alt p, #innerImgSmall .alt p{font-size:14px}
    #masterLeft{width:100%}
    #content{padding:30px 0}
    .ref{min-height:80px}
    #innerImgSmall{height:150px}
    #content h2.menu-title{text-align:center}
    .sub{border-top:3px #eee solid}
    .sub ul li a{text-align:center}
}

@media(max-width:480px) {
    .sliderImg { display:none }
    #footerAlt .col-xs-6 { width: 100%; }
    #innerImg{height:200px}
    #innerImg img{object-fit:cover; height:200px}
    .langs{
        display: block;
        position: fixed;
        margin-top: 4px;
        color: #fff;
        margin-right: 85px;
    margin-top: -45px;
    }
    .langs a{
        color: #fff;
    }
}

a.try-for-free {
    color: #355f96;
    background: #fff;
    width: 165px;
    line-height: 40px;
    text-align: center;
    border-radius: 50px;
    font-weight: 600;
    margin-top: 32px;
}

#header.fixedMenu a.try-for-free {
    margin-top: 6px;
}

@media only screen and (max-width: 768px) {
    a.try-for-free {
        width: 100%;
        display: block;
        margin-bottom: 15px;
    }
}