
@font-face{
	font-family: Roboto-Thin;
	src: url(../font-awesome-4.0.3/fonts/Roboto-Thin.ttf);
}

@font-face{
	font-family:"Myriad Pro";
	src:url(../font-awesome-4.0.3/fonts/MyriadPro-Regular.otf);
}

body{
	margin:0px;
	padding:0px;
	background:#fff;
}

.container{
	width:1200px;
	margin:auto;
}

.clearfix:after {
	content: ".";
	display: flex;
	height: 0;
	clear: both;
	visibility: hidden;
	}

p{
	font-family:Roboto-Thin;
}

a{	
	color:inherit;
	text-decoration:none;
}

.marginlr10{
	margin:0px 10px !important;
}

.marginlr5{
	margin:10px 5px !important;
}

.marginud5{
	margin:5px 10px !important;
}


/*Main Menu Start*/

#navigationmenu{
	width:100%;
	float:left;		
}


.multi-color{
	background:linear-gradient(to right, #f76570 0%, #f76570 8%, #f3a46b 8%, #f3a46b 16%, #f3a46b 16%, #ffd205 16%, #ffd205 24%, #ffd205 24%, #1bbc9b 24%, #1bbc9b 25%, #1bbc9b 32%, #14b9d5 32%, #14b9d5 40%, #c377e4 40%, #c377e4 48%, #f76570 48%, #f76570 56%, #f3a46b 56%, #f3a46b 64%, #ffd205 64%, #ffd205 72%, #1bbc9b 72%, #1bbc9b 80%, #14b9d5 80%, #14b9d5 80%, #14b9d5 89%, #c377e4 89%, #c377e4 100%) repeat scroll 0 0;
}

.border{
	float:left;
	width:100%;
	height:3px;
}

.navpad{
	padding:0px;	
	background-color:#094f9b;
}

.logodiv img{
	width:80%;
}

.cntdtl{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	color:#000;
	line-height:30px;
	margin:35px 0px;
	padding:0px;
	display:inline-table;
}

.call{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:100;
	color:#fff;
	line-height:30px;
	text-transform:uppercase;
	margin:0px 30px;
	padding:0px;
	display:inline-table;
}

.call i{
	font-size:18px;
	color:#fff;
	margin:5px 10px;
}


.cntdtl i{
	font-size:18px;
	color:#000;
	margin:5px 10px;
}

#menu{
	width:100%;
	float:left;
	background-color:#fff;
}

.menupad{
	padding:0px;
}

.mlnk{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:600;
	color:#fff;
	text-transform:uppercase;
	display:inline-table;
	padding:15px 30px;
	margin:0px;
	border-right:groove 1px #000;
}

.curnt{
	color:#B8B8B8;
}

.mlnk:hover{
	color:#E5E5E5;
}

#slider{
	width:100%;
	float:left;
	background-color:#fff;
}

.slidpad{
	padding:0px;
}

.proimg img{
	width:95%;
}

.dtl{
	padding:20px;
	color:#000;
	font-size:14px;
	font-weight:100;
	line-height:30px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
}

.hovrdv{
	background:rgba(0,0,0,0.5);
	border-radius:2%;
	padding:20px;
	margin:0px;
	right:25%;
	top:150px;
	position:absolute;
	z-index:9999;
	margin-top: 65px;
}

span{
	display:inline;
	float:left;
}

.phon{
	width:50px;
	height:50px;
	background-image:url(../img/phone.png);
	background-repeat:no-repeat;
	padding:0px;
	margin:25px 10px;
}

.mail{
	width:50px;
	height:50px;
	background-image:url(../img/mail.png);
	background-repeat:no-repeat;
	padding:0px;
	margin:25px 10px;
}

.address{
	width:50px;
	height:50px;
	background-image:url(../img/address.png);
	background-repeat:no-repeat;
	padding:0px;
	margin:25px 10px;
}	

#welcome{
	width:100%;
	float:left;
	background:#E4E4E4;
	display:none;
}

.welcomepad{
	padding:20px 0px 60px 0px;	
}

.wlcmheading{
	font-size:50px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
	margin:-30px 20px 10px 20px;
}
.wlcmhomeheading{
	font-size:50px;
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
	margin: 4px 20px 10px 20px;
}

.withslogan{
	font-size:18px;
	color:#90a3b4;
	margin:5px;
	font-weight:700;
	line-height:30px;
}

