@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: NewsGothBT;
    src: url('../fonts/NewsGothicBT.ttf');	
}
@font-face {
    font-family: NewGotBd;
    src: url('../fonts/NewGotBd.ttf');	
}


.header-area {
    background: #3f3a60;
}

.header-area.stick {
    background-color: #3f3a60;
}

.header-area .container,
.contact-band .container,
.footer-area-bottom .container {
	width: calc(100% - 64px);
	max-width: 1680px;
}

#sticker {
	padding-top:10px;
	min-height:105px;
	padding-bottom:10px;
}

.navbar-header a.navbar-brand {
	height: auto;
	padding: 0;
}

.main-menu ul.navbar-nav li a {
	font-family: NewsGothBT;
	font-weight: bold;
	font-size:18px;
	color: #ffffff;
}

.title2 {
	font-family: NewGotBd;
	font-size: 40px;
	font-weight: bold;
	letter-spacing: 3px;
}

.single-well p {
    color: #ffffff;
	font-family: NewsGothBT;	
	font-size:16px;
	letter-spacing:1px;
	margin-bottom: 8px;
}

.single-well p a{
    color: #ffffff;
	font-family: NewsGothBT;	
	font-size:15px;
	letter-spacing:1px;
	font-weight: bold;
}

.sec-head {
	color: #ffffff;
	font-family: NewsGothBT;
	font-weight: bold;
	font-size:22px; 	
}
.footer-area-bottom {
	background-color:#29292a;	
	padding: 8px 0 6px;
}

.copyright>p {
    color: #ffffff;
	font-family: NewsGothBT;
	font-size: 12px;
	line-height: 16px;
	white-space: normal;
}

.single-well .sec-head {
	padding-top: 24px !important;
}

.portfolio-logo {
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
	height:270px;
}

.portfolio
{
	padding-bottom:20px;	
}

.portfolio-title
{
	font-family: NewsGothBT;
	font-weight: bold;
	font-size: 18px;	
}
.portfolio-h1-title {
	padding-top:60px;
	color:#414042;
	font-size:52px; 
	font-family:NewsGothBT;
	padding-bottom:30px;
}
.text-bottom
{
	position: absolute;
  bottom: 0;
}
.footnote {
	padding-left: 20px;
	font-family: NewsGothBT;
	color: #29292a;
	font-size:14px;
}



.flip {
  -webkit-perspective: 800;   
          perspective: 800;
        position: relative;
        text-align: center;
	
}
.flip .card.flipped {
  -webkit-transform: rotatey(-180deg);
          transform: rotatey(-180deg);
}
.flip .card {
  /*  width: 270px;*/
    height: auto;
    -webkit-transform-style: preserve-3d;
    -webkit-transition: 0.5s;
    transform-style: preserve-3d;
    transition: 0.5s;
    background-color: #582d83;
	
	
   
}
.flip .card .face {
  -webkit-backface-visibility: hidden ;
    backface-visibility: hidden ;
   z-index: 2;
}
.flip .card .front {
   position: absolute;
  /* width: 270px;*/
   z-index: 1;		
	/*padding: 90px 0;*/
    text-align: center;
}
.flip .card .front img{
  /*width: 270px;
  height: 100%;*/
}
.flip .card .img {
   position: relative;
   width: 270px;
   height: 178px;
   z-index: 1;
   border: 2px solid #000;
}
.flip .card .back {
  padding: 10%;
  -webkit-transform: rotatey(-180deg);
          transform: rotatey(-180deg);
  position: absolute;
  margin: auto;
    width: 100%;
	height:270px;

  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
  background-color:#582d83;
  color:#ffffff;
}
.inner{
  margin:0px !important;
 /* width: 270px;*/
}
.inner p {
	color: #ffffff;
	font-size: 16px;
}


@media (min-width: 1400px) and (max-width:1920px) {
  .area-padding {
    padding: 112px 0px 0px;
}
  .slider-content {
    padding: 240px 0;
  }
  .custom-padding {
	padding-top:90px;
}
.custom-padding-2 {
	padding-bottom:18px;
}	
}

@media (min-width: 1170px) and (max-width:1399px) {
		.area-padding {
			padding: 112px 0px 0px;
			}
		.custom-padding {
			padding-top:90px;
		}
		.custom-padding-2 {
		padding-bottom:18px;
	}
}

/* Normal desktop :992px. */

