@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap');

*{
	font-family: 'Montserrat', sans-serif;
}



@media (min-width: 1000px) {

	/* Animations */
	.anime-scroll [data-animate] {
	  opacity: 0;
	  transition: .5s;
	}

	.anime-scroll [data-animate="left"] {
	  transform: translate3d(-50px, 0, 0);
	}

	.anime-scroll [data-animate="right"] {
	  transform: translate3d(50px, 0, 0);
	}

	.anime-scroll [data-animate="top"] {
	  transform: translate3d(0, -50px, 0);
	}

	.anime-scroll [data-animate="bottom"] {
	  transform: translate3d(0, 50px, 0);
	}

	.anime-scroll [data-animate="fade"] {
	  opacity: 0;
	}

	.anime-scroll [data-animate="zoom"] {
	  transform: scale(.6);
	}

	.anime-scroll [data-animate="zoomIn"] {
		transform: scale(1.3);
		opacity: 0;
		transform-origin: top;
		transition: .7s;
	}

	.anime-scroll [data-animate].animate {
	  opacity: 1;
	  transform: translate3d(0px, 0px, 0px) scale(1);
	}

	.anime-scroll [data-delay="1"] {
		transition-delay: .1s;
	}

	.anime-scroll [data-delay="2"] {
		transition-delay: .2s;
	}

	.anime-scroll [data-delay="3"] {
		transition-delay: .3s;
	}

	.anime-scroll [data-delay="4"] {
		transition-delay: .4s;
	}

	.anime-scroll [data-delay="5"] {
		transition-delay: .5s;
	}

}

.container {
	max-width: 1200px;
	width: auto;
}

p{
	color: #474747;
}

a{
	transition: all .6s;
}

img{
	max-width: 100%;
}

li, p, a{
	font-size: 14px;
}

.topo{
	background: #624d14;
	padding: 5px 0;
	font-size: 12px;
	color: #fff;
}

#header{
	background: #8e7329;
	z-index: 200000;
	position: relative;
	padding: 15px 0;
}

.logo{
	margin: 25px 0;
	float: left;
}
/********************** Inicio Menu *******************************/
#menu-toggle {cursor: pointer; display: none; }		
 
#menu ul{
	list-style: none;
	padding: 0;
	margin: 0;
	float: right;
}

#menu ul li{ 
	float:left; 
	height: auto; 
	position: relative;
}

#menu ul li a{ 
    font-size: 14px;
    display: block;
    height: auto;
    padding: 0px 8px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 40px; 
	color: #fff; 
	text-decoration: none;
	border-radius: 7px;
} 

#menu ul li a:hover{ 
	background: #644f17;
	color: #fff;
}  

#menu ul.nav-right{
	float: right;
}

#menu ul li.sep{
	width: 1px;
	height: 20px;
	background: #d0d0d0;
	margin-top: 10px;
}

/* Submenu */
#menu li ul {position: absolute; z-index:99999; top: 39px; left:0px; display: none; width:420px; margin-left:0px; padding-top: 1px;}
#menu li ul li { height:auto; width: 100%; background:#644f17; }
#menu ul li:hover > ul {display: block; position: absolute; z-index: 2000;}
#menu li ul li a{height:auto; line-height:20px; border-top: 1px solid #524011; font-weight: 400; border-radius: 0; padding: 5px 15px; font-size:12px; background: #644f17; border-bottom:1px solid #aa882d;}
#menu li ul li a:hover{background: #473608;}
#menu li ul li:last-child a{border-bottom: none; } 
#menu li ul li:first-child a{border-top: none; } 

.submenu li:last-child,
.submenu li:last-child a { border-bottom-right-radius: 5px !important; border-bottom-left-radius: 5px !important;}
.submenu li:first-child,
.submenu li:first-child a{border-top-right-radius: 5px !important; border-top-left-radius: 5px !important;}
 

@media screen and (min-width: 1200px) { 
	#header {
		position: sticky;
		top: 0;
	}

	#header.nav-fixed {
		padding: 0;
	}
} 

/*
@media only screen and (min-width: 1200px) { 
	#menu.nav-fixed {position: fixed; left: 0; top:0; z-index: 1000; background: #8e7329; width: 100%; padding: 5px 0; }
	#menu.nav-fixed ul{ display: block; margin: 0 auto; float: none; text-align: center; }
	#menu.nav-fixed ul li{display: inline-block; vertical-align: top; float: none;}
	#menu.nav-fixed ul a{line-height: 50px; color: #fff; font-size: 14px;}
	#menu.nav-fixed ul a:hover{background: #fff; color: #8e7329;}
	#menu.nav-fixed li ul{text-align: left; display: none; top: 34px;}

	.logofurukawa{
    max-width: 130px !important;
    margin-left: -45px;
	}
} 
*/

