@charset "utf-8";
/* Table of contents
====================================================  
*/

/* 1. Basic Styles 
-------------------------------------------------- */
        /* 1.1 Icons */
        /* 1.2 Font Face */
	/* 1.3 Headings */
	/* 1.4 Fonts */
	/* 1.5 Margins */
	/* 1.6 Form */
        /* 1.7 Page Title & Breadcrumb */
        /* 1.8 Object */
        
/* 2. Header
-------------------------------------------------- */
	/* 2.1 Base Navigation */
        /* 2.2 Home Slider */
        /* 2.3 Logo */
        /* 2.4 Social */
	/* 2.5 Navbar */
        
/* 3. Home Page
-------------------------------------------------- */
	/* 3.1 Services */
        /* 3.2 Videos */
        /* 3.3 Gallery */
	/* 3.4 News */
        /* 3.5 References */

/* 4. Footer
-------------------------------------------------- */
	/* 4.1 Footer Top */
                /* 4.1.1 Social */
                /* 4.1.2 Contact Detail */
                /* 4.1.3 Contact Form */
        /* 4.2 Copyright */
        
/* 5. Pages
-------------------------------------------------- */
	/* 5.1 About Us */
        /* 5.2 Contact */
        
/* 6. Other
-------------------------------------------------- */
        /* 6.1 Page Loader */
        /* 6.2 Go Top */
        /* 6.3 Browsers */
                /* 6.3.1 Firefox */
        
        
