@font-face { font-family: 'icomoon'; src: url("../fonts/icomoon/icomoon.eot?srf3rx");
  src: url("../fonts/icomoon/icomoon.eot?srf3rx#iefix") format("embedded-opentype"), url("../fonts/icomoon/icomoon.ttf?srf3rx") format("truetype"), url("../fonts/icomoon/icomoon.woff?srf3rx") format("woff"), url("../fonts/icomoon/icomoon.svg?srf3rx#icomoon") format("svg");
  font-weight: normal; font-style: normal;}

/* =======================================================
* 	Template Style 
*	Edit this section
* ======================================================= */

body { font-family: "Source Sans Pro", Arial, sans-serif; font-weight: 400; font-size: 16px; line-height: 1.8; color: #434343;
  color: #8f8a83; /* 基本內文字的顏色 */ background: #262420; height: 100%; position: relative;}

a { color: #bcb3a4; /* 基本連結字的顏色 */ -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;} 
a:hover, a:active, a:focus { color: #f2b417; /* 基本連結字的顏色 */ outline: none;}

p { margin-bottom: 1.5em;}

h1, h2, h3, h4, h5, h6 { color: #f8ebd1; font-family: "Source Sans Pro", Arial, sans-serif; font-weight: 400;}

::-webkit-selection { color: #3a4149; background: #f9f6f0;}
::-moz-selection { color: #3d4248; background: #f9f6f0;}
::selection { color: #818892; background: #f9f6f0;}
#fh5co-header { position: absolute; z-index: 99; width: 100%; opacity: 1; top: 0; margin-top: 15px;}/* 首頁頂部 LOGO/選單高度 */

@media screen and (max-width: 768px) { #fh5co-header { margin-top: 0; background: #383125;/* 手機版頂部 BANNER BG Color */ -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);}
  #fh5co-header .navbar-brand { color: #2185d5 !important;}
  #fh5co-header #navbar li a { color: rgba(255, 255, 255, 255) !important; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
  #fh5co-header #navbar li a:hover { color: #d6b970 !important;} /* 手機版頂選單 選擇時(滑過)顏色 */
  #fh5co-header #navbar li a span:before { background: transparent !important;}
  #fh5co-header #navbar li.active a { background: transparent; background: none; color: #2185d5 !important;}
  #fh5co-header #navbar li.active a span:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1);}}

#fh5co-header .navbar { padding-bottom: 0; margin-bottom: 1;} /* 首頁頂部Banner 底部留白寬度(margin-bottom) -手機/電腦 */
#fh5co-header #navbar li a { font-family: "Source Sans Pro", Arial, sans-serif; font-size: 22px; color: rgba(255, 255, 255, 0.7); position: relative;}
#fh5co-header #navbar li a span { position: relative; display: block; padding-bottom: 2px;}

                                                                /* 首頁頂部Banner 選單文字底線↓粗細 (height: 2px) */
#fh5co-header #navbar li a span:before { content: ""; position: absolute; width: 100%; height: 3px; bottom: 0; left: 0;
  background-color: #5a719a; visibility: hidden; -webkit-transform: scaleX(0); -moz-transform: scaleX(0); -ms-transform: scaleX(0);
  -o-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s;}
  
#fh5co-header #navbar li a:hover { color: #fff;}
#fh5co-header #navbar li a:hover span:before { visibility: visible; -webkit-transform: scaleX(1); -moz-transform: scaleX(1);
  -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1);}
  
#fh5co-header #navbar li.active a { background: transparent; background: none; color: #fff;}
#fh5co-header #navbar li.active a span:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1);}

#fh5co-header .navbar-brand { float: left; display: block; font-size: 30px; font-weight: 700; padding-left: 0; color: #fff;}

                                                              /* 置頂BANNER 底色*/
#fh5co-header.navbar-fixed-top { position: fixed !important; background: #383125; -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.1); margin-top: 0px; top: 0;} /* 置頂BANNER 上方到視窗邊緣的空間高度 (margin-top: 0px)*/
  
#fh5co-header.navbar-fixed-top .navbar-brand { color: #2185d5;}

#fh5co-header.navbar-fixed-top #navbar li a { color: rgba(255, 255, 255, 255); /* 置頂BANNER連結字的顏色 */
  -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
#fh5co-header.navbar-fixed-top #navbar li a:hover {color: #1d73f4; /* 置頂BANNER連結字 指向時變的顏色 */}
#fh5co-header.navbar-fixed-top #navbar li.active a { background: transparent; background: none; 
  color: #d6b970; /* 置頂BANNER連結字 選取後的顏色 */}
  
#fh5co-header.navbar-fixed-top #navbar li.active a span:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1);}
#fh5co-header .navbar-default { border: transparent; background: transparent; -webkit-border-radius: 0px; -moz-border-radius: 0px;
  -ms-border-radius: 0px; border-radius: 0px;}
@media screen and (max-width: 768px) { #fh5co-header .navbar-default { margin-top: 0px; padding-right: 0px; padding-left: 0px;}}

#fh5co-header .navbar-default .brand-slogan { margin: 28px 0 0 15px; float: left; letter-spacing: 2px; color: #adadad;}
#fh5co-header .navbar-default .brand-slogan em { color: #2185d5; font-style: normal;}
#fh5co-header a { -webkit-transition: 0s; -o-transition: 0s; transition: 0s;}
.section-heading { float: left; width: 100%; padding-bottom: 0px; margin-bottom: 30px; /* 副標(h3)下方的空間 */ clear: both;}

/* 大標題 */
.section-heading h2 { font-size: 52px; font-weight: 300; color: #000; position: relative;
  display: block; padding-bottom: 0px; line-height: 1.5; font-weight: 500;}

/* 大標題下方底線 */
/*.section-heading h2:after { content: ""; position: absolute; display: block; width: 100px; height: 2px; background: #b2a279;
  left: 50%; margin-left: -50px; bottom: 0;}*/
@media screen and (max-width: 768px) { .section-heading h2 {font-size: 30px;}}
  
/* 副標-行-顏色 */
.section-heading h3 { font-weight: 300; line-height: 1.5; color: #766f5f;}
@media screen and (max-width: 768px) {.section-heading h3 { font-size: 22px !important; line-height: 34px;}}
.btn { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}

#fh5co-our-service,
#fh5co-our-services,
#fh5co-about-us,
#fh5co-features,
#fh5co-testimonials,
#fh5co-pricing,
#fh5co-press { padding: 7em 0; /* 各最大標題的上方空間尺寸 */}

@media screen and (max-width: 480px) {
  #fh5co-our-service,
  #fh5co-our-services,
  #fh5co-about-us,
  #fh5co-features,
  #fh5co-testimonials,
  #fh5co-pricing,
  #fh5co-press { padding: 6em 0; /* 各最大標題的上方空間尺寸 */}}


/* -- FEEDBACK 區塊 ----------------------- */
#fh5co-testimonials { background: #23c0fa;} /* FEEDBACK 區塊底色 */
#fh5co-testimonials .section-heading h2 { color: white;} /* FEEDBACK 大標顏色 */
#fh5co-testimonials .section-heading h2:after { background: rgba(255, 255, 255, 0.5);} /* FEEDBACK 大標下方 線 顏色 */
#fh5co-testimonials .section-heading .subtext h3 { color: rgba(255, 255, 255, 0.8);} /* FEEDBACK 副標顏色 */
#fh5co-testimonials .box-testimony { margin-bottom: 1em; float: left;} /* FEEDBACK 區塊下方空間 */

#fh5co-testimonials .box-testimony a { color: rgba(0, 0, 128, 0.6);} /* FEEDBACK 區塊內 字下連結後的顏色 */
#fh5co-testimonials .box-testimony a:hover, #fh5co-testimonials .box-testimony a:focus, #fh5co-testimonials .box-testimony a:active {
  color: white; text-decoration: none;} /* FEEDBACK 區塊內 字下連結後 滑過去的顏色 *
 
/* FEEDBACK 白色方塊 */
#fh5co-testimonials .box-testimony blockquote { padding-left: 0; border-left: none; padding: 40px; background: #fff; position: relative;
  -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;}

/* FEEDBACK 白色方塊底部三角形 */
#fh5co-testimonials .box-testimony blockquote:after { content: ""; position: absolute; top: 100%; left: 40px;
  border-top: 15px solid black; border-top-color: #fff; border-left: 15px solid transparent; border-right: 15px solid transparent;}

/* FEEDBACK 圓ICON */ 
#fh5co-testimonials .box-testimony blockquote .quote { position: absolute; top: 0; left: 10px; text-align: center; font-size: 30px;
  line-height: 0; display: table; color: #fff;/* FEEDBACK 圓ICON 內容顏色 */ width: 56px; height: 56px; margin-top: -30px; 
  background: #23c0fa;/* FEEDBACK 圓ICON 底色 */ -webkit-border-radius: 50%; -moz-border-radius: 50%; 
  -ms-border-radius: 50%; border-radius: 50%;}
#fh5co-testimonials .box-testimony blockquote .quote > span { display: table-cell; vertical-align: middle;}/* FEEDBACK 圓ICON 內容位置 */
#fh5co-testimonials .box-testimony blockquote p { font-style: italic;}

/* FEEDBACK 白色方塊 下方主說明 */
#fh5co-testimonials .box-testimony .author { line-height: 20px; color: white; font-size: 20px; margin-left: 20px;}

/* FEEDBACK 白色方塊 下方副說明 */
#fh5co-testimonials .box-testimony .author .subtext { display: block; color: rgba(255, 255, 255, 0.8); font-size: 16px;}

#fh5co-pricing .price-box { border: 2px solid #ECEEF0; text-align: center; padding: 30px; -webkit-border-radius: 5px;
  -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; margin-bottom: 40px; position: relative;}
  
#fh5co-pricing .price-box.popular { border: 2px solid #fd091a;}
#fh5co-pricing .price-box.popular .popular-text { top: 0; left: 50%; margin-left: -54px; margin-top: -2em; position: absolute;
  padding: 4px 20px; background: #fd091a; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px;
  -ms-border-radius: 4px; border-radius: 4px;}
#fh5co-pricing .price-box.popular .popular-text:after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -10px;
  border-top: 10px solid black; border-top-color: #fd091a; border-left: 10px solid transparent; border-right: 10px solid transparent;}

#fh5co-pricing .pricing-plan { margin: 0; padding: 0; font-size: 15px; letter-spacing: 2px; text-transform: uppercase; font-weight: 700;}
#fh5co-pricing .price { font-size: 50px; color: #000;}
#fh5co-pricing .price .currency { font-size: 20px; top: -1.2em;}
#fh5co-pricing .price small { font-size: 16px;}
#fh5co-pricing .pricing-info { padding: 0; margin: 0 0 30px 0;}
#fh5co-pricing .pricing-info li { padding: 0; margin: 0; list-style: none; text-align: center;}


/* Product / Contact 區塊底色 */
#fh5co-our-service,
#fh5co-our-services,
#fh5co-press { background: #dbd4c6;}

#fh5co-our-services a, #fh5co-our-services p {
  color: #262420;
  font-size: 18px;
  font-weight: bold;
}

/* Contact 方塊 文字顏色 */
#fh5co-our-services .box { padding: 30px; background: #fff; text-align: center; color: #7f7f7f; margin-bottom: 70px; position: relative;}

@media screen and (max-width: 992px) { #fh5co-our-services .box { min-height: inherit; margin-bottom: 60px;}}

/* Contact 區塊 icon */
#fh5co-our-services .box .icon { width: 85px; height: 85px; margin: 0 auto; top: 0; margin-top: -70px; margin-bottom: 30px; position: relative; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; display: table;
  text-align: center;}
#fh5co-our-services .box .icon > span { display: table-cell; vertical-align: middle;}
#fh5co-our-services .box .icon > span i { font-size: 40px; color: #fff !important; margin: 0; padding: 0;}

/* Contact 區塊 icon 底色
ICON 樣式 可參照 fonts/icomoon/icomoon/demo.html 了解  檔安則是 icomoon.css */
#fh5co-our-services .box .icon.colored-1 { background: #655b45;}
#fh5co-our-services .box .icon.colored-2 { background: #655b45;}
#fh5co-our-services .box .icon.colored-3 { background: #655b45;}
#fh5co-our-services .box .icon.colored-4 { background: #fd8f1a;}
#fh5co-our-services .box .icon.colored-5 { background: #2fc5cc;}
#fh5co-our-services .box .icon.colored-6 { background: #6173f4;}
#fh5co-our-services .box .icon.colored-7 { background: #ac56f5;}
#fh5co-our-services .box .icon.colored-8 { background: #2fcc4d;}
#fh5co-our-services .box .icon.colored-9 { background: #4fec2b;}

#fh5co-our-services .box .step-number { font-size: 16px; display: block; color: #d1d1d1; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; margin-bottom: 10px;}

#fh5co-our-services .box h3 { margin: 0 0 20px 0; padding: 0; font-weight: 400; font-size: 20px; color: #444;}
#fh5co-features { padding: 7em 0;}

@media screen and (max-width: 768px) { #fh5co-features { padding: 4em 0;}}

#fh5co-features .fh5co-service { margin-bottom: 30px; float: left;}
#fh5co-features .fh5co-service .fh5co-icon { float: left; width: 20%;}
#fh5co-features .fh5co-service .fh5co-icon i { font-size: 40px; color: #d6b970;} /* NEWS ICON 顏色 */
#fh5co-features .fh5co-service .fh5co-desc { width: 80%; float: right;}
#fh5co-features .fh5co-service .fh5co-desc h3 { margin-top: 0; font-size: 18px;}

#fh5co-press .fh5co-press-item { background: #fff; float: left; margin-bottom: 30px; position: relative; overflow: hidden;
  display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-border-radius: 4px;
  -moz-border-radius: 4px; -ms-border-radius: 4px; border-radius: 4px;}
  
@media screen and (max-width: 480px) { #fh5co-press .fh5co-press-item { display: block !important;}}

#fh5co-press .fh5co-press-item .fh5co-press-text,
#fh5co-press .fh5co-press-item .fh5co-press-img { width: 50%;}

@media screen and (max-width: 480px) {
  #fh5co-press .fh5co-press-item .fh5co-press-text,
  #fh5co-press .fh5co-press-item .fh5co-press-img {
    height: inherit; float: none !important; width: 100%; display: block !important;}}

#fh5co-press .fh5co-press-item .fh5co-press-text { float: left; padding: 20px;}
#fh5co-press .fh5co-press-item .fh5co-press-text .fh5co-press-title { margin: 0 0 20px 0; padding: 0 0 10px 0; font-weight: 400;
  font-size: 20px; color: #444; position: relative;}

/* Product 白方塊 產品名下方 線 */
#fh5co-press .fh5co-press-item .fh5co-press-text .fh5co-press-title .fh5co-border { position: absolute; left: 0; bottom: 0;
  height: 2px; width: 40px; background: #fd091a;} 
#fh5co-press .fh5co-press-item .fh5co-press-img { position: absolute; right: 0; bottom: 0; top: 0; background-size: cover;}

@media screen and (max-width: 480px) { 
#fh5co-press .fh5co-press-item .fh5co-press-img { height: 200px; left: 0; top: 0; position: relative; width: 100%;}}

.fh5co-nav-toggle { width: 25px; height: 25px; cursor: pointer; text-decoration: none;}
.fh5co-nav-toggle.active i::before, .fh5co-nav-toggle.active i::after { background: #d6b970;}
.fh5co-nav-toggle:hover, .fh5co-nav-toggle:focus, .fh5co-nav-toggle:active { outline: none; border-bottom: none !important;}

/* 小視窗時 右上角選單 ICON ≡ */
.fh5co-nav-toggle i { position: relative; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline;
  width: 25px; height: 3px; color: #d6b970; font: bold 14px/.4 Helvetica; text-transform: uppercase; text-indent: -55px;
  background: #d6b970; transition: all .2s ease-out;}
.fh5co-nav-toggle i::before, .fh5co-nav-toggle i::after { content: ''; width: 25px; height: 3px; background: #d6b970;
  position: absolute; left: 0; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s;}

.fh5co-nav-toggle i::before { top: -7px;}
.fh5co-nav-toggle i::after { bottom: -7px;}

.fh5co-nav-toggle:hover i::before { top: -10px;}
.fh5co-nav-toggle:hover i::after { bottom: -10px;}

.fh5co-nav-toggle.active i { background: transparent;}

.fh5co-nav-toggle.active i::before { top: 0; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg);
  -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg);}

.fh5co-nav-toggle.active i::after { bottom: 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg);
  -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg);}

