/*!
  Theme Name: Tridecca
  Theme URI: https://tridecca.id
  Author: Webdesaint
  Author URI: http://webdesaint.com
  Version: 1.0
  Text Domain: tridecca
*/

/* General
--------------------------------------------------------------*/
body { background-color: #fff; -ms-word-wrap: break-word; word-wrap: break-word; -webkit-font-smoothing: auto; text-rendering: optimizeLegibility !important; -moz-osx-font-smoothing: grayscale; font-smoothing: auto;}

hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 1.5em; }
dt { font-weight: bold; }
dd { margin: 0 1.5em 1.5em; }
img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ }
figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ }

a, button, input { -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

blockquote { font-size: 1.25rem; padding: 1.25rem 1.75rem; }

table { width: 100%; max-width: 100%; margin-bottom: 1rem; background-color: transparent; }
table th, table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; }
table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; }
table tbody + tbody { border-top: 2px solid #dee2e6; }
table table { background-color: #fff; }

figcaption { padding-top: 0; padding-bottom: .75rem; color: #6c757d; text-align: left; }

input[type="button"], input[type="reset"], input[type="submit"] { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; line-height: 1.5; border-radius: 0.25rem; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; padding: 0.5rem 1.25rem; color: #fff; background-color: #007bff; border-color: #007bff; }
input[type="button"]:active, input[type="button"]:hover, input[type="reset"]:active, input[type="reset"]:hover, input[type="submit"]:active, input[type="submit"]:hover { color: #fff; background-color: #0062cc; border-color: #005cbf; cursor: pointer; }
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out; }
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); }
input[type="text"]:-webkit-input-placeholder, input[type="text"]:-moz-placeholder, input[type="text"]:-ms-input-placeholder, input[type="email"]:-webkit-input-placeholder, input[type="email"]:-moz-placeholder, input[type="email"]:-ms-input-placeholder, input[type="url"]:-webkit-input-placeholder, input[type="url"]:-moz-placeholder, input[type="url"]:-ms-input-placeholder, input[type="password"]:-webkit-input-placeholder, input[type="password"]:-moz-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-webkit-input-placeholder, input[type="search"]:-moz-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-webkit-input-placeholder, input[type="number"]:-moz-placeholder, input[type="number"]:-ms-input-placeholder, input[type="tel"]:-webkit-input-placeholder, input[type="tel"]:-moz-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="range"]:-webkit-input-placeholder, input[type="range"]:-moz-placeholder, input[type="range"]:-ms-input-placeholder, input[type="date"]:-webkit-input-placeholder, input[type="date"]:-moz-placeholder, input[type="date"]:-ms-input-placeholder, input[type="month"]:-webkit-input-placeholder, input[type="month"]:-moz-placeholder, input[type="month"]:-ms-input-placeholder, input[type="week"]:-webkit-input-placeholder, input[type="week"]:-moz-placeholder, input[type="week"]:-ms-input-placeholder, input[type="time"]:-webkit-input-placeholder, input[type="time"]:-moz-placeholder, input[type="time"]:-ms-input-placeholder, input[type="datetime"]:-webkit-input-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-webkit-input-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="color"]:-webkit-input-placeholder, input[type="color"]:-moz-placeholder, input[type="color"]:-ms-input-placeholder, textarea:-webkit-input-placeholder, textarea:-moz-placeholder, textarea:-ms-input-placeholder { color: #6c757d; opacity: 1; }

select { height: calc(2.25rem + 2px); display: block; width: 100%; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: .25rem; -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; }

blockquote { font-style: italic; font-size: 1.15rem; border-left: 3px solid rgba(33, 37, 41, 0.25); padding: 0.5rem 1.75rem; background: rgba(33, 37, 41, 0.05); }
blockquote p { font-size: 1.15rem; }
blockquote p:last-child { margin-bottom: 0; }

/* Text meant only for screen readers. */
.screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); -webkit-clip-path: inset(50%); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ }
.screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; -webkit-clip-path: none; clip-path: none; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ }

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus { outline: 0; }

.alignleft { display: inline; float: left; margin-right: 1.5em; }
.alignright { display: inline; float: right; margin-left: 1.5em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; }
.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; }

.page-links { clear: both; margin: 0 0 1.5em; }

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object { max-width: 100%; }