@media (min-width: 992px) and (max-width: 1169px) {
  .area-padding {
    padding: 112px 0px 0px;
	}
  .slider-content {
    padding: 144px 0;
  }
  .custom-padding {
	padding-top:90px;
}
	.custom-padding-2 {
	padding-bottom:18px;
}
}

@media (min-width: 768px) and (max-width: 991px) {
  .area-padding {
    padding: 112px 0px 0px;
}
  .slider-content {
    padding: 93px 0;
  }
  .custom-padding {
	padding-top:90px;
  }
  .custom-padding-2 {
	padding-bottom:18px;
  }
}

@media (max-width: 767px) {
	.header-area .container,
	.contact-band .container,
	.footer-area-bottom .container {
		width: 100%;
		max-width: none;
	}
	#sticker {
		padding-top: 8px;
		padding-bottom: 8px;
		min-height: 96px;
	}
	.area-padding {
    	padding: 96px 0px 0px;
	}
	.navbar-header a.navbar-brand,
	.stick .navbar-header a.navbar-brand {
		height: auto !important;
		padding: 0;
	}
	.navbar-default .navbar-toggle,
	.stick .navbar-default .navbar-toggle {
		margin-top: 20px;
		padding: 10px 0;
	}
		
	.slider-content {
    	padding: 16px 0px;
  	}
	.slider-area,
	.niceties.preview-2 {
		overflow: hidden;
	}
	#ensign-nivoslider.nivoSlider {
		left: 50%;
		min-width: 100vw;
		position: relative;
		transform: translateX(-50%);
		height: 230px !important;
		max-width: 100vw;
	}
	#ensign-nivoslider .nivo-main-image {
		width: auto !important;
		height: 230px !important;
		max-width: none !important;
		left: 0 !important;
		margin-left: -42px !important;
		transform: none;
	}
	#ensign-nivoslider .nivo-caption {
		left: 0 !important;
		width: 100vw !important;
		height: 230px !important;
		padding-left: 0;
		padding-right: 0;
	}
	#ensign-nivoslider .nivo-caption .container {
		width: 100% !important;
		max-width: none;
		padding-left: 15px;
		padding-right: 15px;
		transform: translateX(-42px);
	}
	#ensign-nivoslider .layer-1-2 > div {
		box-sizing: border-box;
		margin-left: auto !important;
		margin-right: auto !important;
		max-width: 280px;
		width: 70% !important;
	}
	.title2 {
		font-size:25px;
		line-height:20px;
	}
	.sticky-logo img {
		max-width: 80%;	
	}
	.flip .card .front img{
	  width: 80%;
	  height: 80%;
	}
.portfolio-h1-title {
	padding-top:80px;
	color:#414042;
	font-size:32px; 
	font-family:NewsGothBT;
	padding-bottom:5px;
}
	.copyright>p {
		font-size: 10px;
		line-height: 14px;
		overflow-wrap: anywhere;
	}
	.footer-area-bottom .text-right {
		text-align: left;
	}
}

@media (max-width: 479px) {
	#ensign-nivoslider .nivo-main-image {
		left: 0 !important;
		margin-left: 0 !important;
		transform: none;
	}
	#ensign-nivoslider .nivo-caption > .container {
		transform: none;
	}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	#ensign-nivoslider.nivoSlider {
		height: auto !important;
	}
	#ensign-nivoslider .nivo-main-image {
		left: 0 !important;
		margin-left: 0 !important;
		transform: none;
		width: 100% !important;
		height: auto !important;
	}
	#ensign-nivoslider .nivo-caption {
		width: 100% !important;
		height: 100% !important;
	}
}

@media (min-width: 768px) {
	.navbar-right {
		padding-top: 22px;
	}
}

@media (max-width: 767px) {
	#ensign-nivoslider .nivo-main-image {
		left: 0 !important;
		margin-left: 0 !important;
	}
	#ensign-nivoslider .layer-1-2 > div {
		left: 0;
		position: relative;
	}
}

@media (max-width: 479px) {
	#ensign-nivoslider .nivo-main-image {
		left: -42px !important;
	}
	#ensign-nivoslider .layer-1-2 > div {
		left: -42px;
	}
}

@media (max-width: 359px) {
	#ensign-nivoslider .nivo-main-image {
		left: -58px !important;
	}
	#ensign-nivoslider .layer-1-2 > div {
		left: -58px;
	}
}