@charset "utf-8";
html { overflow-y: scroll; height: 101%; }
body { text-decoration: none; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 21px; color: #333; margin: 0px; padding: 0px; }
body.single-showcases #home-header { background: #fff; height: 106px;}
body.page-template-products-php #home-header { background: #fff; height: 106px;}
body.home  #home-header { position: relative;  background: transparent url(images/home-header.png); background-repeat: repeat-x; background-position: center top;}


/*** Heading & Styling Tags **/
h1 { font-family: 'Open Sans'; font-size: 105px; line-height: 50px; color: #fff; font-weight: 600; margin-top: 280px; margin-bottom: 30px; text-align: center; }
h2 { font-family: 'Open Sans'; font-size: 55px; line-height: normal; color: #fff; font-weight: 600; margin-top: 10px; margin-bottom: 0px; text-align: center; }
h3 { font-family: 'Open Sans'; font-size: 24px; line-height: normal; margin-bottom: 0px; normal; color: #333; font-weight: normal; }
h4 { font-family: 'Open Sans'; text-decoration: none; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 32px; color: #333; margin: 0px; padding: 0px; }
h5 { font-family: 'Open Sans'; text-decoration: none; font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 60px; color: #333; margin: 0px; padding: 0px; text-align: right;}

.alignleft, img.alignleft { float:left; margin: 5px 20px 0px 0px; }
.alignright, img.alignright { float:right; margin: 5px 0px 0px 20px; }
.aligncenter, img.aligncenter { display:block; margin: 5px auto; }
.alignnone, img.alignnone { margin: 5px 20px 0px 0; }

a img { border: none;}

.wpcf7 {border: 0px; width: auto; margin: 0px!important; color: #333;}
.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea { width: auto;}
.wpcf7 input { height: 20px;}
.wpcf7 input, .wpcf7 textarea { border: 2px solid #dddddd;  border-radius: 5px;}
.wpcf7 textarea { width: 100%;}
.wpcf7 .row { padding: 2% 0 0 0 ;}

.wpcf7-form {margin-bottom: 15px; width: auto; margin: 0px; padding: 0px;}
.wpcf7 .row label { float: left; width: 170px;}
.wpcf7 .wpcf7-submit { padding: 10px 30px; height: auto; font-size: 16px;}

.flex-direction-nav .flex-next { right: 0px !important; background-position: right 0 !important;}
.flex-direction-nav .flex-prev { left: 0px !important; }
.flex-direction-nav a { background: url(images/bg_direction_nav.png)!important; width: 40px !important; height: 40px !important;}

a, a:visited {color: #333; text-decoration: none;}
a:hover { color: #999;  text-decoration: none;}
.hidemer {display: none;}



#fancybox-close {background: transparent url(images/close-l.png) left top !important; width: 40px !important; height: 40px !important; right: -30px  !important; top: -30px  !important;}
#fancybox-right-ico { background: url(images/bg_direction_nav.png) right top !important; width: 40px !important; height: 40px !important;}
#fancybox-left-ico { background: url(images/bg_direction_nav.png) left top !important; width: 40px !important; height: 40px !important;}

/**** Frame *****/
.full-container {float: left; width: 100%; margin: 0 auto; clear: both; }
.container, #container { margin: 0 auto; max-width: 1250px; position: relative;  clear: both; }
.showcase-slider { margin: 0 auto; width: 100%; position: relative; float: left; clear: both;  }
.fixed { margin: 150px 0 0 0;}
.white {background: #fff;}
.grey { background: #F3F3F3; }

#logo { float: left; width: 25%; margin: 1% 0 0 0;}
body.home #logo {display:none;}
#home-logo {display: none;}
body.home #home-logo {display: inline; float: left; width: 25%; margin: 1% 0 0 0;}
#home-header { top: 0px; height:150px; position: fixed; z-index:10;  background: #fff url(images/header.jpg); background-repeat: no-repeat; background-position: center 80px;}
.metaslider { float: left; postion: relative; margin-top: -150px; }

/** Menu **/

#menu { margin:0; width:75%; float:left; list-style-type: none;text-align: center; }
.menu-main-menu-container ul { line-height: 46px; margin:0; padding:0;  float:right; list-style-type: none;text-align: center; }
.menu-main-menu-container ul li{  float: left; text-transform: uppercase;  font-weight: normal; padding: 30px 20px 30px 20px; color: #333;  }
.menu-main-menu-container ul ul li { border:none; color: #333; }

/*.nav ul li:first-child{ padding-left:0;}*/
.menu-main-menu-container ul li:last-child { background:none; padding-right:0; border:none;}

.menu-main-menu-container ul li a{ float: left; font-family: 'Arimo', sans-serif; font-style: normal; text-decoration:none; color:#666666; font-size: 14px;   }
body.home .menu-main-menu-container ul li a{ color: #fff;}
body.home .menu-main-menu-container ul li a:hover{ color: #333;}
.menu-main-menu-container ul li a:last-child {padding-right: 0px;}
.menu-main-menu-container ul li a:hover{color:#333; text-decoration:none; }
.menu-main-menu-container ul li:hover { background: rgba(0,0,0,0.6); color:#333;}
.current-menu-item a{ color:#666; }
.menu-main-menu-container ul li.current-menu-item { z-index: 1001; color: #333; }
.menu-main-menu-container ul li.current-menu-item a { color: #333;}

.menu-main-menu-container ul ul,	.menu-main-menu-container ul li:hover ul ul { position:absolute; display:none; }
.menu-main-menu-container ul ul li:hover ul,	.menu-main-menu-container ul li:hover ul li:hover ul {  display:block; top:0px; left: 100%; }

/* ===== Second and Third Level ===== */
.menu-main-menu-container ul li:hover ul { z-index: 100; text-align: left; display:block; position:absolute; top:106px; width:205px;  height:auto; margin:0 0 0 -20px; padding:0px;  }
.menu-main-menu-container ul ul { background: rgba(0,0,0,0.6);  }
.menu-main-menu-container ul ul li { padding:6px 10px;width: 100%;}
.menu-main-menu-container ul ul li a { float:left;  line-height:normal; color: #fff; font-variant:normal; font-weight:normal; font-size:12px;  text-transform:none; padding: 4px 0 4px 10px; }
.menu-main-menu-container ul ul li:hover, .menu-main-menu-container ul ul li.current-menu-item  { background: none;}

.main-navigation-srm {display:none;}

.main {  margin: 160px auto 0 auto;}
.inner { max-width: 940px; margin: 0 auto 0 auto;}

 
/* Showcase */

.showcases { float: left; margin: 0 28px 30px 0px; }
.showcases:nth-child(3), .showcases:nth-child(6), .showcases:nth-child(9), .showcases:nth-child(12), .showcases:nth-child(15), .showcases:nth-child(18) { margin-right: 0px;}
.showcase-banner { min-height: 900px;}
.showcase-content { float: left; width: 100%;}
.showcase-break { float: left; width: 100%; height: 3px;border-top: 1px solid #999999; margin-top: 30px; padding-top:50px;}
.grid-block { position: relative; float: left; width: 397px; height: 272px; overflow: hidden; }
.grid-block img {-webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }

.grid-block:hover img {  -webkit-transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); transform:scale(1.05); transition-duration: 1s; -webkit-transition-duration: 1s; }
.caption {background-color: rgba(0,0,0,0.5);  text-align: center; line-height: 45%; position: absolute; color: #fff; left: 0; right: 0;top: 0%; bottom: 0; padding: 30% 20px 0 15px; font-size:18px; opacity: 0; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out;    }  
a.caption { color: #fff;}
.grid-block:hover .caption { opacity: 1; z-index: 2; }  
.showcase-wrapper { width: 940px; padding: 15px 0px;}
.grey-line { border-top: 1px solid #999999; width: 100%; padding: 35px 0 0 0; margin-top: 10px;}


/* Showcase Single */
body.single-showcases .full-container.fixed { margin-top:106px;}
body.page-template-products-php .full-container.fixed { margin-top:106px;}
.accordion-toggle { margin: 0 auto !important;}
.accordion-toggle { width: 46px; height: 46px; background-image: url(images/open.png);}
.accordion-toggle.current { width: 46px; height: 46px; background-image: url(images/close.png);}

/* Products */
#accordion { margin-bottom: 30px; margin-top: 30px; margin-left: auto; margin-right: auto;}
.products { float: left; margin: 0 28px 30px 0px; }
.products:nth-child(3), .products:nth-child(6), .products:nth-child(9), .products:nth-child(12), .products:nth-child(15), .products:nth-child(18), .showcases:nth-child(21) { margin-right: 0px;}

#fancybox-bg-n, #fancybox-bg-e, #fancybox-bg-w, #fancybox-bg-s, #fancybox-bg-nw, #fancybox-bg-sw, #fancybox-bg-se, #fancybox-bg-ne { background-image: none !important;}

/* News */

.news-wrapper { float: left; width: 100%; margin: 50px 0 5px 0;}
.news-wrapper strong { font-size:13px; margin-bottom: 10px; float :inherit; width:100%;}
.news-wrapper .home-title a { color: #999; font-size: 17px; }
.news-wrapper a { color: #999; font-size: 14px; }
.news-wrapper a:hover {color: #333;}

/* home */
.home-wrapper .type-post { width: 100%; margin: 0 0 3% 0; padding: 0; }
.home-wrapper { width: 940px; margin: 0 auto; padding: 5px 0 40px;}
.home-wrapper h3 { text-align: center; line-height: normal; margin-bottom: 15px; font-style: normal; font-weight: normal; }
.home-wrapper h3 a { font-style: normal; font-weight: normal; font-size:24px; color: #333;}
.home-wrapper strong { font-size:13px; margin-bottom: 10px; float :inherit; width:100%;}
.home-title {margin: 0 0 10px 0; font-size: 17px; color: #999; font-style: normal; font-weight: normal;}
.home-wrapper .home-title a { font-size: 17px; color: #999; font-style: normal; font-weight: normal;}
.home-wrapper .home-title a:hover { color: #333;}
.home-wrapper a { color: #999;  font-size:14px;}
.home-wrapper a:hover {color: #333;}


.kwayy-html-sitemap-wrapper {margin-top: 30px;}
h2.kwayy-html-sitemap-post-title { font-family: 'Open Sans'; font-size: 18px; line-height: normal; margin-bottom: 10px; normal; color: #333; font-weight: normal; text-align: center;}
.kwayy-page-list, .kwayy-post-list {margin: 0 0 30px 0;}
.kwayy-html-sitemap-post-list ul li {list-style-type: none; text-align: center;}

#footer-header { padding: 0 0 60px 0; border-top: 1px solid #999999; margin: 20px 0 0 0; background-image: url(images/footer.jpg); background-repeat: no-repeat; background-position: center bottom; }
.footer {width: 100%; }
.menu-footer-container { float: left; width: 100%;}
.menu-footer-container ul { line-height: normal; margin:0; padding:0;  float:left; list-style-type: none;text-align: center; }
.menu-footer-container ul li{  float: left; text-transform: uppercase;  font-weight: normal; }
.menu-footer-container ul li a{ float: left; font-family: 'Arimo', sans-serif; font-style: normal; text-decoration:none; color:#666666; font-size: 14px; padding: 30px 15px 5px 15px;  }
.menu-footer-container ul li a:first-child { padding-left: 0px;}
.menu-footer-container ul li a:hover{color:#666; text-decoration:none; }
.footer-block-left {float: left; text-align: left; width: 50%; color: #666;}
.footer-block {float: left; text-align: right; width: 50%; color: #666;}
.footer-block a {color: #666;}
.footer-block .alignnone:last-child, img.alignnone:last-child { margin-right: 0px; color: #666;}