.slogan{
	font-size:13px;
	color:#15466D;
	margin:5px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:24px;
	font-weight:300;
	text-align:justify;
}

.slogan i{
	font-size:18px;
	color:#15466D;
	margin:0px 8px;
}

.comptitative{
	color:#FFFFFF;
	font-size:36px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:400;
	line-height:40px;
	margin:20px 0px 30px 0px;
}

.moredetl{
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	padding:12px 15px;
	color:#8ea3b4;
	border:solid 3px #3c4f5e;
	background-color:#1f2d3a;
	font-weight:600;
	margin:10px;
}

.indxpro{
	font-size:13px;
	color:#EAEAEA;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:300;
	margin:20px;
}


.wcmsh{
	font-size:26px;
	color:#3F8CC9;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:600;
	margin:20px;
}

.wcmshspn{
	transform:scale(1,1.3);
	-webkit-transform:scale(1,1.3);
	display:inline-block;
}

#tour{
	width:100%;
	float:left;
	background-image:url(../img/beach.jpeg);
	background-attachment:cover;
}

.contactpad{
	padding:50px 0px;
}


.foterhead{
	font-size:18px;
	font-weight:100;
	font-family:Arial, Helvetica, sans-serif;
	padding:12px 15px;
	color:#fff;
	text-transform:uppercase;
	margin:10px;
}

.foterlnk{
	font-size:14px;
	font-weight:300;
	font-family:Arial, Helvetica, sans-serif;
	line-height:20px;
	text-align:justify;
	padding:3px;
	color:#CCCCCC;
	margin:0px;
	display:inline;
}

.foterlnk i{
	font-size:18px;
	color:#CCCCCC;
	margin:5px 8px;
}

.mobmenu{
		display:none;
	}
	
	.desktopmenu{
		display:block;
	}

	#slide-menu{
		display:none;
	}
	
	.menu-head{
	background: linear-gradient(to bottom, #094f9b, #094f9b);
    display: inline-table;
    text-align: left;
    width: 70%;
	margin:0px;
	margin-top:6px;
	}

	.menu-head p{
	color: #fff;
    display: inline-table;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    margin: 10px;
    padding: 5px 0 0;
    text-align: left;
	}

	.menu-head i{
	color:#fff;
	display:inline;
	margin-left:216px;
	font-size:20px;
	}
	
	.gt iframe{
		width:100%;
	}


#service{
	width:100%;
	float:left;	
}

.servicepad{
	padding:50px 0px;	
	background:#ECECEC;
}

.servicemortgage{
	padding:180px 0px;	
	background:#ECECEC;
}

.car{
	display:inline;
	float:left;
}

.car img{
	width:95%;
	border-radius:3%;
	margin-bottom:0px;
	padding-bottom:0px;
	display:inline;
}


.tour-dv .dtl,
.car p{
	font-size:20px;
	font-family:"Arial";
	padding:12px 15px;
	font-weight:100;
	margin:0px;	
}

.car .history{
	text-align:justify;
}

.wc img{
	margin:0px;
	width:100%;
}

.tour-dv .dtl{
	width:80%;
}

.tour-dv img{
	display:inline;
	width:90%;
	margin-top:15px;
}

.tour-dv{
	background:rgba(20,185,213,0.4);
	border-radius:5px;
	border:solid 1px #000000;
}

.pad{
	padding:10px;
}

.tour{
	font-size:14px;
	font-family:myriad pro;
	padding:12px 15px;
	color:#434A54;
	font-weight:500;
	margin:0px;
	display:block;
	text-align:left;
}

.morepro{
	font-size:16px;
	font-weight:900;
	font-family:"Arial";
	padding:12px 15px;
	color:#8ea3b4;
	border:solid 3px #3c4f5e;
	width:250px;
	background-color:rgba(0,0,0,0.1);
	font-weight:600;
	margin:20px 10px;
}

#fotter{
	width:100%;
	float:left;
	background:#bbbbbb;
}

.fotterpad{
	padding:20px 0px;	
}

.ftrheading span{
	margin:8px 10px;
}

.ftrheading p{
	color:#000;
	font-size:13px;
	margin:10px;
	padding:0px;
	line-height:10px;
	display:flex;
}

.ftrheading{
	font-size:45px;
	color:#172830;
	font-family:"Myriad Pro";
	font-weight:bold;
	margin:20px;
}


.chkpro,
.contactbtn2 a{
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:100;
	width:120px;
	text-align:center;
	padding:7px 15px;
	background-color:#3A99E4;
	display:table;
	margin:40px;
}

