/*!

 * 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 */



html,

body {

    height: 100%;

}



body {

    padding-top: 50px; /* 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;

}

btn-info{color:#fff;background-color:#000000;border-color:#46b8da; line-height:40px;}

/* Home Page Carousel */



header.carousel {

    height: 60%;

}

.navbar-inverse .navbar-nav>li>a{

color:#FFFFFF;

}

.thumbnail .caption {

margin-top:-15px;

}

.thumbnail h3 {

color: #333;

font-size:16px;

font-weight:bold;

}

.thumbnail p {

color: #333;

font-size:12px;

text-align:justify;

}

.thumbnail p img{

padding-left:8px;

padding-top:3px;

}

.thumbnail p span{

color: #333;

font-size:11px;

}

.hero-feature {

margin-top: 10px;

}

.borderless tbody tr td, .borderless tbody tr th, .borderless thead tr th {

    border: none;

}

header.carousel .item,

header.carousel .item.active,

header.carousel .carousel-inner {

    height: 100%;

}



.carousel-caption {

    top: 0;

    bottom: auto;

}



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;

}

.bs-callout-danger {

border-left-color: #d9534f;

}

.bs-callout {

padding: 5px;

margin: 14px 0px;

border: 1px solid #C0B9B9;

border-left-width: 5px;

border-radius: 3px;

background-color: #F2F5F7;

}

.price sup {

    top: -20px;

    left: 2px;

    font-size: 20px;

}

#ui-datepicker-div {

z-index: 9999999;

}

.period {

    display: block;

    font-style: italic;

}

.docs-input-sizes select,

.docs-input-sizes input[type=text] {

  display: block;

  margin-bottom: 9px;

 

}

.myselect{

  -webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

height:30px;

line-height:30px;

}



/* Footer Styles */



footer {

    margin: 25px 0;

	

}

footer .footer-left {

text-align: left;

}

footer .footer-right {

text-align: right;

}

.footer_eff {

border-top:#EC3E33 2px solid;

width: 100%;

height: 73px;

background-color: #161818;

color:#FFFFFF;

}

.footer_eff a{

text-decoration:none;

color:#FFFFFF;

}

/* Responsive Styles */



@media(max-width:1024px) {

	.card-container, .front, .back {

	width: 100%;

	height: 440px;

	border-radius: 4px;

	border:2px solid;

}

h5, .h5 {

    font-size: 11px;

}

.card .content .main .newone {

padding-top:20px;

    text-align:center;

	font-size:14px;

}

}

@media(max-width:991px) {

    .customer-img,

    .img-related {

        margin-bottom: 30px;

    }

	header.carousel {

		height: 25%;

	}

	.card-container, .front, .back {

	width: 100%;

	max-height: 370px;

	border-radius: 4px;

	border:2px solid;

}

.card .content .main .newone {

padding-top:20px;

    text-align:center;

	font-size:14px;

}

}



@media(max-width:767px) {

    .img-portfolio {

        margin-bottom: 15px;

    }



	   header.carousel {

		width: 100%;

	}

	.carousel-caption h2{

    font-size:20px;

	}

	.card .content .main .newone {

padding-top:10px;

    text-align:center;

	font-size:14px;

}

	

}

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

	

	#flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

	#flip-scroll * html .cf { zoom: 1; }

	#flip-scroll *:first-child+html .cf { zoom: 1; }

	

	#flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; }

 

	#flip-scroll th,

	#flip-scroll td { margin: 0; vertical-align: top; }

	#flip-scroll th { text-align: left; }

	

	#flip-scroll table { display: block; position: relative; width: 100%; }

	#flip-scroll thead { display: block; float: left; }

	#flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }

	#flip-scroll thead tr { display: block; }

	#flip-scroll th { display: block; text-align: right; }

	#flip-scroll tbody tr { display: inline-block; vertical-align: top; }

	#flip-scroll td { display: block; min-height: 1.25em; text-align: left; }

 

 

	/* sort out borders */

 

	#flip-scroll th { border-bottom: 0; border-left: 0; }

	#flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }

	#flip-scroll tbody tr { border-left: 1px solid #babcbf; }

	#flip-scroll th:last-child,

	#flip-scroll td:last-child { border-bottom: 1px solid #babcbf; }

}

@media screen and (max-width: 600px)

{

	.navbar-nav{

	float:left;

	}

    .img-portfolio {

        margin-bottom: 15px;

    }

	



	.test

	{

	display:none;

	}



	

    header.carousel {

        width: 100%;

		max-height:200px;

		

    }

	footer .footer-left, footer .footer-right{text-align:left}

	

}

@media screen and (max-width: 480px)

{

	.navbar-nav{

	float:left;

	}

    .img-portfolio {

        margin-bottom: 15px;

    }

	.navbar-inverse .navbar-brand {

		color: #FFF;

		font-family: "Libre Baskerville",serif;

		font-size: 14px;

		font-weight: bold;

	}

	.navbar-nav {

    margin: 7.5px -5px;

	}

	.test

	{

	display:none;

	}



	.carousel-caption h2{

    font-size:12px;

	}

	

    header.carousel {

        width: 100%;

		min-height:150px;

    }

	footer .footer-left, footer .footer-right{text-align:left}

	

}

@media screen and (max-width: 320px)

{

	.navbar-nav{

	float:left;

	}

	.navbar-nav {

    margin: 7.5px -5px;

	}

	.test

	{

	display:none;

	}

    .img-portfolio {

        margin-bottom: 15px;

    }



	.carousel-caption h2{

    font-size:12px;

	}

	

    header.carousel {

        width: 100%;

		min-height:150px;

    }

	

	footer .footer-left, footer .footer-right{text-align:left}

	

}