@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');
@import url('https://fonts.googleapis.com/css?family=Varela+Round');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1; font-family: 'Roboto', sans-serif;     background-color: #f8f8f8; overflow-x: hidden;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
p { font-size: 15px; color: #4f4f4f; line-height: 24px; text-align:justify;}

.myheader {  width: 100%; position: fixed; z-index: 99; padding:15px 0; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; height: 150px !important;}
.myheader2 { background:#123456; height:80px !important; top:0;}
.logo { display:inline-block; background:url(../images/logo.png) no-repeat; width:221px; height:60px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.logo img {  -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; max-height:61px; }
.shrink { height: 80px !important; background:#123456 ; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.shrink .logo { background:url(../images/s-logo.png) no-repeat; width:188px; height:51px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }
.shrink .logo img{  padding-top: 0px; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; max-height:51px }
.myheader nav { display:inline-block; float:right;}

/*Menu*/
.vertical-menu {width: 250px; position:fixed; padding: 0; z-index: 9; height: 0; transition: .3s; right: 0; top: 80px; background-color: #000; }
.vertical-menu a i { padding-right:10px;}
.vertical-menu a { background-color: #000; color: #b3b3b3; display: block; font-size:14px; line-height:25px; padding:10px 0 10px 15px; text-decoration: none; border-bottom:1px solid #252525;}
.vertical-menu a:hover { background-color: #123456; text-decoration: none; color:#fff;}
/*.main-menu { margin-top:0 !important; border:none !important; padding: 12px 0 0 10px; cursor: pointer; width: 47px; height: 42px; float: right; border-radius: 2px;} 
.main-menu span, .main-menu span:before, .main-menu span:after {content: ''; transition: all 200ms ease-in-out; cursor: pointer; height: 3px; width: 30px; background:#fff; position: absolute; display: block;}
.main-menu span:before {top: -12px;}
.main-menu span:after {bottom: -12px;}*/

.bbox { position:relative;}
.bbox  .owl-carousel.owl-loaded { float:left;}
.shbg { background:url(../images/shadow-l.png) no-repeat ; width: 23px; height: 423px; position: absolute; left: -20px; float:left;}
.shbg2 { background:url(../images/shadow-r.png) no-repeat ; width: 23px; height: 423px; position: absolute; right: -20px; float:right;}
#nav-toggle { cursor: pointer; padding-right:30px; position:relative; top:7px; border:none !important; }
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after {cursor: pointer; border-radius: 1px; height: 3px; width: 30px; background: white; position: absolute; content: '';}
#nav-toggle span:before {top: -10px;}
#nav-toggle span:after {bottom: -10px;}
#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { transition: all 500ms ease-in-out;}
#nav-toggle.active span { background-color: transparent; }
#nav-toggle.active span:before, #nav-toggle.active span:after { top: 0;}
#nav-toggle.active span:before { transform: rotate(45deg); }
#nav-toggle.active span:after { transform: rotate(-45deg);}

.main-menu.active span:before{ transform: rotate(45deg);}
.meb-mrnu { line-height:18px !important;}
.meb-mrnu span { font-size:16px; color:#fff; font-weight:400;}
.soc { display: block; width: 100%; float: left; background:#000; padding:20px 0; padding-left:25px;}
.soc li { width: 20%; float: left; margin-left:5px;}	
.soc li a { border-radius: 100%; color:#fff; display: inline-block; padding: 7px 16px; width: 40px; height: 40px;}
.soc li .fb { background:#3b5998;}
.soc li .tw { background:#1da1f2;}
.soc li .gp { background:#db4437;}
.soc li .li { background:#007bb5;}
.smenu {  float:right; margin-top:15px; position:relative;}
.smenu a {font-size:14px; color:#fff; text-transform:uppercase; margin: 0 10px;  padding:8px 12px 10px; border:1px solid #fff; border-radius:3px;}
.smenu .social { font-size:18px;}
.smenu .fprop {padding:11px 12px;}
.bheart { position:relative;}
.bheart i { font-size:18px; color:#fff;}
.smenu .coun { font-size:13px; margin-left:5px; padding:3px 6px;  position:absolute; top:-10px; right:-8px;  border-radius:100%;  background:#f9a11b;}
 /*Carousel banner*/
 
/* Carousel Styles */
#mybanner { position:relative;}
.rec-poj {    position: absolute; z-index: 50; margin: 0 auto; left: 0; right: 0; width:8%;   text-align: center; background: #FFB901; padding: 10px 0; bottom: 0px; }
.rec-poj a {color: #fff; cursor:pointer;}
.mappp { position:absolute; top:0; text-align:center; width:100%; background:#123456;}
.mappp iframe {opacity:0.6;}
.carousel-indicators .active { background-color: #2980b9;}
.carousel-control {  width: 0;}
.carousel-control.left, .carousel-control.right {opacity: 1; filter: alpha(opacity=100); background-image: none; background-repeat: no-repeat; text-shadow: none;}
.carousel-control.left span, .carousel-control.right span { padding: 15px;}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next {	position: absolute;	top: 45%;	z-index: 5;	display: inline-block;}
.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev {	left: 0;}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {	right: 0;}
.carousel-control.left span, .carousel-control.right span {	background-color: #000;}
.carousel-control.left span:hover, .carousel-control.right span:hover {	opacity: .7; filter: alpha(opacity=70);}

/* Carousel Header Styles */
.header-text {position: absolute; top: 65%; left: 1.8%; right: auto; width: 96.66666666666666%; color: #e2e2e2; font-size:20px; letter-spacing:1px;}
.header-text h2 {font-size: 60px; color:#fff;   font-family: 'Varela Round', sans-serif; text-align:left; font-weight:800; padding-left:0;}


/*three2-item-carousel nav*/
.three2-item-carousel .owl-nav { top: 45%;}
.three2-item-carousel .owl-nav i { font-size:15px; padding:14px 15px;}
.three2-item-carousel .owl-prev, .three2-item-carousel .owl-next {background: rgba(256, 256, 256, 0.9); display: inline; width:40px; height:40px; border-radius: 50%; color: #333; box-shadow:0 5px 10px 0 rgba(0,0,0,.16); position:absolute;}
.three2-item-carousel .owl-prev:hover, .three2-item-carousel .owl-next:hover {background: rgba(256, 256, 256, 1);}
.three2-item-carousel .owl-prev { left:12px; top:45%;}
.three2-item-carousel .owl-next { right:12px; top:45%;}

.three4-item-carousel .owl-nav { top: 45%;}
.three4-item-carousel .owl-nav i { font-size:15px; padding:14px 15px;}
.three4-item-carousel .owl-prev, .three4-item-carousel .owl-next { display: inline; width:40px; height:40px; border-radius: 50%; color: #333; position:absolute;}
.three4-item-carousel .owl-prev { left:-20px; top:45%;}
.three4-item-carousel .owl-next { right:-20px; top:45%;}


/*Search Bar*/
#homesearchbar { background:#123456; padding:35px 0; }
.search-dhome .form-control { background:#transparent !important; border:1px solid #fff !important; color:#fff;}
.search-dhome .form-control #placeholder { color:#fff;}
.search-dhome .ptype-w { background: url(../images/ptype_w.png) no-repeat 15px, url(../images/drop.png) no-repeat 95% 17px;  }
.search-dhome .ctype-w { background:url(../images/city_w.png) no-repeat 15px, url(../images/drop.png) no-repeat 95% 17px;}
.search-dhome .stype-w { background:url(../images/search_w.png) no-repeat 15px;}
.search-dhome select {-moz-appearance: none; -webkit-appearance: none; }
.search-dhome select option { color:#fff !important; background:#123456; border-radius:10px !important; border-bottom:2px solid #fff;   width:80%; border-radius:10px !important; height:50px !important; }
/*Services**/

.choose-area {overflow: hidden; position: relative; background:#fff; margin-top:30px;}
.choose-img {background-image:url(../images/aword-bg.jpg); background-position: center center; background-size: cover; padding: 0; position: absolute; right: 0; top: 0 ;padding:20px 50px 38px;  }
.custom-row { margin:0;}
.choose-space { padding:25px; }
.choose-content-wrapper { padding: 0px 10px 33px;}
.about-head { margin:45px 0 0;}
.about-head h2 {padding:0 0 15px 50px; font-size:25px; color:#123456; font-weight:500;}
.about-head p { color:#888f99; font-size:16px; padding-left:50px;}
.aw-head { margin:0;}
.aw-head h2{ padding:25px 0; color:#fff;}

.choose-categories-content { text-align:left;}
.choose-categories-content .sicons { padding:6px; border-radius:3%; border:2px solid #e7e7e7; display:inline-block; float:left; margin-right:20px;}
.choose-categories-content i { font-size:30px; color:#f9a11b; background:#123456; padding:15px; border-radius:3%; }
.choose-categories-content h5 {font-size: 16px; margin-bottom:10px; color:#123456; line-height:20px;}
.choose-categories-content p { font-size: 14px; color:#888f99; line-height: 21px; margin-bottom: 0; }
.awords { padding-top:16px;}
.awords p { font-size:16px; color:#fff; line-height:28px; }
.awords img { margin-bottom:30px;}
/*.choose-space:hover { background:#123456; color:#fff !important;}*/

#prroject-city { padding:45px 0;}
.comm-heading { text-transform:uppercase; line-height:34px; padding:15px 0;}
.comm-heading h1 { font-size:30px; color:#123456; border-bottom:5px solid #f9a11b; padding-bottom:10px; display:inline-block;}
.comm-heading h1 small { color:#76767; font-size:17px;}
.comm-heading hr { border-bottom:3px solid #123456; margin-top:-4px;}


.similer {/* width:100%;*/ margin-right:0; padding:0 5px;}
.similer a:hover { text-decoration:none;}
.similer2 { padding-bottom:50px; transition:}
.similer .owl-item { margin-right:0px;}
.services-box { background:#fff; display:table-cell;  /*-webkit-box-shadow: 2px 2px 0px 0px rgba(216,216,216,0.75); -moz-box-shadow: 2px 2px 0px 0px rgba(216,216,216,0.75); box-shadow: 2px 2px 0px 0px rgba(216,216,216,0.75);*/ border-radius:3px; border: 2px solid rgba(216,216,216,0.75); margin-bottom:20px;}
.services-box2 { background:#f5f5f5;}
.services-box-cont {  padding:20px 9px 0; }
.services-img img{ min-height:205px; width:100%;}
.services-box-cont h4 {font-size:16px; margin-bottom:10px;}
.services-box-cont h4 a { color:#123456;}
.services-box-cont h4 a:hover { text-decoration:underline;}
.services-box-cont p { font-size:13px; line-height:22px; padding-bottom:20px; text-align:left;}
.services-box-cont p a {color: #4f4f4f;}
.services-box-cont p a:hover { text-decoration:underline;}
.ptb p { padding-bottom:0;}
.services-box-cont p span { display:block; font-size:14px; padding:10px 0; color:#f9a11b; position:relative;}
.hactive { width: 30px !important;
    height: 30px;
    border: 2px solid #f9a11b;
    padding: 6px 5px;
    border-radius: 3px; position:absolute; top:7px; left:0;}
.services-box .pro-feture { margin-top:0;}
.services-box .pro-feture li img{ width:auto !important;  float: left; margin-left: 0px; margin-right: 0px; }
.services-box .list-inline { margin-left:0;}

.city-filter { background:#123456; padding:0; border-radius:3px; }
.city-filter .nav-tabs { border:0; width:100%; }
.city-filter .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color: #fff;  background:#f9a11b;  border: 0;  }
.city-filter .nav-tabs>li { width:50%;}
.city-filter .nav-tabs>li>a { font-size:21px; text-transform:uppercase;  background-color: #0b213a; }
.city-filter .nav-tabs>li>a:hover {background-color: #0b213a; border:0;}
.city-filter .tab-content { padding:35PX; font-size:18px; padding-bottom:8px; }
.city-filter #tabs-1 {height:302px; overflow:hidden; overflow-y:scroll;}
.city-filter #tabs-2 {height:302px; overflow:hidden;}
.city-filter .chiller_cb {background:#f9a11b; margin:10px 0; height:40px; width:85%; padding-left:10%; border-radius:3px; box-shadow: 1px 1px 1px #fff; }
.city-filter .chiller_cb span { border: 2px solid #fff; left:10%;  transition: all 0.2s; z-index: 1; box-sizing: content-box;}
.city-filter .chiller_cb label { font-size:18px; color:#123456; z-index:20; }
.city-filter .chiller_cb input:checked ~ span { background: #f9a11b; border-color: #123456;}
.city-filter .chiller_cb input:disabled ~ span { background: #ececec;  border-color: #dcdcdc;}
.city-filter #tabs-1::-webkit-scrollbar { width: 10px;}
.city-filter #tabs-1::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(256,256,256,1); background:#fff;	border-radius:10px;}
.city-filter #tabs-1::-webkit-scrollbar-thumb {  background-color: #f9a11b; outline: 1px solid #fff; 	border-radius:10px;}

#b-logo { background:#ededed; padding:15px 0;}
.builder { margin-bottom:15px;}
.builder img {    transition: transform .2s; width: 100%; background: #fff; padding: 5px; border-radius: 2px; height: 100px; box-shadow: 1px 1px 1px #cecece; }
.builder img:hover {transform: scale(1.1);}
.logo-effect {display:inline-block ; width: 100%; height: auto; }
.overlay { position: absolute; top: 0; bottom: 0; left: 15px; right: 15px; opacity: 0; transition: .5s ease; background-color: #193a5b; }

.company-profile { text-align:center; padding:0px 0; margin:0; background:url(../images/video-bg.jpg) no-repeat center center; color:#fff; }
.company-profile h2 { font-size:36px; font-weight:600; padding:40px 0 40px;  font-family: 'Varela Round', sans-serif;}
.company-profile p { font-size:20px; color:rgba(256,256,256,0.5);}
.video-lcd { background:url(../images/mac.png) no-repeat center 0px; margin:0 auto; height:540px;}
.video-pos{ position:relative; left:34px; top:20px}

#review { background:#f6f6f6; padding-bottom:50px;}
.points { background:url(../images/point-bg.jpg) no-repeat center center;}
.point-lay { padding:20px 0;}
.point-content { background:#f9a11b; color:#fff; padding:24px 0px; margin:20px 80px;  border-radius:3px; }
.point-content h5 { font-size:3rem;}
.point-content p { color:#fff; line-height:30px; text-align:center;} 

.web-review { background:url(../images/review-icon.png) no-repeat 100% 25px;}
.rev-text .conrrr { min-height:140px; background:#fff;   -webkit-box-shadow: 2px 2px 0px 0px rgba(235,235,235,0.75); -moz-box-shadow: 2px 2px 0px 0px rgba(235,235,235,0.75); box-shadow: 2px 2px 0px 0px rgba(235,235,235,0.75); }
.rev-text p { padding:5px; color:#72767b; font-size:15px; line-height:26px; text-align:inherit;}
.rev-text:after {top:89%; left:90%; border:solid transparent; content:" "; height:0px; width:0px; position:absolute; pointer-events:none; border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 23px; margin-left: -23px; }
.rev-write { font-size:18px; color:#123456; text-align:right; padding-right:6%; padding-top:30px; position:relative; top:20px;}
.rev-write small{ font-size:14px; color:#818181; text-transform:uppercase;}


.blogcont h4 { font-size:18px;}
.blogcont h5 { color:#b8b8b8; font-size:13px; text-transform:uppercase; padding-bottom:15px; }
.blogcont h5 span { font-size:15px; color:#888888;}
.blogcont p { font-style:italic;}
.blogcont a { font-size:15px; display:block; color:#72767b; padding:0 0 10px 0; text-align:right;}


footer { background:#123456; padding:40px 0; color:#fff; margin-top:40px;}
.widget_nav_menu { margin-bottom:20px;}
.widget_nav_menu h1 { font-size:18px; text-transform:uppercase; padding-bottom:15px;}
.widget_nav_menu ul li a { color:#fff; font-size:14px; line-height:30px;}

.newsl h1 { font-size:30px; text-transform:uppercase;} 
.newsl h1 small { font-size:17px; color:#fff; }
.newsl input { border:none; background:none; border-bottom:2px solid #fff; height:40px; margin-top:20px; width:100%; }
.newsl button, .newsl button:hover { background:#123456; color:#fff; border-radius:0; border:2px solid #fff; margin-top:20px; height:40px; font-size:20px; text-transform:uppercase; padding:0px 10px;}
#copy { background:#f9a11b; line-height:60px;}
.copywrite { font-size:14px; color:#123456;}

/*Search Page*/
#searchbar {  background:#fff; padding:25px 0; text-align:center;  -webkit-box-shadow: 3px 3px 5px 0px rgba(235,235,235,1); -moz-box-shadow: 3px 3px 5px 0px rgba(222,222,222,1); box-shadow: 3px 3px 5px 0px rgba(222,222,222,1);}
.search-bg { background:#fff; padding:10px; margin:20px 0;}
.search-d { margin-bottom:0; }
.search-d select {-moz-appearance: none; -webkit-appearance: none; }
.search-d .form-control { border-radius:3px !important; height:45px; border:2px solid #cccccc; text-indent:30px; }
.s-brn { width:100%; height:45px; border-radius:3px; background-color:#f9a11b; border-color:#f9a11b; text-transform:uppercase;}
.my-br { font-size:12px; margin-bottom:0; padding-bottom:0;}
.span_pseudo, .chiller_cb span:before, .chiller_cb span:after { content: ""; display: inline-block; background: #fff; width: 0; height: 15px; position: absolute; transform-origin: 0% 0%;}
.chiller_cb { position: relative; height: 1.8rem; display: flex; align-items: center;}
.chiller_cb input {display: none;}
.chiller_cb input:checked ~ span {background: #f9a11b; border-color: #f9a11b;}
.chiller_cb input:checked ~ span:before { width: 0.8rem; height: 0.08rem; transition: width 0.1s; transition-delay: 0.3s; }
.chiller_cb input:checked ~ span:after {  width: 0.3rem; height: 0.08rem; transition: width 0.1s; transition-delay: 0.2s;}
.chiller_cb input:disabled ~ span { background: #ececec; border-color: #dcdcdc; }
.chiller_cb input:disabled ~ label {color: #dcdcdc; }
.chiller_cb input:disabled ~ label:hover { cursor: default;}
.chiller_cb label {  padding-left: 1.3rem; position: relative; z-index: 15; cursor: pointer; margin-bottom:0; color:#333; font-size:13px; }
.chiller_cb span { display: inline-block; width: 0.7rem; height: 0.7rem; border: 2px solid #6f6f6f	; position: absolute; left: 0; transition: all 0.2s; z-index: 1; box-sizing: content-box; }
.chiller_cb span:before { transform: rotate(-55deg); top: 0.7rem; left: 0.3rem; }
.chiller_cb span:after { transform: rotate(35deg); bottom: 0.15rem; left: 0.1rem; }
.ui-draggable, .ui-droppable {background-position: top;}
.ui-widget-content { background-color:#cfcfcf !important; height:2px !important; color:#fff !important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { height: 15px; width: 15px; border-radius: 100%; background: #f9a11b !important; border: 0 !important; }
.ui-widget-content a { color:#fff !important; font-size:13px; line-height:30px !important;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { line-height:35px !important; background: #123456 !important; font-size:15px !important; opacity:1 !important; color:#f9a11b !important; }
.ui-slider-horizontal .ui-slider-handle { top: -.6em !important; margin-left: -.6em;}
#amount { font-size:14px; border:0; margin:5px 0 20px;}
.property-features-add h1 { font-size:18px; color:#123456; text-transform:uppercase;}
.property-features-add h2 { font-size:16px; margin-top:5px; margin-bottom:10px; padding-bottom:10px; border-bottom:2px solid #ccc;} 
.property-features-add h2 a { font-size:13px !important;}
	
.property-listing { margin-bottom:25px; background:#f7f7f7; }
.my-media-heading  { font-size:18px;  line-height:30px; color:#123456; margin-top:10px;}
.my-media-body hr { margin:10px 0;}
.add, .my-media-body p { font-size:14px !important; color:#4a4848 !important; line-height:22px; text-align:justify;}
.my-media-body span i { color: #123456}
.pdd { padding-left:0;}
.poss { font-size:12px !important;background: #d8d8d8; padding: 6px; border-radius: 10px;}
.pro-feture { background:#123456; color:#fff;  margin-top:10px; padding:4px 0;line-height:28px;}
.pro-feture li { font-size:12px !important;}
.pro-feture li img { float:left; margin-left:10px; margin-right:5px; }
.pro-feture .amoun { font-size:20px !important; color:#f9a11b;}
.plt { padding-bottom:5px; border-bottom:2px solid #cccccc;}
.search-tags { padding:10px 0; font-size:14px; text-transform:uppercase; margin:0px 0;}
.search-tags span { background:#123456; color:#fff; padding:5px 10px; margin-right:10px; line-height:35px;}
.search-tags span img {  position: relative; top: 3px; margin-left: 5px;}
.ptype { background: url(../images/ptype.png) no-repeat 15px, url(../images/dropg.png) no-repeat 95% 17px; }
.ctype { background:url(../images/city.png) no-repeat 15px, url(../images/dropg.png) no-repeat 95% 17px; }
.stype { background:url(../images/search.png) no-repeat 15px;}
/*Testimonial Page*/
.page-bg { background:#fff; margin-top:65px;}
#page-head { background:#f2f2f2; padding:13px 0 8px; margin-top:5px;}
.inner-head h3 { font-size:25px; color:#2c394c; text-transform:uppercase;}
#page-head .breadcrumb { padding-left:0; background:none; margin-bottom:0; font-size: 12px;  text-transform: uppercase;}
#page-head .breadcrumb a { color:#2c394c;}

.inner-page {  padding:30px 0;}
.msg { background:#f9a11b; border-radius:35px; padding:30px;}
.msg p{ color:#4f4f4f; font-size:15px; line-height:24px; }
.arr { background:url(../images/others/t-icon.jpg) no-repeat; width:32px; height:22px; margin-left:50px;}
.writer {margin:20px; display:inline-block; text-align:left;  width:100%;}
.writer img { float:left;}
.writer h2{ color:#7d7d7d; font-size:18pxpx; padding:20px 0 0 120px; }
.writer h2 small { color:#bebebe; font-size:13px; text-align:right;}
.gray { background:#f2f2f2;}
.arr2 { background:url(../images/others/gt-icon.jpg) no-repeat; }


.city-icon{ text-align:center; margin-bottom:25px; }
.city-icon img {border:1px solid #e2e2e2; padding:10px; margin-bottom:20px; border-radius:3px;}
.city-icon a { background:#123456; color:#fff; font-size:14px; padding:5px 25px;}
.city-icon a:hover { text-decoration:none; background:#f9a11b;}
.about { padding:25px;}
.about h1, .about-smc h2 { font-size:25px; color:#2c394c;  line-height:30px;}
.about p, .about-smc p { font-size:15px; color:#4f4f4f; line-height:24px;}
#why-smc { background:#f6f6f6; } 
.about-smc {  padding:20px;}
#msvision { padding:50px 0;}
.smcvm { border:1px solid #f0f0f0; text-align:center; padding:20px; color:#4f4f4f; margin:10px;}
.smcvm  h3 { text-transform:uppercase; font-size:20px; }
.smcvm  i { padding:30px 0; color:#123456; }

.topsearch { padding: 10px 0; width: 232px; height: 42px; position: relative; left: -12px; float: left; line-height: 22px; }
.topsearch input { position: absolute;  width: 34px;  float: Left;  margin-left: 198px; -webkit-transition: all 0.7s ease-in-out;  -moz-transition: all 0.7s ease-in-out; -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out; height: 42px; top:-12px; line-height: 18px; border-radius:1px; background:none; border:1px solid #fff; padding:0 10px; opacity:0; color:#fff; }
.topsearch:hover input, .search input:focus { width: 200px; opacity:1; margin-left: 0px; }
.topbtn {  height: 42px;  position: absolute;    right: 0;   top: -12px;    border-radius:1px;	background:none; 	border:1px solid #fff; }
.topbtn:active, .topbtn:focus, .topbtn:active{ background:none; border:1px solid #fff;}

#team { background:#f3f3f3; padding:30px 0;}
.heading-title { text-align:center;  }
.heading-title h3 { font-size:20px; padding-bottom:20px; text-transform:uppercase;}
.heading-title p { text-align:justify; line-height:20px;}

.team-member, .team-member .team-img {position: relative; border:1px solid #f9a11b; border-bottom:5px solid #f9a11b; }
.team-member {overflow: hidden; }
.team-member, .team-member .team-img { position: relative; }
.team-title {position: static; padding: 20px 0; display: inline-block; letter-spacing: 2px; width: 100%; }
.team-title h5 { margin-bottom: 0px; display: block; text-transform: uppercase;}
.team-title span { font-size: 12px; text-transform: uppercase; color: #a5a5a5; letter-spacing: 1px;}
.Financial_part{ background-color: #fff; padding: 50px 0px; }
.Financial_img img{margin: 40px 0px; width:350px; }
.Financial-box{border-radius: 5px; padding: 9px; text-align: center; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: all 0.3s cubic-bezier(.25,.8,.25,1); margin-bottom: 30px;}
.Financial-box img{ background: #123456; padding: 8px; border-radius: 8px; margin-bottom: 5px; width: 55px; height:55px; display:inline-block !important;}
.Financial-box h3 { margin: 10px 0px; font-size: 15px; text-transform:uppercase; color: #123456; }
.Financial-box p {  margin: 10px 0px 0px; font-size: 13px; font-weight: 400; line-height: 22px; }



/*Bulder Page*/

/*Website Start*/
.main-part { padding:30px 0; background:url(../images/bulder-bg.jpg) no-repeat ; background-size:cover;}
.profile-header {  margin:0; }
.profile-left h3 { font-size:25px; color:#fff; }
.profile-left p { font-size:15px; line-height:50px; color:#fff; }
.fit {  margin-bottom:35px; text-transform:uppercase;}
.fit img { border:1px solid #fff; padding:5px; float:left;}
.fit span {line-height: 44px; padding-left: 15px; color:#fff; font-size:14px; }
.aboutus { background:#fff; margin:0 auto; margin-top:20px; color:#fff; font-size:14px; line-height:22px;}
.aboutus p {padding:20px; }
.blogo {background: #fff; padding: 10px;}
/* Top Filter Box */
.media-body .list-inline { margin-left:-15px;	}
.top-filter { background:#fff; height:45px; padding:0; }
.tfilter-box { border-top:1px solid #e7e7e7;}
.my-filter { background:#fff;  margin-bottom:0px; padding-top:30px;}
.my-filter select {display: block; width: 100%; height: 45px; border:0; border-right: 1px solid #ededed; border-radius: 0; box-shadow: none; color: #000; font-size: 14px; padding-left:45px;}
.filter1 { background:url(../images/icon5.png) no-repeat 10px; width:34px; height:34px;}
.filter2 { background:url(../images/icon6.png) no-repeat 10px; width:34px; height:34px;}
.filter3 { background:url(../images/icon7.png) no-repeat 10px; width:34px; height:34px;}
.filter4 { background:url(../images/icon8.png) no-repeat 10px; width:34px; height:34px;}
.filter5 { background:url(../images/icon9.png) no-repeat 10px; width:34px; height:34px;}
.pdd { padding:0;}
.mybtn { padding:6px 35px;}
.bgc-fff {background-color: #fff!important;}
.box-shad {}
.media { border:1px solid #e7e7e7;}
.media a { width:51%; padding:0;}
.media2 a { width:100%; padding:0;}
.media2 .media-left, .media>.pull-left { padding-right:0;}
/* Font changes */
.fnt-smaller {font-size: 16px;}
.fnt-lighter { color: #bbb; }
.property { padding:0px 0;}
.media-heading a { font-size:20px; line-height:30px; color:#3f3f3f;}
.media-heading a span { color:#5cb85c !important; padding-left:5px;}
.media-body { padding:15px;}
.media-body p { font-size:14px; line-height:20px;}
.media-body hr { margin:9px 0;}

.ui-menu-item {  font-family: 'Roboto', sans-serif !important;
font-size:14px; line-height:20px; color:#fff; background:#123456; border-bottom:1px solid #415d78;}	
.ui-menu-item:hover { background:#f9a11b !important; border:none;}

.city-detail{ }
.city-detail p { padding-bottom:20px; text-align:justify; }
.l-count { padding:30px 0;}
.l-count h1 { padding:10px 20px; font-size:20px; color:#123456; display:inline;  background:#f5f5f5; }
.l-count2 {padding:10px 0;}
.l-count2 .form-group {padding:10px 20px; background:#f5f5f5; }
.l-count2 .form-group .form-control { background:#f5f5f5; border-radius:0; color:#123456;}




.page-header h1  { font-size:25px !important; color: #2c394c; text-transform:uppercase;}
.page-header { margin:0; margin-bottom:20px;}
.page-header h1 small { color: #383838;}/**/
.page-header hr { border-bottom:2px solid #dfdfdf;}
.about-sub-details {    margin: 70px 0 0 0;   display: inline-block;  clear: both;  width: 100%;}
ul.about-sub-listings li {    width: 49%; float: left; font-size: 35px; font-weight: normal; font-family: 'Libre Baskerville', serif; text-transform: uppercase; margin: 0 0 35px;  color: #000;  font-style: normal;}
ul.about-sub-listings li span { font-size: 18px; color:#4f4f4f; display: block;  margin: 15px 0px; text-transform: initial; font-style: normal; }
ul.about-sub-listings li:after {  width: 75px; background: #123456; position: relative; display: inline-block;  height: 3px;  content: '' ; transition: all 300ms ease-in-out; opacity: 1;}

#vpont { padding:50px 0; background:#FFF; }
.smcnum { text-align:center; font-size:25px; color:#123456; border-bottom:2px solid #123456; padding-bottom:10px; display:inline-block;}
.count { padding:20px; border-bottom:1px solid #e3e3e3; border-right:1px solid #e3e3e3;}
.count img { padding-top:15px; }
.count img, .count p  { float:left; text-align:left !important;}
.count p span { font-size:45px; line-height:55px;  color:#123456;}
.bdd { border-right:0;}
.bdd2 { border-bottom:0;}
.team-title2 { letter-spacing:1px !important; line-height:25px;}
.team-img2 img { width:100% !important;}
#awd { background:url(../images/others/award-parllax.jpg) no-repeat bottom left; width:100%; background-size:cover; }
.main-hdd { text-align:center; text-transform:uppercase; font-size:35px; color:#fff; padding:20px 0;}
.headd  { margin-top:20px;}
.headd img { padding:30px 0;}
.headd h3:before { width: 37%; border: 2px dotted; position: relative; display: inline-block; content: ''; transition: all 300ms ease-in-out; opacity: .5; margin-right: 20px; top: -11px;}
.headd h3:after {  width: 37%; border: 2px dotted; position: relative; display: inline-block; content: ''; transition: all 300ms ease-in-out; opacity: .2; margin-left: 20px; top: -11px;}
.fixed { position: fixed; top:80px; left:0; width: 100%; z-index:3;}
  
.career:before { margin-top:30px;}
.heading-title hr { margin:10px 0;}
.heading-title h5 { text-align:left; text-transform:uppercase; padding-left:20px;  color:#123456; background:#f7f7f7; line-height:40px;}
.heading-title ul { text-align:left; padding:20px 0; }
.heading-title ul li { line-height:30px; margin-left:20px; font-size:14px; list-style-type:disc;}
.heading-title p { padding: 0 20px;}
.cartxt { font-size:16px !important; line-height:20px !important;}
.count div { padding:0;}
.count2 img { padding-top:0px; width:70px;}
.feature { border:1px solid #e2e2e2; padding:20px; border-radius:10px; margin-top:10px;}
.contact-googlemap{ border:1px solid #e2e2e2;}
#map{height:600px;width:100%;border:1px solid #999}
.map-address-mn{width:100%;border:1px solid #b3b3b3;background-color:#fff}
.map-address-mn-ul{padding:0;margin:0;list-style:none}
.map-address-mn-ul li{float:left}
.map-address-mn-ul li:first-child{width:25%}
.map-address-mn-ul li:last-child{width:75%}
.left-mn{overflow-y:scroll;height:600px;width:100%}
.left-mn::-webkit-scrollbar{width:10px; background-color:#e2e2e2;}
.left-mn::-webkit-scrollbar-thumb{background-color:#f9a11b;}
.left-mn div{padding:15px;line-height:20px;color:#4d4d4d;border-bottom:1px solid #b3b3b3;-webkit-transition:all .5s ease;-moz-transition:all .5s ease;transition:all .5s ease; font-size: 14px;}
.left-mn div:hover{background-color:#123456!important;cursor:pointer;color:#fff}
.left-mn div:hover h2{color:#fff}
.left-mn div.active{background-color:#123456;color:#fff}
.left-mn div.active h2{padding-bottom:10px;font-size:20px;color:#fff;}
.left-mn div h2{padding-bottom:10px;font-size:18px;color:#4d4d4d;}
	


.cont { border:1px solid #e2e2e2; padding:20px;}
.cont h2 { font-size:20px;}
.focus-t input:focus{border-color: #d74141;	}
.text-effect input, .text-effect textarea  { border:none; border-bottom:2px solid #073951 !important; border-radius: 0; position:absolute; bottom:0; border-style: none none solid; border-width: 0 0 2px; box-shadow: none; z-index:2; background-color:transparent;}
.text-effect { position: relative; height:70px; }
.my-btn { margin-top:10%;}
	
.myModal .modal-footer {   border-top: 0px solid #e5e5e5;}
.myModal .col-md-12, .myModal .modal-body { padding:0;}
.budget-minmax { width:45%; border:2px solid #6f6f6f; color:#333; font-size:14px; height:40px;}

.bhead h1 { font-size:21px; text-transform:uppercase; color:#123456; background: #fff; margin: 20px 0; line-height: 45px; text-indent: 15px;}

.bhkkk { width:50%; float:left;}
.ui-autocomplete-loading { background:url('/images/loader.gif') no-repeat right center } 

.mrt { margin-bottom:20px;}

#topcity { padding-bottom:20px; }
.city1 { background:url(../images/others/city/city1.jpg);}
.city2 { background:url(../images/others/city/city2.jpg);}
.city3 { background:url(../images/others/city/city3.jpg);}
.city4 { background:url(../images/others/city/city4.jpg);}

.category { overflow: hidden; position: relative; margin: 0 0 20px 0;}
.category:hover:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; content: ""; background-color: #000; opacity: 0.4; z-index: -11; transition: 0.3s ease-out; }
.category_bg_box {  transition: all 0.55s; background-position: center center; background-repeat: no-repeat; background-size: cover; height: 200px; }
.category:hover .category_bg_box {transform: scale(1.06); transition: transform 0.35s ease-out; }
.category_long_bg { height: 420px;}
.category .category-overlay {    background-color: rgba(0, 0, 0, 0.10); bottom: 0; left: 0; position: absolute; right: 0; top: 0; transition: background-color .15s linear; }
.category-content {display: block; left: 90px; position: absolute; top: 50px; transform: translateX(-50%) translateY(-35%); transition: all .15s linear;}
.category-content h3  { display:inline-block;   color: #fff; font-size: 14px; background:#f9a11b; border-radius: 50px; padding: 4px 16px; }
.category-content h3 { margin: 0; }
.category-subtitle {  white-space: nowrap; text-transform: uppercase; background: rgba(18, 52, 86, 1); color: #fff; border-radius: 50px; padding: 4px 16px; font-size: 14px; letter-spacing: 1px; margin-bottom: 10px; }

.timel { background:url(../images/others/abt-bg.jpg) center center no-repeat; 	 }
.timeline-parcours {width:960px; height:auto; min-height:10px; margin:100px auto; }
.container-info  { width:960px; margin:0 auto; height:auto; min-height:187px; }
.timeline-section-tl {width:236px; height:auto; min-height:10px; display:inline-block;}
.timeline-section-tl p { font-size:20px; color:#fff; margin-top:15px; text-align:center;}
.infobox { width:226px; height:auto; min-height:10px; padding:5px; display:inline-block; margin:0px 1px; }
.infobox-text{ font-size:16px !important;}
.infobox a { font-size:16px; color:#fff; padding:10px 15px; text-align:center; margin:5px auto; display:table; border:1px solid #fff; border-radius:5px;}
.fleche-bloc { width: 0; height: 0; border-style: solid; border-width: 15px 15px 0 15px; border-color: #ffffff transparent transparent transparent; margin:auto; }
.parcours-box {opacity:0; z-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.container-time-line { width:960px; margin:auto;}
.time-line-parcours { width:730px; height:10px; background-color:#123456; margin:auto;}
.timeline-indicator { width:0px; height:10px; background:#fea500; -webkit-transition: all 100ms ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.tl-round { width:50px; height:50px; border-radius:50%; border:1px solid #fff; background-color:#1234656; margin:auto; -webkit-transition: all 100ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; }
.container-bulle {  margin-top:-30px;}
/* animation classe */ 
.tl-round i { padding:15px; color:#fea500; font-size:20px;}
.anim-phase-1 { width:240px; -webkit-transition: all 100ms ease; -moz-transition: all 100ms ease; -ms-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease;}
.anim-phase-2 { width:475px; -webkit-transition: all 100ms ease; -moz-transition: all 100ms ease; -ms-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease;}
.anim-phase-3 { width:720px; -webkit-transition: all 100ms ease; -moz-transition: all 100ms ease; -ms-transition: all 100ms ease; -o-transition: all 100ms ease; transition: all 100ms ease;}
.parcours-active { opacity:1; z-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.pclose {    position: absolute;
    right: 7px;
    top: 6px;
    font-size: 23px; color:red !important;}
	.addprop { padding:0 10px; 
    margin: 0 auto;
    border-radius: 0;}
.addprop .form-control { width:80%;}
.addprop i { font-size:25px;}
.list-text3:hover { box-shadow:2px 2px 3px #CCC;}
.list-text2 { font-weight:600; }
.list-text li {border:1px solid #CCC; padding:15px 0; line-height:26px; text-align:center; font-size:14px;}
.pd0 { padding:0;}
.services-box3 { border:0;}
.services-box3:hover{ border:0;}
.services-box-cont2 { padding-top:0;}
.services-box-cont2 h4 { margin:0;}
.services-box-cont2 p { text-align:center; padding:0;}
.addprop p { text-align:center; padding-bottom:10px;}

.favorite {	position:relative; width: 30px; top:-4px; height: 30px; border: 2px solid #f9a11b; color: #f9a11b !important; border-radius: 3px; background: transparent; transition: all ease-in-out 0.3s; transition-delay: 0.1s;}
.favorite:focus {outline: 0;}
.favorite:before {  content: '\f08a'; font-family: 'FontAwesome';  font-size: 16px;  position: absolute;  top: 4px;  left: 5px;}
.favorite:after {  content: ''; opacity: 0;  position: absolute;  top: 4px;  right: 10px;}
.favorite:hover {  width: 120px;  transition: all ease-in-out 0.3s;}
.favorite:hover:after { content: "Favorite This";  opacity: 1;  transition: all ease-in-out 0.5s;}
.favorite.favorited:before {  content: '\f004';  color: red; }
.favorite.favorited:hover:after {  content: "Favorited!";}

.crp { padding:0 8px; line-height:40px;} .crp2 { padding:0; font-size:14px; line-height: 18px;}
.item_delete { color:#123456 !important; font-size:20px !important;   margin: 0 !important; padding: 4px !important; display:block; margin-top:5px !important; }
.shopping-cart {
  margin: 20px 0;
  float: right;
  background: white;
  width: 320px;
  position:absolute;
  border-radius: 3px;
  padding: 20px;
  right: 0;
    box-shadow: 0px 0px 5px #B5B4B3;
}
.shopping-cart hr { margin:10px 0;}
.shopping-cart .shopping-cart-header {
  border-bottom: 1px solid #E8E8E8;
  padding-bottom: 15px;
}

.shopping-cart:after {
  bottom: 100%;
  left: 30%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-bottom-color: white;
  border-width: 8px;
  margin-left: -8px;
}


.button {
  background: #6394F8;
  color: white;
  text-align: center;
  padding: 12px;
  text-decoration: none;
  display: block;
  border-radius: 3px;
  font-size: 16px;
  margin: 25px 0 15px 0;
}
.button:hover {
  background: #729ef9;
}




.mybuilder { width:100%; text-align:center;  margin:0px auto 60px auto;  } 
.mybuilder article { position: relative;}
.mybuilder article:before, article:after {   content: ""; display: table;}
.mybuilder article:after { clear: both }
.mybuilder article section { margin-top:20px;}
.mybuilder article section:first-of-type { float: right; width: 100%;}
.mybuilder article section:last-of-type {  display: none; }
.mybuilder input[type=checkbox] {border:0; clip:rect(0 0 0 0); height:1px; width:1px; margin:-1px; overflow:hidden; padding: 0; position:absolute; }
.mybuilder [for="read_more"] { position: absolute; bottom: -55px; left:44%; width: 14%; text-align: center; padding: .65rem; box-shadow: inset 1px 1px rgba(0, 0, 0, 0.1), inset -1px -1px rgba(0, 0, 0, 0.1);background:#123456; border-color:#123456; border-radius:3px;}
.mybuilder [for="read_more"]:hover { background: rgba(0,0,0,.5); color: rgb(255,255,255);background:#f9a11b; border-color:#f9a11b;}
.mybuilder [for="read_more"] span:last-of-type { display: none; visibility: hidden; }
.mybuilder input[type=checkbox]:checked ~ section { display: block; visibility: visible; width: 100%;}
.mybuilder input[type=checkbox]:checked ~ figure { width: 100% }
.mybuilder input[type=checkbox]:checked ~ [for="read_more"] span:first-of-type { display: none; visibility: hidden;}
.mybuilder input[type=checkbox]:checked ~ [for="read_more"] span:last-of-type { display: block; visibility: visible; }
.cityb { margin-bottom:10px; }
.citybtn {     display: grid;    margin-bottom: 0px;}
.citybtn a { border:2px solid #123456;  padding:15px; color:#000; margin-bottom:20px; border-radius:3px;}
.citybtn a:hover {background:#123456; color:#fff;}
.search-bg .navbar-collapse {float: right; background: #123456;  padding: 5px 13px;}
.search-bg .navbar-nav>li>a { color:#fff !important;}

.fillt {display: inline-block; font-size: 20px; text-transform: uppercase; float: left;}
.dropdown-menu {
    min-width:100%;
    width:100%;
    position:absolute;
    transition:all 0.5s ease;
    height:0;
    display: block;
    opacity: 0;
	border-radius:3px;
	padding:10px;
    visibility:hidden;
    background:#f2f2f2;
}

li.dropdown:hover .dropdown-menu {
    opacity:1;
    height:300px;
	
    visibility: visible;
}

.navbar-nav .navbar {
    position: static;
}

.navbar-nav {
    position:static !important;
}

.dropdown {
    position:static;
}



.dropdown-menu a {
    width:100%;
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  50% {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }

  100% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }
}

.faa-pulse.animated,
.faa-pulse.animated-hover:hover,
.faa-parent.animated-hover:hover > .faa-pulse {
  -webkit-animation: pulse 0.5s linear infinite;
  animation: pulse 0.5s linear infinite;
}


.amine span { background:#123456; padding:5px 10px; color:#fff; margin:7px; display:inline-block;}
.amt-title {    font-size: 20px;
    text-transform: uppercase;}
	
	
/*Refer a friend*/	
.login-sec .form-control {
  background: #f7f7f7 none repeat scroll 0 0;
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  font-size: 14px;
  height: 50px;
  line-height: 50px;
}
.login-sec .form-group {
  margin:14px 0;
}
.login-sec{ text-align:center;}
.forgot a {
  color: #123456;
  font-size: 14px;
  text-align:center;
  text-decoration: underline;
}
.login-sec  .btn.btn-primary {
  background: #f0ad4e none repeat scroll 0 0;
  border-color: #f0ad4e;
  color: #ffffff;
  font-size: 14px;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0;
}
.forgot { margin:15px 0;
}
.botto-text {
  color: #ffffff;
  font-size: 14px;
  margin: auto;
}
.login-sec .btn.btn-primary.reset {
  background: #ff9900 none repeat scroll 0 0;
}
.refer-bg{ background:url(../images/refer-a-friend.jpg)  no-repeat ; width:598px; height:400px;  padding:0;}
.my-modal-body { padding:0 15px;}
#referfrind .modal-content { border-radius:0;}
#referfrind .modal-title {    font-size: 20px; text-transform: uppercase; color: #123456;}
#referfrind .modal-header .close {background: #123456; color: #fff; opacity: 1; padding: 4px 8px;  font-weight: normal;}

/*Fastival offer*/
.fav-offer { margin-bottom:30px;}
.fav-offer img, .brr img { border-radius:5px; margin-bottom:20px;}
.fav-inner-page { position:relative;}
.dance { background:url(../images/others/dance.jpg); width:200px; height:170px; position:absolute; left:0; bottom:0;}
.dance2 { background:url(../images/others/dance.jpg); width:200px; height:170px; position:absolute; right:0; bottom:0;}
.hang { background:url(../images/others/hang.jpg) no-repeat; width:63px; height:193px; position:absolute; left:2%; top:0;}
.hang2 { background:url(../images/others/hang.jpg) no-repeat; width:63px; height:193px; position:absolute; right:2%; top:0;}

/*walkthought*/
.walkt { background:url(../images/others/walk.jpg) no-repeat center center ;
    background-size: cover;
    width: 100%;
	height:200px;}
	
	
.search {
	margin-top:10%;
    position:relative;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:60px;
    height:60px;
    background:#fff;
    box-shadow:3px 3px 0px rgba(0,0,0,.2);
    border-radius:0px;
    transition:width .5s;
    overflow:hidden;
}
.search.active {
    width:600px;
}
.search input {
    position:absolute;
    top:10px;
    left:10px;
    width:calc(100% - 90px);
    height:40px;
    border:none;
    outline:none;
    font-size:15px;
    padding:0 10px;
    color:#666;
    
}
.search.active .icon {
    background:#f9a11b;
}
.icon {
    position:absolute;
    top:10px;
    right:10px;
    width:40px;
    height:40px;
    cursor:pointer;
    transition:.5s;
    border-radius:0px;
}
.search.active .icon:before {
    content:'';
    position:absolute;
    top:0px;
    left:6px;
    width:18px;
    height:30px;
    background:transparent;
    border:none;
    border-right:2px solid #fff;
    border-radius:0;
    transition:.5%;
    transform:rotate(45deg);
}
.search.active .icon:after {
    content:'';
    position:absolute;
    top:12px;
    left:6px;
    width:18px;
    height:30px;
    background:transparent;
    border:none;
    border-right:2px solid #fff;
    border-radius:0;
    transition:.5%;
    transform:rotate(-45deg);
}
.icon:before {
    content:'';
    position:absolute;
    top:4px;
    left:6px;
    width:24px;
    height:24px;
    background:transparent;
    border:2px solid #262626;
    border-radius:50%;
    transition:.5%;
}
.icon:after {
    content:'';
    position:absolute;
    top:16px;
    left:28px;
    width:18px;
    height:18px;
    background:transparent;
    border-left:2px solid #262626;
    border-radius:0;
    transform:rotate(-45deg);
    transition:.5%;
}
.wkn { padding:0;}
.wkn h4 { font-size:16px; padding:15px 10px 5px; text-transform:uppercase;}
.wkn p { padding:5px 10px; line-height:20px; font-size:14px;}
.wkn hr { margin-bottom:0;}
.mbtn { display:block; background: #123456;
    color: #fff;
    padding: 10px 0;
    text-align: center; text-transform:uppercase;}
	
.mbtn:hover { color:#fff;}