@import 'common.css';
#banner {
    background-color: #337ca9;
    background-image: none;
    height: 100%;
    min-height: 160px;
    overflow: hidden;
    padding: 40px 0 10px;
}
#banner h2 {
    color: #fff;
    float: left;
    font-size: 5em;
    line-height: 1em;
    margin: 10px 30px 0 0;
    padding: 10px 0 0;
}
#banner .quote {
    color: #5da4d0;
    display: block;
    float: left;
    font-size: 9em;
    padding-left: 15px;
    padding-top: 40px;
}
#banner .cms-right {
    float: right;
    width: 58%;
}
#banner .cms-right h6 {
    color: #fff;
    font-size: 1.8em;
    font-weight: 600;
    line-height: 1em;
    margin-bottom: 10px;
}
#banner .cms-right p {
    color: #c8dfed;
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    width: auto;
}
/*********** Package Details ****************/

#portfolio						{ padding:40px 0 40px 0;}
#portfolio h3					{ text-align:center; font-size:4.7em; line-height:1em; margin-bottom:20px; border-bottom:1px solid #cddee9; padding-bottom:20px;font-weight:800}
#portfolio section				{ width:33%; float:left; overflow:hidden; position:relative;}
#portfolio section img			{ width:100%; position:absolute; top:0; left:0;}
#portfolio section:hover img	{ width:140%; position:absolute; top:-40px; left:-40px;}
.one-third	{ width:31%; margin:2% 2% 0 0; padding: 0.3%; float:left; border:1px solid #c2c2c2;box-shadow: 0px 0px 5px #c2c2c2;}
.no-margin	{ margin-right:0;}
.gallery-item{position:relative;width:100%;text-align:center;overflow:hidden;display:block;-webkit-transition:all0.4sease-in-out;-moz-transition:all0.4sease-in-out;-o-transition:all0.4sease-in-out;-ms-transition:all0.4sease-in-out;transition:all0.4sease-in-out;-webkit-box-shadow:09px9px-7pxrgba(0,0,0,.1);-moz-box-shadow:09px9px-7pxrgba(0,0,0,.1);box-shadow:09px 9px -7px rgba(0,0,0,.1);}
.gallery-item img{
	width: 100%;
	height:auto;
	display:block;
}
.gallery-item a{ 
	display:block;
}
.gallery-item a .gallery-item-mask{
	position:relative;
	margin:0 auto;
}
.gallery-item a .gallery-item-mask img{
	width: 100%;
	height:auto;
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}
.gallery-item a:hover .gallery-item-mask img{
    -webkit-transform: scale(1.3);  
    -moz-transform: scale(1.3);  
    -ms-transform: scale(1.3);   
    -o-transform: scale(1.3);   
    transform: scale(1.3); 
}



.gallery-item a .gallery-item-mask .mask1 {
	   position: absolute;
	   width: 100%;
	   height:100%;
	top:0;
	left:0;
	opacity:0;
	background:rgba(0,0,0,.6) no-repeat center center;
	-webkit-transition : all 0.4s ease-in;
	-moz-transition : all 0.4s ease-in;
	-o-transition :all 0.4s ease-in;
	transition : all 0.4s ease-in;
}	
.gallery-item a:hover .gallery-item-mask .mask1 {
	opacity:1;
}

.gallery-item a .gallery-text-down{
	position:absolute;
	text-align:center;
	overflow:hidden;
	bottom:20px;
	width:110%;
	left:110%;
	box-shadow:
		1px 1px 1px rgba(0,0,0,0.1),
		-12px 0 10px -3px rgba(0,0,0,0.3),
		inset 0 0 5px rgba(0,0,0,0.04);
	background:  url(../images/classy_fabric.png) repeat;
	-webkit-transform: skewX(-20deg);
	-moz-transform: skewX(-20deg);
	transform: skewX(-20deg);
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}
.gallery-item a:hover .gallery-text-down{
	left:10%;
}
.gallery-item a .gallery-text-down h6{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	font-size:1.2em;
	font-style:normal;
	color:#fff;
	text-align:left;
	font-weight:100;
	text-transform: capitalize;
}
.footer-contact-us	{ height:100%; overflow:hidden; text-align:center; padding:30px 0; border-top:5px solid #165882; margin-top:10px; background-color:#387ba6;}
.footer-contact-us form	{ width:70%; margin:0 auto;}
.footer-contact-us input, .footer-contact-us textarea		{ width:45.5%; float:left; border-radius:15px; padding:20px 1%; border:2px solid #b3d4ea; margin-bottom:20px;box-shadow:5px 5px 5px #0a517f; font-size:1.2em; font-family:'Open Sans', sans-serif;}
.footer-contact-us textarea		{ width:98%;}
.footer-contact-us input:nth-child(2n + 1)	{ float:right;}
.footer-contact-us h2	{ font-size:5em; color:#fff; line-height:1em;}
.footer-contact-us p	{ text-align:center; margin:10px 0; color:#d5e9f6; font-size:1.5em; margin-bottom:40px;}
.footer-contact-us input.submit	{ border-radius:10px; background-color:#f99f00; border:2px solid #fadca7; color:#fff; font-size:2em; padding:10px 20px; width:270px; margin-top:10px; margin:0 auto; float:inherit; cursor:pointer;}
.footer-contact-us input.submit:hover	{ background-color:#c85700;}