/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */
@font-face {
    font-family:f1;
    src: url(../fonts/myriad.otf);
}
@font-face {
    font-family:f2;
    src: url(../fonts/OratorStd.otf);
}


html,
body {
    height: 100%;
}

body {
    padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */



header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

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

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Captcha */
.g-recaptcha div { 
    margin-left: auto; 
    margin-right: 0;
}

footer {
    margin: 50px 0;
}

.topylw{
background-color:#cc8f00;
height:33px;
width:100%;

clear:both;
}

.malfnt{
font-size:13px;
color:#015076;
text-decoration:none;
}

.malfnt a{
font-size:13px;
color:#015076;
text-decoration:none;
}

.malfnt a:hover{
font-size:13px;
color:#fff;
text-decoration:none;
}

.prtdtld{
width:900px;
height:auto;
margin:0 auto;
}

.bck1{
width:1250px;
margin-top:35px;
}
/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
	
	.prtdtld{
width:100%;
height:auto;
margin:0 auto;
}
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
	.bck1{
width:100%;
margin-top:35px;
}
}

.sec1
{
	font-family:f2;
	COLOR:#808080;
}
.sec1 p{
	font-family:f1;
	
}
.sec1 h2{
	font-size:25px;
	color:#5C5C5C;
	margin-top:45px;
	
}
.fixer
{
	
	background-size:cover;
	height:900px;
	width:100%;
}
.fixer1
{
	height:300px;
	background-size:cover;
}
.fix1
{
	background:#AACFE2;
	
}
.fix2
{
background:#E3D69F;	
}
.fix{
	height:400px;
	font-family:f1;
	padding-top:100px;
	text-align:center;
}
.sec1
{
	padding:50px 0px;
}
.navi
{
	background:#81007f;
	height:100px;
}
.navi ul li a
{
	color:#fff;
	background:#81007f;
}
.navi .active
{
	border-bottom:2px solid #cc8f00;
	border-top:2px solid #cc8f00;
	color:#cc8f00;
}
.navi .navbar-nav 
{
	margin-top:10px;
}
.imax
{
	padding:0px;
}
.imax1
{
	width:100%;
	height:300px;
}
.imax2
{
	width:100%;
	height:300px;
	
}
.imax3
{
	width:100%;
	height:300px;
}

.imax6
{
	width:100%;
	height:600px;
	
}

.footer
{
	background:#BFB994;
	color:#fff;
	font-family:f1;
	
}
.footer p 
{
	padding-top:10px;
	font-size:12px;
}
.navbar-toggle .icon-bar
{
	background:#A69516;
	margin-top:10px;
	width:30px;
	height:4px;
}
.btn-1 
{
	padding:10px 50px;
	border-radius:0px;
	background:#80abc1;
	font-family:f1;
	color:#000;
}
.btn-2
{
	padding:10px 50px;
	border-radius:0px;
	background:#f3e7b3;
	font-family:f1;
	color:#000;
}
.sec-p1
{
	font-family:f2;
	margin-top:18px;
}
.sec-p2
{
	background-image:url('../img/w1.jpg');
	padding:30px 0px;
	background-size:cover;
	width:100%;
	
}
.outer-circle
{
	background:rgba(255,255,255,.5);
	height:130px;
	width:130px;
	border-radius:50%;
	padding:8px;
	margin:0 auto;
}
.inner-circle
{
	height:114px;
	width:114px;
	border-radius:50%;
	padding:15px;
	text-align:center;
}
.ic1
{
	background:#BCA130;
}
.ic2
{
	background:#2D92C2;
}
.w12
{
	color:#fff;
	font-family:f1;
	margin-top:10px;
}
.x1 h4
{
	color:#BCA130;
}
.x2 h4
{
	color:#2D92C2;
}
.w-data
{
	border-left:2px solid #fff;
	padding-left:8px;
	min-height:330px;
}
.serp
{
	color:#8b8b8b;
	font-family:f1;
}
.imgWrap {
  position: relative;
  border-bottom:#FFFFFF solid 3px;
 
}

.imgDescription {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(29, 106, 154, 0.72);
  color: #fff;
	transition:all 1s;
	height:100%;
  visibility: hidden;
  opacity: 0;
  text-align:center;
  padding-top:100px;
  font-size:24px;
  font-family:f2;
  line-height:20px;

  /*remove comment if you want a gradual transition between states
  -webkit-transition: visibility opacity 0.2s;
  */
}


.imgWrap:hover .imgDescription {
  visibility: visible;
  opacity: 1;
}
.secondbar
{
	background:#efefef;
	margin-top:30px;
	
	position:fixed;
	
	width:100%;
	z-index:1000;
	margin-bottom:95px;
}
.secondbar ul li
{
	display:inline;
	
}
.secondbar ul{
	list-style-type:none;
	padding:10px;
	text-align:center;
}
.secondbar ul li a
{
	padding:10px 20px;
	font-family:f2;
	color:#aaa;
	text-decoration:none;
}




.act 
{
	color:#000 !important;
}


.secondbar2
{
	background:#efefef;
	margin-top:30px;
	
	position:fixed;
	
	width:100%;
	z-index:1000;
	margin-bottom:95px;
	padding-top:5px;
	
}
.secondbar2 ul li
{
	display:inline;
	border-right:#c7c7c7 solid 1px;
	
}
.secondbar2 ul{
	list-style-type:none;
	padding:10px;
	text-align:center;
	padding-bottom:1px;
}
.secondbar2 ul li a
{
	padding:10px 16px;
	font-family:f1;
	color:#021b28;
	
	text-decoration:none;
}

.secondbar2 ul li a:hover
{
	padding:10px 16px;
	font-family:f1;
	color:#0964aa;
	text-decoration:none;
}

.img-responsive1,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  width: 100%;
  height: auto;
}

/* ------------------- Carousel Styling ------------------- */

.carousel-inner {
  border-radius: 15px;
  border:10px solid rgba(255,255,255,.5);
}

.carousel-caption {
  background-color: rgba(0,0,0,.5);
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  padding: 0 0 10px 25px;
  color: #fff;
  text-align: left;
}

.carousel-indicators {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  z-index: 15;
  margin: 0;
  padding: 0 25px 25px 0;
  text-align: right;
}
.sectionf 
{
	margin:50px 0px;
}
.carousel-control.left,
.carousel-control.right {
  background-image: none;
}


/* ------------------- Section Styling - Not needed for carousel styling ------------------- */

.section-white {
   padding: 10px 0;
}

.section-white {
  background-image:url(../img/back.jpg);
  background-size:cover;
  color: #555;
}
.srvcsas
{
	
	font-family:f1;
	color:#fff;
	text-decoration:none;
	width:500px;
	font-size:14px;
	line-height:18px;
}
@media(min-width:767px) {
	.pixar
	{
		height:500px;
	}
	.fixer
	{
		height:800px;
	}
	
}
@media(max-width:767px) {
	.pixar
	{
		height:400px;
	}
	.fixer
	{
		height:250px;
	}
	.pixel {
	height:auto;
	padding-top:30px;
	border:1px solid #fff;
}
	.imax6
{
	width:100%;
	height:400px;
	
}
.imax2
{
height:500px;
}
	
}
@media(max-width:550px) {
	.pixar
	{
		height:300px;
	}
	.fixer
	{
		height:250px;
	}
	.imax6
{
	width:100%;
	height:300px;
	
}
.imax2
{
height:400px;
}
	
}