/* Make sure logo link wraps around logo image. */
.custom-logo-link { display: inline-block; }

.wp-caption { margin-bottom: 1.5em; max-width: 100%; }
.wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto; }
.wp-caption .wp-caption-text { margin: 0.8075em 0; }
.wp-caption-text { text-align: center; }

.gallery { margin-bottom: 1.5em; }
.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; }
.gallery-columns-2 .gallery-item { max-width: 50%; }
.gallery-columns-3 .gallery-item { max-width: 33.33%; }
.gallery-columns-4 .gallery-item { max-width: 25%; }
.gallery-columns-5 .gallery-item { max-width: 20%; }
.gallery-columns-6 .gallery-item { max-width: 16.66%; }
.gallery-columns-7 .gallery-item { max-width: 14.28%; }
.gallery-columns-8 .gallery-item { max-width: 12.5%; }
.gallery-columns-9 .gallery-item { max-width: 11.11%; }
.gallery-caption { display: block; }

/* Columns */
.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.col-2dot4 {-webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
@media (min-width: 540px) {
  .col-sm-2dot4 {-webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
}
@media (min-width: 720px) {
  .col-md-2dot4 {-webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
}
@media (min-width: 960px) {
  .col-lg-2dot4 {-webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
}
@media (min-width: 1140px) {
  .col-xl-2dot4 {-webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%;}
}

/* General
--------------------------------------------------------------*/
body{color:#999999; font-family:'Roboto', sans-serif; font-size:14px;}

a{color:#6699cc}
a:hover{color:#336699; text-decoration:none}

p.large{font-size:22px; font-weight:300; margin:0 0 30px}

#page{padding:160px 0 0;}

/* Header
--------------------------------------------------------------*/
.site-header{background:#fff; padding:10px 0 10px; position:fixed; top:0; width:100%; z-index:9999;}

.top-bar{color:#30539f; display:block; float:left; padding:0; text-align:right; visibility:visible; opacity:1; transition: all 0.3s ease; width:100%}
.top-bar .download-company-profile{color:#999999}
.top-bar .language-chooser{display:inline-block; list-style:none; margin:-16px 0 0 10px; padding:0}
.top-bar .language-chooser li{display:inline-block; margin:15px 0 -10px;}
.top-bar .language-chooser li img{display:none}
.top-bar .language-chooser li a{content:''; display:block; }
.top-bar .language-chooser li.lang-id a{background:url(images/icon-flag-id.png); height:30px; width:31px;}
.top-bar .language-chooser li.lang-en a{background:url(images/icon-flag-en.png); height:29px; width:29px;}

.navbar{padding:0 15px;} 
.navbar-brand{padding:0}
.navbar-brand img{height:120px; margin:-20px 0 0; transition: all 0.3s ease;}
.navbar-nav{margin:80px 0 0;}
.navbar-nav .nav-item{margin:0 0 0 40px;}
.navbar-nav .nav-link{font-size:20px; padding:0; text-transform: uppercase; transition: all 0.3s ease;}
.navbar-nav .current_page_item .nav-link{color:#336699}

.small-header{padding:10px 0; box-shadow: 0 0 5px #BABABA; -moz-box-shadow: 0 0 5px #BABABA; -webkit-box-shadow: 0 0 5px #BABABA;}
.small-header .top-bar{display:none; visibility:hidden; opacity:0}
.small-header .navbar-brand img{height:30px; margin:0;}
.small-header .navbar-nav{margin:0}
.small-header .navbar-nav .nav-link{font-size:16px}

.navbar-toggler{margin:0 auto; padding:5px 10px}
.navbar-toggler:focus,
.navbar-toggler:active{outline:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
.navbar-toggler-icon{height:20px; width:20px;}

/* Content
--------------------------------------------------------------*/
.page-content{padding:60px 0;}

h2.line{color:#336699; font-size:22px; margin:0 0 40px; padding:0; text-align:center; text-transform:uppercase;}
h2.line:after{background:#336699; bottom:0; content:''; display:block; height:2px; margin:10px auto 0; width:400px}

hr.line{background:#336699; height:2px; margin-bottom:60px; width:400px}

.page-breadcrumb ul{list-style:none; margin:0; padding:0; width:100%}
.page-breadcrumb li{display:inline-block; margin:0 5px 0 0; }
.page-breadcrumb a{color:#ccc; text-transform:uppercase}
.page-breadcrumb img{margin:-3px 0 0}
.page-breadcrumb i{font-size:16px}

/* Home */
.slider .slide{height:500px; background-size:cover; -moz-background-size:cover; -webkit-background-size:cover;}
.slider .slide .container{position:relative}
.slider .slide .caption{color:#555555; font-size:20px; font-weight:300; position:absolute; top:50px; right:15px; text-align:right; width:50%}
.slider .slide .caption strong{font-weight:700}
.slider .slide .caption .more{background:#264e7f; color:#fff; font-size:12px; font-weight:500; padding:10px 20px; border-radius:40px; -moz-border-radius:40px; -webkit-border-radius:40px;}

.product-cat{float:left; margin:0 0 30px; width:100%}
.product-cat img{width:100%;}
.product-cat h4{font-weight:300; margin:-30px 0 0; text-align:center; text-transform:uppercase}
.product-cat h4 a{color:#595959}

.latest-project{float:left; margin:0 0 20px; width:100%}
.latest-project img{width:100%;}

.partner{float:left; margin:0 0 30px; position:relative; width:100%}
.partner img{height:auto; width:100%;}
.partner .caption{background:rgba(241,241,241,0.9); color:#4c4c4c; font-size:15px; font-weight:500; line-height:25px; height:100%; opacity:0; padding:10px; position:absolute; text-align:center; top:0; transition: all 0.5s ease; visibility:hidden; width:100%;}
.partner .caption .middle{position:relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.partner:hover .caption{visibility: visible; opacity:1;}

.home-video{float:left; text-align:center; width:100%}
.home-video iframe{float:left; height:400px; margin:0 0 20px; width:100%;}
.home-video .more{background:#264e7f; color:#fff; font-size:12px; font-weight:500; padding:10px 20px; border-radius:40px; -moz-border-radius:40px; -webkit-border-radius:40px;}

/* About */
.profile .featured-about{margin:0 0 30px; position:relative;}
.profile .featured-about img{margin:0; width:100%}
.profile .featured-about .main-image-caption{background:rgba(255,255,255,0.4); color:#fff; font-size:16px; margin:0; padding:20px; position: absolute; text-align:center; top:130px; right:50px; width:450px;}
.profile p{font-size:20px; margin:0 0 30px}

.timeline-title h2{color:#666; margin:0 0 30px; text-align:center; text-transform:uppercase}

.about-timeline{background:#f1f1f1; padding:150px 0;}
.about-timeline ul{height:300px; list-style:none; margin:0; padding:0; position:relative;}
.about-timeline ul:before{background:#c4c4c4; content:''; display:block; height:2px; float:left; position:absolute; top:50%; width:100%;}
.about-timeline li{position:absolute}
.about-timeline li .year{color:#659ad2; float:left; font-size:22px; font-weight:500; position:relative;}
.about-timeline li .year:before{background:#19499d; content:''; display:block; height:15px; position:absolute; width:15px; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px;}
.about-timeline li .year:hover ~ .popup{visibility:visible; opacity:1;}
.about-timeline li .popup{background:#c4c4c4; color:#fff; font-size:15px; height:135px; position:absolute; padding:30px 20px; transition: all 0.5s ease; width:600px; visibility:hidden; opacity:0; z-index:999}
.about-timeline li .popup img{display:inline-block; float:left; height:70px; margin:0 20px 0 0}
.about-timeline li.active > .popup{opacity:1; visibility:visible}
.about-timeline li:nth-of-type(odd) .year:before{bottom:-20px; left:50%; margin:0 0 0 -7px;}
.about-timeline li:nth-of-type(even) .year:before{top:-20px; left:50%; margin:0 0 0 -7px;}
.about-timeline li:nth-of-type(odd) .popup{top:-200px; left:-55px}
.about-timeline li:nth-of-type(odd) .popup:before{border-left:35px solid transparent; border-right:35px solid transparent; border-top:55px solid #c4c4c4; content:''; display:block; bottom:-55px; left:44px; position:absolute}
.about-timeline li:nth-of-type(even) .popup{bottom:-200px; left:-55px}
.about-timeline li:nth-of-type(even) .popup:before{border-left:35px solid transparent; border-right:35px solid transparent; border-bottom:55px solid #c4c4c4; content:''; display:block; top:-55px; left:44px; position:absolute}
.about-timeline li.year2000{left:0; top:105px;}
.about-timeline li.year2001{left:70px; top:163px}
.about-timeline li.year2006{left:400px; top:105px}
.about-timeline li.year2006 .popup{left:-240px;}
.about-timeline li.year2006 .popup:before{left:230px;}
.about-timeline li.year2009{left:700px; top:163px}
.about-timeline li.year2009 .popup{left:-250px;}
.about-timeline li.year2009 .popup:before{left:244px;}
.about-timeline li.year2010{left:770px; top:105px}
.about-timeline li.year2010 .popup{left:-256px;}
.about-timeline li.year2010 .popup:before{left:244px;}
.about-timeline li.year2014{left:1030px; top:163px}
.about-timeline li.year2014 .popup{left:-500px;}
.about-timeline li.year2014 .popup:before{left:485px;}

/* Products */
.product{margin:0 0 30px; position:relative;}
.product img{height:auto; width:100%;}
.product .caption{background:rgba(241,241,241,0.9); color:#30539f; font-size:15px; font-weight:400; line-height:25px; height:100%; opacity:0; padding:10px; position:absolute; text-align:center; text-transform:uppercase; top:0; transition: all 0.5s ease; visibility:hidden; width:100%;}
.product:hover .caption{visibility: visible; opacity:1;}
.product .caption .middle{position:relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.product .caption .middle img{margin:0 0 5px; width:20px;}

/* Product Detail */
.product-detail .product-header{height:auto; margin:0 0 30px; width:100%;}
.product-detail h2.product-title{color:#535353; font-size:36px; font-weight:700; margin:0 0 20px; text-align:center; text-transform:uppercase}
.product-detail h3.others-title{color:#cccccc; font-size:20px; font-weight:300; margin:0 0 30px; text-align:center; text-transform:uppercase}
.product-detail h4{color:#474747}
.product-detail .product-description{color:#333; font-size:16px; font-weight:300; line-height:30px; margin:0 0 30px; text-align:center;}
.product-detail .product-specification{border:0; color:#333; font-size:16px; font-weight:300; margin:0 0 40px;}
.product-detail .product-specification td{border:0; padding:0 0 5px;}
.product-detail .dimension-row h6{color: #333; font-size: 16px; font-weight: 300; margin:0 0 5px;}
.product-detail .finishing-row{margin-left:-5px; margin-right:-5px; margin-bottom:30px;}
.product-detail .finishing-row .col-4{padding-left:5px; padding-right:5px}
.product-detail .finishing-row h4{color:#535353; font-size:18px; font-weight:500; margin:0 0 10px;}
.product-detail .finishing{float:left; margin:0 0 20px; width:100%;}
.product-detail .finishing img{height:auto; margin:0 0 10px; width:100%;}
.product-detail .finishing h5{color:#909090; font-size:13px; font-weight:400; margin:0; text-align:center}

.product-slider {margin:0 0 60px}
.product-slider .owl-nav{display:none; position:relative; top:auto; left:auto; width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
.product-slider .owl-nav button.owl-prev{background:url(images/arrow-left.png) no-repeat!important; height:72px; margin-top:-36px; position:absolute; width:30px; left:0;}
.product-slider .owl-nav button.owl-prev:focus{outline:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
.product-slider .owl-nav button.owl-prev span{display:none} 
.product-slider .owl-nav button.owl-next{background:url(images/arrow-right.png) no-repeat!important; height:72px; margin-top:-36px; position:absolute; width:30px; right:0;}
.product-slider .owl-nav button.owl-next:focus{outline:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
.product-slider .owl-nav button.owl-next span{display:none}
.product-slider.owl-drag .owl-item{opacity:0.3;}
.product-slider.owl-drag .owl-item.center{opacity:1}
@media (min-width: 992px) {
  .product-slider.owl-drag .owl-item{max-width:480px!important;}
}

/* Projects */
.filter-project-category{float:left; list-style:none; margin:10px 0 20px; padding:0; text-align:center; width:100%;}
.filter-project-category button{background:#fff; border:0; color:#333; cursor:pointer; display:inline-block; text-transform:uppercase; margin:0 20px;}
.filter-project-category button.is-checked,
.filter-project-category button:hover{color:#336699}
.filter-project-category button:focus,
.filter-project-category button:active{outline:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}

.project{margin:0 0 30px; position:relative;}
.project img{height:auto; width:100%;}
.project .caption{background:rgba(241,241,241,0.9); color:#30539f; font-size:15px; font-weight:400; line-height:25px; height:100%; opacity:0; padding:10px; position:absolute; text-align:center; text-transform:uppercase; top:0; transition: all 0.5s ease; visibility:hidden; width:100%;}
.project:hover .caption{visibility: visible; opacity:1;}
.project .caption .middle{position:relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
.project .caption .middle img{margin:0 0 5px; width:20px;}

/* Project Detail */
.project-slider .owl-nav{position:relative; top:auto; left:auto; width: 100%; margin-top:-210px!important; margin-bottom:210px; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
@media (min-width: 576px) {
  .project-slider .owl-nav {max-width: 540px;}
}
@media (min-width: 768px) {
  .project-slider .owl-nav {max-width: 720px;}
}
@media (min-width: 992px) {
  .project-slider .owl-nav {max-width: 960px;}
}
@media (min-width: 1200px) {
  .project-slider .owl-nav {max-width: 1140px; margin-top:-230px!important; margin-bottom:230px}
}
.project-slider .owl-nav button.owl-prev{background:url(images/arrow-left.png) no-repeat!important; height:72px; margin-top:-36px; position:absolute; width:30px; left:0;}
.project-slider .owl-nav button.owl-prev:focus{outline:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
.project-slider .owl-nav button.owl-prev span{display:none} 
.project-slider .owl-nav button.owl-next{background:url(images/arrow-right.png) no-repeat!important; height:72px; margin-top:-36px; position:absolute; width:30px; right:0;}
.project-slider .owl-nav button.owl-next:focus{outline:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
.project-slider .owl-nav button.owl-next span{display:none}
.project-slider.owl-drag .owl-item{opacity:0.3; max-width:100%!important}
.project-slider.owl-drag .owl-item.center{opacity:1}
@media (min-width: 576px) {
  .project-slider.owl-drag .owl-item{max-width: 540px!important;}
}
@media (min-width: 768px) {
  .project-slider.owl-drag .owl-item{max-width: 720px!important;}
}
@media (min-width: 992px) {
  .project-slider.owl-drag .owl-item{max-width: 960px!important;}
}
@media (min-width: 1200px) {
  .project-slider.owl-drag .owl-item{max-width: 1140px!important;}
}

.project-detail h3.others-title{color:#cccccc; font-size:20px; font-weight:300; margin:0 0 30px; text-align:center; text-transform:uppercase}
.project-detail .project-meta{border-top:2px solid #f4f6fa; margin:0 0 20px}
.project-detail .project-meta td{border-bottom:2px solid #f4f6fa; font-size:16px; padding:10px 20px;}
.project-detail .project-meta td:first-child{color:#30539f}
.project-detail .project-meta td:last-child{color:#cccccc}
.project-detail .project-description{border-top:2px solid #30539f; color:#999; font-size:18px; margin:40px 0 60px; padding:30px 0 20px; position:relative;}
.project-detail .project-description p{text-align:justify}
.project-detail .project-description-toggle{background:transparent; border:0; color:#30539f; cursor:pointer; font-size:40px; padding:0; position:absolute; right:20px; top:0;}
.project-detail .project-description-toggle:focus{outline:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
.project-detail .project-description-toggle .arrow-top{display:none; margin-top:-20px}
.project-detail .project-description-toggle .arrow-bottom{display:block; margin-top:0}
.project-detail .project-description-toggle.active .arrow-top{display:block}
.project-detail .project-description-toggle.active .arrow-bottom{display:none}


.project-detail .project-description-content{display:none}

/* Contact */
.contact h3{color:#999; font-size:28px; font-weight:400; margin:0 0 40px; text-align:right;}
.contact iframe{height:600px; margin:0 0 40px; width:100%;}

.wpcf7-form{float:left; text-align:center; width:100%;}
.wpcf7-form label{float:left; margin:0 0 20px; width:100%}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"]{border:0; border-bottom:3px solid #bfbfbf; padding:10px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
.wpcf7-form textarea{border:3px solid #bfbfbf; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="email"]:focus,
.wpcf7-form textarea:focus{outline:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
.wpcf7-form input[type="submit"]{background:#264e7f; color:#fff; font-size:12px; font-weight:500; padding:5px 30px; border-radius:40px; -moz-border-radius:40px; -webkit-border-radius:40px; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}
.wpcf7-form input[type="submit"]:focus,
.wpcf7-form input[type="submit"]:active{outline:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}

/* Video */
.video iframe{height:200px; margin:0 0 10px; width:100%}
.video h2{margin:0 0 10px; font-size:20px;}

/* Footer
--------------------------------------------------------------*/
.footer-widgets{background:#dedede; padding:40px 0;}
.footer-widgets h4{border-bottom:2px solid #336699; color:#336699; font-size:18px; font-weight:500; margin:0 0 20px; padding:0 0 10px; text-align:center; text-transform:uppercase;}
.footer-widgets p{color:#336699}
.footer-widgets .footer-menu{float:left; list-style:none; margin:0 0 20px; padding:0; width:100%}
.footer-widgets .footer-menu li{margin:0 0 10px; width:100%}
.footer-widgets .footer-menu a{color:#336699; font-size:16px;}
.footer-widgets .social{float:left; list-style:none; margin:0 0 10px; padding:0; text-align:center; width:100%}
.footer-widgets .social li{display:inline-block; margin:0 5px}
.footer-widgets .social a{background:#30539f; color:#fff; display:inline-block; font-size: 30px; line-height: 62px; height:60px; text-align:center; width:60px; border-radius:100px; -moz-border-radius:100px; -webkit-border-radius:100px;}
.footer-widgets form.form-inline{display:inline; text-align:center}
.footer-widgets form.form-inline .form-group {display:inline; float:left; margin-right:5%; width:80%;}
.footer-widgets form.form-inline .form-control{background:#ccc; border:0; color:#336699; margin-right:10px; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}
.footer-widgets form.form-inline .btn-primary{background:#ccc; border:0; color:#336699; margin:0!important; width:15%; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}

.site-info{background:#000; color:#fff; padding:10px 0;}

/* Media Queries
--------------------------------------------------------------*/
@media (max-width: 991.98px) {
  /* About */
  .about-timeline{padding:60px 0;}
  .about-timeline ul{float:left; height:auto; width:100%}
  .about-timeline ul:before{height:100%; top:0; left:70px; width:2px}
  .about-timeline li{float:left; margin:0 0 30px; position:relative; top:auto!important; left:auto!important; width:100%}
  .about-timeline li .year{margin:40px 0 0;}
  .about-timeline li .popup{position:relative; float:left; height:auto; left:auto!important; top:0!important; bottom:auto!important; margin:0 0 0 50px; padding:15px 10px; visibility:visible; opacity:1; width:70%}
  .about-timeline li:nth-of-type(odd) .year:before{bottom:auto; top:50%; left:auto; right:-28px; margin:-7px 0 0;}
  .about-timeline li:nth-of-type(even) .year:before{top:50%; left:auto; right:-28px; margin:-7px 0 0;}
  .about-timeline li:nth-of-type(odd) .popup:before,
  .about-timeline li:nth-of-type(even) .popup:before{display:none}

}
@media (max-width: 767.98px) {
  /* General */
  hr.line,
  h2.line:after{width:100%}
  /* Header */
  .top-bar{text-align:center}
  .navbar-brand{margin:0 0 10px; text-align:center; width:100%}
  .navbar-brand img{height:60px; margin:0;}
  .navbar-nav{margin:0}
  .navbar-nav .nav-item{margin:0; width:100%}
  .navbar-nav .nav-link{text-align:center}
  /* About */
  .profile .featured-about .main-image-caption{height:100%; padding: 10px; line-height: 22px; top:0; right:0; width:100%}
  .timeline-title h2{font-size:26px}
  /* Projects */
  .filter-project-category button{font-size: 12px; margin: 0; padding: 0; height: 30px; vertical-align:middle; width: 49%;}
  /* Footer */
  .footer-widgets form.form-inline .form-group{float:left; width:80%}
}