/*
Theme Name: KING COMPANYBuilding Company
Theme URI: https://ivorywebdesign.com/
Author: the iVory Team
Author URI: https://wordpress.org/
Description: KING COMPANYBuilding Company 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.5
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: twentysixteen

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.
*/

/*------------------------------------------------
COMMON
------------------------------------------------*/
body{font:14px/24px 'Raleway-Regular', Arial, Helvetica, sans-serif;color:#626262; }


html, body{width:100%; height:100%;}

/*Fonts*/
@font-face{font-weight: normal; font-style: normal;}

@font-face {
  font-family: 'Raleway-Medium';
  src: url('../font/Raleway-Medium.eot'); /* IE9 Compat Modes */
  src: url('../font/Raleway-Medium.eot') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/Raleway-Medium.woff') format('woff'), /* Pretty Modern Browsers */
       url('../font/Raleway-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('https://www.rhodesbuildingco.com/wp-content/themes/Rhodes-Building-Company/fonts/Raleway-Medium.svg') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Raleway-Regular';
  src: url('../font/Raleway-Regular.eot'); /* IE9 Compat Modes */
  src: url('../font/Raleway-Regular.eot') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/Raleway-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../font/Raleway-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('https://www.rhodesbuildingco.com/wp-content/themes/Rhodes-Building-Company/fonts/Raleway-Regular.svg') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Roboto-Black';
  src: url('../font/Roboto-Black.eot'); /* IE9 Compat Modes */
  src: url('../font/Roboto-Black.eot') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/Roboto-Black.woff') format('woff'), /* Pretty Modern Browsers */
       url('../font/Roboto-Black.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('https://www.rhodesbuildingco.com/wp-content/themes/Rhodes-Building-Company/fonts/Roboto-Black.svg') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Roboto-Bold';
  src: url('../font/Roboto-Bold.eot'); /* IE9 Compat Modes */
  src: url('../font/Roboto-Bold.eot') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/Roboto-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('../font/Roboto-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('https://www.rhodesbuildingco.com/wp-content/themes/Rhodes-Building-Company/fonts/Roboto-Bold.svg') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Roboto-Light';
  src: url('../font/Roboto-Light.eot'); /* IE9 Compat Modes */
  src: url('../font/Roboto-Light.eot') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/Roboto-Light.woff') format('woff'), /* Pretty Modern Browsers */
       url('../font/Roboto-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('https://www.rhodesbuildingco.com/wp-content/themes/Rhodes-Building-Company/fonts/Roboto-Light.svg') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'Roboto-Regular';
  src: url('../font/Roboto-Regular.eot'); /* IE9 Compat Modes */
  src: url('../font/Roboto-Regular.eot') format('embedded-opentype'), /* IE6-IE8 */
       url('../font/Roboto-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../font/Roboto-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('https://www.rhodesbuildingco.com/wp-content/themes/Rhodes-Building-Company/fonts/Roboto-Regular.svg') format('svg'); /* Legacy iOS */
}

ul{ margin: 0; padding: 0 }
ul li{ list-style: none; display: inline-block; }
h1{font-family: 'Roboto-Black', Arial, Helvetica, sans-serif; font-size: 34px;}
h4{font-family: 'Roboto-Black', Arial, Helvetica, sans-serif;}

.btn-dark-black{ background-color: #404040; color: #fff;font-family: 'Roboto-Bold', Arial, Helvetica, sans-serif; font-size: 16px; }
.btn-dark-black:hover{ background-color: #292323; color: #fff }
.btn-ornage{background-color: #dd5900; color: #fff;font-family:'Roboto-Bold', Arial, Helvetica, sans-serif;font-size: 16px; text-transform: uppercase;  }
.btn-ornage:hover{ color: #fff; background-color: #fb6f11 }

/*HEADER START*/
.header{ float: left; width: 100%;position:absolute; z-index: 20; background-color: rgba(255,255,255, 0.9); padding: 16px 0 0 0; min-height: 97px; } 
.header .logo{ float: left; }
.header .right-header{ float: right; }
.header .right-header .right-header-top{text-align: right; display: block; }
.header .right-header .right-header-top ul{}
.header .right-header .right-header-top ul li{ display: inline-block; padding: 0 5px; }
.header .right-header .right-header-top ul li:last-child{ padding: 0 0 0 5px }
.header .right-header .right-header-top ul li a{font-size:14px;letter-spacing:1px;text-decoration:none;color:#fff; font-family: 'Raleway-Medium', Arial, Helvetica, sans-serif; text-transform: uppercase; float: left;    background-color: #333;padding: 0 10px;border-radius: 4px;}
.header .right-header .right-header-top ul li.social a{color: #fff; background-color: #333; width: 25px; height: 25px; float: left; border-radius: 50%; text-align: left; padding: 1px 7px;text-align: center;line-height: 25px;} 
.header .right-header .right-header-top ul li a:hover{ color:#fff;background-color: #dd5900;  }
.header .right-header .right-header-top ul li.social a:hover{ color: #fff; background-color: #dd5900 }
.header .right-header .right-header-top ul li.social.procore-img a{ padding: 0 5px }
.header .right-header .right-header-menu{ float: right; }
nav{position:relative;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu > ul > li{float:left}
#cssmenu > ul > li > a{padding:18px;font-size:14px;letter-spacing:1px;text-decoration:none;color:#333; font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; text-transform: uppercase;}
#cssmenu > ul > li:last-child a{ padding: 17px 0px 17px 17px }
#cssmenu > ul > li:hover > a,#cssmenu ul li.current-menu-item a, #cssmenu ul li.current-menu-item .sub-menu li a:hover{color:#dd5900}
#cssmenu ul li.current-menu-item .sub-menu li a{color:#ddd}
#cssmenu > ul > li:hover,#cssmenu ul li.curre li ant-menu-item:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
/*#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}*/
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:200px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#dd5900}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.active a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active> a{border-top:1px solid #333}

/*BANNER START*/
.banner{ float: left; width: 100%; height:100%; position: relative; }
.banner .owl-carousel .item:before{content: ''; background-color: rgba(0,0,0, 0.3); position: absolute; z-index: 20; width: 100%; height: 100%;} 
.banner .proje-name-detail{position: absolute; z-index: 30; bottom: 0; margin: 0px 0 0 0; left: 0; width: 100%; text-align: left; background-color: rgba(0,0,0, 0.7);padding:15px 0;} 
.banner .proje-name-detail h4{ color: #fff;font-family: 'Roboto-Light', Arial, Helvetica, sans-serif; letter-spacing: 5px;position:absolute;top:0px; }
.banner .proje-name-detail h2{ color: #fff; font-family: 'Roboto-Black', Arial, Helvetica, sans-serif; font-size:36px; text-transform: uppercase; margin-top: 0; text-shadow: 0 2px  rgba(0,0,0, 0.5);padding:30px 0 0;}
.banner .proje-name-detail h2 span{ color: #dd5900 } 
.banner .proje-name-detail .btn{padding: 10px 20px;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;margin: 25px 0 0 0; }
.banner .proje-name-detail .btn i{ padding-left: 10px }
.banner .owl-theme .owl-controls .owl-buttons .owl-prev{ background-image: url(../image/prev-arrow-icon.png);    position: absolute; top: 50%; background-repeat: no-repeat; font-size: 0; opacity: 1; background-color: #fff; border-radius: 50%; width: 40px; height: 40px; background-position: 13px 9px; margin: -20px 0 0 0; left:50px; }
.banner .owl-theme .owl-controls .owl-buttons .owl-next{background-image: url(../image/next-arrow-icon.png);    position: absolute; top: 50%; background-repeat: no-repeat; font-size: 0; opacity: 1; background-color: #fff; border-radius: 50%; width: 40px; height: 40px; background-position: 13px 9px; margin: -20px 0 0 0; right:50px;}
.banner .owl-pagination{ position: absolute; bottom:15px; right: 10px }
.banner .owl-theme .owl-controls .owl-page span{ background-color: #cccccc; opacity: 1; width: 14px; height: 14px; border:1px solid #fff; }
.banner .owl-theme .owl-controls .owl-page.active span{ background-color: #fff }
.banner .owl-carousel, .banner .owl-carousel .item, .banner .owl-carousel .owl-item, .banner .owl-carousel .owl-wrapper-outer, .banner .owl-carousel .owl-wrapper{ height: 100%; }
.banner .owl-carousel .item{ height: 100%; position: relative; width: 100%; background-size: cover; background-position: top center}
.inner-banner{background-position: left top;background-image: url(../image/inner-banner.jpg);background-repeat: no-repeat;height: 300px;background-attachment: fixed; position: relative;}
.inner-banner h1{color: #fff; font-family: 'Roboto-Black', Arial, Helvetica, sans-serif; font-size: 40px; text-transform: uppercase; margin-top: 0; text-shadow: 0 2px rgba(0,0,0, 0.5); position: absolute; top: 55%}
.inner-banner:before {content: ''; width: 100%;height: 100%;background-color: rgba(0,0,0, 0.5);position: absolute;left: 0;}

/*DISCUSS START*/
.discruss-contect{ float: left; width: 100%; background-image: url(../image/contect-bg-home.jpg); background-repeat: no-repeat; background-size: cover; padding: 60px 0; }
.discruss-contect .company-contect{ float: left; width: 100% }
.discruss-contect .company-contect h1{ color: #fff; text-transform: uppercase; margin-bottom: 0; margin-top: 0;line-height: 54px; }
.discruss-contect .company-contect p{ color: #fff ; margin: 0}
.discruss-contect .company-contect .btn{ width: 100%;padding:15px 0}
.discruss-contect .company-contect .btn i{ padding-left: 10px; }

/*ABOUT WELCOME*/
.section{padding: 100px 0 80px 0}
.about-welcome{ float: left; width: 100%; text-align: center;  }
.about-welcome .about-welcome-content{ width: 90%; margin: 50px auto; display: inline-block;}
.titel-box{ float: left; width: 100%; text-align: center; }
.titel-box .description{width: 80%; display:  inline-block;}
.titel-box h3{ font-size: 18px; color: #404040;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; text-transform: uppercase; position: relative;    width: auto; display: inline-block; letter-spacing: 3px; margin: 0; } 
.titel-box h3:after{ content: ''; width: 155px; height: 1px; border: 1px dashed #000; position: absolute; right: 0; margin-right: -170px; top: 8px } 
.titel-box h3:before{content: ''; width: 155px; height: 1px; border: 1px dashed #000; position: absolute; left: 0; margin-left: -170px; top: 8px }
.titel-box h2{ color: #404040;font-family: 'Roboto-Black', Arial, Helvetica, sans-serif; font-size: 34px; text-transform: uppercase;margin: 5px 0; }
.titel-box h2 span{ color: #dd5900 }
.about-service-box{ float: left; width: 100% }
.about-service-box .service-box {float: left;width: 100%;border: 3px solid #dd5900; padding:25px 20px; text-align: center; min-height: 315px}
.about-service-box .service-box:hover{ background-color: #dd5900; cursor: pointer; }
.about-service-box .service-box .icon {width: 60px; height: 60px; display: inline-block;}
.about-service-box .service-box .general-contracting-icon{ background-image: url(../image/contracting-icon-gray.svg);}
.about-service-box .service-box:hover .general-contracting-icon{ background-image: url(../image/contracting-icon.svg);}
.about-service-box .service-box .pre-construction-icon{ background-image: url(../image/pre-construction-gray.svg);}
.about-service-box .service-box:hover .pre-construction-icon{ background-image: url(../image/pre-construction.svg);}
.about-service-box .service-box .design-build-icon{ background-image: url(../image/design-build-gray.svg);}
.about-service-box .service-box:hover .design-build-icon{ background-image: url(../image/design-build.svg);}
.about-service-box .service-box .construction-management-icon{background-image:url(../image/construction-management-gray.svg);}
.about-service-box .service-box:hover .construction-management-icon{background-image:url(../image/construction-management.svg);}
.about-service-box .service-box:hover h3, .about-service-box .service-box:hover p, .about-service-box .service-box:hover a{ color: #fff; text-decoration: none}
.about-service-box .service-box h3{color:#404040;font-size: 24px; min-height: 52px;}
.about-service-box .service-box h3 span{font-family: 'Roboto-Black', Arial, Helvetica, sans-serif;}
.about-service-box .service-box p{display: block; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;height: 68px;margin-bottom: 15px;} 
.about-service-box .service-box a{color:#404040;font-family: 'Roboto-Black', Arial, Helvetica, sans-serif; font-size: 18px; text-transform: uppercase;}

/*GALLERY START*/
.gallery-box{ float: left; width: 100%; background-color: #f8f8f8 }
.gallery-box .project-home{ float: left; width: 100%; padding-top: 20px; }
.gallery-box .project-home .box{ width: 25%; display: inline-block; float: left; position: relative;overflow: hidden; }
.gallery-box .project-home .box .port-img{ width: 100%; height:250px; background-repeat: no-repeat; background-position: top center; background-size: 100%; background-size: cover;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.gallery-box .project-home .box a:hover .port-img {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
.gallery-box .project-home .box .proj-name{ display: none }
.gallery-box .project-home .box:hover .proj-name{background-color:rgba(221,89,0, 0.8);display:block; position: absolute; top: 0; width: 100%; height: 100%; color: #fff; font-size: 24px;display: flex; align-items: center; justify-content: center; text-align: center; line-height: 30px; padding: 20px; }

.gallery-box .project-home .box .p-title{position:absolute;bottom:0px;width: 100%;margin: 0 auto;background: #ddd;padding: 10px; text-align: center;font-size:16px;font-family:'Raleway-Regular', Arial, Helvetica, sans-serif;}
.gallery-box .project-home .box .p-title a{color:#333;text-decoration:none;}
.gallery-box .project-home .box .p-title a:hover{color:#dd5900;}
.view-btn-box{ float: left; width: 100%; text-align: center; margin-top:30px; }
.view-btn-box .btn{ display: inline-block; padding: 15px 20px; }
.view-btn-box .btn i, .blog-box .blog-main-box .blog-description a i{ padding-left: 10px }

/*AWARDS START*/
.awards-box{ float: left; width: 100%; background-image: url(../image/awards-bg.jpg); background-attachment: fixed; padding: 100px 0 }
.awards-box .box-awards{ text-align: center;margin-bottom:15px; }
.awards-box .col-lg-2, .awards-box .col-md-2{width:20%;}
.awards-box .box-awards h2{ color: #dd5900; font-size: 48px;font-family: 'Roboto-bold', Arial, Helvetica, sans-serif; margin-top: 0 }
.awards-box .box-awards h4{ margin: 0; color: #333333;font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif; text-transform: uppercase;font-size: 14px;
line-height: 20px; }

/*NEWS START*/
.news-box{ float: left; width: 100% }
.blog-box{ float: left; width: 100%; margin-top:30px; }
.blog-box .blog-main-box{ background-color: #f8f8f8; float: left; width: 100%; border:1px solid #eeeeee; overflow: hidden; }
.blog-box .blog-main-box .blog-img{ height:240px; background-repeat: no-repeat; background-color: #fff; border-bottom: 1px solid #eee; background-size: cover; background-position: top center;    -moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s; }
.blog-box .blog-main-box .blog-img:hover{-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
.blog-box .blog-main-box .blog-description{ float: left; width: 100%; padding:20px;  }
.blog-box .blog-main-box .blog-description h4 a{color: #404040;font-family: 'Raleway-Medium', Arial, Helvetica, sans-serif;}
.blog-box .blog-main-box .blog-description h4{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.blog-box .blog-main-box .blog-description h4 a:hover, .blog-box .blog-main-box .blog-description a:hover{ color: #dd5900; text-decoration: none }
.blog-box .blog-main-box .blog-description p{display:-webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 68px; margin-bottom: 15px; width: 100%} .blog-box .blog-main-box .blog-description .date-detail{ float: left; width: 100%; margin-bottom: 10px; }
.blog-box .blog-main-box .blog-description .date-detail .date-detail-box{ font-size: 12px; color: #404040; text-transform: uppercase;font-family: 'Roboto-light', Arial, Helvetica, sans-serif; display: inline-block; }
.blog-box .blog-main-box .blog-description .date-detail .date-detail-box span{font-family: 'Roboto-black', Arial, Helvetica, sans-serif; }
.blog-box .blog-main-box .blog-description .date-detail .date-detail-box.date-blog{ padding-right:20px; } 
.blog-box .blog-main-box .blog-description a{ color: #404040;font-family: 'Roboto-bold', Arial, Helvetica, sans-serif; text-transform: uppercase; }

.partners {float: left; width: 100%; background-color: #f8f8f8; padding: 30px 0; }
.partners .item{ text-align: center; }
.partners .item img{filter: gray;-webkit-filter: grayscale(1);-webkit-transition: all .8s ease-in-out;}
.partners .item:hover img{filter: gray;-webkit-filter: grayscale(0);-webkit-transition: all .8s ease-in-out;}
.partners .owl-pagination, .partners .owl-buttons{ display: none }

.newslatter{ float: left; width: 100%; background-color: #2f2f2f; padding: 20px 0 }
.newslatter .titel-box{ text-align: left; }
.newslatter .titel-box h3, .newslatter .titel-box h2{ color: #fff }
.newslatter .titel-box h3:before{ display: none }
.newslatter .titel-box h3:after{ border:1px dashed #fff; width: 180px;margin-right: -190px;  }
.newslatter form{ padding: 10px 0 }
.newslatter form .form-control {height: 50px; background:#fff; border-color: transparent; border-radius: 4px; } 
.newslatter form .form-control:focus {box-shadow: none; border-color: #243c4f; }
.newslatter form .btn {min-height: 50px; border-radius:4px; background: #dd5900; color: #fff; text-transform: uppercase; padding: 0 30px }
.newslatter form .btn:hover{ background: #fb6f11 }
.newslatter form .btn:focus{ outline: 0 }
.coppyright{ float: left; width: 100%; background-color: #2f2f2f; color: #fff; font-size: 12px; text-align: center; text-transform: uppercase; padding: 15px 0 }
.coppyright span{font-family: 'Roboto-bold', Arial, Helvetica, sans-serif; }

/*FOOTER*/
.footer{ float: left; width: 100%; background-image: url(../image/footer-bg.jpg); background-size: cover; background-attachment: fixed; padding: 100px 0 80px 0; color: #fff }
.footer .footer-content p{font-family: 'Roboto-light', Arial, Helvetica, sans-serif; font-style: italic; margin-top: 15px }
.footer .footer-nav h3{ color: #fff;font-family: 'Roboto-Black', Arial, Helvetica, sans-serif; font-size: 20px;  margin-bottom: 20px}

.footer .footer-nav ul li{ float: left; width: 100%; }
.footer .footer-nav ul li a{ color: #fff;  width: 100%; background: url(../image/footer-li.png) no-repeat left 6px; float: left; padding-left: 15px;}
.footer .footer-nav ul li a:hover{ color: #dd5900; text-decoration: none }
.footer .addres h4{ text-transform: uppercase;font-family: 'Roboto-Black', Arial, Helvetica, sans-serif; font-size: 16px }
.footer .phone span{ padding-right: 10px; float: left; }
.addres {float: left;width: 100%;}
.newslatter .input-group {position: relative;display: table;border-collapse: separate;width: 100%;}
.newslatter .input-group-btn {position: absolute;font-size: 0;white-space: nowrap;right: -3px;width: auto; z-index:50}
.inner-page{ padding: 80px 0; background-color: #eee; float: left; width: 100% }
.about-section-box h4{font-size:24px;text-align:justify;color:#DD5900; line-height: 36px; padding: 100px 0}
.about-section-box{background-repeat: no-repeat; background-position: top right; height: 500px; background-image: url(../image/CompanyProfile.png);} 
.about-section-box img{ width: 100% }
.leadership-content-box h4, .services-box-inner h4{ line-height: 28px; }
.leadership-content-box h4 span{font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;}
.leadership-content-box p, .services-box-inner p{ font-size: 16px; }
.services-box-inner p a{ color: #333;font-family: 'Roboto-Black', Arial, Helvetica, sans-serif; }
.services-box-inner p a:hover{ color: #dd5900 }
.leadership-content-box img, .services-box-inner img{ width: 100%; height: auto; }
.services-box-inner ul{ padding-left: 20px; }
.services-box-inner ul li{display: block;line-height: 30px;}
.margin-t{ margin-top:20px;  }
.project-main-box {float: left; width: 100%; }
.project-main-box .project-box{ background-color: #fff; float: left; width: 100%; margin-bottom: 30px; padding: 20px 0 }
.project-box {-webkit-box-shadow: 0 10px 6px -6px #777;
  -moz-box-shadow: 0 10px 6px -6px #777;
       box-shadow: 0 10px 6px -6px #777;}
.news-list img{ width: auto!important; }
.project-main-box .project-box img{ width: 100% }

.project-main-box .project-box h3{font-family:'Roboto-Black', Arial, Helvetica, sans-serif;color:#DD5900; text-transform: uppercase; }
.main-contact .contact-form{ float: left; width: 100%; background-color: #fff; padding:25px 15px;}
.main-contact .contact-form p label {float: left; width:25%; padding: 0 10px 0 0; text-align: left; font-size: 15px; font-weight:normal; line-height: 32px;font-family:'Roboto-Black', Arial, Helvetica, sans-serif; }
.main-contact .contact-form p {overflow: hidden; margin: 0; padding: 0 0 10px 0; }
.main-contact .contact-form .wpcf7-form-control-wrap {position: relative;width: 75%;float: left; }
.main-contact .contact-form p input, .main-contact .contact-form p textarea{background: #fff; border: 1px solid #D5D5D5; padding: 0 12px; line-height: 32px; height: 32px; border-radius: 3px; width: 100%;}
.main-contact .contact-form p textarea {padding: 12px;line-height: 18px;height: 80px;}
.main-contact .contact-form p{ text-align: center; }
.main-contact .contact-form p input[type=submit]{ width: auto;background-color: #dd5900; color: #fff; font-family: 'Roboto-Bold', Arial, Helvetica, sans-serif;font-size:16px;text-transform:uppercase;border:0;padding:4px 50px;height:auto;}
.main-contact .contact-form p input[type=submit]:hover{ background-color: #fb6f11; color: #fff }
.main-contact iframe{ background-color: #fff; padding: 15px; border:1px solid #ccc;float:left;width:100%;height:340px; }
.row.project-thumb {margin-top: 15px;}

/* Form */
.wpcf7-form-control-wrap.today-mo, .wpcf7-form-control-wrap.today-dd, .wpcf7-form-control-wrap.today-year{float:left;width:17%;}
.qf-form br{display:none;}
.wpcf7-form-control-wrap.NCTAM{float:left;}
.no-padding{padding: 0px;}
.qf-form{text-align:left;}
.qf-form H2{text-align:center;margin: 15px auto 30px;}
.qf-form .form-title{float: left;width: 100%;border: 1px solid #ccc;margin: 15px auto;padding:15px;}
.qf-form h3{background: #ccc;padding: 10px 15px;text-align: left;font-size:18px;margin:15px auto;float: left;width: 100%; }
.qf-form .form-inline{}
.wpcf7-form-control-wrap.TR-address-1{float:left;width:100%;}
.wpcf7-form-control.wpcf7-textarea{width:100%;border: 1px solid #ccc;border-radius: 4px;}
.qf-form .form-group.mdy label{float: left;}
.qf-form .form-group.mdy label, .qf-form .form-group.general-form label, .qf-form label{float:left;text-align: left;display: block;font-size:14px;line-height: 30px;font-weight:normal;}
.qf-form .form-group.mdy .form-control{width:100%; float: left; border-bottom: 1px solid #ccc; box-shadow: none; border-top: 0; border-left: 0; border-radius: 0; border-right: 0; margin-left: 5px;background-color: rgba(255, 255, 255, 0);} 
.qf-form .form-group.mdy .default-width{width: 65%;}
.qf-form .form-group.mdy span{float: left;font-size:26px;color:#ccc;}
.qf-form .form-group.general-form .form-control{width: 100%;}
.qf-form .general-form{display: block;}
.qf-form .general-form, .form-inline .form-group{margin: 0 auto 15px;}
.qf-form .form-group.general-form .form-control{width: 100%; border: 1px solid #ccc;}
.qf-form .form-check-label{display: inline-block;float: left;}
.qf-form .form-check-input{margin: 8px 5px 0;float: left;}

.qf-form .form-profile{width: 19%;float:left;}
.qf-form .form-profile .form-check-label{float: left;}
.form-inline .form-control{float: left;width:100%;}
.form-group.form-check.form-inline, .wpcf7-form-control-signature-global-wrap{float:left;}
.check-input{float: left;margin: 0 0 0 10px;}
.qf-form ul{list-style-type: none;float: left;padding: 0px;width: 100%;position: relative;}
.qf-form ul li{position: relative;padding-left:50px;margin: 20px auto;}
.qf-form ul li.trade-one-ref:after{content: '1'; position: absolute; left: 0px; top: 6px; padding: 3px 0px; background: #ccc; border-radius: 50%; width: 30px; height: 30px; font-weight: 600;text-align:center;}
.qf-form ul li.trade-two-ref:after{content: '2'; position: absolute; left: 0px; top: 6px; padding: 3px 0px; background: #ccc; border-radius: 50%; width: 30px; height: 30px; font-weight: 600;text-align:center;}
.qf-form ul li.trade-three-ref:after{content: '3'; position: absolute; left: 0px; top: 6px; padding: 3px 0px; background: #ccc; border-radius: 50%; width: 30px; height: 30px; font-weight: 600;text-align:center;}
.qf-form .form-control{border:1px solid #ccc;}
.qf-form .form-control:focus, .wpcf7-form-control.wpcf7-textarea:focus{box-shadow:none;outline:none;}
.wpcf7-form-control.wpcf7-submit{padding:6px 40px;}

.wpcf7-form-control-wrap.cp-project-size, .wpcf7-form-control-wrap.cp-type-company, .wpcf7-form-control-wrap.sc-first, .wpcf7-form-control-wrap.gwa{float:left;width:100%;margin-bottom:15px;}
.wpcf7-form-control-wrap.cp-project-size .wpcf7-list-item{width:20%;}
.wpcf7-form-control-wrap.cp-types-of-projects{float:left;width:100%;margin-bottom:15px;}
/* .wpcf7-form-control-wrap.cp-types-of-projects .wpcf7-list-item{width:15%;} */
.wpcf7-form-control-wrap.cp-type-company .wpcf7-list-item{width:30%;}
.wpcf7-form-control-wrap.sc-first .wpcf7-list-item{width:15%;}
.wpcf7-form-control-wrap.gwa .wpcf7-list-item{width:15%;}
input[type=checkbox], input[type=radio]{float:left;margin:5px 5px 0 0;}

.project-thumb .item{margin:10px 5px 0;}
.project-thumb .owl-theme .owl-controls .owl-buttons .owl-prev{ background-image: url(../image/prev-arrow-icon.png);position: absolute; top: 86%; background-repeat: no-repeat; font-size: 0; opacity: 1; background-color:#fff; border-radius: 50%; width:30px; height:30px; background-position:9px 7px; margin:-15px 0 0 0; left:10px; background-size: 30%;}
.project-thumb .owl-theme .owl-controls .owl-buttons .owl-next{background-image: url(../image/next-arrow-icon.png); position: absolute; top: 86%; background-repeat: no-repeat; font-size: 0; opacity: 1; background-color: #fff; border-radius: 50%; width: 30px; height: 30px; background-position: 12px 7px; margin: -15px 0 0 0; right: 10px; background-size: 30%;} 
.project-thumb .owl-theme .owl-controls  .owl-pagination{display: none;}

/*18012019*/
.project-main-box .news-list .owl-wrapper-outer .owl-item{ height: 80px; overflow: hidden;}
.project-main-box .project-box a, .inner-page .type-services a, .inner-page .type-page a, .img-hover-box{ width:100%;overflow:hidden;cursor:pointer;float:left;}
.project-main-box .project-box a img, .inner-page .type-services a img, .inner-page .type-page a img, .img-hover-box img{-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s; width: 100% !important}
.project-main-box .project-box a:hover img, .inner-page .type-services a:hover img, .inner-page .type-page a:hover img, .img-hover-box:hover img{-webkit-transform: scale3d(1.2,1.2,1);transform: scale3d(1.2,1.2,1);}

.new-grid {min-height: 510px;}

/*RESPONSIVE*/
@media screen and (max-width:1080px){
  .about-service-box .service-box{ margin-bottom: 30px; }
  .gallery-box .project-home .box{ width: 33.33% }
  .awards-box .box-awards{ margin-bottom: 20px; }
  .blog-box .blog-main-box{ margin-bottom: 30px; }
  .banner .proje-name-detail h2{ font-size: 35px; }
	.project-main-box .project-box a{width: 100%; word-break: break-word;}
	.gallery-box .project-home .box{margin-bottom:15px;}
  .discruss-contect .company-contect h1{line-height:normal;}
	
}
@media screen and (max-width:990px){
  .about-section-box h4{ padding: 0 0 30px 0 }
  .about-section-box{ background-image: none; height: auto; }
  .awards-box .col-sm-6{width:33.33%;}

}

@media screen and (max-width:800px){
  .project-main-box .news-list .owl-wrapper-outer .owl-item{ height: 50px;}
.banner .owl-theme .owl-controls .owl-buttons .owl-next, .banner .owl-theme .owl-controls .owl-buttons .owl-prev{ display: none }  

nav{width:100%;}
#cssmenu{width:100%}
#cssmenu ul{width:100%;display:none; background-color: rgba(255,255,255, 0.9); box-shadow: 0 3px 2px 0px rgba(0,0,0, 0.2)}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a {color: #fff; background-color: #333}
#cssmenu ul li{width:100%;border-top:1px solid #444}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
	#cssmenu > ul > li > a{padding:16px;}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.active > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.button{ width: 55px; height: 34px; position: absolute; right: 20px; top: 5px; cursor: pointer; z-index: 20;background-color: #333;border-radius: 0px;} 
.button:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition: all .3s ease;position: absolute;top: 50%;left: 50%;display: block;height: 19px;width: 30px;content: '';background-image: url(../image/menu.png);background-repeat: no-repeat;margin: -9px 0 0 -15px;}
.button.menu-opened:before {top: 23px;width: 30px;background-image: url(../image/menu-close.png);background-repeat: no-repeat;height: 19px;margin: -15px 0 0 -10px;}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu ul li:hover .submenu-button:after, #cssmenu ul li:hover .submenu-button:before{ background-color: #fff; }
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#333;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#333;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.active a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.active > a,#cssmenu > ul ul > li.has-sub > ul > li.active > a{border-top:none}
.header .right-header .right-header-menu{float:right;width:100%;position:absolute;z-index:20; right: 0; padding-right: 0; } 

.parent-div{float:left;width:100%; border: 1px solid #f1f1f1; padding:0; margin: 0 auto 15px; background: #D3D3D3;}
.accordion-heading{background: #287276; padding: 5px 10px; margin: 0; cursor: pointer; color: #fff;}
.accordion-heading span{float: right;}
.accordion-body{display: none; padding: 0 10px;}
	
	.qf-form H2{margin:0 auto 30px;font-size:24px;}
	.qf-form .form-group.mdy{float:left;width:100%;}
	.qf-form h3{margin:0 auto 15px;}
	.qf-form .accordion-heading{margin:0 auto;}
	.qf-form p{float:left;width:100%;margin:0 auto;}
	.wpcf7-form-control-wrap.sc-first .wpcf7-list-item{width:30%;}
	.qf-form .col-md-4{width:50%;float:left;}
	.wpcf7-form-control-wrap.cp-project-size .wpcf7-list-item{width:47%;}
	.wpcf7-form-control-wrap.cp-type-company .wpcf7-list-item{width:47%;}
	.wpcf7-form-control-signature-wrap{width:200px !important;}

}

@media screen and (max-width:768px){
  .project-main-box .news-list .owl-wrapper-outer .owl-item{ height:241px;}
  .project-main-box .project-box a{ height: auto;}
  .project-main-box .project-box img{ width: 100% !important}
  .section, .awards-box, .footer, .inner-page{padding: 50px 0;}
  .banner{height:500px; }
  .banner .proje-name-detail .btn{ margin:20px auto 0; }
  .banner .proje-name-detail{ padding: 0 0 15px 0 }
  .banner .proje-name-detail h2{font-size: 24px;}
  .banner .owl-pagination{bottom: 75px;}
  .main-contact .contact-form{ margin-bottom: 30px; }
  .gallery-box .project-home{padding: 15px;}
   .gallery-box .project-home .box{ width: 45%;margin:0 15px 30px;}
  

  .titel-box h3:before{ width: 80px; margin-left: -90px; }
  .titel-box h3:after, .newslatter .titel-box h3:after{ width: 80px; margin-right: -90px; }

  .discruss-contect .company-contect .btn {width: auto; padding: 15px 30px; margin-top:0px; } 
  .discruss-contect .company-contect h1{font-size: 24px;}
  .qf-form .col-md-6{width:100%;}
	 .qf-form .form-group.general-form.form-check.form-inline.col-sm-4{width:33%;float:left;}
   .footer .footer-nav{float: left; width: 100%; min-height: 268px;}
   .footer .footer-content img{width: 200px;}
   .project-main-box .project-box h3{margin: 0 auto 15px;}
}

@media screen and (max-width:767px){  
  
  .view-btn-box .btn, .discruss-contect .company-contect .btn, .view-btn-box .btn{padding: 0 10px;height: 38px;line-height: 38px;}
  .banner{height:510px;padding-top: 100px;}
  .banner .owl-carousel .item{background-size: contain;background-repeat: no-repeat;background-position: top center;}
  .banner .owl-pagination{bottom:15px;}
  .titel-box h2{font-size:24px; }
  .gallery-box .project-home .box{width: 44%;}
  .awards-box .col-sm-6{width:50%;}

  .qf-form .form-group.mdy{float:left;width:100%;}
	.qf-form ul li{display:block;}
	.qf-form .form-group.general-form.form-check.form-inline.col-sm-4{width:50%;float:left;}
  .discruss-contect .company-contect .btn{margin-top: 15px;}
  .footer .footer-nav{min-height: auto;}
  .pp_pic_holder.pp_default{width: auto !important;padding: 15px; background: #fff;border-radius: 5px;margin:0 15px; }
  .pp_pic_holder.pp_default .ppt{display: none !important;}
  a.pp_close {right: 0%!important;top: 5px!important;}
  .project-main-box .project-box h3{font-size:22px;margin: 15px auto; }
}

@media screen and (max-width:680px){ 
.project-main-box .news-list .owl-wrapper-outer .owl-item{ height:180px;}
.banner{height:460px;padding-top: 100px;} 

}


@media screen and (max-width:550px){
  .banner{height: 410px;}
  .banner .proje-name-detail h2{ font-size:20px }
  .inner-banner h1{ font-size: 28px; top: 60%; }
  .banner .proje-name-detail .btn{margin: 0 auto;padding: 10px 15px;}
  .header .logo {float: left; position: absolute; z-index: 30; bottom: 7px; } 
  .header{ padding: 0 }
  .header .right-header{ width: 100% }
  .header .right-header .right-header-top { display: block; padding-top: 6px; } 
  .about-service-box .col-xs-6{ width: 100% }
  .blog-box .col-xs-6{ width: 100% }
  .header .logo img{ height: 70px }
  .awards-box .col-sm-6{width:100%;}
  .gallery-box .project-home .box{width: 100%;margin: 0 auto;}
}

@media screen and (max-width:480px){
  .btn-ornage{font-size: 14px;}
  .banner .proje-name-detail .btn, .discruss-contect .company-contect .btn, .view-btn-box .btn{padding: 0px 10px;height: 32px;line-height: 32px;}
  .banner {height:350px;padding-top: 100px;}
  .banner .owl-carousel .item{background-repeat: no-repeat;background-size: contain;}
  .banner .proje-name-detail h4{font-size: 14px;}
  .banner .owl-pagination{bottom: 15px;}
  .banner .owl-theme .owl-controls .owl-page span{margin: 3px;}
	#cssmenu #head-mobile{padding:29px;}	
  .main-contact .contact-form p label, .main-contact .contact-form .wpcf7-form-control-wrap{ width: 100%; }
  .about-service-box .service-box{ margin-bottom: 30px; min-height: auto }
  .about-welcome .about-welcome-content{margin:15px auto; }
  .about-service-box .service-box h3{min-height: auto;font-size: 22px;}
  .gallery-box .project-home .box{ width: 100%;margin: 0 auto 15px; }
  .titel-box h3:before, .titel-box h3:after, .newslatter .titel-box h3:after { display: none } 
  .header .right-header .right-header-top ul li a{ font-size: 12px; }
  .header .logo img{ height: 60px }
  .header .right-header .right-header-top ul li{ padding: 0 5px 0 0 }
  .discruss-contect .company-contect h1{ font-size:22px; }
  .discruss-contect .company-contect .btn{ font-size: 14px;margin: 15px auto 0; }
  .discruss-contect{ padding: 40px 0 }	
	.inner-page, .footer, .section, .awards-box{padding:30px 0;}
  .titel-box h3{font-size: 16px;}
  .titel-box h2{ font-size:22px; }
  .awards-box .box-awards h2{ font-size: 30px; }
  .footer .footer-content img{width: 200px;}
  
	.qf-form .col-md-4{width:100%;}
	.qf-form .form-group.general-form.form-check.form-inline.col-sm-4{width:100%;float:left;}
	.wpcf7-form-control-signature-global-wrap{float:left;width:100%;}
	.wpcf7-form-control-signature-wrap{width:100% !important;}
	.qf-form .col-md-6{width:100%;float:left;}
	.wpcf7-form-control-wrap.cp-type-company .wpcf7-list-item{width:100%;}
	.wpcf7-form-control-wrap.sc-first .wpcf7-list-item{width:100%;}
	
  
  }

  @media screen and (max-width:320px){
    
    .banner{height: 332px;}
    .banner .proje-name-detail h2{font-size: 18px;}
    

    .discruss-contect .company-contect h1{font-size: 22px;}


  }