/* mestwin.net */
body {
      font: 20px Montserrat, sans-serif;
      line-height: 1.8;
      color: #f5f6f7;
  }
  p {font-size: 16px;}
  .margin {margin-bottom: 45px;}
  .bg-project-background {
	color: #000000;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	}
  .bg-1 { 
      background-color: #3D72A4;
      color: #ffffff;
  }
  .bg-2 { 
      background-color: #000000;
      color: #ffffff;
  }
  .bg-3 { 
      background-color: #FFFFFF;
      color: #555555;
  }
  .bg-4 { 
      background-color: #C0C0C0;
      color: #fff;
  }
  .container-fluid {
      padding-top: 70px;
      padding-bottom: 70px;
  }
  .container-fluid-bottom {
      padding-top: 70px;
  }
  .navbar {
      padding-top: 15px;
      padding-bottom: 15px;
      border: 0;
      border-radius: 0;
      margin-bottom: 0;
      font-size: 12px;
      letter-spacing: 5px;
  }
  .navbar-nav  li a:hover {
      color: #3D72A4 !important;
  }
  .fadein-2 {
   animation: fadein 2s;
    -moz-animation: fadein 2s;
    -webkit-animation: fadein 2s;
    -o-animation: fadein 2s;
	}
 .fadein-3 {
   animation: fadein 3s;
    -moz-animation: fadein 3s;
    -webkit-animation: fadein 3s;
    -o-animation: fadein 3s;
	}
	
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}
.portfolio{
    background-color:#f6f6f6;
	padding:60px 0px;
}
.portfolio h2,h4,h5{
    /*font-size:13px;*/
    font-family: 'Raleway', sans-serif;
}
.portfolio .img-rounded {
    width: 100%; 
    margin: 15px 0px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;	
}
/*
.portfolio .img-rounded:hover {
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -ms-transform: scale(1.10);
    -o-transform: scale(1.10);
    transform: scale(1.10);

    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.2);
    opacity:0.7;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}*/
.service-title {
    color: #3D72A4;
}

.img-service {
	display: inline;
}
.img-service:hover {
	
    text-decoration: none;
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -ms-transform: scale(1.10);
    -o-transform: scale(1.10);
    transform: scale(1.10);
    opacity:0.7;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}
#projects {
    color: #000000;
}
.white-link {
	color: #ffffff!important;
}
.white-link a:hover {
	text-decoration: none;
	color: #c0c0c0;
}
.white-link a:active {
	text-decoration: none;
	color: #c0c0c0;
}
.white-link a:visited {
	color: #c0c0c0;
}
.footer {
    padding-top: 50px;
    padding-bottom: 50px;
}
.index-bg {
background: url('../img/mestwinbg.jpg') no-repeat bottom center;
}
@media only screen and (min-device-width: 601px) {
.index-bg {
	background-size:100%;
}
@media only screen and (max-device-width: 599px) {
.index-bg {
	background: url('../img/mestwinbg.jpg') no-repeat bottom center;
}
}
.footer-bg {
background: url('../img/mestwinfooter.jpg') no-repeat bottom center;
background-size:100%;
}
.mestwin-project-box{
        height:100%;
        color: #fff;
        position: relative;
        overflow:hidden;
    }
    .mestwin-project-box figure {
        position: absolute;
        text-align: center;
        padding: 10px 19px 19px 19px;
        width: 100%;
        height: 100%;
        transition: ease-in-out .3s;
        opacity: 0;
        transform: scale(2);
    }
    .mestwin-project-box:hover figure {
	cursor: pointer;
        opacity: 1;
        transform: scale(1);
	border-radius: 6px;
        background: rgba(0, 0, 0, 0.71);
    }
    .mestwin-project-box figure h2, h4, h5{
        color: #fff;
        /*font-size: 3em;*/
        top: 35%;
        position: relative;
    }
    .mestwin-project-box a:hover{
        text-decoration: none;
    }
    .mestwin-project-box img{
        height: 100%;
	width: 100%;
    }
    .morphext > .animated {
        display: inline-block;
    }
	.partners {
	align-items: center;
}
    .partners img {
     	opacity: 0.5;
        transition: ease-in-out .3s;
    	margin-right:20px;
	margin-bottom:10px;
    }
    .partners img:hover {
    	opacity: 1;
        transition: ease-in-out .3s;

    }

.blog-link a, .blog-link a:hover {
text-decoration: none;
color: #c0c0c0!important;
}
.more-link, .more-link:hover {
display: none;
}
.btn-darker {
	background-color: #000000;
	border-color: #c0c0c0;
	color: #ffffff;	
}
.btn-darker:hover {
	background-color: #3D72A4;
	border-color: #c0c0c0;
	color: #ffffff;
	transition: 0.5s;
}
.separator-100 {
	margin-top:100px;
}

.separator-80 {
	margin-top:80px;
}

.mestwin-blog-img {
	margin-top:10%;
}