#painel-home ul{
	padding-left: 0;
	list-style: none;
}

.tt-home{
	color: #7a7a7a;
	margin-bottom: 10px;
	font-size: 30px;
}
	
	.tt-home strong{
		color: #8e7329;
		font-weight: 800;
	}

.border-radious{
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.btn1{
	border:1px solid #8e7329;
	color: #8e7329;
	font-size: 14px;
}

	.btn1:hover{
		background: #8e7329;
		color: #fff;
	}

.btn4{
	background: #8e7329;
		color: #fff;
	font-size: 14px;
}

	.btn4:hover{
		background: #644f17;
		color: #fff;
	}


@media (min-width: 768px) { 
	.home{
		background: url(../img/home.jpg) no-repeat center left;
		padding: 85px 0 !important;
		background-size: cover;
		-webkit-background-size: cover;
	}
}

.home {
	background-color: #8e7329;
	padding: 40px 0;
}

.home h3{
	color: #ffffff;
	font-size: 30px;
	margin-bottom: 30px;
	border-bottom: 1px solid #e5c776;
}
.home p{
	font-size: 14px;
	color: #ffffff;
}

.btn2{
	border:1px solid #fff;
	color: #fff;
	font-size: 14px;
}	
	.btn2:hover{
		background: #fff;
		color: #8e7329;
	}

.carousel{ }   
	.owl-prev, .owl-next{display: block; height: 37px; width: 37px; position: absolute; z-index: 200; text-indent: -9999px; top:50%; 
		background-image: url(../img/icones/arrow.png); background-repeat: no-repeat; margin-top: -16px;}
	.owl-prev {background-position: 0 0; left: -30px; }
	.owl-next {background-position: -40px 0; right: -30px; }
	.item{display: block; margin: 0 auto; float: none !important; max-width: 361px;}
	.item h3{
		color: #fff;
		background: #8e7329;
		font-size: 16px;
		text-transform: uppercase;
		font-weight: 800;
		margin-bottom: 0;
		min-height:60px; 
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		padding-left: 10px;
		padding-right: 10px;
	}

	.item .card {
		box-shadow: 3px 3px 3px rgba(0,0,0,.2);
		margin-bottom: 5px;
	}

	.card-block{
		border-top: 1px solid rgba(0,0,0,.125);
		min-height: 220px;
	}

	.btn3{
		color: #8e7329;
		text-align: right;
		font-weight: 700;
	}

	.parceiros{
		display: block;
		height: 50px;
	}
	.parceiros img{vertical-align: middle;position: relative; top: 50%;transform: translateY(-50%);}

.tt{
	color: #8e7329;
	margin-bottom: 25px;
	font-weight: 700;
}

/* Area 01 */
.area01 {
	background: #f2f2f2;
	padding: 3em 0 0;
	margin-bottom: 3em;
}

.eq {
	margin-bottom: 20px;
}

.eq-item {
	background: #fff;
	    border: 1px solid rgba(0,0,0,.125);
	box-shadow: 3px 3px 3px rgba(0,0,0,.2);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 140px;
	margin-bottom: 10px;
}

.eq-lg .eq-item {
	height: 225px;
}

/*.eq-lg img {
	border-bottom: 1px solid rgba(0,0,0,.125);
}*/

.eq h3 {
	color: #8e7329;
	font-size: 14px;
}

.eq p {
	line-height: 1;
}



.eq img {
	max-height: 120px;
	display: block;
}

/*.eq-lg img {
	max-height: 20%;
}*/
 
/* End Area 01 */

/* Main */
.main {
	overflow: hidden;
}
/* End Main */

/* Certificacao */
.topic-01 {
	color: #8e7329;
	border-bottom: 1px solid #8e7329;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-bottom: 5px;
}

.topic-red {
	color: #d71d21;
}

.topic-green {
	color: #255626;
}

.certificado h3 {
	color: #8e7329;
	font-size: 16px;
}

.certificado img {
	border: 1px solid #b2b2b2;
}

.certificado-menu {
	max-height: 280px;
	overflow-y: scroll;
}

.no-scroll {
	max-height: auto;
	overflow-y: visible;
}

.certificado-menu:not(.no-scroll) {
	margin-bottom: 20px;
}

.certificado-menu ul {
	list-style: none;
	padding: 0;
}

.certificado-menu ul ul {
	padding-left: 20px;
}

.certificado-menu li {
	border-bottom: 1px dotted #8e7329;
}

.certificado-menu ul li:last-child {
	border: 0;
}

.certificado-menu a {
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	color: #333;
}

.certificado-menu a:hover,
.certificado-menu a.active {
	background: #8e7329;
	color: #fff;
}

.certificado-autor {
	font-size: 16px;
	text-transform: uppercase;
	position: relative;

}

.certificado-autor:before {
	content: "";
	background: #8e7329;
	height: 8px;
	width: 8px;
	display: inline-block;
	margin-right: 8px;
	position: relative;
	top: -2px;
}

@media (min-width: 800px) {
	.order-lg-2 {
		order: 2;
	}
}


@media (max-width: 800px) {
	.certificado {
		margin-bottom: 25px;
	}
}

/* End Certificacao */

/* Servicos */
.topic-02 {
	color: #8e7329;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}

.topic-03 {
	color: #8e7329;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.sec-ficha {
	background: #f0f0f0;
	padding: 20px 30px;
}

.list-01 {
	padding: 0;
	list-style: none;
}

.list-01 li {
	padding-left: 20px;
	position: relative;
	margin-bottom: 5px;
}

.list-01 li:before {
	content: "";
	background: #8e7329;
	height: 8px;
	width: 8px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 5px;
}
/* End Servicos */

/* Projetos Finalizados */
.proj {
	background: #fff;
	    border: 1px solid rgba(0,0,0,.125);
	box-shadow: 3px 3px 3px rgba(0,0,0,.2);
	padding: 20px;
}
/* End Projetos Finalizados */

/* Parceiros */
.par {
	background: #fff;
	    border: 1px solid rgba(0,0,0,.125);
	box-shadow: 3px 3px 3px rgba(0,0,0,.2);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 140px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
}
/* End Parceiros */

.zoom{display: block; text-align: center; width: 100%; overflow: hidden;}
.zoom img {transition: all .5s; vertical-align: middle; width: 100%;}
.zoom:hover img {transform: scale(1.3); transition: all .5s;}

.banner{
	background-size: cover;
	-webkit-background-size: cover;
	height: 294px;
	background-repeat: no-repeat;
	background-position: center;
}

.bnr-quemsomos{
	background-image: url(../img/banner/quemsomos.jpg);
}

.page-header {
	background: linear-gradient(to right, #e2e2e2, #b2b2b2);
	margin-bottom: 40px;
	position: relative;
	z-index: 900;
}

.page-header:before {
	content: "";
	background:#715a1b;
	height: 2px;
	position: absolute;
	bottom: -3px;
	left: 0;
	right: 0;
}


.page-header h2{
	color: #715a1b;
	padding: 25px 0;
	text-transform: uppercase;
	margin: 0;
	font-size: 26px;
	font-weight: 700;
}

@media (min-width: 992px) { 
	.bg-quemsomos{
		position: relative;
	}

	.bg-quemsomos:after{
		content: "";
		width: 50%;
		height: 512px;
		background: url(../img/img-quemsomos.jpg) no-repeat top left;
		background-size: cover;
		-webkit-background-size: cover;
		position: absolute;
		right: 0;
		top: -40px;
	}
}

.color{
	color: #644f17;
}

.marcas {
    border-radius: 10px;
    border: 1px solid #c9c9c9;
    height: 200px;
    width: 100%;
    max-width: 100%;
    margin-bottom: 25px;
}

 .marcas img{
 	display: block;
 	margin: 0 auto;
 	max-width: 80%;
 }

 .noticia{
 	border-bottom: 1px dotted #a5a5a5;
 	margin-bottom: 30px;
 }

 .noticia h3{
 	color: #8e7329;
 	font-size: 22px;
 }

  .noticia a {
  	text-decoration: none;
  }

 .noticia time{
 	color: #999;
 }

.pagination .active a.page-link{
 	background: #8e7329;
 	border-color: #8e7329;
 }

 .pagination a.page-link{
 	color: #8e7329;
 }

 .btn-volta{
 	background: #8e7329;
 	color: #fff;
 }

 .btn-volta:hover{
  	background: #da560d;
  }

.cabecalho h2{
	color: #8e7329;
	font-size: 22px;
	margin-bottom: 5px;
}

.cabecalho time{
	color: #737373;
}

 #form input{
 	height: 45px;
 	border:1px solid #ccc;
 }

 #form .btn{
 	background: #8e7329;
 	color: #fff;
 	margin-top: 20px;
 	height: 50px;
 	border: none;
 	cursor: pointer;
 }


  #form .btn:hover{
  	background: #644f17;
  }

 .captcha{
 	float: left;
 	border:1px solid #ccc;
 	margin-right: 10px;
 	padding: 9px 5px 9px 10px;
 }

 #captcha{
 	width: 180px;
 	float: left !important;
 }
 
