/*
Theme Name: I and Wrealty
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready, blog
Text Domain: i&wrealty

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */
#wpadminbar ul:after{ clear:inherit;}
body{ background:#fff; font:normal 14px/20px Arial, Helvetica, sans-serif; color:#000;}
a{ color:#7ac142;}
#navbtn{ display:none;}
.nav-menu{}
.nav-menu li{ position:relative; float:left;}
.nav-menu li > a{ font:normal 16px/68px Arial, Helvetica, sans-serif; color:#000; padding:0 21px; white-space:nowrap; display:block;}
.nav-menu li:hover > a, .nav-menu li.active > a,.nav-menu li.current_page_item > a, .nav-menu li > a:focus{ color:#ff6e00; text-decoration:none;}
.nav-menu .sub-menu{ position:absolute; left:0; top:100%; background:#0089cf; min-width:220px; box-shadow:0 0 5px #02496d; transition: all 300ms ease-out 0s; display:none; z-index:999;}
.nav-menu li .menuarrow{ display:none;}
.nav-menu .sub-menu .sub-menu{ left:100%; top:0;}
.nav-menu li:hover > .sub-menu{ display:block;}
.nav-menu .sub-menu li{ float:none;}
.nav-menu .sub-menu a{ font:normal 14px/34px Arial, Helvetica, sans-serif; padding:0 10px; white-space:nowrap;}
.nav-menu .sub-menu li+li{ border-top:1px solid #035e8d;}
.nav-menu .menu-item-has-children > a{ cursor:pointer;}

header{ padding:10px 0; background:#f1f4f7;}
#logo{ float:left;}
#navigation{ float:right;}
#banner .banner_text img{ opacity:1;}
#banner{ position:relative; background:url(images/slider.jpg) no-repeat 50% 50%;}
#banner img{ opacity:0;}
.banner_text{ position:absolute; left:50%; top:37%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);   -webkit-transform: translate(-50%, -50%); width:1200px; z-index:99; text-align:center;}
.banner_text > div{ width:500px; float:left; position:relative;}
.banner_text h1{ font:400 79px/81px 'Raleway', sans-serif; color:#000; text-transform:capitalize;}
.banner_text h3{ font:400 33px/35px 'Raleway', sans-serif; color:#000; text-transform:capitalize; padding:12px 0 0;}
.banner_text p{ font:400 14px/18px 'Raleway', sans-serif; padding:25px 0 0; color:#000;}

#search_part{ background:rgba(255, 255, 255, 0.8); box-sizing:border-box; border-top:3px solid #ff6e00; position:absolute; bottom:0; left:0; right:0;}
.search_hold{ padding:23px 50px;}
.leftserch{ width:150px; float:left;}
.midlserch{ width:800px; margin:0 10px; float:left;}
.rightsection{ width:120px; float:right;}
.search_hold input[type="search"], .search_hold input[type="email"], .search_hold input[type="password"]{ height:50px; background:url(images/icon2.jpg) no-repeat 0 50% #fff; border:1px solid #e1dede; text-indent:10px;font:normal 15px/50px Arial, Helvetica, sans-serif; color:#585858; margin:10px 0 0; vertical-align:middle; text-indent:70px; width:100%; box-sizing:border-box;}
.search_hold input[type="submit"],input[type="button"]{ border:0; cursor:pointer; color:#fff; background:#446da9;font:300 16px/50px 'Roboto', sans-serif; text-transform:uppercase; padding:0; width:120px; margin:10px 0 0; display:block; transition: all 300ms ease-out 0s; vertical-align:middle;}
.search_hold select{ height:50px; background:#fff url(images/icon1.png) no-repeat 99% 50%;  text-indent:3px;font:300 20px/50px 'Roboto', sans-serif; width:100%; margin:10px 0 0; box-sizing:border-box; color:#585858; text-transform:uppercase; color:#000;}

#contant{ margin:30px 0 0;}
#contant h1{ font:400 35px/37px 'Raleway', sans-serif; padding:15px 0 0;}
/*#contant h1 span{ border-bottom:2px solid #25a55f;}*/
#contant h3{ font:400 23px/27px 'Raleway', sans-serif; padding:25px 0 0;}
#contant h4{ font:400 18px/24px 'Roboto', sans-serif; padding:25px 0 0;}
#contant h5{ font:400 16px/20px 'Raleway', sans-serif; padding:10px 0 0;}
#contant p{ font:400 14px/20px 'Raleway', sans-serif; padding:10px 0 0;}
#contant h5 span{ border-bottom:3px solid #25a55f; padding-bottom:8px;}

.box{ position:relative; width:32.44%; margin:20px 0 0 1%; float:left;}
.box:nth-child(3n+1){ margin-left:0; clear:left;}
.textbox{ position:absolute; font:400 30px/62px 'Raleway', sans-serif; background:rgba(0, 0, 0, 0.7); left:50px; right:50px; top:40%; color:#fff; text-align:center;}
a.more{ font:400 16px/45px 'Raleway', sans-serif; background:#f85608; display:block; color:#fff; text-align:center;}
.totalbox{ margin:30px 0 20px;}

.gap-top{ padding-top:50px;}
.gap-bottom{ padding-bottom:50px;}
.testimoni{ text-align:center;}
.tbox{ background:url(images/box8.jpg) no-repeat 50% 50%; background-size:cover; background-attachment:fixed; margin:25px 0 0;}
a.view{ font:400 15px/42px 'Roboto', sans-serif; margin:25px 0 0; display:inline-block; padding:0 15px; border:1px solid #fff; color:#fff;}
a.view:hover{ background:#f85608;}
.colorwhite{ color:#fff;}
footer{ background:#212020;}
footer p{ font:400 15px/50px 'Roboto', sans-serif; color:#fff;}
footer p img { padding-right:5px;}
.gallery-section { overflow: hidden; position:relative; text-align:center; max-width:550px; margin:0 auto;}
.gallery-section ul{ list-style-type:none;  margin:0;}
.gallery-section:after, .gallery-section div:after, .gallery-section ul:after{  clear: both; content: ""; display: block; line-height: 0; visibility: hidden;}
.gallery-section img{ border: 0 none;  height: auto;  max-width: 100%; vertical-align: middle;}
.product-img-box{ display:block; overflow:hidden; position:relative; border:1px solid #d1d1d1;}
.product-img-box ul{ padding:0 !important;}
.product-img-box ul li{ padding:0 !important; background:none !important;}
.product-img-box ul li+li{ display:none;}
.product-thumb {  padding:10px 0;  z-index: 999;}
.product-thumb ul{ margin:0;}
.product-thumb ul li {  float: left; padding:5px !important;  text-align: center;  width:25%; box-sizing:border-box; background:#fff !important;}
.product-thumb ul li:nth-child(4n+1){ clear:left;}
.product-thumb ul li img {  border:1px solid #d1d1d1; box-sizing:border-box;}
.zoomContainer {    left: 0 !important;    top: 0 !important;}

ul, ol li{ list-style-type:none;}

.listitm li{ list-style:inside disc; padding:5px 0 10px; font: 400 14px/20px "Raleway",sans-serif;}

@media only screen and (max-width: 1198px) {
.banner_text{ width:1000px;}
.nav-menu li > a{ font-size:15px; padding:0 15px;}
.banner_text h1{ font-size:60px; line-height:62px;}
.banner_text h3{ font-size:25px; line-height:27px;}
.textbox{ font-size:25px;}
.banner_text p{ display:none;}
.midlserch{ width:610px;}
}
@media only screen and (max-width: 990px) {
.banner_text{ width:748px; top:32%;}
.banner_text h1{ font-size:40px; line-height:42px;}
.banner_text h3{ font-size:18px; line-height:20px;}
.textbox{ font-size:15px; line-height:35px;}
footer p{ font-size:11px;}
.nav-menu li > a{ font-size:13px; padding:0 8px;}
#logo{ width:26%;}
.midlserch{ width:358px;}
}
@media only screen and (max-width: 740px) {
#navigation{}
#navbtn{ display:block; background:#ff6e00 url(images/navigation.png) no-repeat 0 0; width:38px; height:27px; font-size:0; cursor:pointer;}
.nav-menu{ display:none; position:absolute; width:100%; right:0; top:100%; background:#fff; box-shadow:0 0 6px #000; z-index:1000000}
.nav-menu{ display:none;}
.nav-menu li{ float:none; position:relative;}
.nav-menu li+li{ border-top:1px solid #035e8d;}
.nav-menu li > a{ font:normal 16px/40px Arial, Helvetica, sans-serif;}
.nav-menu .sub-menu{ position:relative; margin:0 3px;}
.nav-menu .sub-menu .sub-menu{ left:0; margin:0 5px;}
.nav-menu .sub-menu li{ float:none;}
.nav-menu li:hover > .sub-menu{ display:none;}
.nav-menu li .menuarrow{ position:absolute; right:2px; top:5px; width:34px; height:32px; z-index:99; background:url(images/nav-arrow.png) no-repeat 50% 50% #ff6e00; display:block; cursor:pointer; border-radius:3px;}

.banner_text{ width:460px; top:40px;}
.banner_text img{ display:none;}
.textbox{ left:10px; right:10px;}
footer p{ line-height:20px;}
footer{ padding: 15px 0;}
.banner_text > div{ width:460px;}
.smlgap{ padding:25px 0 0;}
.leftserch{ width:460px;}
.midlserch{ width:323px; margin:0 10px 0 0;}
.search_hold{ padding:5px;}
.gap-top{ padding-top:30px;}
.gap-bottom{ padding-bottom:30px;}
}
@media only screen and (min-width: 740px) {
.nav-menu{ display:block !important;}
}
@media only screen and (max-width: 450px) {
.banner_text{ width:310px; display:none;}
.box{ width:100%; float:none;}
.leftserch{ width:300px;}
.midlserch{ width:165px; margin:0 10px 0 0;}
.search_hold select{ height:40px;}
.search_hold input[type="search"], .search_hold input[type="email"], .search_hold input[type="password"]{ height:40px;}
.search_hold input[type="submit"], input[type="button"]{ height:40px; line-height:40px;}
#contant h1{ font-size:23px; line-height:25px;}
#contant{ margin:10px 0 0;}
}