.chkpro{
	border:none;
	border-radius:3px;
	margin:10px;
}

.guide{
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	font-weight:100;
	width:225px;
	text-align:center;
	padding:7px 15px;
	background-color:#094f9b;
	display:table;
	margin-left:20px;
}

.viewtor a{
	font-size:16px;
	width:170px;
	margin:20px 10px;
	background-color:#1B7979;

}

.contactbtn{
	font-size:16px;
	font:"Myriad Pro";
	color:#90a3b5;
	padding:10px 25px;
	background-color:#1a2733;
	border:solid 3px #1a2733;
	display:-webkit-box;
	margin:5px;
}

.contactbtn:hover{
	background-color:#f9c41e;
	color:#1a2733;
}
/*Main Menu End*/



/*scroller page start*/
.content{
			overflow: auto;
			position: relative;
			padding: 10px;
			background: #444;
			margin: 20px auto;
			width:1100px;
			height: auto;
		}
		.content li{ margin: 0 4px; }
		.content li a{
			display: block;
			border: 7px solid rgba(255,255,255,.1);
		}
		#content-1{ 
			padding-left: 50px; 
			padding-right: 50px;
			background-color: transparent;
		}
/*scroller page end*/


/*contact page start*/

.map iframe{
	width:100%;
}

.contactdv i{
	font-size:26px;
	color:#000;
	display:table-cell;
}

.contactdv p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:500;
	display:inline-table;
	margin:10px 0px;
	color:#000;
}

.proty,
.contfmtxt{
	margin:10px 15px;
	padding:10px;
	font-family:"Myriad Pro";
	font-size:16px;
	color:#000;
	background-color:#fbfbfb;
	border:solid 1px #466887;
	border-radius:3px;
	width:42%;
}

.enq{
	margin:10px 5px !important;
}

.slidtxt{
	padding:7px;
	margin:15px 10px;
	width:200px;
	display:block;
	font-size:12px;
}

.slidta{
	padding:5px;
	margin:15px 10px;
	width:200px;
	display:block;
	font-size:12px;
}

.proty{
	width:32%;
}

.contfmta{
	margin:10px 15px;
	color:#000;
	background-color:#fbfbfb;
	border:solid 1px #466887;
	border-radius:3px;
	width:42%;
	

	padding:10px;
	font-family:"Myriad Pro";
	font-size:16px;
	width:90%;
	height:145px;
}

.slidta{
	padding:5px;
	margin:15px 10px;
	width:200px;
	display:block;
	font-size:12px;
	height:50px;
}

.custfmta{
	margin:0px;
	padding:10px;
	font-family:"Myriad Pro";
	font-size:16px;
	color:#90A3B5;
	background-color:#17222C;
	border:solid 1px #466887;
	width:95%;
	height:70px;
}

.enqryta{
	margin:0px;
	padding:10px;
	font-family:"Myriad Pro";
	font-size:16px;
	color:#90A3B5;
	background-color:#17222C;
	border:solid 1px #466887;
	width:95%;
	height:140px;
}

.submitcont{
	background-color:#86C724;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#192530;
	padding:12px 35px;
	border:none;
	margin:0px;
	margin-right:100px;
	font-weight:600;
}

.submitcont:hover{
	color:#999999;
}

/*contact page end*/


/*product page start*/

.proimg{
	width:100%;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

.proimgdv{
	overflow:hidden;
	width:280px;
	height:210px;
}


.proimgdv:hover .proimg{
	-webkit-transform:scale(1.3);
	transform:scale(1.3);
}

.proname{
	font-size:23px;
	color:#fff;
	font-family:"Myriad Pro";
	font-weight:600;
	margin:20px;
}

.proname:hover{
	color:#FAC11C;
}

/*product page end*/


.machead{
	font-size:32px;
	color:#F9C019;
	font-family:Roboto-Thin;
	font-weight:600;
	margin:5px;
	display:block;
}


.machname{
	font-size:16px;
	color:#fff;
	font-family:"Myriad Pro";
	font-weight:600;
	margin:5px;
	display:block;
}

.machname:hover{
	color:#FAC11C;
}

.machdetail{
	font-family:"Myriad Pro";
	font-size:20px;
	color:#90a3b4;
	margin:5px;
	line-height:30px;
	font-weight:700;
	text-align:justify;
}

.whyushd{
	font-size:18px;
	color:#90a3b4;
	font-family:"Myriad Pro";
	font-weight:300;
	margin:20px;
	display:inline-table;
}

.copyryt{
	width:100%;
	background:#434343;
	clear:both;
	padding:5px 0px;
}

/*start contacts*/
#contacts{
	width:100%;
	float:left;	
}