#footer{
	padding: 30px 0 0 0;
	background: #8e7329;
	color: #fff;
}

#footer address{
	font-size: 14px;
}

.rodape{
	margin-top: 30px;
	background: #78601e;
	padding: 5px 0;
	font-size: 12px;
}

.fancybox-type-iframe .fancybox-inner {
  height: 450px !important;
}
/** RESET AND LAYOUT
===================================*/
.bx-wrapper {position: relative; max-width: 100% !important; margin: 0 auto; padding: 0; *zoom: 1;}
.bx-wrapper img {width: 100%; display: block;}

/** THEME
===================================*/
.bx-wrapper .bx-viewport {}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {position: absolute; bottom: 5px; width: 100%; padding: 0;  z-index: 1000; }
/* LOADER */
.bx-wrapper .bx-loading {min-height: 50px; background: url(../js/bxslider/images/bx_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000;}

/* PAGER */
.bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; }
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block; *zoom: 1; *display: inline;}
.bx-pager-item {padding: 5px 0;}
.bx-wrapper .bx-pager.bx-default-pager a {background: #dcdada; text-indent: -9999px; display: block; width: 20px; border:2px solid #fff; height: 20px; margin: 0 2px;
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {background: #8e7329;}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left: 5%; background-position: 0 0; }
.bx-wrapper .bx-next {right: 5%; background-position: -40px 0; }
.bx-wrapper .bx-prev:hover ,
.bx-wrapper .bx-next:hover {opacity: 1;}
.bx-wrapper .bx-controls-direction a {position: absolute; top: 50%; margin-top: -25px; outline: 0; width: 37px; height: 37px; text-indent: -9999px; z-index: 9999;
background-image: url(../img/icones/arrow.png); background-repeat: no-repeat; opacity: 0.6;}

.bx-wrapper .bx-controls-direction a.disabled { display: none;}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align: center; }
.bx-wrapper .bx-controls-auto .bx-start {display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url(../js/bxslider/images/controls.png) -86px -11px no-repeat; margin: 0 3px;}

.bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active { background-position: -86px 0;}
.bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url(../js/bxslider/images/controls.png) -86px -44px no-repeat; margin: 0 3px;}
.bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active { background-position: -86px -33px;}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left; width: 80%; }
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0; width: 35px;}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {position: absolute; bottom: 0; left: 0; background: #666\9; background: rgba(80, 80, 80, 0.75); width: 100%;}
.bx-wrapper .bx-caption span {color: #fff; display: block; font-size: .85em; padding: 10px;}

/* OWL CAROUSEL */
.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0px,0px)}.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}

