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


.flv_carousel_container {
	width: 100%;
	height: 385px;
	position: relative;
	overflow: hidden;
}

.flv_carousel_container img {
	visibility: hidden;
	cursor: pointer;
}


.slider-content {
	position: relative;
}

.scroll-btns {
	display: block;
	width: 100%;
	position: absolute;
	top: 45%;
	
}

.s-prev {
	color: #fff;
	width: 50px;
	height: 50px;
	display: table;
	float: left;
	position: relative;
	left: -80px;
	border-radius: 50%;
	border: 2px solid #fff;
	font-size: 0;
	z-index:999
}

.s-next{
	color: #fff;
	width: 50px;
	height: 50px;
	display: table;
	float: right;
	position: relative;
	right: -80px;
	border-radius: 50%;
	border: 2px solid #fff;
	font-size: 0;
	z-index:999
}

.s-prev:before,.s-next:before {
	content: "\f053";
	text-align: center;
	line-height: 55px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-radius: 50%;
	background:url(../images/prev.png) no-repeat;
	top:15px;
	left:16px;
}

.scroll-btns .s-prev, .scroll-btns .s-next
  {
	background:rgba(0, 0, 0, 0.3); 
	
}

.s-next:before {
	background:url(../images/next.png) no-repeat;
	top:15px;
	left:19px;
}

.s-prev:hover,.s-next:hover {
	background-color: #26aef3;
	border-color: #26aef3;
	color: #fff !important;
}



.flv_owl_carousel {
	padding: 40px 0 80px;
}

.flv_owl_carousel .container {
	width: 990px;
	max-width: 990px;
}

.flv_owl_carousel h4 {
	font-size: 32px;
	color: #fff;
	line-height: 44px;
}

.flv_owl_carousel p,.flv_owl_carousel {
	color: #fff;
}

.flv_owl_carousel .owl-prev {
	color: #fff;
	width: 50px;
	height: 50px;
	display: table;
	float: left;
	position: relative;
	left: 50px;
	border-radius: 50%;
	border: 2px solid #fff;
	font-size: 0;
	opacity: 1;
	background: none;
}

.flv_owl_carousel .owl-next {
	color: #fff;
	width: 50px;
	height: 50px;
	display: table;
	float: right;
	position: relative;
	right: 50px;
	border-radius: 50%;
	border: 2px solid #fff;
	font-size: 0;
	opacity: 1;
	background: none;
}

.flv_owl_carousel .owl-prev:before,.flv_owl_carousel .owl-next:before {
	content: "\f053";
	font-size: 22px;
	text-align: center;
	line-height: 50px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border-radius: 50%;
	font-family: FontAwesome;
	width: 50px;
	height: 50px;
}
.flv_owl_carousel.owl-theme .owl-controls .owl-buttons div{
	opacity:1 ;
	background-color:transparent ;
	
}
.flv_owl_carousel .owl-next:before {
	content: "\f054";
}

.flv_owl_carousel .owl-buttons {
	top: 35%;
	position: absolute;
	width: 100%;
}

.flv_owl_carousel .owl-prev:hover,.flv_owl_carousel .owl-next:hover ,.flv_owl_carousel.owl-theme .owl-controls .owl-buttons div:hover{
	background-color: #f84f38;
	border-color: #f84f38;
	color: #fff !important;
}


/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */
@media only screen and (min-width: 960px) and (max-width: 1050px) {

.services {
	padding: 70px 0 30px;
	background-size: 58%;
}

.container,.main-wrap {
	max-width: 970px;
	width: 970px;
}

}


/* #Tablet (Portrait)
================================================== */

/* Note: Design for a width of 768px */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
.small-img-overlay i {
    margin: 25px auto 0;
}

.flv_carousel_container {
    width: 680px;
    height: 470px;
	margin:0 auto;
}

.s-next {
    right: 6px;
}


#home .top-wrap {
	margin-bottom: 50px;
}

.services {
	padding: 70px 0 30px;
	background-size: 58%;
}

.container,.main-wrap {
	max-width: 100%;
	width: 100%;
	padding: 0 20px;
}

.home-slider2 {
	width: 100%;
}

#home-slider2 {
	width: 80.2%;
}

.home-slider2-thumbs {
	width: 19.3%;
}

.home-slider2-thumbs li img {
	height: auto;
	width: 188px;
}

.services2 .service-content .ico1,.services2 .service-content .ico2,.services2 .service-content .ico3,.services2 .service-content .ico4,.services2 .service-content .ico5,.services2 .service-content .ico6 {
	width: 100px;
	height: 100px;
	background-size: 90%;
}

.services2 .service-content:hover .ico1,.services2 .service-content:hover .ico2,.services2 .service-content:hover .ico3,.services2 .service-content:hover .ico4,.services2 .service-content:hover .ico5,.services2 .service-content:hover .ico6 {
	background-position: 50% -85px;
}

