

.thumb {
		float:center;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
	  padding-bottom: 50px;
  padding-bottom: 50px;
}

.thumb66 {
		float: right;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
	  padding-bottom: 50px;
  padding-bottom: 50px;
}

.thumb:before, .thumb:after {
    content: "";
    position: absolute;
    opacity: 0;
    pointer-events: none;
    z-index: 6;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    box-shadow: none;
}
.thumb:before {
    right: 100%;
    bottom: 100%;
    border-top: 3px solid #10A7AF;
    border-left: 3px solid #10A7AF;
}
.thumb:hover:before {
    opacity: 1;
    bottom: 0;
    right: 0;
}
.thumb:hover img {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.thumb img {
    -webkit-transition: 0.35s all ease;
    transition: 0.35s all ease;
	width:100%;
}
.thumb .team_pos {
    position: absolute;
    background:rgba(0, 0, 0, 0.41);
    width: 100%;
    bottom: 0px;
    left: 0;
    margin-top: 0px;
    padding: 6px 0;
    text-align: center;
}
.thumb:after {
    left: 100%;
    top: 100%;
    border-bottom: 3px solid #10A7AF;
    border-right: 3px solid #10A7AF;
}
.thumb:hover:after {
    opacity: 1;
}
.thumb:hover .team_pos {

	z-index: 0;
}
.thumb:hover ul li {
    margin: 77px 0px 0;
}
.map_size{
	 float:center;
	    text-align:center;
	    width: 80%;
}



.btn-filled, .btn-bordered{
/*border-radius*/
-webkit-border-radius:0;
   -moz-border-radius:0;
        border-radius:0;
margin-top:15px;
}
.btn-filled{
background:#57bddb;
color:#fff;
margin-right:20px;
border:2px solid #57bddb;
}
.btn-bordered{
border:2px solid #57bddb;
color:#57bddb;
background:transparent;
}
.btn-filled:hover{
color:#fff;
opacity:.7;
}
.btn-bordered:hover{
color:#57bddb;
opacity:.7;
}
.btn .badge{position:relative;top:-1px}



#parallax_1{
color:#fff;
position:relative;
}
#parallax_1 .btn-bordered{
border-color:#fff;
color:#fff;
}
#parallax_1 h2.page-title{
color:#fff;
}
.parallax-bg, #parallax_1{
background:url(../img/demo-images/parallax-one.jpg) no-repeat scroll center top;
/*background-size*/
-webkit-background-size:/*@@prefixmycss->No equivalent*/;
   -moz-background-size:cover;
     -o-background-size:/*@@prefixmycss->No equivalent*/;
        background-size:cover;
}
.parallax-bg:before{
background:#333;
}
.call_to_action{
padding:100px 0;
}

.block-3-title {
	  position: relative;
    width: 1060px;
     height: 60px;
    background-image: url("../images/banner00.png");
	  background-repeat: no-repeat;
  background-position: top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;

}







@media screen and (max-width: 1280px)  {
.col-sm-4{
	float: center;
	width:30%;
}
}

@media screen and (max-width: 768px)  {
.col-sm-4{
	float: center;
	width:50%;
}
}

.portfolio-area{
    width: 100%;
	
}



.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}


.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

    .img-responsive22
 {
  display: block;
  max-width: 100%;
  height: auto;
  		margin-top: -400px;
					float: center;
}






@media screen and (max-width: 768px) {
  .container {
    width: 780px;
  }
  .img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
  .col-sm-4{
	float: center;
	width:33%;
		margin-bottom:-3px;
}

  .img-responsive22
 {
  display: block;
  max-width: 100%;
  height: auto;
  		margin-top: -200px;
			float: center;
}
  
  
  .block-3-title {
	  position: relative;
    width: 100%;
     height: 40px;
    background-image: url("../images/banner00.png");
	  background-repeat: no-repeat;
  background-position: top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;

}
  
  
  
  
}



@media (min-width: 991px) {
  .container {
    width: 100%;
  }
  
  .img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  width:100%;
}

  .col-sm-4{
	float: center;
	width:33%;
	margin-bottom:-10px;
}
  
    .img-responsive22
 {
  display: block;
  max-width: 100%;
  height: auto;
  		margin-top: -400px;
					float: center;
}

.block-3-title {
	  position: relative;
    width: 100%;
     height: 90px;
    background-image: url("../images/banner00.png");
	  background-repeat: no-repeat;
  background-position: top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;

}

}


@media (min-width: 1200px) {
  .container {
    width: 100%;
  }
  
  .img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  width:100%;
}

  .col-sm-4{
	float: center;
	width:33%;
	margin-bottom:-10px;
}
  
    .img-responsive22
 {
  display: block;
  max-width: 100%;
  height: auto;
  		margin-top: -400px;
					float: center;
}

.block-3-title {
	  position: relative;
    width: 100%;
     height: 150px;
    background-image: url("../images/banner00.png");
	  background-repeat: no-repeat;
  background-position: top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;

}

}


@media (min-width: 1920px) {
  .container {
    width: 100%;
  }
  
  .img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  width:100%;
}

  .col-sm-4{
	float: center;
	width:33%;
	margin-bottom:-10px;
}
  
    .img-responsive22
 {
  display: block;
  max-width: 100%;
  height: auto;
  		margin-top: -400px;
					float: center;
}

.block-3-title {
	  position: relative;
    width: 100%;
     height: 150px;
    background-image: url("../images/banner00.png");
	  background-repeat: no-repeat;
  background-position: top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;

}

}


@media (min-width: 3840px) {

.block-3-title {
	  position: relative;
    width: 100%;
     height: 150px;
    background-image: url("../images/banner00.png");
	  background-repeat: no-repeat;
  background-position: top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;

}

}