/* 1 Basic Styles 
-------------------------------------------------- */
body {overflow-x: hidden;margin: 0;padding: 0;}
html, html a {-webkit-font-smoothing: antialiased !important;}
::-moz-selection { background-color: #00c6ff; color: #fff; text-shadow: none; }
::selection { background-color: #00c6ff; color: #fff; text-shadow: none; }
.section {padding:50px 0;}

/* 1.1 Icons */
.ic, .home-slider .bx-wrapper .bx-controls-direction a {background-image: url(../img/icons.png);background-repeat: no-repeat;display:inline-block;vertical-align: middle;}

/* 1.2 Font Face */

/* 1.3 Headings */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Open Sans', sans-serif;line-height: 1.1;color:  #a1a8a6;font-weight: 800;}
h1, .h1 {font-size: 36px;}
h2, .h2 {font-size: 28px;}
h3, .h3 {font-size: 20px;}
h4, .h4 {font-size: 19px;}
h5, .h5 {font-size: 16px;}
h6, .h6 {font-size: 14px;}
h1 i, h2 i, h3 i, h4 i, h5 i { padding-right: 15px;}
.section-heading {text-align:center;}
.section-heading h1, .section-heading h2, .section-heading h3 {margin-top:0;color:#a1a8a6;font-weight:800;text-transform: uppercase;}
.section-heading strong, .section-heading b, h3 a strong, h4 a strong {color:#000;font-weight:800;}
.section-heading p {color:#a1a8a6;font-size:18px;display:inline-block;}
.sub-title {color:#484848;font-weight: 600;}


/* 1.4 Fonts */
body {font-family:'Open Sans',sans-serif;color:#999b9e;}
a {text-decoration: none;-webkit-transition: color 0.2s ease-in;-moz-transition: color 0.2s ease-in;-ms-transition: color 0.2s ease-in;-o-transition: color 0.2s ease-in;transition: color 0.2s ease-in;}
a:hover, a:focus {color: #000;text-decoration: none;-webkit-transition: color 0.2s ease-in;-moz-transition: color 0.2s ease-in;-ms-transition: color 0.2s ease-in;-o-transition: color 0.2s ease-in;transition: color 0.2s ease-in;}
a:focus {outline:0;}
a:hover, a:focus, .box-icon a:hover, .usp a:hover i {color: #5e5e5e;}
.section-heading p {font-family: 'Pacifico', cursive;}

/* 1.5 Margins */
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt50 {margin-top: 50px;}
.mt100 {margin-top: 100px;}
.mt150 {margin-top: 150px;}
.mt200 {margin-top: 200px;}

/* 1.6 Form */
label {color: #5e5e5e;}
.form-control {color: #bfbfbf;}
.form-control option {color: #5e5e5e;}
.form-control option:disabled {color: #bfbfbf;}
.form-control:focus {border: 1px solid #cccccc;outline: 0;-webkit-box-shadow: none;box-shadow: none;}
.form-control:-moz-placeholder {color: #bfbfbf;}
.form-control::-moz-placeholder {color: #bfbfbf;opacity: 1;}
.form-control:-ms-input-placeholder {color: #bfbfbf;}
.form-control::-webkit-input-placeholder {color: #bfbfbf;}
.btn {-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.btn-more {background-color:#38beac;border-color: #2f9a8c;color:#fff;}
.btn-more:hover {color:#fff;background-color:#34ab9a;border-color:#29897c;}
.form-control.error {border-color:#ff0000;}
.btn-tas {background-color:#38beac;border-color:#2f9a8c;color:#fff;}
.btn-tas:hover {border-color:#1e9fd1;color:#fff;}

/* 1.7 Page Title & Breadcrumb */
.page-title {text-align:center;margin-bottom:30px;}
.page-title h1 {margin-bottom:0;}
.page-title p {margin-top:10px;}
.breadcrumb > li {font-size:13px;}
.breadcrumb > li a {color:#9fa4a8;}
.breadcrumb > li, .breadcrumb > .active {color:#fff;}
.breadcrumb > li > a:hover {opacity:0.7;}

/* 1.8 Object */
.obj {position:absolute;z-index:1;width:100%;height:100%;top: 0;left: 0;}
.obj * {position:absolute;}
.obj1 {height:25px;width:1px;bottom: 0;left:50%;background-color:rgba(255,255,255,0.3);}
.rect:before {content:"";position:absolute;width:5px;height:5px;background-color:#3eadb4;}
.obj1.rect:before {margin-left:-2px;margin-top:-5px;}


/* 2. Header
-------------------------------------------------- */        
/* 2.1 Base Navigation */
.wrapper {border: 10px solid #fff;}
.header {position:absolute;top:0;left:0;width:100%;z-index:50;}
.header .container {position:relative;}

/* 2.2 Home Slider */
.home-slider { position: relative;padding-left:5px;}
.home-slider .bx-pager.bx-default-pager {bottom: 65px;}
.home-slider .bx-wrapper .bx-pager.bx-default-pager a {background-color:#fff;width:40px; height:3px;margin:0 3px; position:relative;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;text-indent: -9999px;}
.home-slider .bx-wrapper .bx-controls-direction a {width:24px;height:21px;margin-top:-10px;}
.home-slider .bx-wrapper .bx-prev {background-position: 0 0;left:10%;}
.home-slider .bx-wrapper .bx-next {background-position: -24px 0;right:10%;}
.btn-mouse-scroll {margin-left:-10px;background-position: 0 -21px;bottom: 35px;position:absolute;z-index: 20;left:50%;width:21px;height:24px;}
.home-slider .bx-wrapper .bxslider .caption{text-align:center; width:100%; position: absolute; top:38%;color:#fff;}
.home-slider .bx-wrapper .bxslider .caption h1{font-size:38px;color:#fff;}
.home-slider .bx-wrapper .bxslider .caption p{font-size:28px;color:#fff; font-weight:700;}

/* 2.3 Logo */
.logo {width:180px;height:136px;background: url(../img/bg-logo.png);margin:10px auto 0 auto;text-align:center;}
.logo .navbar-brand{padding:25px 15px 5px;}
/* 2.4 Social */
.header .social-block {position:absolute;right:15px;top:20px;}
.header .social-block a {margin:0 2px; text-align: center; }
.header .social-block a > .fa{background: rgba(255,255,255, 0.7); width:20px;height:20px;line-height: 20px;border-radius: 2px}
.social-block a:hover > .fa{background:#fff;}
.page .ic-linkedin {background-position:-233px -65px;}
.page .ic-twitter {background-position:-233px -82px;}
.page .ic-facebook {background-position:-233px -99px;}
.ic-linkedin, .navbar-fixed .ic-linkedin {background-position:-182px -65px;}
.ic-twitter, .navbar-fixed .ic-twitter {background-position:-182px -82px;}
.ic-facebook, .navbar-fixed .ic-facebook {background-position:-182px -99px;}
.ic-linkedin:hover {background-position:-199px -65px;}
.ic-twitter:hover {background-position:-199px -82px;}
.ic-facebook:hover {background-position:-199px -99px;}
.navbar-fixed .ic-linkedin:hover {background-position:-216px -65px;}
.navbar-fixed .ic-twitter:hover {background-position:-216px -82px;}
.navbar-fixed .ic-facebook:hover {background-position:-216px -99px;}

/* 2.5 Navbar */
.navbar-header {position:absolute;top:150px;text-align:center;width: 100%;left: 0;}
.navbar {margin: 10px auto;display: block;visibility: visible;}

.navbar-fixed .header {position:fixed;background-color:#fff;text-align: center;height: 80px;border-bottom:1px solid transparent;}
.navbar-fixed .header:after, .navbar-fixed .header:before {top: 100%;left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.navbar-fixed .header:after {border-color: rgba(136, 183, 213, 0);border-top-color: #fff;border-width: 60px;margin-left: -60px;}
.navbar-fixed .header:before {border-color: rgba(194, 225, 245, 0);border-top-color: #c2e1f5;border-width: 61px;margin-left: -61px;}

.navbar-fixed .logo {width: 128px;height: auto;background-image:none;margin-top: 0;position: relative;z-index: 100;display: inline-block;}
.navbar-fixed .navbar-header {display: inline-block;top: 15px;left: 0;}
.navbar-fixed .header .social-block {float:right;top: 30px;}
.navbar-fixed .navbar-toggle {display:block;}
.navbar-fixed .navbar {padding-left:0;margin-top:15px;}
.navbar-fixed .navbar-collapse.collapse {display: none;visibility: hidden;}
.navbar-fixed .navbar-collapse.in {visibility:visible;display:block;}

@media (min-width: 992px) {
    .navbar-nav > li > a {border-bottom:2px solid transparent;padding:2px 0;margin-left:15px;margin-right:15px;font-size:14px; font-weight:700; line-height:15px;color:#fff;}
    .navbar-nav > li > a:hover, .navbar-nav > li > a:focus {background-color:transparent; border-bottom-color:#fff;}
    .navbar-fixed .navbar-nav {margin:0;float:left;}
    .navbar-fixed .navbar-nav > li > a {color:#04212d;margin-left:8px;margin-right:8px;}
}

/* 3. Home Page
-------------------------------------------------- */
.services, .projects, .news, .page-content {position:relative;}
.services .container, .projects .container, .news .container, .page-content .container {position:relative;z-index:5;}
.services .section-heading p, .news .section-heading p {background-color:#fff;padding:0 5px;}
.page-content .obj-t.rect:before, .services .obj-t.rect:before, .projects .obj-t.rect:before, .news .obj-t.rect:before {left:100%;margin-top:-2px;}
.obj-l, .obj-tr, .obj-br, .obj-bt {width:1px;background-color:#ebebeb;}
.obj-rl, .obj-lr {height:1px;background-color:#ebebeb;}
.services .obj-t, .news .obj-t {top:105px;}
.obj-l {top:0;}
.services .obj-l, .page-content .obj-l {left:8%;height:100%;}
.obj-t {width:70%;height:1px;background-color:#ebebeb;}
.services .obj-tr {right:8%;top:0;height:50%;}
.services .obj-tr.rect:before{top: 100%;margin-left: -2px;background-color:#d2d6d5;}
.services .obj-br {right:6%;bottom:0;height:70%;}
.projects .obj-l {left:8%;height:80px;}
.projects .obj-t {top:85px;}
.projects .obj-t, .projects .obj-l {background-color:rgba(255,255,255,0.4);}
.news .obj-l {left:8%;height:120px;}
.news .obj-bt {bottom:0;right:35%;height:25px;}
.news .obj-rl {bottom:15px;right:0;width:40%;}
.obj-left, .obj-right {top:0;width:40px;height:100%;}
.obj-left {left:0;}
.obj-right {right:0;}
.obj-left *, .obj-right * {background-color:rgba(255,255,255,0.2);}
.obj-left .obj-lr, .obj-left .obj-rl, .obj-right .obj-lr, .obj-right .obj-rl {width:100%;}
.footer-top .obj-lr {top:0;}
.footer-top .obj-rl {bottom:0;}
.footer-top .obj-l {height:100%;}
.obj-right .obj-l {right:0;}
.obj-left .obj-rl.rect:before {left:100%;margin-top:-2px;}
.obj-right .obj-lr.rect:before {margin-top:-2px;}

/* 3.1 Services */
.services {z-index: 20;margin-left: 5px;}
.services:before {content:"";position:absolute;width:40px; height:40px;border:7px solid transparent;left: 50%;margin-left: -20px;top: -20px;}
.service-list {list-style: none;padding:0;margin-top:30px;}
.service-list li {text-align:center;}
.service-list a {display:inline-block;}
.service-list p {padding-left:10px;padding-right:10px;}
.service-list .tb-icon a {width:137px;height:162px;background: url(../img/bg-tb-icon.png) no-repeat;}
.service-list .tb-icon a i {width:64px;height:65px;margin-top: 50px;margin-left: 4px;}
.ic-build {background-position:-48px 0;}
.ic-durability {background-position:-112px 0;}
.ic-health {background-position:-176px 0;}
.service-list li:hover .tb-icon a, .service-list .tb-icon a:hover {background-image:url(../img/bg-tb-icon-hv.png);}
.service-list li:hover h3 a,  .service-list li:hover h3 a strong, .service-list h3 a:hover, .service-list h3 a:hover strong {color:#71c2c7;}

/* 3.2 Projects */
.projects {background: url(../img/bg-project.jpg) repeat;margin-left: 5px;}
.projects .section-heading {margin:30px 0 20px 0;}
.project-list {list-style:none;margin: 0;padding:0;display:table;width:100%;position: relative;z-index: 20;}
.project-list li {display:inline-block;float:left;border-right:1px solid transparent;border-bottom:1px solid transparent;width:20%;margin:0;padding:0;min-height:1px;list-style:none;overflow: hidden;position: relative;}
.project-list li a {position: relative;display:inline-block;}
.project-list li img {-webkit-transition: .3s ease-out;-moz-transition: .3s ease-out;transition: .3s ease-out;-webkit-transform: scale(1);-moz-transform: scale(1);transform: scale(1);blur: 2;}
.project-list li .project-hover {position: absolute;width: 100%;height: 100%;left:0;top: 0;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease-out;-moz-transition: all .3s ease-out;-ms-transition: all .3s ease-out;-o-transition: all .3s ease-out;transition: all .3s ease-out;}
.project-list li .project-hover:after, .project-list li .project-hover:before {content:"";position:absolute;width:50%;height:45%;}
.project-list li .project-hover:before {border-left:1px solid #fff;border-top:1px solid #fff;top:10px;left:10px;}
.project-list li .project-hover:after {border-right:1px solid #fff;border-bottom:1px solid #fff;bottom:10px;right:10px;}
.item-table {display: table;width: 100%;}
.item-content {display:table-cell;vertical-align: middle;text-align:center; padding-top:20%;}
.item-cell {display:table-cell;vertical-align: middle;}
.project-list li h5, .project-list li p {color:#fff;}
.project-list li  h5 {margin-top:20px;margin-bottom:0;}
.project-list li p {padding-left:25px;padding-right:25px;}
.ic-plus {width:47px;height:47px;background-position:0 -65px;}
.project-list li a img {-webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9);}
.project-list li a:hover img {-webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1);}
.project-list li a:hover .project-hover {opacity:1;filter: alpha(opacity=1);}
.projects .section-heading p {background-color:#15333e;padding:0 5px;}

/* 3.3 Videos */
.videos {border-top:4px solid #03212c;margin-left:5px;}
.videos a {padding:15px 0;text-align:center;color:#fff; line-height:79px;font-size:30px;}
.ic-play {background-position:-47px -65px;width:79px;height:79px;}
.videos a i {margin:0 15px;}
.videos a:hover {background-color:#71c2c7;}
.modal-tanitim .modal-dialog {margin-top: 10%;margin-bottom: 0;cursor: pointer;z-index: 10010;}
.modal-tanitim iframe {width:100%;height:100%;}

/* 3.4 News */
.news-block {margin-top:50px;}
.news-holder p {margin-bottom: 25px;}
.news-holder {}
a {text-decoration: none;}
.news-headlines {list-style: none;position: relative;}
.news-headlines li {color:#333;border-left:4px solid transparent;border-bottom: 1px solid #eaeceb;padding:15px 10px;position: relative;z-index: 20;}
.news-headlines li:first-child {border-top: 1px solid #eaeceb;}
.news-headlines li:before {position:absolute;content:"";left:-9px;margin-top:-7px;top:50%;border-right:7px solid transparent;border-top:7px solid transparent; border-bottom:7px solid transparent;}
.nh-anim {-webkit-transition: all .75s ease-out;-moz-transition: all .75s ease-out;-o-transition: all .75s ease-out;transition: all .75s ease-out;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);}
.news-headlines li:hover, a:hover {cursor: pointer;}
.news-headlines .highlight {position: absolute;top: 0;left: 0;z-index: 10;border:0;display:none;}
.news-headlines {float: right;width: 30%;}
.news-preview {float: left;position: relative;z-index: 5;position: relative;width: 65%;}
.news-content {position: absolute;z-index: 10;padding: 10px;top: 0;left: 0;display: none;}
.top-content {display: block;}
.news-image {float:left;margin-right:20px;}

/* 3.5 References */
.references {padding:25px 0 20px;background: url(../img/bg-home-reference.jpg) repeat left top;margin-left:5px;}
.references ul li a {display:inline-block;text-align:center;border:1px solid #d9d7d8;}


/* 4. Footer
-------------------------------------------------- */
.footer {margin-left:5px;}
/* 4.1 Footer Top */
.footer-top {background-color:#05212d;padding: 35px 0;}
/* 4.1.1 Social */
.footer-top-social {width:100px;float:left;text-align: center;min-height: 300px;}
.footer-top .social-block {padding:0;list-style:none;margin:30px 0 0 0;}
.footer-top .social-block a {width:28px;height:28px; line-height: 30px; display: inline-block;margin-bottom:5px; background: rgba(255,255,255,.5); color: #05212d}
.footer-top .social-block a > .fa{font-size: 16px;color: #05212d}
.footer-top .social-block a:hover > .fa{background: transparent; color: #05212d}
.footer-top .social-block a:hover{background: #fff}

.ic-linkedin-2 {background-position:-126px -65px;}
.ic-twitter-2 {background-position:-126px -93px;}
.ic-facebook-2 {background-position:-126px -121px;}
.ic-linkedin-2:hover {background-position:-154px -65px;}
.ic-twitter-2:hover {background-position:-154px -93px;}
.ic-facebook-2:hover {background-position:-154px -121px;}

/* 4.1.2 Contact Detail */
.contact-detail {padding-left: 120px;}
.contact-detail-item {margin-bottom:30px;}
.contact-detail .contact-detail-item:last-child {margin-bottom:0;}
.contact-detail h6 {color:#fff;}
.contact-detail p {color:#949ea2;}
.contact-detail span {color:#dde6ea;}

/* 4.1.3 Contact Form */
.contact-form {position:relative;padding: 20px 10px 10px 10px;z-index: 20;}
.contact-form h2{ text-align:center;    margin: 0;padding: 0;position: relative;top: -26px; line-height: 14px; }
.footer-top .form-group {margin-bottom:20px;}
.footer-top .control-label {color:#f5f3f3;font-weight:700;opacity:0.65;}
.footer-top .form-control {background-color:#23353d;border-radius:0;border-color:#23353d;color:#949ea2;}

/* 4.1 Footer Bottom */
.footer-bottom {background-color:#02131a;color:rgba(108,141,155,0.6);padding:20px 0 50px 0;position:relative;}
.footer-bottom .container {position:relative;/* overflow: hidden; */}
.footer-bottom .obj {bottom:0;}


/* 5. Pages
-------------------------------------------------- */
.page-banner {height:180px;background: url(../img/bg-header.jpg) no-repeat center top;}
.page-breadcrumb {background-color:#05212d;text-transform: uppercase;padding:10px 0;}
.page-content .obj-t {top: 115px;}
.page-content p {background-color:#fff;padding-left:5px;padding-right:5px;}
.page-content .obj-l {height: 150px;}

/* 5.2 Contact */
.page-contact .col-item h2 {margin-bottom:20px;text-transform: uppercase;}
.page-contact .col-item .contact-map {height: 302px;border:1px solid transparent;margin-top:50px;}
.contact-map .gmap {height:300px;width:100%;}
.page-contact .item-table {margin-bottom:20px;}
.page-contact .item-table .item-cell {vertical-align: top;padding-right:10px;}
.page-contact .item-table .icon {width:25px;}
.page-contact .col-item span {display: inline-block;vertical-align:middle;width:20px;height:20px;}
.page-contact .col-item span i {width:20px;height:20px;}
.ic-map {background-position:0 -113px;}
.ic-phone {background-position:-20px -113px;}
.ic-mail {background-position:0 -133px;}
.page-contact .col-singapore span {background-color:#38beac;}
.page-contact .col-singapore h2, .page-contact .col-singapore a {color:#38beac;}
.page-contact .col-singapore .contact-map {border-color:#38beac;}


.product-gallery a > span{line-height: 28px; font-weight: 600; position: absolute; font-size: 14px; bottom: 0; float: left; background: rgba(81, 190, 233, .7); width: 100%; left: 0; color: #fff; }
.product-gallery a:hover > img{transform: scale(1);}
.product-gallery a> img{transform: scale(1.1); transition: all linear .3s;}
.product-gallery a {margin-bottom: 20px; transition: all ease .3s;  border:3px solid #ddd; display: block; text-align: center;  position: relative; overflow: hidden; height: 110px;}
.product-gallery a:hover{border:3px solid #51bee9;}
/* 6. Other
-------------------------------------------------- */
/* 6.1 Page Loader */
.page-loader {display: block;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: #fefefe;z-index: 100000;}
.loader {width: 40px;height: 40px;position: absolute;top:50%;left: 50%;margin: -20px 0 0 -20px;text-indent: -12345px;-webkit-border-radius: 100%;-moz-border-radius: 100%;border-radius: 100%;-webkit-animation: scaleout 1.0s infinite ease-in-out;animation: scaleout 1.0s infinite ease-in-out;}
@-webkit-keyframes scaleout {0% { -webkit-transform: scale(0.0) }100% {-webkit-transform: scale(1.0);opacity: 0;}}
@keyframes scaleout {0% { transform: scale(0.0);-webkit-transform: scale(0.0);} 100% {transform: scale(1.0);-webkit-transform: scale(1.0);opacity: 0;}}

/* 6.2 Go Top */
#go-top {background-position:-240px 0; position: fixed;right: 70px;bottom: 200px;z-index: 9999;display: none;cursor: pointer;width:39px;height:56px;}

/* 6.3 Browsers */
    /* 6.3.1 Firefox */
@-moz-document url-prefix() { 
   .project-list li img, .navbar-brand > img {width:100%;}
}

.referans h3{text-align: center;}