.home-blog-inner .blog-meta {
	font-size: 9px;
}

.home-mission h4 {
	font-size: 15px;
}

.flv_owl_carousel .container {
	width: 768px;
	max-width: 768px;
}

.flv_owl_carousel h4 {
	font-size: 25px;
	color: #FFF;
	line-height: 29px;
	margin-top: 0;
}


.list li {
	font-size: 11px;
	letter-spacing: -.3px;
}

.portfolio-round1 .p-item-inner {
	width: 180px;
	height: 180px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
}

.portfolio-round2 .p-item-inner {
	width: 220px;
	height: 220px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
}

.team-author {
	width: 160px;
}

.team-author img {
	width: 160px;
}

.team-social ul li {
	list-style: none;
	margin: 10px 0;
}

.team-info {
	margin-left: 180px;
}

.project-single {
	width: 100%;
	max-width: 100%;
	padding: 0 80px;
}

}

/*  #Mobile (Portrait)
================================================== */

/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
.project-single.container .small-img-overlay i {
	border:0;   
	margin-top:25% !important
}
.project-single h4{
	display:block;
	padding-top:20px; 
	margin-top:0; 
	clear:both
}
.intro-form-wrap{width:100% !important;  padding-left:35px !important; }

#home-projects2 .p-item {
    padding: 0px 4px !important;
}

.home-quotes .flex-next {
display:none;
}

.home-quotes .flex-prev {
display:none;
}

.quote{
	margin-top:30px
}

.quote-paging .flex-active:after {
	content: '';
	background:none;
}
	
.portfolio-round1 .folio-item {
	width: 100%;
}

.project-single h4 {
	margin: 110px 0 15px;
}

.project-single {
	max-width: 100%;
	width: 100%;
}

.project-single2 h4 {
	margin: 140px 0 15px !important;
}

.next-project {
	display: none;
}

.prev-project {
	display: none;
}

.map-wrap {
	width: 100%;
	max-width: 100%;
	padding-bottom: 100px;
}

.contact-wrap .container {
	width: 100%;
}

aside {
	margin-top: 40px;
}

.folio-item p {
	display: none;
}

.logo {
	text-align: center;
	margin: 0 auto 40px;
	display: block;
}

h2.welcome {
	font-size: 26px;
	line-height: 38px;
	margin: -20px auto 0;
}

.btn-wrap button {
	width: 200px;
	display: table;
	margin: 0 auto;
}

.btn-wrap span {
	padding: 12px 20px;
	position: relative;
	top: 0;
	display: table;
	margin: 0 auto;
}


.services {
	padding: 70px 15px 30px;
	background: none;
}

.services .service-content {
	margin-bottom: 30px;
}

.home-mission .col-md-6 {
	margin-bottom: 20px;
}

.quote {
	font-size: 17px;
	padding: 25px 50px;
}

.home-quotes .flex-direction-nav {
	margin-top: -140px;
}

.quote-paging {
    margin: 155px auto 0px;
    display: table;
}

.quote-paging li {
	width: 15px;
	height: 15px;
	display: table;
	overflow: hidden;
	border: 3px solid #000;
	background: #000;
	border-radius: 50%;
	margin: 0 3px;
	overflow: hidden;
	opacity: 0.2;
}

.quote-paging li img,.quote-paging li h4,.quote-paging li h6 {
	display: none;
}

.quote-paging .flex-active {
	position: relative;
	top: 0 !important;
	opacity: 1 !important;
}

.footer-widget {
	margin-bottom: 30px;
}

.divider {
	width: 100%;
}

#home-slider2 {
	width: 100%;
	float: none;
}

.home-slider2 {
	width: 100%;
	margin: 0 auto 120px;
	display: block;
	float:none;
}

.home-slider2 p,.home-slider2 .blog-meta {
	display: none;
}

.home-slider2-thumbs {
	width: 100%;
	float:none;
}

.home-slider2-thumbs li {
	list-style: none outside none;
	margin-bottom: 5px;
	width: 25%;
	float: left;
}

.home-slider2-thumbs li img {
	height: auto;
	width: 188px;
}

.home-slider2-inner .overlay-wrap1 {
	padding: 0;
}

.home-slider2-inner .overlay-wrap1 i {
	border: none;
	width: 20px;
	height: 20px;
	color: #fff;
	font-size: 18px;
	padding-top: 5px;
}

.services-popup {
	position: absolute;
	width: 90%;
	bottom: %;
	left: 5%;
}

.home-blog-content {
	margin-bottom: 30px;
}

.flv_owl_carousel .container {
	width: 100%;
	max-width: 100%;
}

.flv_owl_carousel .owl-prev {
	left: -25px;
}

.flv_owl_carousel .owl-next {
	right: -25px;
}

.flv_owl_carousel {
	padding: 0 0 80px;
}

