@import url('https://fonts.googleapis.com/css?family=Quicksand');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+TC');
@import url('https://fonts.googleapis.com/css?family=Muli');
body{padding-top:59px;}
.br{border:1px solid red;}
a:link{text-decoration:none;}
.mt2{margin-top:2px;}
.mt4{margin-top:4px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt36{margin-top:36px;}
.mt40{margin-top:40px;}
.mt-10{margin-top:-10px;}
.mt-20{margin-top:-20px;}
.mt-30{margin-top:-30px;}
.mt-40{margin-top:-40px;}
.mt-50{margin-top:-50px;}
.mt-60{margin-top:-60px;}
.mt-80{margin-top:-80px;}
.mt-100{margin-top:-100px;}
.mt-110{margin-top:-110px;}
.ilanbaslik {color:#334775;}
.borr{border:1px solid #bbbbbb; padding-bottom:2px; padding-left:4px; padding-right:4px;}
.borr:hover{background-color:#ffd7d7; padding-bottom:2px; padding-left:4px; padding-right:4px;}
.imgbor img{border-radius: 8px;margin-top:2px; margin-bottom:2px;}
.imgbore {border-radius: 8px; border:1px solid #00d900;}
.renk {color:#fe6407;}
.renkk {font-size: 16px;}
.iconrenk {color:#8c0069;}
@media (min-width:190px) and (max-width:300px){.renkk{font-size: 14px;}}
@media (min-width:190px) and (max-width:190px){.renkk{font-size: 12px;}}
@media (min-width:190px) and (max-width:300px){.renk{font-size: 15px;}}
/*slayt*/
.carousel-item img{ width: 100%;max-height: 800px;}
.slayt{ margin-top :20px;}
.slaytyon{background-color:#bf0000;}
@media (min-width:190px) and (max-width:800px){.carousel-indicators {display: none !important;}}
@media (min-width:190px) and (max-width:1200px){.slayt{margin-top:4px;}}
@media (min-width:220px) and (max-width:1000px){.slayt{margin-top:10px;}}
/*logo*/
.logo{ margin-top :0px; z-index: -9999;}
@media (min-width:190px) and (max-width:1200px){.logo{width:180px;}}
@media (min-width:190px) and (max-width:310px){.logo{width:170px;}}
@media (min-width:190px) and (max-width:300px){.logo{width:150px;}}
@media (min-width:190px) and (max-width:270px){.logo{width:140px;}}
@media (min-width:190px) and (max-width:240px){.logo{width:130px;}}
@media (min-width:190px) and (max-width:240px){.logo{width:130px;}}

.ilkustbar{background-color: #0e6fb6; height:36px;}
.ustnavtext{font-family: 'Quicksand', sans-serif; color:#fff; font-size: 16px; font-weight:400; margin-top :3px;text-shadow: 0px 3px 3px black;}
@media (min-width:190px) and (max-width:600px){.ustnavtext {display: none !important;}}
.anarenk {background-color:#cfe9fc;}/*panelarkplan*/
/*divider dikey cizgi on*/
@media (min-width:190px) and (max-width:800px){.navbar-nav>li.divider {display: none !important;}}
.navbar-nav>li.divider {border-left: 1px solid #c4c4c4; padding: 6px 2px; margin: 8px 0px;color: #999; font-weight: lighter;}
/*divider dikey cizgi off*/
/*navbar*/

#mainNav{box-shadow: 0 10px 6px -6px #444;}/*menu (yukarı aşağı margin-top)  ve bottom gölge*/
#mainNav{background-color:#dd0000;}/*menu küçülünce çıkan arkaplan rengi*/
#mainNav .navbar-toggler{font-size:14px;right:0;padding:10px; background-color:#fec400;}/*menu küçülünce cıkan ikon rengi*/
#mainNav .navbar-brand.active,#mainNav .navbar-brand:active,#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#ffffff;}/*menu rengi*/
#mainNav .navbar-nav .nav-item .nav-link{font-size:90%;padding:.75em 0;letter-spacing:1px; color:#ffffff; text-shadow: 1px 3px 3px black; font-size: 17px;}/*menu yazi*/
#mainNav .navbar-nav .nav-item .nav-link.active,#mainNav .navbar-nav .nav-item .nav-link:hover{color:#2993fc;}/*hover menu yazı ve bottom rengi*/
@media (min-width:992px){
#mainNav{-webkit-transition:padding-top .3s,padding-bottom .3s;-moz-transition:padding-top .3s,padding-bottom .3s;transition:padding-top .3s,padding-bottom .3s;border:none;}
#mainNav .navbar-brand{font-size:1.75em;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}
#mainNav .navbar-nav .nav-item .nav-link{padding:1.1em 1em!important}
#mainNav{background-color:#dd0000; color:#ffffff; border-bottom:1px solid #fff;}
}
/*kategori on*/
.dropdown-menu a {background-color: #01579e; color:#fff; border:1px solid #bf0000;font-size:16px; padding:3px;}
.dropdown-menu a:hover {background-color: #01579e; color:#fff; font-size:14px; text-shadow: 1px 3px 3px black; padding:3px;}
.btn-icerikk {background-color: #fff; color: #0d5f9d; border:1px solid #bf0000; margin-left:0px;}
.btn-icerikk:hover{background-color: #bf0000; color:#fff;text-shadow: 1px 3px 3px black;}
@media (min-width:180px) and (max-width:1000px){.btn-icerikk{width:190px; font-size:14px;}}
/*icerik*/
.icerikscroll{background-color:#e2eef6;height:auto;max-width:auto;max-height:202px;overflow-x:hidden; }
@media (min-width:200px) and (max-width:1000px){.icerikscroll{max-width:auto;}}
.iceriksayirengi h6:{color:#990000;}
.box:hover {background-color:#e8f0ff; box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}/*icerikindex hover*/
/*icerikindex hover*/
.icerikindex { padding: 0 2px; position: relative; text-align: center;}
.icerikindex a { display:block;}
.icerikindex img {display: inline-block; max-height:400px; max-width:100%;}
@media (min-width:190px) and (max-width:1200px){.icerikindex img{max-height:390px; max-width:100%;}}
@media (min-width:190px) and (max-width:1180px){.icerikindex img{max-height:380px; max-width:100%;}}
@media (min-width:190px) and (max-width:1140px){.icerikindex img{max-height:370px; max-width:100%;}}
@media (min-width:190px) and (max-width:1000px){.icerikindex img{max-height:280px; max-width:100%;}}
@media (min-width:190px) and (max-width:992px){.icerikindex img{max-height:230px; max-width:100%;}}
@media (min-width:190px) and (max-width:960px){.icerikindex img{max-height:230px; max-width:100%;}}
@media (min-width:190px) and (max-width:990px){.icerikindex img{max-height:220px; max-width:100%;}}
@media (min-width:190px) and (max-width:800px){.icerikindex img{max-height:220px; max-width:100%;}}
@media (min-width:190px) and (max-width:720px){.icerikindex img{max-height:240px; max-width:100%;}}
@media (min-width:190px) and (max-width:600px){.icerikindex img{max-height:240px; max-width:100%;}}
@media (min-width:190px) and (max-width:300px){.icerikindex img{max-height:240px; max-width:100%;}}
@media (min-width:190px) and (max-width:240px){.icerikindex img{max-height:240px; max-width:100%;}}
/*detay on*/
.mintext {height:30px; font-size: 14px;}
.detay img {display: inline-block; max-height:550px; max-width:100%; margin-top:0px;}
@media (min-width: 210px) and (max-width:1000px) {.detay { width:190px;}}
/*detay off*/
/*icerikindex on*/
.icerikdetay { padding: 0 2px; position: relative; text-align: center;}
.icerikdetay a { display:block;}
.icerikdetay img {display: inline-block; max-height:70px; max-width:100%; margin-top:4px;}
@media (min-width:190px) and (max-width:1200px){.icerikdetay {display: none !important;}}
@media (min-width:190px) and (max-width:1000px){.icerikdetay {display: none !important;}}
@media (min-width:190px) and (max-width:800px){.icerikdetay {display: none !important;}}
/*icerikindex off*/
/*tek sayfa menü akışı on*/
section{padding:150px 0}
@media (min-width:768px){section{padding:150px 0}}
@media (min-width:190px) and (max-width:1000px){.kat{ margin-top:70px;}}
/*tek sayfa menü akışı off*/
/*parallax on*/
.block {color: #fff;height: 490px;overflow: hidden;padding-top: 85px;}
.block h2 {text-transform: uppercase;margin-bottom: 15px;}
.block p {color: #fff;margin-bottom: 45px;} 
.parallax { 
height: 600px; 
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
}
@media (min-width:190px) and (max-width:800px){.parallax {display: none !important;}}
/*parallax off*/
/*sly on*/
.service-sly img {display: inline-block; max-height:160px; max-width:100%;}/*tek resim boyutları*/
.service-sly a {color: #b30000;font-size:12;}
.scroll-img {width:1100px; height:228px;overflow: hidden;font-size: 0;}
.scroll-img ul {width:700px;  margin: 0; position: relative;}
.scroll-img ul li {display: inline-block; margin: 0px 0 10px 10px;}
#demo5.scroll-img ul {width: 1500px;}

@media (min-width:190px) and (max-width:1300px){.scroll-img{width:1000px;height:240px;}}
@media (min-width:190px) and (max-width:1200px){.scroll-img{width:900px;height:230px;}}
@media (min-width:190px) and (max-width:1100px){.scroll-img{width:800px;height:230px;}}
@media (min-width:190px) and (max-width:1000px){.scroll-img{width:680px;height:230px;}}
@media (min-width:190px) and (max-width:900px){.scroll-img{width:630px;height:230px;}}
@media (min-width:190px) and (max-width:800px){.scroll-img{width:500px;height:230px;}}
@media (min-width:190px) and (max-width:600px){.scroll-img{width:410px;height:220px;}}
@media (min-width:190px) and (max-width:500px){.scroll-img{width:400px;height:220px;}}
@media (min-width:190px) and (max-width:450px){.scroll-img{width:350px;height:220px;}}
@media (min-width:190px) and (max-width:400px){.scroll-img{width:280px;height:170px;}}
@media (min-width:190px) and (max-width:350px){.scroll-img{width:270px;height:170px;}}
@media (min-width:190px) and (max-width:320px){.scroll-img{width:260px;height:170px;}}
@media (min-width:190px) and (max-width:310px){.scroll-img{width:250px;height:170px;}}
@media (min-width:190px) and (max-width:300px){.scroll-img{width:200px;height:170px;}}
@media (min-width:190px) and (max-width:270px){.scroll-img{width:180px; height:170px;}}
@media (min-width:190px) and (max-width:240px){.scroll-img{width:160px; height:170px;}}
@media (min-width:190px) and (max-width:600px){.service-sly img{max-height:150px;}}
@media (min-width:190px) and (max-width:400px){.service-sly img{max-height:100px;}}
@media (min-width:190px) and (max-width:300px){.service-sly img{max-height:100px;}}
@media (min-width:190px) and (max-width:240px){.service-sly img{max-height:100px;}}
/*sly off*/
/*sly on*/
.service-slyy img {display: inline-block; max-height: 110px; max-width:100%;}/*tek resim boyutları*/
.scrolll-img {width: 580px; height: 120px;overflow: hidden;font-size: 0;}
.scrolll-img ul { width:700px;  margin: 0; position: relative;}
.scrolll-img ul li {display: inline-block; margin: 0px 0px 0px 0px;}
#demo6.scrolll-img ul {width: 1500px;}
@media (min-width:190px) and (max-width:1400px){.scrolll-img{width:500px;height:90px;}}
@media (min-width:190px) and (max-width:1200px){.scrolll-img{width:500px;height:90px;}}
@media (min-width:190px) and (max-width:1000px){.scrolll-img{width:300px;height:90px;}}
@media (min-width:190px) and (max-width:800px){.scrolll-img{width:290px;height:90px;}}
@media (min-width:190px) and (max-width:780px){.scrolll-img{width:240px;height:90px;}}
@media (min-width:190px) and (max-width:740px){.scrolll-img{width:240px;height:90px;}}
@media (min-width:190px) and (max-width:720px){.scrolll-img{width:250px;height:90px;}}
@media (min-width:190px) and (max-width:600px){.scrolll-img{width:250px;height:90px;}}
@media (min-width:190px) and (max-width:500px){.scrolll-img{width:280px;height:90px;}}
@media (min-width:190px) and (max-width:400px){.scrolll-img{width:200px;height:90px;}}
@media (min-width:190px) and (max-width:320px){.scrolll-img{width:170px;height:90px;}}
@media (min-width:190px) and (max-width:290px){.scrolll-img{width:160px;height:90px;}}
@media (min-width:190px) and (max-width:240px){.scrolll-img{width:150px;height:90px;}}
@media (min-width:190px) and (max-width:600px){.service-slyy img{max-height:100px;}}
@media (min-width:190px) and (max-width:400px){.service-slyy img{max-height:90px;}}
@media (min-width:190px) and (max-width:300px){.service-slyy img{max-height:90px;}}
@media (min-width:190px) and (max-width:240px){.service-slyy img{max-height:90px;}}
/*sly off*/
.fotkategori{height:180px; max-height:auto; overflow-x:hidden;}
footer {background-color:#bf0000; margin-top:18px; font-size:14px; color:#ffffff; text-decoration:none;}
h5.footer-title {margin-top:15px; padding-bottom: 2px; position: relative; color:#ffffff;text-shadow: 1px 3px 3px black;}
footer a{ color: #ffffff; text-decoration: none; }
footer a:hover{ color: #ffffff; text-decoration: none; }
.kate a{color:#ffffff; font-size:17px; text-decoration:none;}.encok a:hover{color:#00a800;}
.encok a{color:#ffffff; text-decoration:none;}.encok a:hover{color:#00a800;}
/*footer efect off*/
/*wap on*/
.whatsapp-fixed{position: fixed; bottom: 0px; right: 22px; font-size: 35px; z-index: 999998; padding: 1px 12px;}
.whatsapp-fixed img{border-radius: 36px!important;}
.whatsapp-fixed i {color: white!important;}
@media (max-width:780px){.whatsapp-fixed{position: fixed; bottom: 0px; right: 22px;font-size: 30px; z-index: 999998; padding: 1px 10px;}}
/*wap off*/
/*slayt zoom*/
@-webkit-keyframes zoom {
  from { -webkit-transform: scale(1, 1);}
  to { -webkit-transform: scale(1.5, 1.5);}
}
@keyframes zoom {
  from {transform: scale(1, 1);}
  to {transform: scale(1.5, 1.5);}
}
.carousel-item > img { -webkit-animation: zoom 20s;animation: zoom 20s;}
/*slayt üzerine yazı*/
.carousel-caption h3 {
background-color: rgba(0, 0, 0, 0); 
color: white;
text-shadow: 1px 1px 2px black, 0 0 25px blue, 0 0 7px darkblue;
}
/* Animation delays */
.carousel-caption h3:first-child {animation-delay: 1s;margin-top:60px;}
.carousel-caption h3:nth-child(2) {animation-delay: 2s;margin-bottom:60px;}
.carousel-caption button {animation-delay: 3s;}
@media (min-width:190px) and (max-width:400px){.carousel-caption h3 {font-size:14px;}}
@media (min-width:190px) and (max-width:360px){.carousel-caption h3 {display: none !important;}}
/**/
/*yukari ikon on*/
.cd-top {
  display: inline-block;
  height: 40px;
  width: 40px;
  position: fixed;
  bottom: 40px;
  right: 30px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* ikon resin ve arkaplan rengi */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #337ab7 url(../images/resimdepo/top.png) no-repeat center 70%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible { visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { opacity: .8;}
.no-touch .cd-top:hover {
background-color: #e86256;
opacity: 1;
}

/*yukari ikon off*/
/*Profile card 4*/
.profile-card-4 .card-img-block{
    float:left;
    width:100%;
    height:180px;
    overflow:hidden;
}
.profile-card-4 .card-body{
    position:relative;
}
.profile-card-4 .profile {
    border-radius: 50%;
    position: absolute;
    top: -62px;
    left: 50%;
    width:100px;
    border: 4px solid #ff9900;
    margin-left: -50px;
}
.profile-card-4 .card-img-block{
    position:relative;
}
.profile-card-4 .card-img-block > .info-box{
    position:absolute;
    background:rgba(10,53,80,0.8);
    width:100%;
    height:100%;
    color:#fff;
    padding:10px;
    text-align:center;
    font-size:14px;
   -webkit-transition: 1s ease;
    transition: 1s ease;
    opacity:0;
}
.profile-card-4 .card-img-block:hover > .info-box{
    opacity:1;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.profile-card-4 h5{
    font-weight:600;
    color:#1a87cc;
}
.profile-card-4 .card-text{
    font-weight:300;
    font-size:15px;
}
.profile-card-4 .icon-block{
    float:left;
    width:100%;
}
.profile-card-4 .icon-block a{
    text-decoration:none;
}
.profile-card-4 i {
  display: inline-block;
    font-size: 16px;
    color: #1a87cc;
    text-align: center;
    border: 1px solid #1a87cc;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    margin:0 5px;
}
.profile-card-4 i:hover {
  background-color:#1a87cc;
  color:#fff;
}
/**/
.profile-card-44 .card-img-block{
    float:left;
    width:100%;
    height:180px;
    overflow:hidden;
}
.profile-card-44 .card-body{
    position:relative;
}
.profile-card-44 .profile {
    border-radius: 50%;
    position: absolute;
    top: -62px;
    left: 50%;
    width:100px;
    border: 3px solid rgba(255, 255, 255, 1);
    margin-left: -50px;
}
.profile-card-44 .card-img-block{
    position:relative;
}
.profile-card-44 .card-img-block > .info-box{
    position:absolute;
    background:rgba(00,99,99,0.6);
    width:100%;
    height:100%;
    color:#fff;
    padding:0px;
    text-align:center;
    font-size:14px;
   -webkit-transition: 1s ease;
    transition: 1s ease;
    opacity:0;
}
.profile-card-44 .card-img-block:hover > .info-box{
    opacity:1;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.profile-card-44 h5{
    font-weight:600;
    color:#1a87cc;
}
.profile-card-44 .card-text{
    font-weight:300;
    font-size:15px;
}
.profile-card-44 .icon-block{
    float:left;
    width:100%;
}
.profile-card-44 .icon-block a{
    text-decoration:none;
}
.profile-card-44 i {
  display: inline-block;
    font-size: 16px;
    color: #1a87cc;
    text-align: center;
    border: 1px solid #1a87cc;
    width: 100px;
    height: 30px;
    line-height: 30px;
    border-radius: 1%;
    margin:0 5px;
}
.profile-card-44 i:hover {
  background-color:#1a87cc;
  color:#fff;
}
.card-title {font-size:14px; }

/**/
.card-img-block45{
    float:left;
    width:100%;
    height:150px;
    overflow:hidden;
	background-color:#eff4f8;
}
.card-img-block46{
    float:left;
    width:100%;
    height:350px;
    overflow:hidden;
	background-color:#eff4f8;
	border:2px solid #ddd;
}
/*Effect 5*/
.effect5{position: relative;}
.effect5:before, .effect5:after{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 25px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  -webkit-box-shadow: 0 35px 20px #777;
  -moz-box-shadow: 0 35px 20px #777;
  box-shadow: 0 35px 20px #777;
  -webkit-transform: rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  transform: rotate(-8deg);
}
.effect5:after
{
  -webkit-transform: rotate(8deg);
  -moz-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  right: 10px;
  left: auto;
}
/**/
/*timeline*/
.timeline {
  position: relative;
  padding: 0;
  list-style: none;
}

.timeline:before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 40px;
  width: 2px;
  margin-left: -1.5px;
  content: '';
  background-color: #0d63a2;
}

.timeline > li {
  position: relative;
  min-height: 50px;
  margin-bottom: 50px;
}

.timeline > li:after, .timeline > li:before {
  display: table;
  content: ' ';
}

.timeline > li:after {
  clear: both;
}

.timeline > li .timeline-panel {
  position: relative;
  float: right;
  width: 100%;
  padding: 0 20px 0 100px;
  text-align: left;
}

.timeline > li .timeline-panel:before {
  right: auto;
  left: -15px;
  border-right-width: 15px;
  border-left-width: 0;
}

.timeline > li .timeline-panel:after {
  right: auto;
  left: -14px;
  border-right-width: 14px;
  border-left-width: 0;
}

.timeline > li .timeline-image {
  position: absolute;
  z-index: 100;
  left: 0;
  width: 80px;
  height: 80px;
  margin-left: 0;
  text-align: center;
  color: white;
  border: 7px solid #0d63a2;
  border-radius: 100%;
  background-color: #fed136;
}

.timeline > li .timeline-image h4 {
  font-size: 10px;
  line-height: 14px;
  margin-top: 12px;
}

.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
  padding: 0 20px 0 100px;
  text-align: left;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
  right: auto;
  left: -15px;
  border-right-width: 15px;
  border-left-width: 0;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
  right: auto;
  left: -14px;
  border-right-width: 14px;
  border-left-width: 0;
}

.timeline > li:last-child {
  margin-bottom: 0;
}

.timeline .timeline-heading h4 {
  margin-top: 0;
  color: inherit;
}

.timeline .timeline-heading h4.subheading {
  text-transform: none;
}

.timeline .timeline-body > ul,
.timeline .timeline-body > p {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .timeline:before {
    left: 50%;
  }
  .timeline > li {
    min-height: 100px;
    margin-bottom: 100px;
  }
  .timeline > li .timeline-panel {
    float: left;
    width: 41%;
    padding: 0 20px 20px 30px;
    text-align: right;
  }
  .timeline > li .timeline-image {
    left: 50%;
    width: 100px;
    height: 100px;
    margin-left: -50px;
  }
  .timeline > li .timeline-image h4 {
    font-size: 13px;
    line-height: 18px;
    margin-top: 16px;
  }
  .timeline > li.timeline-inverted > .timeline-panel {
    float: right;
    padding: 0 30px 20px 20px;
    text-align: left;
  }
}

@media (min-width: 992px) {
  .timeline > li {
    min-height: 150px;
  }
  .timeline > li .timeline-panel {
    padding: 0 20px 20px;
  }
  .timeline > li .timeline-image {
    width: 150px;
    height: 150px;
    margin-left: -75px;
  }
  .timeline > li .timeline-image h4 {
    font-size: 18px;
    line-height: 26px;
    margin-top: 30px;
  }
  .timeline > li.timeline-inverted > .timeline-panel {
    padding: 0 20px 20px;
  }
}

@media (min-width: 1200px) {
  .timeline > li {
    min-height: 170px;
  }
  .timeline > li .timeline-panel {
    padding: 0 20px 20px 100px;
  }
  .timeline > li .timeline-image {
    width: 170px;
    height: 170px;
    margin-left: -85px;
  }

  .timeline > li.timeline-inverted > .timeline-panel {
    padding: 0 100px 20px 20px;
  }
}