#contacts #map-canvas{
	width:100%;
	height:790px;
	float:left;
	margin:0px;
	padding:0px;	
}

#markers{
	width:380px;
	height:557px;
	position:absolute;
	z-index:1;
	left:50%;
	margin-left:-190px;
	margin-top:116px;	
}

#bigmarker{
	width:220px;
	height:320px;
	margin:auto;
	background-image:url(../img/section-contact/bigmarker.png);
	text-align:center;
	padding:80px;		
}

.hidebigmarker{
	filter: alpha(opacity=0); /* internet explorer */
    opacity: 0;           /* fx, safari, opera, chrome */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=1)"; /*IE8*/
	
	-webkit-transition: all 0.5s ease;	
	-moz-transition: all 0.5s ease;	
}

.showbigmarker{
	filter: alpha(opacity=1); /* internet explorer */
    opacity: 1;           /* fx, safari, opera, chrome */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)"; /*IE8*/
	
	-webkit-transition: all 0.5s ease;	
	-moz-transition: all 0.5s ease;	
}

#bigmarker h2{
	float:left;
	margin-bottom:10px;
	padding-bottom:7px;
	background-image:url(../img/section-contact/h2arrow.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	width:100%;	
	text-shadow: 2px 2px 0 rgba(223, 223, 223, 0.9);
}

#bigmarker ul{
	float:left;
	margin:auto;
	padding:0px;
	list-style:none;
	width:100%;
}

#bigmarker ul li{
	margin:0px;
	padding:0px;
}


#bigmarker ul li p{
	margin:0px;
	padding:10px 20px 10px 50px;
	font-size:12px;
	color:#a9a9a9;
	border-bottom:1px solid #e5e5e5;
	text-align:left;
	background-repeat:no-repeat;
}


#bigmarker a{
	color:#a9a9a9;
}

.iconhome{
	background-image:url(../img/section-contact/icon1.png);
	background-position:20px 12px;	
}

.iconphone{
	background-image:url(../img/section-contact/icon2.png);
	background-position:20px 12px;
}

.iconfax{
	background-image:url(../img/section-contact/icon3.png);
	background-position:20px 12px;
}

.iconmail{
	background-image:url(../img/section-contact/icon4.png);
	background-position:20px 12px;
}

#littlemarker{
	width:57px;
	height:57px;
	margin:auto;
	margin-top:20px;
	cursor:pointer;
	display:block;	
}

#littlemarkerclose{
	width:57px;
	height:57px;
	margin:auto;
	margin-top:20px;
	cursor:pointer;	
	display:none;
}

.backtotop{
	left:50%;
	margin-left:-25px;
	position:absolute;
	margin-top:776px;
	z-index:25;
	width:50px;
	height:14px;
}

.backtotop img{
	float:left;
	margin:0px;
	padding:0px;
}
/*end contacts*/



/*start anchors*/
.anchors{
	width:100%;
	float:left;
	height:26px;
	position:absolute;
	margin-top:-13px;
	text-align:center;	
}
.anchors img{
	margin:0px !important;
	padding:0px !important;
	border:0px !important;	
}

.contanchors{
	width:87px;
	margin:auto;
	height:26px;
}

.anchortop{
	float:left;		
}

.anchorbottom{
	float:right;		
}
/*end anchors*/


/*start hover effect*/
/*rotate*/
.rotate{
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}
 
.rotate:hover {
  -webkit-transform: rotate(360deg);
     -moz-transform: rotate(360deg);
       -o-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}
/*rotate*/

/*expand*/
.expand
{
	-webkit-transition:all 100ms;
	-o-transition:all 100ms;
	transition:all 100ms;
}

.expand:hover	
{
	-webkit-transform:scale(1.05, 1.05);
	-o-transform:scale(1.05, 1.05);
	transform:scale(1.05, 1.05);
}
/*expand*/

/*opacity*/
.opacity{
opacity: 1;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}


.opacity:hover{
opacity: 0.8;
-webkit-transition: opacity;
-webkit-transition-timing-function: ease-out;
-webkit-transition-duration: 250ms;
-moz-transition: opacity;
-moz-transition-timing-function: ease-out;
-moz-transition-duration: 250ms;
}
/*opacity*/