.scroll,.director{border:2px solid #e3e3e3;padding:10px;border-radius:10px;}


.myFooter ul{
	list-style-type:none;
}
.myFooter ul li a, .address{
	color:#fff;
	text-decoration:none;
}


.footer-section .footer-top{
	color:#fff;
}

.active1{background-color:#004080;}
	ul.popUpMenu{background-color:#004d99;opacity:0.9;}
	ul.popUpMenu li a{color:#fff;}

/*Prospectus*/
.magazine-item {
	width: 100%;
	height: 100%;
	position: relative;
	cursor: default;
	box-shadow:inset 0 0 0 0 rgba(116, 94, 197, 0.4), inset 0 0 0 16px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1);
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	bborder-radius: 60%;
}
.magazine-img {
    background: url(../image/magazine.jpg) center top;
}
.magazine-img-1 {
    background: url(../image/prospectus.jpg) center top;
}
.magazine-info {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);	
	-webkit-backface-visibility: hidden; /*for a smooth font */
}
.magazine-info h3 {
    color: #fff;
    text-transform: uppercase;
    position: relative;
    letter-spacing: 1px;
    font-size: 1.6em;
    padding: 63px 0 0 0;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3);
}
.magazine-info p {
    color: #fff;
    padding: 10px 5px;
    font-style: italic;
    margin: 11px 30px;
    font-size: 1em;
    border-top: 1px solid rgba(255,255,255,0.5);
}
.magazine-item:hover {
    box-shadow: inset 0 0 0 110px rgb(2, 146, 206), inset 0 0 0 16px rgba(255,255,255,0.8), 0 1px 2px rgba(0,0,0,0.1);
}
.magazine-item:hover .magazine-info {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);	
}
.magazine-grid {
	margin:0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}
.magazine-grid:after,
.magazine-item:before {
	content: '';
    display: table;
}
.magazine-grid:after {
	clear: both;
}
.magazine-grid li {
	width: 220px;
	height: 238px;
	display: inline-block;
	margin: 20px;
}
.magazine-item .footer-bottom {
    margin-top: .5em;
}
.magazine-item .footer-bottom a {
    background: none;
    padding: 0 .2em;
	margin: 0;
	opacity:1;
}
.magazine-item .footer-bottom a:hover{
	opacity:.5;
}
/*Prostectus*/

 /*-- contact --*/
 
 .contact{
	 margin-top:20px;
	 margin-bottom:20px;
 }
.contact h3.title {
    text-align: left;
}
.contact-grids p {
    margin: 1em 0;
}
.contact-grid iframe {
    width: 100%;
    min-height: 500px;
    border: none;
}
.contact-grid input[type="text"]{
    outline: none;
    border: 1px solid #ccc;
    background: none;
    color: #aaa;
    font-size: 1em;
    padding: 0.7em 1em;
    width: 100%;
	-webkit-appearance:none;
}
.contact-grid .input-mdl {
    margin: 1em 0;
}
.contact-grid textarea{
	outline: none;
    border: 1px solid #ccc;
    background: none;
    color: #aaa;
    font-size: 1em;
    padding: 0.7em 1em;
    width: 100%;
	-webkit-appearance:none;
	resize:none;
	min-height:10em;
	margin: 1em 0;
	font-family: 'OpenSans-Regular';
}
.contact-grid input[type="submit"] {
    outline: none;
    border: none;
    background: #0DA3E2;
    color: #fff;
    padding: 0.8em 0;
    width: 100%;
    text-align: center;
    font-size: 1em;
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    -webkit-appearance: none;
	font-family: 'OpenSans-Regular';
}
.contact-grid input[type="submit"]:hover{
	background:#BF2F08;
}
.contact_address {
    margin-top: 4em;
}
.contact_address ul{
	padding:0;
	margin:0;
}
.contact_address ul li {
    list-style-type: none;
    font-size: 1.5em;
    color: #999;
    display: inline-block;
    margin-right: 3em;
}
.contact_address ul li i.phon {
    font-size: 1.5em;
    color: #C04623;
    font-weight: 900;
    font-style: normal;
    font-family: 'Abel-Regular';
}
.contact_address ul li i.glyphicon {
    font-size: 1em;
    color: #C04623;
    vertical-align: inherit;
    margin-right: 0.5em;
}
.contact_address ul li a{
	color:#999;
}
.contact_address ul li a:hover{
	color: #000;
}
/*-- //contact --*/

/*---gallery----*/
.gallery-grids {
    margin-top: 2em;
	margin-left:3em;
}
@media screen and (max-width:480px){
	.gallery-grids {
    margin-top: 1em;
	margin-left:0px;
}
}
.view {
    width: 360px;
    height: 245px;
    float: left;
    border: 10px solid #FFFFFF;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 0px 0px 5px #808080;
    -moz-box-shadow: 0px 0px 5px #808080;
    box-shadow: 0px 0px 5px #808080;
    cursor: default;
    padding: 0;
}
.view .mask,.view .content {
   width: 370px;
   height: 245px;
   position: absolute;
   overflow: hidden;
   top: 0;
   left: 0;
}
.view img {
   display: block;
   position: relative;
}
.view p {
    font-style: italic;
    font-size: 1em;
    position: relative;
    color: #fff;
    text-align: center;
    margin: 22% auto 0;
    width: 53%;
    line-height: 2em;
    letter-spacing: 1px;
}
.view-tenth img {
   -webkit-transform: scaleY(1);
   -moz-transform: scaleY(1);
   -o-transform: scaleY(1);
   -ms-transform: scaleY(1);
   transform: scaleY(1);
   -webkit-transition: all 0.7s ease-in-out;
   -moz-transition: all 0.7s ease-in-out;
   -o-transition: all 0.7s ease-in-out;
   -ms-transition: all 0.7s ease-in-out;
   transition: all 0.7s ease-in-out;
}
.view-tenth .mask {
   background-color: rgba(116, 94, 197, 0.7);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-tenth p {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -o-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all 0.5s linear;
   -moz-transition: all 0.5s linear;
   -o-transition: all 0.5s linear;
   -ms-transition: all 0.5s linear;
   transition: all 0.5s linear;
}
.view-tenth:hover img {
   -webkit-transform: scale(10);
   -moz-transform: scale(10);
   -o-transform: scale(10);
   -ms-transform: scale(10);
   transform: scale(10);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: .9;
}
.view-tenth:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-tenth:hover p{
   -webkit-transform: scale(1);
   -moz-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}		
/*---//gallery----*/