@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css); 
@import url("../../0.css");
html{height:100% !important}

body{position:relative; height:100%; font-size:1.4rem; color:#222; letter-spacing:1.1px; background-color:#fff; background-position:center center; background-attachment:fixed; -webkit-background-size:cover; background-size:cover}

body .body{height:100%}
body #body-container{height:100%}

.page{overflow:hidden; background-color:#FFF;  padding-top:0px}
.container{position:relative}

*{border-radius:0 !important; -webkit-border-radius:0 !important; -moz-border-radius:0 !important}
*:focus{outline:none !important; box-shadow:none !important}

body{font-family:'Noto Sans TC','Inconsolata','Microsoft JhengHei',DIN,Helvetica,Arial,sans-serif,cwtexhei}
h1, h2, h3, h4, h5, h6{font-family:'Noto Sans TC','Montserrat','Microsoft JhengHei',DIN,Helvetica,Arial,sans-serif,cwtexhei; font-weight:600 !important; text-transform:uppercase}
p{font-family:'Noto Sans TC','Montserrat','Microsoft JhengHei',DIN,Helvetica,Arial,sans-serif,cwtexhei; line-height:2.2rem}

.navbar-nav >li >a{font-family:'Noto Sans TC',"Lato",'Microsoft JhengHei',DIN, Helvetica,Arial,sans-serif,cwtexhei}

body.boxed .body{height:auto}
body.boxed #body-container{margin:0 auto; border:none}
body.boxed .body .bg-fixed{background-attachment:local}
body.boxed .top-slidingbar-trigger-wrapper{top:0; right:0; border-top-color:#E83F33}
body.boxed .top-slidingbar-trigger{color:#FFF}
.text-lead{margin:0; font-size:1.4rem; letter-spacing:0.8px; line-height:2.2rem}
.text-lead-s{margin:0; font-size:1.2rem; letter-spacing:1.2px; line-height:2rem; text-align:justify}
@media (min-width:768px){body.boxed #body-container{width:750px}
body.boxed .container, body.boxed .container-fluid{width:690px}
}
@media (min-width:992px){body.boxed #body-container{width:970px}
body.boxed .container, body.boxed .container-fluid{width:910px}
}
@media (min-width:1200px){body.boxed #body-container{width:1170px}
body.boxed .container, body.boxed .container-fluid{width:1100px}
}

section{position:relative}
a, a:hover, a:focus{color:#E83F33; text-decoration:none}
.page-loader{position:fixed; left:0px; top:0px; width:100%; height:100%; z-index:99999; background:#FFF url(../img/page-loader.gif) center center no-repeat}
.cover{position:absolute; width:100%; height:100%; left:0px; top:0px; padding:20px}
.cover-inner{width:100%; height:100%; border:3px solid #FFF}
.thumbnail{padding:0px; margin-bottom:20px; background-color:#FFF; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out}

.form-control{-webkit-box-shadow:none; box-shadow:none}
.parallax{position:relative; background-position:0 0; background-repeat:no-repeat; background-attachment:fixed; -webkit-background-size:cover;  background-size:cover}

#header{  }

.text-main{color:#E83F33}

.text-white{color:#FFF}
.text-gray{color:#888}
.text-light-gray{color:#BBB}
.text-dark{color:#000}
.text-green{color:#4B9D13}
.text-red{color:#E7392D}
.text-purple{color:#800080}

.bg-main{background-color:#E83F33}

.bg-white{background-color:#FFF}
.bg-gray{background-color:#888}
.bg-light-gray{background-color:#EEE}
.bg-dark{background-color:#242424}
.bg-black{background-color:#000}

#top-slidingbar-wrapper{position:absolute; top:0; left:0; width:100%; z-index:99999}
#top-slidingbar{display:none; height:auto; color:#FFF; background-color:rgba(0,0,0,0.9); overflow:hidden; position:relative; padding:30px 0}
#top-slidingbar .container, #top-slidingbar .container-fluid{padding:0}
.top-slidingbar-trigger-wrapper, .navbar-transparent.navbar-shrink .top-slidingbar-trigger-wrapper{position:absolute; top:0px; right:0px; border-top:35px solid #E83F33; border-left:35px solid rgba(0,0,0,0); -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out}
.navbar-transparent .top-slidingbar-trigger-wrapper{top:20px; right:20px; border-top-color:#FFF}
.top-slidingbar-trigger, .navbar-transparent.navbar-shrink .top-slidingbar-trigger{position:absolute; width:19px; height:19px; line-height:18px; bottom:15px; right:0px; text-align:center; font-size:1.6rem; font-weight:600; color:#FFF; cursor:pointer; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out}
.navbar-transparent .top-slidingbar-trigger{color:#222}

.navbar{margin:0; border:none; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out}
.navbar .container{padding-left:50px; padding-right:50px}
.navbar-default{background-color:#FFF}

body.boxed .body #header{min-height:118px}
body.boxed .body .navbar-default.navbar-shrink{-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.12); box-shadow:0 1px 3px rgba(0,0,0,0.12)}
body.boxed .body .navbar-transparent{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none}
body.boxed .body .navbar-default .container{}

@media (min-width:768px){body.boxed .body .navbar-default .container{width:750px; padding-right:15px; padding-left:35px}
body.boxed .body .navbar-inverse .container{padding-right:15px; padding-left:35px}
body.boxed .body .navbar-transparent .container{padding-right:0px; padding-left:20px}
body.boxed .body .navbar-fixed-top .container{padding-right:20px; padding-left:15px}
body.boxed .body .navbar-right{margin-right:-15px}
}
@media (min-width:992px){body.boxed .body .navbar-default .container{width:970px}
}
@media (min-width:1200px){body.boxed .body .navbar-default .container{width:1170px}
}

.navbar-brand{background-repeat:no-repeat; background-position:left center; width:130px; height:54px; text-indent:-99999px; font-size:24px; font-weight:600; line-height:20px; letter-spacing:4px; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; margin-top:3%}
.navbar-default .navbar-brand{background:url(../svg/logo-01.svg); background-repeat:no-repeat; background-size:100px 54px}
.navbar-transparent .navbar-brand{background:url(../svg/logo.svg); background-repeat:no-repeat; background-size:100px 54px}
.navbar-shrink .navbar-brand{background:url(../svg/logo-01.svg); background-repeat:no-repeat; background-size:100px 54px}
.navbar-inverse .navbar-brand{background:url(../svg/logo.svg); background-repeat:no-repeat; background-size:100px 54px}

.navbar-default .navbar-brand, .navbar-default .navbar-brand:focus{color:#222}
.navbar-default .navbar-brand:hover{color:#E83F33}

.navbar-nav >li >a{padding:24px 0; margin-left:15px; text-transform:uppercase; font-size:1.4rem; font-weight:600}

.dropdown-left{left:0 !important; right:auto !important; font-size:12px}
.dropdown-right{right:0 !important; left:auto !important}
.navbar-default .navbar-nav >.open >a, .navbar-default .navbar-nav >.open >a:hover, .navbar-default .navbar-nav >.open >a:focus{background-color:transparent; color:#E83F33}
.menu{font-size:1.2rem}
.navbar-default .dropdown-menu{padding:8px 0; border:1px solid #E4E4E4; border-top:2px solid #E83F33; -webkit-box-shadow:0 6px 10px rgba(0,0,0,0.08); box-shadow:0 6px 10px rgba(0,0,0,0.08); font-size:16px}
.dropdown-menu >li >a{padding:4px 10px; text-transform:uppercase; font-size:12px}
.dropdown-menu >li >a:hover, .dropdown-menu >li >a:focus, .dropdown-menu >li >a.active, .dropdown-menu >.active >a, .dropdown-menu >.active >a:hover, .dropdown-menu >.active >a:focus{color:#E83F33; text-decoration:none; background-color:transparent; font-size:1.2rem}

.navbar-default .navbar-nav >li >a{color:#222}
.navbar-default .navbar-nav >.active >a, .navbar-default .navbar-nav >.active >a:hover, .navbar-default .navbar-nav >.active >a:focus{background-color:transparent; color:#E83F33}
.navbar-default .navbar-nav >li >a:hover, .navbar-default .navbar-nav >li >a:focus, .navbar-default .navbar-nav >li.active >a{color:#E83F33}

.navbar-inverse{background-color:#111; color:#CCC}
.navbar-inverse .navbar-brand{color:#CCC}
.navbar-inverse .navbar-nav >li >a{color:#CCC}
.navbar-inverse .navbar-nav >.active >a, .navbar-inverse .navbar-nav >.active >a:hover, .navbar-inverse .navbar-nav >.active >a:focus{background-color:transparent; color:#E83F33}
.navbar-inverse .navbar-nav >li >a:hover, .navbar-inverse .navbar-nav >li >a:focus, .navbar-inverse .navbar-nav >li.active >a{color:#E83F33}

.navbar .container-fluid{padding-top:30px; padding-bottom:0; padding-right:90px; padding-left:90px; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out}
@media only screen and (max-width:992px){.navbar .container-fluid{padding-right:60px; padding-left:60px}
}
@media only screen and (max-width:767px){.navbar .container-fluid{padding-right:35px; padding-left:35px}
}
.navbar.navbar-shrink .container-fluid{padding-top:0 !important}

.navbar-inverse .navbar-nav >.open >a, .navbar-inverse .navbar-nav >.open >a:hover, .navbar-inverse .navbar-nav >.open >a:focus{background-color:transparent; color:#E83F33}
.navbar-inverse .dropdown-menu{background-color:#1F1F1F; padding:10px 0; border:1px solid #111; border-top:2px solid #E83F33}
.navbar-inverse .dropdown-menu >li >a{color:#CCC}
.navbar-inverse .dropdown-menu >li >a:hover, .navbar-inverse .dropdown-menu >li >a:focus{color:#E83F33}

body.boxed .body .navbar-default .navbar-nav >li >a:hover, body.boxed .body .navbar-default .navbar-nav >li >a:focus{color:#E83F33}
body.boxed .body .navbar-default .navbar-nav >.active >a, body.boxed .body .navbar-default .navbar-nav >.active >a:hover, body.boxed .body .navbar-default .navbar-nav >.active >a:focus{color:#E83F33}
body.boxed .body .navbar-inverse .navbar-nav >li >a{color:#CCC}
body.boxed .body .navbar-inverse .navbar-nav >.active >a, body.boxed .body .navbar-inverse .navbar-nav >.active >a:hover, body.boxed .body .navbar-inverse .navbar-nav >.active >a:focus{color:#E83F33}
body.boxed .body .navbar-inverse.navbar-transparent .navbar-nav >li >a{color:#222}
body.boxed .body .navbar-inverse.navbar-transparent .navbar-nav >.active >a, body.boxed .body .navbar-inverse.navbar-transparent .navbar-nav >.active >a:hover, body.boxed .body .navbar-inverse.navbar-transparent .navbar-nav >.active >a:focus{color:#E83F33}

.navbar-fixed-top .container{padding-top:15px; padding-bottom:15px; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out}

.navbar-shrink{z-index:9999; -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.12); -moz-box-shadow:0 1px 3px rgba(0,0,0,0.12); box-shadow:0 1px 3px rgba(0,0,0,0.12)}
.navbar-shrink .navbar-brand{font-size:20px}
.navbar-default.navbar-fixed-top.navbar-shrink .navbar-brand{color:#222}
.navbar-default.navbar-fixed-top.navbar-shrink .navbar-brand:hover{color:#E83F33}
.navbar-default.navbar-fixed-top.navbar-shrink{background-color:#FFF}
.navbar-default.navbar-fixed-top.navbar-shrink .container{}
.navbar-fixed-top.navbar-shrink .container{padding-top:0 !important; padding-bottom:0 !important}
.navbar-default.navbar-fixed-top.navbar-shrink .navbar-nav >li >a{padding-top:24px; padding-bottom:24px; color:#222}
.navbar-default.navbar-shrink .navbar-nav >li >a:hover, .navbar-default.navbar-shrink .navbar-nav >li >a:focus, .navbar-default.navbar-shrink .navbar-nav >li.active >a{color:#E83F33}
.navbar-default.navbar-shrink .navbar-nav >li.active >a{-webkit-box-shadow:inset 0 3px #E83F33 !important; -moz-box-shadow:inset 0 3px #E83F33 !important; box-shadow:inset 0 3px #E83F33 !important}

.navbar-inverse.navbar-fixed-top.navbar-shrink{background-color:#111}

.navbar-inverse.navbar-fixed-top.navbar-shrink .navbar-nav >li >a{color:#CCC}
.navbar-inverse.navbar-fixed-top.navbar-shrink .navbar-nav >.active >a, .navbar-inverse.navbar-fixed-top.navbar-shrink .navbar-nav >.active >a:hover, .navbar-inverse.navbar-fixed-top.navbar-shrink .navbar-nav >.active >a:focus, 
.navbar-inverse.navbar-fixed-top.navbar-shrink .navbar-nav >li >a:hover, .navbar-inverse.navbar-fixed-top.navbar-shrink .navbar-nav >li >a:focus, .navbar-inverse.navbar-fixed-top.navbar-shrink .navbar-nav >li.active >a{background-color:transparent; color:#E83F33}

.navbar-fixed-top.navbar-shrink .navbar-brand, .navbar-fixed-top.navbar-shrink .navbar-brand:focus, body.boxed .body .navbar-inverse.navbar-transparent.navbar-shrink .navbar-brand{color:#CCC}
.navbar-fixed-top.navbar-shrink .navbar-brand:hover{color:#E83F33}

.navbar-transparent{background-color:rgba(0,0,0,0)}
.navbar-fixed-top.navbar-transparent .container{padding-top:30px; padding-bottom:0}
.navbar-fixed-bottom.navbar-transparent .container{padding-top:0; padding-bottom:30px}
.navbar-transparent .navbar-nav >li >a{color:#FFF}
.navbar-transparent .navbar-brand, .navbar-transparent .navbar-brand:focus{color:#FFF}

body.boxed .body .navbar-default.navbar-fixed-top.navbar-shrink{background-color:#FFF}
body.boxed .body .navbar-default.navbar-fixed-top.navbar-shrink .container{}
body.boxed .body .navbar-inverse.navbar-fixed-top.navbar-shrink .navbar-nav >li >a{color:#CCC}
body.boxed .body .navbar-inverse.navbar-fixed-top.navbar-shrink .navbar-nav >.active >a, body.boxed .body .navbar-inverse.navbar-fixed-top.navbar-shrink .navbar-nav >.active >a:hover, body.boxed .body .navbar-inverse.navbar-fixed-top.navbar-shrink .navbar-nav >.active >a:focus{background-color:transparent; color:#E83F33}

.logo-02{position:relative;    background-image:url(../svg/logo-02.svg);    background-repeat:no-repeat;    max-width:200px;    height:auto;       text-align:center;    margin-left:auto;    margin-right:auto;    padding-bottom:40px;    margin-top:-10%}

@media only screen and (max-width:1024px){.logo-02{position:relative;    background-image:url(../svg/logo-02.svg);    background-repeat:no-repeat;    max-width:140px;    height:auto;    text-align:center;    margin-left:auto;    margin-right:auto;    padding-bottom:30px;    margin-top:2%}
}

@media only screen and (max-width:800px){.logo-02{position:relative;    background-image:url(../svg/logo-02.svg);    background-repeat:no-repeat;    max-width:140px;    height:auto;    text-align:center;    margin-left:auto;    margin-right:auto;    padding-bottom:30px;    margin-top:5%}
}

@media only screen and (max-width:414px){.logo-02{position:relative;    background-image:url(../svg/logo-02.svg);    background-repeat:no-repeat;    max-width:130px;    height:auto;    text-align:center;    margin-left:auto;    margin-right:auto;    padding-bottom:30px;    margin-top:20%}
}

@media only screen and (max-width:320px){.logo-02{position:relative;    background-image:url(../svg/logo-02.svg);  background-repeat:no-repeat;  max-width:130px;  height:auto;  text-align:center;  margin-left:auto;  margin-right:auto;  padding-bottom:30px;  margin-top:20%}
}

.logo-03{position:relative;    background-image:url(../svg/logo002.svg);    background-repeat:no-repeat;    max-width:180px;    height:auto;       text-align:center;    margin-left:auto;    margin-right:auto;    padding-bottom:40px;    margin-top:-5%}

@media only screen and (max-width:1024px){.logo-03{position:relative;    background-image:url(../svg/logo002.svg);    background-repeat:no-repeat;    max-width:180px;    height:auto;    text-align:center;    margin-left:auto;    margin-right:auto;    padding-bottom:30px;    margin-top:-10%}
}

@media only screen and (max-width:800px){.logo-03{position:relative;    background-image:url(../svg/logo002.svg);    background-repeat:no-repeat;    max-width:180px;    height:auto;    text-align:center;    margin-left:auto;    margin-right:auto;    padding-bottom:30px;    margin-top:5%}

}


@media only screen and (max-width:320px){.logo-03{position:relative;    background-image:url(../svg/logo002.svg);  background-repeat:no-repeat;  max-width:180px;  height:auto;  text-align:center;  margin-left:auto;  margin-right:auto;  padding-bottom:30px;  margin-top:5%}

}

#text-carousel-intro-section{height:100%; background-color:#171717}
body.boxed .body #text-carousel-intro-section{height:600px}

#text-carousel-intro-section .container, #text-carousel-intro-section .container-fluid{height:100%}
#text-carousel-intro-section .caption{position:relative; top:50%; margin-top:-70px}

#text-carousel-intro-section .caption h1{margin-top:0; margin-bottom:5px; font-size:2rem}
#text-carousel-intro-section .caption h3{margin-top:0; margin-bottom:10px; letter-spacing:6px; font-weight:normal !important; font-size:1.4rem}
#text-carousel-intro-section .caption p{letter-spacing:2px; font-size:16px}

#video-intro-section{position:relative; height:100%; background-color:#171717; background-position:center; -webkit-background-size:cover; background-size:cover; overflow:hidden}

body.boxed #video-intro-section{height:600px}

#video-intro-section .cover{background-color:rgba(0,0,0,0.5); z-index:2}
#video-intro-section .container, #video-intro-section .container-fluid{height:100%; z-index:3}
#video-intro-section .caption{position:relative; top:50%; margin-top:-122px; font-size:1.4rem}
#video-intro-section .caption h3{letter-spacing:6px; font-weight:normal !important}
#video-intro-section .caption h1{font-size:2rem}
@media only screen and (max-width:414px){#video-intro-section .caption{position:relative; top:40%; margin-top:-122px; font-size:1.4rem}
}
@media only screen and (max-width:375px){#video-intro-section .caption{position:relative; top:40%; margin-top:-122px; font-size:1.4rem}
}

#sale-section .cover{background-color:rgba(0,0,0,0.2); z-index:2}
#sale-section .container, #sale-section .container-fluid{height:100%; z-index:3}
#sale-section .caption{position:relative; top:50%; margin-top:-122px; font-size:1.4rem}
#sale-section .caption h3{letter-spacing:6px; font-weight:normal !important}
#sale-section .caption h1{font-size:2rem}

#banner-about-section{position:relative; height:400px; background-color:#171717; background-position:center; -webkit-background-size:cover; background-size:cover; overflow:hidden}

#banner-projects-section{position:relative; height:130px; background-color:#000; background-position:center; -webkit-background-size:cover; background-size:cover; overflow:hidden}
#banner-news-section{position:relative; height:130px; background-color:#000; background-position:center; -webkit-background-size:cover; background-size:cover; overflow:hidden}
body.boxed #banner-about-section{height:600px}

#banner-about-section .cover{background-color:rgba(0,0,0,0.8); z-index:2}
#banner-about-section .container, #banner-about-section .container-fluid{height:100%; z-index:3}
#banner-about-section .caption{position:relative; top:50%; margin-top:-112px}

#banner-honor-section{position:relative; height:768px; width:auto; background-color:#fff; background-position:center; background-repeat:no-repeat; overflow:hidden}

body.boxed #banner-honor-section{height:100%}

#banner-honor-section .cover{background-color:rgba(0,0,0,0); z-index:2}
#banner-honor-section .container, #banner-about-section .container-fluid{height:100%; z-index:3}
#banner-honor-section .caption{position:relative; top:30%; margin-top:30%; font-size:4rem}

#error-section{position:relative; height:100%; background-color:#171717; background-position:center; -webkit-background-size:cover; background-size:cover}

#error-section .cover{background-color:rgba(0,8,15,0.9); z-index:2}
#error-section .container, #error-section .container-fluid{height:100%; z-index:3}
#error-section .caption{position:relative; top:50%; margin-top:-140px; font-size:22px}
#error-section .caption h1{margin-bottom:0px; font-size:170px}
#error-section .caption h2{margin-top:0; font-size:20px; letter-spacing:6px}

video.bgvid{position:absolute; right:0; bottom:0; width:auto; height:auto; min-width:100%; min-height:100%; -webkit-background-size:cover; background-size:cover}

.mouse-icon{position:absolute; left:0; right:0; bottom:70px; width:22px; height:36px; cursor:pointer; margin:0 auto; border:2px solid #CCC; z-index:999}
.mouse-icon .mouse-wheel{position:absolute; width:4px; height:8px; left:0; right:0; background-color:#CCC; margin-left:auto; margin-right:auto; margin-top:6px; -webkit-animation:mymove 1.4s infinite ease;  animation:mymove 1.4s infinite ease}
@-webkit-keyframes mymove{ 0%{top:0; opacity:0}
 50%{opacity:1}
 100%{top:7px; opacity:0}
}
@keyframes mymove{ 0%{top:0; opacity:0}
 50%{opacity:1}
 100%{top:7px; opacity:0}
}

.page-header{margin:0 0 60px 0; padding:0; border:none}
.page-header h1{}

.heading{margin-bottom:30px}
.heading h3{margin:0}

.portfolio .portfolio-item{padding:0px; margin-top:0px}
.portfolio .portfolio-item .cover{}
.portfolio .portfolio-item a{text-decoration:none}
.portfolio .thumbnail{position:relative; margin-bottom:0; padding:0; border:none}
.portfolio .portfolio-item .caption{position:absolute; max-width:100%; height:auto; top:0; left:0; opacity:0; padding:0; background:rgba(255,255,255,0.8); -webkit-transition:all ease .5s; -moz-transition:all ease .5s; transition:all ease .5s}
.portfolio .portfolio-item .caption:hover{opacity:1; color:rgba(255,255,255,0.8)}
.portfolio .portfolio-item .caption-content{position:absolute; top:50%; width:100%; height:auto; margin-top:-70px; padding:0 50px; text-align:center; font-size:1.2rem; color:#222; -webkit-transform:scale(0); -moz-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0); transform:scale(0); -webkit-transition:all ease .4s; -moz-transition:all ease .4s; transition:all ease .4s; opacity:0}
.portfolio .portfolio-item .caption:hover .caption-content{-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); opacity:1}
.portfolio .portfolio-item .caption-content .divider{margin-bottom:15px}
.portfolio .portfolio-item .caption-content h2{font-size:1.2rem; font-weight:700}

.modal-content{min-height:100%; background-color:#FFF; border:0; background-clip:border-box; -webkit-box-shadow:none; box-shadow:none}
@media (min-width:768px){.modal-dialog{margin:100px auto}
}

.portfolio .modal{padding:0 !important; z-index:99999}
.portfolio .modal-dialog{width:100%; height:auto; margin:0}
.portfolio .modal-content{background-color:#171717; padding:80px 0}
.portfolio .modal-header{padding:0; border:none}
.portfolio .modal-title{margin-bottom:10px}
.portfolio .modal-image, .portfolio .embed-responsive{margin-bottom:30px}
.portfolio .modal-image img{max-width:100%; width:100%; height:auto}
.portfolio .modal-text{}
.portfolio .modal-details{margin:30px 0}
.portfolio .modal-details ul{list-style:none; padding:0}
.portfolio .modal-details a{}
.portfolio .modal-footer{text-align:center; margin-top:40px; padding:20px 0; color:#999; border-color:#272727}
.portfolio .modal-content .close{position:absolute; top:25px; right:25px; width:45px; height:45px; background-color:transparent; cursor:pointer; opacity:1}
.portfolio .modal-content .close:hover{opacity:.6}
.portfolio .modal-content .lr{width:2px; height:60px; margin-left:22px; margin-top:-9px; background-color:#E83F33; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)}
.portfolio .modal-content .lr .rl{width:2px; height:60px; background-color:#E83F33; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg)}
.portfolio .view-more{margin:60px}

.skill-bar{}
.progress{overflow:visible; height:5px; margin-bottom:20px; background-color:#E0E0E0; -webkit-box-shadow:none; box-shadow:none}
.progress .percent{position:relative; background-color:#222; padding:7px; color:#FFF; top:-23px}
.progress .percent:after{content:""; position:absolute; left:50%; margin-left:-4px; bottom:-4px; width:0; height:0; border-left:4px solid rgba(0,0,0,0); border-right:4px solid rgba(0,0,0,0); border-top:4px solid #222}
.progress-bar{font-size:1rem; line-height:7px; text-align:right; background-color:#E83F33; -webkit-box-shadow:none; box-shadow:none}
.progress-bar-success{background-color:#5CB85C}
.progress-bar-info{background-color:#5BC0DE}
.progress-bar-warning{background-color:#F0AD4E}
.progress-bar-danger{background-color:#D9534F}

.tabs-panel{margin-bottom:30px}
.nav-tabs{}

.nav-tabs >li >a{color:#222; background:#F7F7F7; padding-top:12px; margin-right:-1px; border:1px solid #DDD}
.nav-tabs >li.active >a, .nav-tabs >li.active >a:hover, .nav-tabs >li.active >a:focus{background-color:#FFF; padding-top:17px; padding-bottom:13px; margin-top:-7px; margin-right:0px; color:#222; border:1px solid #DDD; border-bottom:0 none}
.nav-tabs >li >a:hover{background-color:#FFF; border-color:#DDD}

.nav-pills{margin-bottom:0px}
.nav-pills >li+li{margin-left:-1px}
.nav-pills >li >a{color:#222; border:1px solid #DDD}
.nav-pills >li.active >a, .nav-pills >li.active >a:hover, .nav-pills >li.active >a:focus{background-color:#E83F33; margin-right:1px; color:#FFF; border-color:#E83F33}
.nav-pills >li.active >a:after{content:""; position:absolute; left:50%; margin-left:-5px; bottom:-6px; width:0; height:0; border-left:5px solid rgba(0,0,0,0); border-right:5px solid rgba(0,0,0,0); border-top:5px solid #E83F33}
.nav-pills >li >a:hover{background-color:#FFF}

.nav-tabs.nav-justified{margin-bottom:-4px}
.nav-tabs.nav-justified >li >a{margin-right:0px}
.nav-tabs.nav-justified >li+li >a{margin-left:-1px}
.nav-tabs.nav-justified >li.active >a, .nav-tabs.nav-justified >li.active >a:hover, .nav-tabs.nav-justified >li.active >a:focus{padding-bottom:11px}

.nav-stacked.nav-tabs >li >a{margin-right:0px}

.tab-content{margin-top:-1px; padding:24px; border:1px solid #DDD}

.panel-default >.panel-heading{color:#222; background-color:#FFF}
.panel-group .panel{}

.testimonial{position:relative; overflow:hidden; background-color:#171717; padding:80px 0}
.testimonial:before{content:""; position:absolute; top:50%; left:50%; margin-top:-500px; margin-left:-500px; width:1000px; height:1000px; z-index:9; border:60px double #FFF; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%}
.testimonial .cover{background-color:rgba(0,7,11,0.87)}
.testimonial-inner{position:relative; max-width:800px; z-index:9}
.testimonial-inner .heading{margin-bottom:20px}
.testimonial-inner blockquote{border:none}
.testimonial-inner blockquote cite{color:#9B9B9B}

.line{width:100%; height:3px; line-height:inherit; display:inline-block; border-top:1px solid #222; margin-bottom:15px; margin-top:10px}
.line02{width:100%; height:3px; line-height:inherit; display:inline-block; border-top:1px dashed #222; margin-bottom:15px; margin-top:10px}
.divider{display:inline-block; position:relative; margin-top:10px; margin-bottom:15px; font-size:14px; color:#222}
.divider:before{content:""; position:absolute; top:50%; left:-50px; width:50px; height:1px; margin-top:-1px; border-top:1px solid #222}
.divider:after{content:""; position:absolute; top:50%; right:-50px; width:50px; height:1px; margin-top:-1px; border-top:1px solid #222}

.divider-icon{padding-left:2px}
.divider-icon:before{left:-55px}
.divider-icon:after{right:-55px}

.divider-sm:before{left:-30px; width:30px}
.divider-sm:after{right:-30px; width:30px}
.divider-icon.divider-sm:before{left:-35px}
.divider-icon.divider-sm:after{right:-35px}
.divider-sm.divider-left{margin-left:30px}
.divider-sm.divider-right{margin-right:30px}

.divider-md:before{left:-50px; width:50px}
.divider-md:after{right:-50px; width:50px}
.divider-icon.divider-md:before{left:-55px}
.divider-icon.divider-md:after{right:-55px}
.divider-md.divider-left{margin-left:50px}
.divider-md.divider-right{margin-right:30px}

.divider-lg:before{left:-80px; width:80px}
.divider-lg:after{right:-80px; width:80px}
.divider-icon.divider-lg:before{left:-85px}
.divider-icon.divider-lg:after{right:-85px}
.divider-lg.divider-left{margin-left:80px}
.divider-lg.divider-right{margin-right:30px}

.divider-xlg:before{left:-240px; width:240px}
.divider-xlg:after{right:-240px; width:240px}
.divider-icon.divider-xlg:before{left:-245px}
.divider-icon.divider-xlg:after{right:-245px}
.divider-xlg.divider-left{margin-left:240px}
.divider-xlg.divider-right{margin-right:30px}

.divider-white{color:#FFF}
.divider-white:before, .divider-white:after{border-color:#FFF}

.divider-gray{color:#C1C1C1}
.divider-gray:before, .divider-gray:after{border-color:#C1C1C1}

.more-space-m{width:100%; height:20px}
.more-space-l{width:100%; height:40px}
.more-space-xl{width:100%; height:60px}
.more-space-xxl{width:100%; height:80px}

.owl-carousel02{cursor:e-resize}
.owl-theme .owl-controls{margin-top:15px}
.owl-theme .owl-controls .owl-page span{background:rgba(0,0,0,0); width:14px; height:14px; border:3px solid #6E6E6E; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg)}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background:rgba(0,0,0,0); border:3px solid #E83F33}

.owl-buttons{position:absolute; top:50%; margin-top:-25px; width:100%}
.owl-theme .owl-controls .owl-buttons div{position:absolute; width:100px; height:100px; line-height:100px; margin:0; text-align:center; background:transparent; opacity:1}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{opacity:.5}
.owl-next{background-image:url(../img/arrow-right.png) !important; background-repeat:no-repeat !important; background-position:center !important; right:0}
.owl-prev{background-image:url(../img/arrow-left.png) !important; background-repeat:no-repeat !important; background-position:center !important; left:0}

.owl-carousel{cursor:e-resize}
.owl-theme .owl-controls{margin-top:15px}
.owl-theme .owl-controls .owl-page span{background:rgba(0,0,0,0); width:14px; height:14px; border:3px solid #6E6E6E; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg)}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background:rgba(0,0,0,0); border:3px solid #E83F33}

.owl-buttons{position:absolute; top:50%; margin-top:-25px; width:100%}
.owl-theme .owl-controls .owl-buttons div{position:absolute; width:100px; height:100px; line-height:100px; margin:0; text-align:center; background:transparent; opacity:1}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{opacity:.5}
.owl-next{background-image:url(../img/arrow-right.png) !important; background-repeat:no-repeat !important; background-position:center !important; right:0}
.owl-prev{background-image:url(../img/arrow-left.png) !important; background-repeat:no-repeat !important; background-position:center !important; left:0}

.counter-up{position:relative; background-color:#171717; padding:80px 0 50px 0}
.counter-up .cover{background-color:rgba(0,7,11,0.8)}
.counter-up .fact{}
.counter-up .fact.last{border-right:none}
.counter-up .fact-inner{padding-bottom:30px}
.counter-up .fact-inner .counter{font-size:80px}

.info-box-1{display:block; margin:30px 0; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out}
a.info-box-1{text-decoration:none; color:#222}
a.info-box-1:hover{color:#222}

.info-box-1 .info-box-icon{display:inline-block; font-size:62px; text-align:center; margin-bottom:15px; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out}
.info-box-1:hover .info-box-icon{color:#E83F33}
.info-box-1.square-icon .info-box-icon{background-color:#E83F33; width:75px; height:75px; line-height:75px; color:#FFF !important; font-size:28px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg)}
.info-box-1.square-icon .info-box-icon:after{content:""; position:absolute; top:3px; right:3px; bottom:3px; left:3px; border:2px solid #FFF}
.info-box-1:hover.square-icon .info-box-icon{-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg)}
.info-box-1.square-icon .info-box-icon .fa, .info-box-1.square-icon .info-box-icon .glyphicon{-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg)}
.info-box-1:hover.square-icon .info-box-icon .fa, .info-box-1:hover.square-icon .info-box-icon .glyphicon{-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg)}

.info-box-1.square-icon .info-box-info{margin-top:30px}
.info-box-1 .info-box-info a{color:#444; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out}
.info-box-1 .info-box-info a:hover{color:#E83F33}
.info-box-1 h4{font-weight:300}

.info-box-1 .divider-sm:before{-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out}
.info-box-1 .divider-sm:after{-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out}
.info-box-1:hover .divider-sm:before{left:-50px; width:50px}
.info-box-1:hover .divider-sm:after{right:-50px; width:50px}

.info-box-2{display:inline-block; margin:20px 0}
.info-box-2 .info-box-heading{display:block; margin-bottom:15px}
.info-box-2 .info-box-icon{display:inline-block; margin-right:10px; font-size:32px; color:#E83F33; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out}
.info-box-2:hover .info-box-icon{transform:scale(1.2); -webkit-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2)}
.info-box-2.square-icon .info-box-heading .info-box-icon{width:40px; height:40px; line-height:40px; background-color:#E83F33; text-align:center; color:#FFF; font-size:20px; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg)}
.info-box-2:hover.square-icon .info-box-heading .info-box-icon{-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg)}
.info-box-2.square-icon .info-box-heading .info-box-icon .fa, .info-box-2.square-icon .info-box-heading .info-box-icon .glyphicon{-webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg)}
.info-box-2:hover.square-icon .info-box-heading .info-box-icon .fa, .info-box-2:hover.square-icon .info-box-heading .info-box-icon .glyphicon{-webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); -o-transform:rotate(0deg); transform:rotate(0deg)}
.info-box-2 .info-box-heading h4{display:inline-block}
.info-box-2 .info-box-info{}

#contact-section{position:relative; background-color:#171717}
#contact-section .cover{background-color:rgba(5,8,11,0.93)}
#contact-section .contact .contact-form{margin-bottom:40px}
#contact-section .contact .form-control{background-color:rgba(255,255,255,0.06); border-color:#2A2A2A}
#contact-section .contact .form-control:focus{background-color:#171717; box-shadow:none; color:#FFC9CA}
.contact-info{}
.contact-info-heading{margin-top:0}
.contact-info p{margin-bottom:30px}
#contact-section .social-icons{margin-top:30px}
#contact-section .social-icons a{display:inline-block; margin-right:5px; color:#E83F33}
#contact-section .social-icons a:hover{opacity:.6}
#contact-section .btn-blank:hover{color:#222}

.blog{padding:0px 0}
.blog .blog-box{padding:7px}
.blog .thumbnail{border:none; padding:0}

.blog .blog-image{position:relative; overflow:hidden}
.blog .blog-image img{-webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; -ms-transition:all 2s ease-in-out; transition:all 2s ease-in-out}
.blog .blog-image:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1)}
.blog .blog-image .cover{padding:10px}

.blog .thumbnail .caption{position:relative; padding-top:30px}
.blog .thumbnail .caption .title{text-decoration:none; font-weight:300; color:#222; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; -ms-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out}
.blog .thumbnail .caption .title:hover{color:#E83F33}
.blog .thumbnail .caption .title a{color:#E83F33}

.blog .caption-tag{position:absolute; top:-30px; left:50%; margin-left:-19px; height:38px; width:38px; line-height:38px; background-color:#FFF; text-align:center; color:#FFF; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg)}
.blog .caption-tag:after{content:""; position:absolute; top:3px; right:3px; bottom:3px; left:3px; background-color:#FF363A}
.blog .caption-tag .fa, .blog .caption-tag .glyphicon{position:relative; z-index:9; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg)}

.team .team-box{padding:7px}
.team .thumbnail{border:none; padding:0}

.team .team-image{position:relative; overflow:hidden}
.team .team-image img{-webkit-transition:all 2s ease-in-out; -moz-transition:all 2s ease-in-out; -o-transition:all 2s ease-in-out; -ms-transition:all 2s ease-in-out; transition:all 2s ease-in-out}
.team .team-image:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1)}
.team .team-image .cover{padding:7px}
.team .team-image .cover .cover-inner{border-width:2px}
.team .thumbnail .caption{}

.team .modal{padding:0 !important; z-index:99999}
.team .modal-dialog{width:100%; height:auto; margin:0}
.team .modal-content{background-color:#171717; padding:80px 0}
.team .modal-header{padding:0; margin-bottom:0; border:none}
.team .modal-title{margin-bottom:10px}
.team .modal-image{position:relative; margin-bottom:30px}
.team .modal-image .cover{background-color:rgba(0,0,0,0)}
.team .embed-responsive{margin-bottom:30px}
.team .modal-image img{max-width:100%; height:auto}
.team .modal-text{}
.team .modal-details{margin:30px 0}
.team .modal-details ul{list-style:none; padding:0}
.team .modal-details a{margin-right:10px}
.team .modal-footer{text-align:center; margin-top:40px; padding:20px 0; color:#999; border-color:#25272C}
.team .modal-content .close{position:absolute; top:25px; right:25px; width:45px; height:45px; background-color:transparent; cursor:pointer; opacity:1}
.team .modal-content .close:hover{opacity:.6}
.team .modal-content .lr{width:2px; height:60px; margin-left:22px; margin-top:-9px; background-color:#E83F33; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)}
.team .modal-content .lr .rl{width:2px; height:60px; background-color:#E83F33; -webkit-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg)}
.team .view-more{margin:60px}

#services-section{position:relative; background-color:#171717}
#services-section .cover{background-color:rgba(0,7,11,0.91)}

.panel, .panel-heading, .panel-footer{}



.featured-box{background-image:url(../img/struckaxiom.png); background-repeat:round; background-attachment:fixed; padding:0px; color:#222}
.featured-box h2{font-size:60px}
.featured-box .get-started{position:relative; margin-top:112px; margin-bottom:15px}
.featured-box .get-started .btn-lg{padding-top:18px; padding-bottom:18px}
.featured-box .learn-more{display:inline-block; margin-top:17px; margin-left:15px}

.typed-cursor{ opacity:1;  -webkit-animation:blink 0.7s infinite;  -moz-animation:blink 0.7s infinite;  animation:blink 0.7s infinite}
@keyframes blink{ 0%{opacity:1}
 50%{opacity:0}
 100%{opacity:1}
}
@-webkit-keyframes blink{ 0%{opacity:1}
 50%{opacity:0}
 100%{opacity:1}
}
@-moz-keyframes blink{ 0%{opacity:1}
 50%{opacity:0}
 100%{opacity:1}
}

.trusted-by{background-color:#E83F33; padding:30px 0 15px 0}
.trusted-by h4{margin-top:10px}
.trusted-by img{max-width:100%; padding:0 15px}

.btn{position:relative; letter-spacing:1.5px; border:none; -webkit-box-shadow:none; box-shadow:none; font-size:16px}
.btn:active{top:2px}

.btn-default, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active{background-color:#DDD; color:#222}
.btn-default:hover{background-color:#CDCDCD; color:#222}

.btn-primary, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active{background-color:#3078B3; color:#FFF}
.btn-primary:hover{background-color:#1867A8; color:#FFF}

.btn-danger, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active{background-color:#E7392D; color:#FFF}
.btn-danger:hover{background-color:#D81508; color:#FFF}

.btn-link, .btn-link:hover{color:#E83F33}

.btn-main, .btn-main:focus, .btn-main.focus, .btn-main:active, .btn-main.active{background-color:#E83F33; color:#FFF}
.btn-main:hover{background-color:#D73232; color:#FFF}

.btn-dark, .btn-dark:focus, .btn-dark.focus, .btn-dark:active, .btn-dark.active{background-color:#111; color:#FFF}
.btn-dark:hover{background-color:#333; color:#FFF}

.btn-white, .btn-white:focus, .btn-white.focus, .btn-white:active, .btn-white.active{background-color:#FFF; color:#222}
.btn-white:hover{background-color:#222; color:#FFF}

.btn-blank, .btn-blank:focus, .btn-blank.focus, .btn-blank:active, .btn-blank.active{background-color:transparent; color:#D73232; padding-top:4px; padding-bottom:4px; border:2px solid #D73232}
.btn-lg.btn-blank, .btn-lg.btn-blank:focus, .btn-lg.btn-blank.focus, .btn-lg.btn-blank:active, .btn-lg.btn-blank.active{padding-top:8px; padding-bottom:8px}
.btn-xlg.btn-blank, .btn-xlg.btn-blank:focus, .btn-xlg.btn-blank.focus, .btn-xlg.btn-blank:active, .btn-xlg.btn-blank.active{padding-top:18px; padding-bottom:18px}
.btn-blank:hover{background-color:#D73232; color:#FFF; border:2px solid #D73232}
.btn-blank2, .btn-blank2:focus, .btn-blank2.focus, .btn-blank2:active, .btn-blank.active{background-color:transparent; color:#000; padding-top:4px; padding-bottom:4px; border:1px solid #CACACA}
.btn-xlg, .btn-xlg:focus, .btn-xlg.focus, .btn-xlg:active, .btn-xlg.active, .btn-group-xlg >.btn{padding:20px 26px; font-size:18px}

.btn:active, .btn.active{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.16); box-shadow:inset 0 3px 5px rgba(0,0,0,0.16)}

.scrolltotop{position:fixed; display:none; bottom:20px; right:30px; width:34px; height:34px; line-height:34px; text-align:center; color:#E83F33; text-decoration:none; border:2px solid #FF2529; z-index:9999; opacity:.6; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg)}
.scrolltotop .fa, .scrolltotop .glyphicon{padding-left:4px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg)}
.scrolltotop:hover{opacity:1}
#footer{background-color:#111; padding:30px 0}


 #filter{margin-left:-37px !important; margin-top:45px !important; display:inline-block !important}
#filter  li{margin-bottom:30px !important; margin-right:10px !important; border-radius:0!important; background:none!important; padding:0!important; box-shadow:none!important; padding-right:0!important; padding-left:0!important; padding-top:0!important; float:left; list-style:none}
#filter .selected{background-color:#FD2D31}
#filter  li:last-child{margin-right:0}
#filter li a{text-decoration:none; text-transform:uppercase; color:#fff; font-size:16px; text-align:center; font-family:'Montserrat',DIN,Helvetica,Arial,sans-serif,cwtexhei; font-weight:700;margin-bottom:15px; margin-right:10px; padding:10px; background:#2f2f2f; padding-right:18px; padding-left:18px; padding-top:11px}
#filter li a:hover{cursor:pointer; background:#FD2D31; color:#fff}
#filter .current{background:#FD2D31}
/**/
.pretty{margin-top:65px}
.pretty img{border-radius:3px}
.pretty{margin-top:0}
.isotope-item{top:38px !important}

.picsGall{max-width:100%; height:auto}
 .pretty .img-responsive{transition-duration:0.5s}

.pretty .gall a:hover .img-responsive{opacity:0.45; transition-duration:0.5s}

.pretty .plS{display:block}
.view h3{margin-bottom:5px; text-align:center; margin-left:-14px; margin-top:12px}

#filter{display:inline-block; margin-top:45px}

#filter li a.selected{cursor:pointer; background:#FD2D31; color:#fff}

#projects .columns1 .project{width:100%}

.portfolio_block{width:100%}
.portfolio_block .project .hover_img{position:relative}

.default{transition-duration:1s}

/**/
.projress-text{    font-size:14px; font-family:'Montserrat',DIN,Helvetica,Arial,sans-serif,cwtexhei; line-height:24px}
 
.land{background-image:url(../img/progress/banner.png); background-repeat:no-repeat; background-attachment:inherit; background-position:bottom; background-color:#ededed; width:auto}

#pile{background-image:url(../img/progress/banner-b.png); background-repeat:no-repeat; background-attachment:inherit; background-position:bottom; background-color:#f5f4f3; width:auto}

.pile-right{text-align:center; padding-top:10px; padding-bottom:10px; width:-9999%; padding:0px}

#steel{background-image:url(../img/progress/banner-c.png); background-repeat:no-repeat; background-attachment:inherit; background-position:bottom; background-color:#fff; width:auto}

#seismic{background-image:url(../img/progress/banner-d.png); background-repeat:no-repeat; background-attachment:inherit; background-position:bottom; background-color:#020203; width:auto; color:#fff}

#decoration{background-image:url(../img/progress/banner-e.png); background-repeat:no-repeat; background-attachment:inherit; background-position:bottom; background-color:#f7f7f7; width:auto}

.popup{position:relative; text-decoration:none}
.popup span{position:absolute; top:-220px; left:50%; padding:5px; left:-999em; z-index:990; background-color:#FF4548}
.popup:hover{visibility:visible}
.popup:hover span{left:0px}
* html .popup span{position:fixed}

.people{ position:fixed; top:0; background-color: #FF2529;padding-top: 4%;padding-bottom: 2%; color: #ffffff; text-align: center; width:100%;}
.people2{ position:fixed; top:0; background-color: #FF2529;padding-top: 1%;padding-bottom: 2%; color: #ffffff; text-align: center; width:100%; height: 18px; font-size:16px;}
/* Carousel */

#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 30px;
    /* Control buttons  */
    /* Previous button  */
    /* Next button  */
    /* Changes the position of the indicators */
    /* Changes the color of the indicators */
}
#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
#quote-carousel .carousel-control.left {
    left: -60px;
}
#quote-carousel .carousel-control.right {
    right: -60px;
}
#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    margin: 5px;
    cursor: pointer;
    border: 4px solid #CCC;
    border-radius: 50px;
    opacity: 0.4;
    overflow: hidden;
    transition: all 0.4s;
}
#quote-carousel .carousel-indicators .active {
    background: #333333;
    width: 128px;
    height: 128px;
    border-radius: 100px;
    border-color: #f33;
    opacity: 1;
    overflow: hidden;
}
.carousel-inner {
    min-height: 300px;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}