.fh5co-nav-toggle { position: absolute; top: 12px; right: 0px; z-index: 21; padding: 6px 0 0 0; display: block;
  margin: 0 auto; display: none; height: 44px; width: 44px; border-bottom: none !important;}

@media screen and (max-width: 768px) { .fh5co-nav-toggle { display: block;}}
/* Product Series */
.person { text-align: center; margin-bottom: 40px; float: left; width: 100%;}
.person img { display: block; margin: 0 auto; height: 160px; -webkit-border-radius: 40%; -moz-border-radius: 40%; -ms-border-radius: 40%;
  border-radius: 40%;} /* Product Series 大圖示 尺寸及四角圓弧 (40%) */
.person .name { font-size: 24px;} /* Product Series 主標及副標 */
.person .position { text-transform: uppercase; color: #817f7f; margin-bottom: 30px; letter-spacing: 2px;}

/* 首頁最下方 */
#footer { padding: 40px 0; color: #998f7f; background: #383125; font-size: 18px}
#footer .copyright { margin-bottom: 0px; padding-bottom: 0;}

.btn { text-transform: uppercase; letter-spacing: 2px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}

/* 首頁輪播 彩色Button 底色 */
.btn.btn-primary { background: #ccb069; /* 所有其 它"LEARN MORE" 彩色 Butto n底色 都與輪播第一頁的一樣*/
  color: #fff; border: none !important; border: 2px solid transparent !important;}
.btn.btn-primary2 { background: #c0a55c; color: #fff; border: none !important; border: 2px solid transparent !important;}
.btn.btn-primary3 { background: #c0a55c; color: #fff; border: none !important; border: 2px solid transparent !important;}
/* 首頁輪播 彩色Button 底色 end */

.btn.btn-primary:hover, .btn.btn-primary:active, .btn.btn-primary:focus { box-shadow: none; background: #fd091a;}
.btn:hover, .btn:active, .btn:focus { background: #393e46 !important; color: #fff; outline: none !important;}
.btn.btn-default:hover, .btn.btn-default:focus, .btn.btn-default:active { border-color: transparent;}

.social { padding: 0; margin: 0; display: inline-block; position: relative; width: 100%;}
.social li { list-style: none; padding: 0; margin: 0; display: inline-block;}
.social li a { font-size: 16px; display: table; width: 40px; height: 40px; margin: 0 4px;}
.social li a i { display: table-cell; vertical-align: middle;}
.social li a:hover, .social li a:active, .social li a:focus { text-decoration: none; border-bottom: none;}
.social li a.social-box { background: #6173f4; color: #fff;}
.social li a.social-circle { background: #6173f4; color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%;
  border-radius: 50%;}
.social li a:hover { background: #393e46 !important;}
.social.social-box a { background: #6173f4; color: #fff;}

/* 首最下方 ICON 顏色 */
.social.social-circle a { background: #1d73f4; color: #fff; -webkit-border-radius: 40%; -moz-border-radius: 40%; -ms-border-radius: 40%;
  border-radius: 40%;} /* 40% 指的是ICON 的四角圓弧 50%時就會是正圓 */

.owl-carousel .owl-controls .owl-nav { opacity: 0; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s;}
.owl-carousel:focus .owl-controls .owl-nav, .owl-carousel:hover .owl-controls .owl-nav, .owl-carousel:active .owl-controls .owl-nav {
  opacity: 1;}
.owl-carousel .btn-primary:hover, .owl-carousel .btn-primary:focus, .owl-carousel .btn-primary:active { background: transparent !important;
  border: 2px solid #fff !important;}

.owl-carousel .owl-controls,
.owl-carousel-posts .owl-controls { margin-top: 0;}

@media screen and (max-width: 768px) { .owl-carousel .owl-controls .owl-nav { display: none;}}

.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev { top: 50%; margin-top: -29px; z-index: 9999; position: absolute; -webkit-transition: 0.3s;
  -o-transition: 0.3s; transition: 0.3s;}
.owl-carousel .owl-controls .owl-nav .owl-next i:before,
.owl-carousel .owl-controls .owl-nav .owl-prev i:before { color: rgba(255, 255, 255, 0.5);}

.owl-carousel-posts .owl-controls .owl-nav .owl-next,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev { top: 24%;}

.owl-carousel .owl-controls .owl-nav .owl-next { right: 0;}
.owl-carousel .owl-controls .owl-nav .owl-next:hover { right: 10px;}
.owl-carousel .owl-controls .owl-nav .owl-next:hover i:before { color: white;}

.owl-carousel .owl-controls .owl-nav .owl-prev { left: 0;}
.owl-carousel .owl-controls .owl-nav .owl-prev:hover { left: 10px;}
.owl-carousel .owl-controls .owl-nav .owl-prev:hover i:before { color: white;}

.owl-carousel-posts .owl-controls .owl-nav .owl-next i,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev i { color: #444;}
.owl-carousel-posts .owl-controls .owl-nav .owl-next:hover i,
.owl-carousel-posts .owl-controls .owl-nav .owl-prev:hover i { color: #000;}

.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next i,
.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev i { color: #fff;}
.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next:hover i,
.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev:hover i { color: #fff;}

@media screen and (max-width: 768px) { .owl-theme .owl-controls .owl-nav { display: none;}}

.owl-theme .owl-controls .owl-nav [class*="owl-"] { background: none !important;}
.owl-theme .owl-controls .owl-nav [class*="owl-"] i { font-size: 30px;}
.owl-theme .owl-controls .owl-nav [class*="owl-"] i:hover, .owl-theme .owl-controls .owl-nav [class*="owl-"] i:focus { background: none !important;}
.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover, .owl-theme .owl-controls .owl-nav [class*="owl-"]:focus { background: none !important;}

.owl-theme .owl-dots { position: absolute; bottom: 0; width: 100%; text-align: center;}

.owl-carousel-fullwidth.owl-theme .owl-dots { bottom: 0; margin-bottom: 2.5em;}

.owl-theme .owl-dots .owl-dot span { width: 10px; height: 10px; background: rgba(255, 255, 255, 0.2); -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s; border: 2px solid transparent;}
.owl-theme .owl-dots .owl-dot span:hover { background: none; background: white;}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: white; background: transparent; border: 2px solid #fff;}

.owl-carousel-fullwidth .item, .owl-carousel-fullwidth .fh5co-owl-text-wrap { height: 900px; display: table; width: 100%;}

@media screen and (max-width: 768px) {.owl-carousel-fullwidth .item, .owl-carousel-fullwidth .fh5co-owl-text-wrap { height: inherit; padding: 5em 0;}}
.owl-carousel-fullwidth .fh5co-owl-text-wrap { position: relative;}
.owl-carousel-fullwidth .item { background-repeat: no-repeat; background-size: cover; background-position: top left; position: relative;}
.owl-carousel-fullwidth .item .overlay { 
 position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); z-index: 8;}
.owl-carousel-fullwidth .item img { max-width: 100%;}
.owl-carousel-fullwidth .item .iphone-image { position: relative; z-index: 99;}
.owl-carousel-fullwidth .item .iphone-image .iphone { float: right; text-align: right; position: relative; bottom: -12em;}

@media screen and (max-width: 768px) {.owl-carousel-fullwidth .item .iphone-image .iphone { bottom: 0em; text-align: center; float: none !important; margin: 0 auto; display: block;}}
.owl-carousel-fullwidth .item .iphone-image .iphone img { max-width: 100%;}
.owl-carousel-fullwidth .item .fh5co-owl-text { display: table-cell; vertical-align: middle; z-index: 10; position: relative;}
.owl-carousel-fullwidth .item .fh5co-owl-text a { color: white; border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
.owl-carousel-fullwidth .item .fh5co-owl-text a:hover { text-decoration: none; color: white; border-bottom: 1px solid white;}
.owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-lead, .owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-lead-2, .owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-sub-lead { color: #fff; margin: 0; padding: 0;}
.owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-lead { font-weight: 700; margin-bottom: 20px; margin-top: 0; text-transform: uppercase;
  letter-spacing: 1px; color: #fff; font-size: 50px; line-height: 50px; color: #fff;}
  
@media screen and (max-width: 768px) { .owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-lead { margin-bottom: 20px; font-size: 30px;  line-height: 30px;}}
.owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-sub-lead { font-size: 30px; line-height: 30px; line-height: 42px; font-weight: 100; margin-bottom: 30px; color: white;}

@media screen and (max-width: 768px) { .owl-carousel-fullwidth .item .fh5co-owl-text .fh5co-sub-lead { font-size: 24px; line-height: 34px;}}

.js .to-animate,
.js .to-animate-2,
.js .single-animate { opacity: 0;}

@media screen and (max-width: 480px) { .col-xxs-12 { float: none; width: 100%;}}

.row-bottom-padded-lg { padding-bottom: 7em;}
@media screen and (max-width: 768px) {.row-bottom-padded-lg { padding-bottom: 2em;}}

.row-bottom-padded-md { padding-bottom: 4em;}
@media screen and (max-width: 768px) { .row-bottom-padded-md { padding-bottom: 2em;}}

.row-bottom-padded-sm {padding-bottom: 2em;}
@media screen and (max-width: 768px) {.row-bottom-padded-sm { padding-bottom: 2em;}}

.fh5co-animated { -webkit-animation-duration: .3s; animation-duration: .3s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}