.flv_owl_carousel h4 {
	font-size: 25px;
	color: #FFF;
	line-height: 29px;
	margin-top: 30px;
}


h2.welcome .highlight-text {
	line-height: 45px;
}

h2.welcome {margin-top:0}

h2.welcome {
	font-size: 22px;
}

.subscribe {
	width: 300px;
}

.subscribe input {
	margin-bottom: 11px !important;
	border-radius: 4px !important;
}

.subscribe button {
	border-radius: 4px !important;
}

.subscribe .input-group {
	width: 100%;
}

#pages .top-wrap {
	height: 164px;
	margin-bottom: 40px;
}

.page-wrap {
	width: 100%;
	max-width: 100%;
	margin: -20px auto 0;
	padding: 0 15px 50px;
}

.pr {
	width: 100%;
	margin: 10px 0;
}

.pr-p {
	width: 100%;
	margin: 35px 0 -25px;
}

.nav-tabs > li {
	font-size: 12px;
}

#portfolio .folio-item {
	margin-bottom: 20px;
	padding: 0 10px;
	width: 100%;
}

.comment-sub {
	margin-left: 30px;
}

.team-author {
	position: relative;
	float: none;
	width: 210px;
	margin: 0 auto;
	display: block;
}

.team-info {
	margin-left: 0;
	text-align: center;
	margin-top: 10px;
}

}



/* #Mobile (Landscape)
================================================== */

/* Note: Design for a width of 480px */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
.small-img-overlay i {
    margin: 25px auto 0;
}

.logo img {
	width: 300px;
	margin: 0 auto;
}

.container,.main-wrap {
	max-width: 400px;
	width: 400px;
}

.flv_owl_carousel .container {
	width: 400px;
	max-width: 400px;
}

.home-quotes .flex-direction-nav {
	margin-top: -100px;
}

.quote-paging {
    margin: 117px auto 0px;
    display: table;
}

.flv_carousel_container img {
opacity:0 !important;
}

.flv_carousel_container .carousel-center {
opacity:1 !important;
}


.flv_carousel_container .s-prev{
	left: -20px;
}

.flv_carousel_container .s-next{
	right: 5px;
}

.flv_owl_carousel .owl-prev {
	left: 0;
}

.flv_owl_carousel .owl-next {
	right: 0;
}


.nav-tabs > li {
	font-size: 13px;
}

.project-single h4 {
	margin: 150px 0 15px;
}

.project-single2 h4 {
	margin: 200px 0 15px !important;
}

}

.flv_body{background:#ffffff;max-width:1170px;	margin:0 auto;-webkit-box-shadow: 0px 0px 16px rgba(50, 50, 50, 0.4);	-moz-box-shadow: 0px 0px 16px rgba(50, 50, 50, 0.4);box-shadow:         0px 0px 16px rgba(50, 50, 50, 0.4);	overflow:visible}</style>


/*
|--------------------------------------------------------------------------
|  17.0 Demo Styles - these can be deleted
|  
|--------------------------------------------------------------------------
|
| 
|
*/


.icon-demo i {font-size:23px; margin:1.6px; display:inline-block }
.icon-demo h2 {margin-bottom:20px}

/*
|--------------------------------------------------------------------------
|  18.0 Additional Styles
|  
|--------------------------------------------------------------------------
|
| 
|
*/

.quote-post .blog-meta{
	margin:auto !important;
}

.icon-404 {
    font-size:100px; 
}

.wrap-404 {
    text-align:center    
}

.wrap-404 button {
    margin-bottom:5px
}

.wpb_tabs_nav > li {
    margin-bottom: -1px !important;
}

.wpb_tab p{
	 color: #FFFFFF !important;
}

.wpb_tab {
    color: #FFFFFF !important;
    display: block;
    padding: 15px 23px !important;
}

.panel-group {
    margin-bottom: 2px;
}

.flv_padding{
	margin-bottom:100px;
}

.flexslider#home-slider2 .slides img{
	width:auto !important
}

form#newsletter label.error {
	color:#fff
}

input#submit_mail {
	-webkit-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

.home-blog .quote-post img,.home-blog .quote-post  .home-blog-overlay, .home-blog .quote-post h4 {
	display:none
}

.home-blog .quote-post {
	margin-top:1px
}

.modal .project-details {
	color:#fff
}

.home-blog .quote-post h3 {
	color: #444;
}

.home-blog .quote-post:hover h3 {
	color: #fff;
}

.home-blog .quote-post {
	background:#fff 
}

.flv_quote_author {
 	font-family: Georgia;
    font-size: 16px;
    font-style: italic;
    line-height: 20px;
    text-align: center;
	display:block;
	color:#888
}



@media only screen and (max-width: 767px) {

div.pr-p, div.pr {
width:100% !important
}

.home-projects img {
width:100%; height:auto
}

}