.barratopo{display:none} 
.pull {display: none; background: url(../img/icones/pull.png) no-repeat right top; width: 36px; height: 36px; margin-right: 20px; cursor: pointer;}

@media(max-height: 295px){
 #menu{
 	 overflow-y: scroll;
 }
}
@media only screen and (max-width: 1200px) { 
	.pull {display: block; float: right; padding: 0 40px 0 0; }
	.bgplb{ background-position: right bottom; }
	#menu {background: #8e7329; position: fixed; left: -100%; top: 0; z-index: 99999; width: 200px; height:100vh; overflow-x: hidden;transition-property: left; transition-duration: 0.5s; transition-timing-function:  ease-in-out; margin: 0;}
	#menu ul{float: none !important; margin: 0 0; }
	#menu ul li {width: 200px; display: block; float: none; height: auto; border-bottom:1px solid #755809;}
	#menu ul li a {text-align: left; color: #fff; font-size: 1.02em; border-radius: 0; height: auto; line-height: 36px; padding: 0 0 0 10px; } 
	#menu ul li.sep{display: none;}
	#menu ul li:hover > ul {display: block; }
	#menu ul li ul{position:relative; top: auto; margin:0px; width: 100%; }
	#menu li ul li,
	#menu li ul li a{border-radius: 0 !important;} 
	#menu li ul li a{ padding: 4px 0 4px 10px;} 
	#menu-toggle:checked + #menu { left: 0 !important; }
	.barratopo{position:fixed; display: block; left: 0; top: 0; padding: 0; font-size:14px; width: 100%; height: 35px;
	 z-index:99999; background: #624d14; }
	.barratopo span {color: #fff; position: absolute; line-height:35px; left: 10px;}
	.barratopo span img{margin: 0px 5px 0 0px;}
 
 	#header {
 		margin-top: 35px; 
 	}
	.logo{
		margin: 20px auto;
		float: none;
		display: block;
		/*max-width: 190px;*/
	}
	.topo{
		display: none;
	}
 	.carousel{
 		padding: 5px 30px;
 	}
}

@media only screen and (max-width: 767px) { 
	.tt-home{
		font-size: 24px;
	}

	.banner{
		height: 150px;
	}

	#footer address{
		font-size: 12px;
		margin-bottom: 25px;
	}
} 

.codephix_blog_post_video {
  width: 700px;
  max-width: 90%;
  margin: 25px auto 0 auto;
}
.codephix_embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.codephix_embed-container iframe, .codephix_embed-container object, .codephix_embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.codephix_embed-container embed, .codephix_embed-container video, .codephix_embed-container iframe, .codephix_embed-container iframe[style] {
  max-width: 100%;
}