/* Code tidied up by ScrapBook */
body { font-family: "Open Sans","Microsoft YaHei",sans-serif; color: rgb(119, 119, 119); font-size: 13.5px; font-weight: 300; overflow-x: hidden; overflow-y: scroll; }
.container { padding-right: 0px; padding-left: 0px; }
body, li, address {  }
input, button, select, textarea { font-family: "Open Sans","Microsoft YaHei",sans-serif; font-size: 13px; font-weight: 300; }
p { margin: 0px 0px 15px; }
a { color: rgb(235, 90, 85); transition: all 0.3s ease 0s; }
a:hover, a:focus { color: rgb(60, 60, 60); text-decoration: none; }
.colored { color: rgb(235, 90, 85); }
.color-white { color: rgb(255, 255, 255) !important; }
.color-black { color: rgb(60, 60, 60) !important; }
.font-alt { font-family: "Open Sans","Raleway","Microsoft YaHei",sans-serif; }
.font-alt { font-family: "Open Sans","Roboto Slab","Microsoft YaHei",serif; }
.fw100 { font-weight: 100; }
.fw300 { font-weight: 300; }
.fw600 { font-weight: 600 !important; }
.fw800 { font-weight: 800 !important; }
.fw900 { font-weight: 900; }
h1, h2, h3, h4, h5, h6 { font-family: "Open Sans","Raleway","Microsoft YaHei",sans-serif; margin-top: 0px; color: rgb(60, 60, 60); font-weight: 300; }
h1 { font-size: 36px; line-height: 40px; }
h2 { font-size: 30px; line-height: 40px; }
h3 { font-size: 24px; line-height: 30px; }
h4 { font-size: 18px; line-height: 24px; margin-bottom: 8px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
h2.heading { font-weight: 800; text-transform: uppercase; letter-spacing: 2px; text-align: center; font-size: 36px; }
p.h-sub { font-family: "Open Sans","Roboto Slab","Microsoft YaHei",serif; color: rgb(153, 153, 153); text-align: center; margin-bottom: 30px; position: relative; display: inline-block; }
p.h-sub::before { display: inline-block; content: ""; border-bottom: 2px solid rgb(60, 60, 60); border-left: 1px solid rgb(240, 240, 240); position: absolute; width: 30px; bottom: -80%; left: 49%; }
h3.heading { position: relative; display: inline-block; width: 100%; margin-bottom: 30px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; }
h3.heading::before { display: inline-block; content: ""; border-bottom: 2px solid rgb(0, 0, 0); border-left: 1px solid rgb(240, 240, 240); position: absolute; width: 30px; bottom: -10px; left: 0px; }
h1.client { font-size: 44px; line-height: 44px; letter-spacing: -2px; }
h4.client span { border: 2px solid rgb(60, 60, 60); padding: 5px 10px; }
.page-nav { padding: 50px 0px 35px; text-align: right; }
.page-nav a { color: rgb(51, 51, 51); }
.page-nav a:hover { color: rgb(60, 60, 60); }
.page-nav .active { color: rgb(60, 60, 60); }
.center-title-wrapper { text-align: center; }
.center-title-wrapper strong { text-align: center; width: 3% !important; margin: -20px auto; border-bottom: 2px solid rgb(60, 60, 60); }
.title-center { position: relative; display: inline-block; text-transform: uppercase; font-size: 16px; line-height: 18px; margin-bottom: 10px; }
.title-left { position: relative; display: inline-block; text-transform: uppercase; font-size: 14px; line-height: 18px; letter-spacing: 5px; margin-bottom: 30px; width: 100%; font-weight: 600; }
.title-left::before { display: inline-block; content: ""; border-bottom: 1px solid rgb(240, 240, 240); border-left: 1px solid rgb(240, 240, 240); position: absolute; width: 100%; bottom: -10px; left: 0px; }
.upper { text-transform: uppercase; }
.pad-container { padding-top: 60px; padding-bottom: 60px; }
.pad-container-parallax { padding-top: 150px; padding-bottom: 120px; }
.lead { font-weight: 300; font-size: 18px; line-height: 30px; display: inline; }
.bg-white { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.bg-gray { background: rgb(246, 246, 248) none repeat scroll 0% 0%; }
.bg-dark-gray { background: rgb(45, 50, 60) none repeat scroll 0% 0%; color: rgb(255, 255, 255) !important; }
.bg-color { background: rgb(235, 90, 85) none repeat scroll 0% 0%; }
.pic { transition: all 0.2s linear 0s; }
.pic:hover { opacity: 0.8; }
.brd-gray { border: 1px solid rgb(246, 246, 246); }
.brd-bottom { border-bottom: 1px solid rgb(229, 229, 229); }
.mgr-header { float: left; width: 100%; }
ul { padding: 0px 0px 0px 20px; }
ol { padding: 0px 0px 0px 20px; }
ul.circled { padding: 0px; list-style: outside none none; }
ul.circled li::before { content: ""; margin-right: 10px; font-weight: normal; vertical-align: top; padding-top: 1px; display: inline-block; font-family: "fontello-circle"; color: rgb(235, 90, 85); font-size: 8px; }
ul.arrow { padding: 0px; list-style: outside none none; }
ul.arrow li::before { content: ""; margin-right: 10px; font-weight: normal; vertical-align: top; padding-top: 1px; display: inline-block; font-family: "fontello"; color: rgb(235, 90, 85); font-size: 12px; }
.thin { width: 70%; margin: 0px auto; }
.thin-search { width: 80%; margin: 30% auto; }
.dropcap { font-weight: 300; display: block; float: left; font-size: 49px; padding: 0px; margin: 12px 8px 0px 0px; text-transform: uppercase; }
img { width: 100%; }
hr { border-bottom: 1px solid rgb(245, 245, 245); }
blockquote { border: medium none; padding: 0px; font-size: 18px; line-height: 28px; font-weight: 200; font-family: Georgia,"Times New Roman",Times,"Microsoft YaHei",serif; font-style: italic; }
blockquote small { line-height: inherit; color: rgb(153, 153, 153); }
.italic { font-style: italic; }
.black-box { font-size: 18px; font-family: Georgia,"Times New Roman",Times,"Microsoft YaHei",serif; font-weight: 300; line-height: 30px; color: rgb(153, 153, 153); margin: 10px 0px; padding: 20px; background: rgb(60, 60, 60) none repeat scroll 0% 0%; position: relative; }
.black-box h3 { color: rgb(204, 204, 204); }
.black-box::after { position: absolute; content: ""; width: 30px; height: 30px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; right: -15px; bottom: -15px; transform: rotate(135deg); }
.side-image { padding: 0px; position: relative; }
.side-image .image-container { overflow: hidden; position: absolute; height: 100%; padding: 0px; top: 0px; }
.side-image .image-container.pull-right { right: 0px; }
.side-image .content { padding-top: 80px; padding-bottom: 80px; }
.side-image h1 { margin-bottom: 40px; }
.side-image p.lead { margin-bottom: 64px; }
.side-image.text-heavy h1 { margin-bottom: 32px; }
.side-image.text-heavy p.lead { margin-bottom: 40px; }
.side-image.text-heavy .feature { margin-top: 64px; }
.side-image.text-heavy .feature h5 { margin-bottom: 40px; }
.content-wrap { overflow: hidden; width: 100%; height: 100%; }
.content { position: relative; overflow: hidden; }
.header-nav { float: none !important; }
.header-nav { z-index: 9999; }
.logo { float: left; padding-top: 38px; font-size: 20px; line-height: 20px; }
.logo:hover, .logo:focus { text-decoration: none; }
.logo-white { float: left; padding-top: 38px; font-size: 20px; line-height: 20px; display: block; }
.logo-dark { float: left; padding-top: 38px; font-size: 20px; line-height: 20px; display: none; }
.logo img, .logo-white img, .logo-dark img { width: auto; height: 28px; }
.header-nav.dark { background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0% !important; }
.header-nav.dark .navbar-nav > li > a { color: rgb(255, 255, 255); }
.header-nav.dark .header-nav.basic.set { background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0% !important; }
.header-nav.dark.header-nav.basic.sticky .navbar-nav > li > a { color: rgb(255, 255, 255); }
.header-nav.dark.header-nav.basic.sticky .social-top li a i.white { color: rgb(255, 255, 255); }
.navbar-header { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.navbar-collapse { width: auto; background: transparent none repeat scroll 0% 0%; box-shadow: none; }
.navbar-nav > li { margin-left: 15px; }
.navbar-nav > li a.white { color: rgb(255, 255, 255); }
.navbar-nav > li > a { color: rgb(60, 60, 60); font-size: 12px; font-weight: 600; padding: 42px 15px; text-transform: uppercase; text-align: left; letter-spacing: 1.5px; }
.nav > li > a:focus { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; color: rgb(60, 60, 60); }
.nav > li > a:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; }
.navbar-nav > li.current { color: rgb(235, 90, 85); }
.header-nav .dropdown-menu { padding: 0px 0px 10px; margin: 0px; min-width: 190px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-width: 2px medium medium; border-style: solid none none; border-color: rgb(60, 60, 60) currentcolor currentcolor; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-radius: 0px; transition: all 0.3s ease 0s; }
.header-nav .dropdown-menu li { border: medium none; }
.header-nav .dropdown-menu li:first-child { border: medium none !important; }
.header-nav .dropdown-menu li a { padding: 12px 18px; line-height: 1; color: rgb(153, 153, 153) !important; font-size: 11px; text-transform: uppercase; text-align: left; font-weight: 600; letter-spacing: 0.5px; }
.header-nav .dropdown-menu li a:hover, .header-nav .dropdown-menu li a.active { filter: none; line-height: 1; color: rgb(229, 229, 229); }
.header-nav .nav .open > a, .header-nav .nav .open > a:hover, .header-nav .nav .open > a:focus { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; color: rgb(235, 90, 85); }
.navbar-nav > li.current .dropdown-menu li a::before { border-bottom: 0px solid !important; width: 0px !important; }
.header-nav .nav > li > .dropdown-menu::after { display: none; }
.header-nav .nav > li > .dropdown-menu::before { display: none; }
.header-nav .dropdown-menu > li > a:hover, .header-nav .dropdown-menu > li > a:focus, .header-nav .dropdown-submenu:hover > a, .header-nav .dropdown-submenu:focus > a, .header-nav .dropdown-menu > .active > a, .header-nav .dropdown-menu > .active > a:hover, .header-nav .dropdown-menu > .active > a:focus { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; color: rgb(235, 90, 85); }
.header-nav .dropdown-submenu ul { border-left: 0px none !important; }
.yamm .nav, .yamm .dropup, .yamm .dropdown, .yamm .collapse { position: static; }
.yamm .navbar-inner, .yamm .container { position: relative; }
.yamm .dropdown-menu { left: auto; }
.yamm .dropdown-menu > li { display: block; }
.yamm .nav.pull-right .dropdown-menu { right: 0px; }
.yamm .yamm-content { padding: 20px; color: rgb(153, 153, 153); }
.yamm .yamm-content::before, .yamm .yamm-content::after { display: table; content: ""; line-height: 0; }
.yamm .yamm-content::after { clear: both; }
.yamm .yamm-content img { width: 100%; }
.yamm .yamm-content a { color: rgb(153, 153, 153); }
.yamm .yamm-content ul { border-right: 1px solid rgb(238, 238, 238); }
.yamm .yamm-content ul.last { border-right: 0px solid rgb(238, 238, 238); }
.yamm .yamm-content ul li { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% !important; border-top: 1px solid rgba(0, 0, 0, 0) !important; line-height: 32px; }
.yamm .yamm-content ul li a { padding: 0px; margin: 0px 0px 0px -18px; }
.yamm .yamm-content ul li a:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% !important; border-bottom: 0px none !important; }
.yamm .yamm-content h1, .yamm .yamm-content h2, .yamm .yamm-content h3, .yamm .yamm-content h4, .yamm .yamm-content h5, .yamm .yamm-content h6 { color: rgb(60, 60, 60); }
.yamm .yamm-content a:hover {  }
.yamm .dropdown.yamm-fullwidth .dropdown-menu { width: 100%; left: 0px; right: 0px; }
.btn.mobile-menu { width: 60px; display: none; font-size: 16px; border-radius: 0px; color: rgb(60, 60, 60); background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% !important; padding-right: 0px; }
.btn.mobile-menu:hover { padding-right: 0px; color: rgb(153, 153, 153); }
.social-top { padding: 0px; margin: 40px 0px 0px; font-size: 0px; height: 28px; float: right; }
.social-top li { display: inline-block; font-family: "fontello"; margin-right: 5px; }
.social-top li a { display: table; color: rgb(170, 170, 170); }
.social-top li a:hover i { color: rgb(235, 90, 85) !important; }
.social-top li a i { text-align: center; display: table-cell; vertical-align: middle; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; width: 28px; height: 28px !important; line-height: 1; font-size: 14px; transition: all 0.3s ease 0s; color: rgb(60, 60, 60); font-weight: 100; }
.social-top li a i.white { color: rgb(255, 255, 255); }
.header-nav.basic.set { width: 100%; position: absolute; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.header-nav.basic.set.nobg { width: 100%; position: absolute; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% !important; }
.header-nav.basic.sticky { position: fixed; left: 0px; padding: 0px; margin: 0px; width: 100%; z-index: 999999; }
.header-nav.basic.sticky { background: rgb(255, 255, 255) none repeat scroll 0% 0%; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.02); }
.header-nav.basic.sticky .logo, .header-nav.basic.sticky .logo-white, .header-nav.basic.sticky .logo-dark { padding-top: 20px; }
.header-nav.basic.sticky .logo img, .header-nav.basic.sticky .logo-white img, .header-nav.basic.sticky .logo-dark img { height: 20px; }
.header-nav.basic.sticky .logo-white { display: none; }
.header-nav.basic.sticky .logo-dark { display: block; }
.header-nav.basic.sticky .navbar-nav > li > a { padding: 24px 15px; color: rgb(45, 35, 35); }
.header-nav.basic.sticky .navbar-nav > li > a:hover { color: rgb(60, 60, 60); }
.header-nav.basic .navbar-collapse { max-height: inherit; }
.header-nav.basic.sticky .social-top { margin-top: 20px; color: rgb(60, 60, 60); }
.header-nav.basic.sticky .social-top li a i.white { color: rgb(60, 60, 60); }
.banner-container { width: 100%; position: relative; padding: 0px; margin-top: 100px; }
.banner-container.no-tmrg { width: 100%; position: relative; padding: 0px; margin-top: 0px !important; }
.banner { width: 100%; position: relative; }
.fullwidthbanner-container { width: 100% !important; position: relative; padding: 0px; overflow: hidden !important; }
.revolution { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.revolution ul { visibility: hidden; margin: 0px; list-style: outside none none; }
.tp-caption a { color: rgb(26, 187, 156); }
.tp-caption a:hover { color: rgb(46, 46, 46) !important; }
.tp-caption.upper { font-family: "Open Sans","Raleway","Microsoft YaHei"; font-size: 60px; font-weight: 700; letter-spacing: 3px; color: rgb(255, 255, 255); text-transform: uppercase; line-height: 60px; }
.tp-caption.upper.black { font-family: "Raleway"; font-size: 54px; font-weight: 700; color: rgb(60, 60, 60); text-transform: uppercase; line-height: 60px; }
.tp-caption.lower { font-size: 24px; color: rgb(255, 255, 255); line-height: 1; font-family: Georgia,"Times New Roman",Times,"Microsoft YaHei",serif; font-style: italic; }
.tp-caption a.btn { color: rgb(255, 255, 255); }
.tp-leftarrow.default, .tp-rightarrow.default { z-index: 100; cursor: pointer; position: relative; top: 50% !important; background: rgba(255, 255, 255, 0.2) none repeat scroll 0% 0% !important; color: rgb(255, 255, 255); line-height: 1; font-size: 24px; padding: 22px 39px 46px 29px; transition: all 200ms ease-in 0s; }
.tp-leftarrow.default:hover, .tp-rightarrow.default:hover { background: rgba(255, 255, 255, 0.5) none repeat scroll 0% 0% !important; }
.tp-leftarrow.default { left: 0px !important; }
.tp-rightarrow.default { right: 0px !important; }
.tparrows::before { font-family: "fontello"; font-style: normal; font-weight: normal; display: inline-block; text-decoration: inherit; text-align: center; }
.tp-leftarrow.default::before { content: ""; }
.tp-rightarrow.default::before { content: ""; }
.tparrows:hover { background: rgba(255, 255, 255, 0.9) none repeat scroll 0% 0%; }
.tp-bullets.simplebullets.round .bullet { width: 8px !important; height: 8px !important; margin-left: 6px !important; transition: all 200ms ease-in 0s; background: rgba(255, 255, 255, 0.4) none repeat scroll 0% 0% !important; border-radius: 50%; }
.tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover { background: rgb(255, 255, 255) none repeat scroll 0% 0% !important; }
.tp-bullets.hidebullets { opacity: 0; }
.tp-bannertimer { width: 100%; height: 10px; background: rgba(0, 0, 0, 0) url("/themes/default/css/timer.png") repeat scroll 0% 0%; position: absolute; z-index: 200; display: none; }
.bg-home-3 { width: 100%; height: 100%; max-height: 998px; background: rgba(0, 0, 0, 0) url("/themes/default/css/bg-home-3.jpg") no-repeat scroll center center / cover ; text-align: center; float: left; padding: 15% 0px; }
.bg-home-3 h1 { padding: 0px 10%; color: rgb(255, 255, 255); font-size: 50px; line-height: 60px; font-weight: 800; text-transform: uppercase; letter-spacing: 5px; }
.bg-home-3 h3 { font-size: 20px; line-height: 30px; font-weight: 300; font-family: Georgia,"Times New Roman",Times,"Microsoft YaHei",serif; color: rgb(255, 255, 255); font-style: italic; }
.bg-portfolio { width: 100%; height: auto; max-height: 800px; background: rgba(0, 0, 0, 0) url("/themes/default/css/bg-portfolio.jpg") no-repeat scroll 0% 0% / cover ; text-align: center; float: left; padding: 7% 0px 9%; margin-bottom: 2.5%; }
.bg-portfolio h1 { padding: 0px 10%; color: rgb(255, 255, 255); font-size: 50px; line-height: 60px; font-weight: 800; text-transform: uppercase; letter-spacing: 5px; }
.bg-portfolio h3 { font-size: 20px; line-height: 30px; font-weight: 300; font-family: Georgia,"Times New Roman",Times,"Microsoft YaHei",serif; color: rgb(255, 255, 255); font-style: italic; }
.rw-sentence { margin: 0px; text-transform: uppercase; font-weight: 600; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); text-align: left; width: 100%; }
.rw-sentence span { color: rgb(255, 255, 255); white-space: nowrap; }
.rw-sentence > span:first-child { display: block; text-indent: 5px; font-size: 100%; }
.rw-words { width: 100%; height: 100px; perspective: 800px; }
.rw-words span { position: absolute; width: 100%; opacity: 0; white-space: nowrap; overflow: hidden; }
.rw-words-1 span { font-size: 300%; line-height: 100%; animation: 18s linear 0s normal none infinite running rotateWordsFirst; font-family: "Open Sans","Roboto Slab","Microsoft YaHei",serif; }
.rw-words-2 span { font-size: 160%; text-indent: 5px; line-height: 90%; color: rgb(255, 255, 255); animation: 18s ease-in 0s normal none infinite running rotateWordsSecond; font-family: "Open Sans","raleway","Microsoft YaHei"; font-weight: 600; padding-top: 100px; }
.rw-words span:nth-child(2) { animation-delay: 3s; }
.rw-words span:nth-child(3) { animation-delay: 6s; }
.rw-words span:nth-child(4) { animation-delay: 9s; }
.rw-words span:nth-child(5) { animation-delay: 12s; }
.rw-words span:nth-child(6) { animation-delay: 15s; }
@keyframes rotateWordsFirst {
0% { opacity: 0; animation-timing-function: ease-in; width: 0px; }
5% { opacity: 1; animation-timing-function: ease-out; width: 100%; }
17% { opacity: 1; }
20% { opacity: 0; }
100% { opacity: 0; }
}
@keyframes rotateWordsFirst {
0% { opacity: 0; animation-timing-function: ease-in; width: 0px; }
5% { opacity: 1; animation-timing-function: ease-out; width: 100%; }
17% { opacity: 1; }
20% { opacity: 0; }
100% { opacity: 0; }
}
@keyframes rotateWordsSecond {
0% { opacity: 0; transform: translateZ(600px) translateX(200px); }
8% { opacity: 1; transform: translateZ(0px) translateX(0px); }
17% { opacity: 1; }
25% { opacity: 0; }
100% { opacity: 0; }
}
@keyframes rotateWordsSecond {
0% { opacity: 0; transform: translateZ(600px) translateX(200px); }
8% { opacity: 1; transform: translateZ(0px) translateX(0px); }
17% { opacity: 1; }
25% { opacity: 0; }
100% { opacity: 0; }
}
@media screen and (max-width: 1060px) {
  .rw-words { height: 55px; }
  .rw-words-1 span { font-size: 280%; text-indent: 5px; }
  .rw-words-2 span { font-size: 160%; }
}
@media screen and (max-width: 560px) {
  .rw-words { height: 40px; }
  .rw-words-1 span { font-size: 180%; text-indent: 5px; }
  .rw-words-2 span { font-size: 90%; }
  .rw-sentence > span:first-child { font-size: 80%; }
}
@media screen and (max-width: 400px) {
  .rw-words { height: 30px; }
  .rw-words-1 span { font-size: 140%; text-indent: 5px; }
  .rw-words-2 span { font-size: 70%; }
  .rw-sentence > span:first-child { font-size: 60%; }
}
.edu { height: auto; float: left; }
.edu .content { color: rgb(255, 255, 255); padding: 40px 60px; text-align: center; }
.edu .content h3 { color: rgb(255, 255, 255); font-weight: 600; text-transform: uppercase; }
.edu .content .services-box-3 i { text-align: center; display: inline-table; color: rgb(255, 255, 255); font-size: 60px; text-transform: uppercase; transition: all 0.3s ease 0s; border-radius: 50%; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% !important; }
.edu .content.purple1 { background: rgb(110, 55, 145) none repeat scroll 0% 0%; }
.edu .content.purple2 { background: rgba(110, 55, 145, 0.8) none repeat scroll 0% 0%; }
.edu .content.purple3 { background: rgba(110, 55, 145, 0.6) none repeat scroll 0% 0%; }
.edu .content.purple4 { background: rgba(110, 55, 145, 0.4) none repeat scroll 0% 0%; }
.edu form { margin-top: 20px; padding: 20px 30px; background: rgba(0, 0, 0, 0.03) none repeat scroll 0% 0%; float: left; border-radius: 2px; }
.edu form h1 { font-size: 24px; }
.edu form p.small { color: rgb(153, 153, 153); }
.edu form a { width: auto; float: none; }
.edu select, .edu textarea, .edu input[type="text"], .edu input[type="password"] { width: 100%; display: inline-block; height: 50px; padding: 0px 20px; margin-bottom: 15px; font-size: 18px; line-height: 25px; border: 1px solid rgba(0, 0, 0, 0.08); resize: none; vertical-align: middle; box-shadow: none; background: rgba(255, 255, 255, 0.1) none repeat scroll 0% 0%; transition: all 0.3s ease 0s; border-radius: 2px; color: rgb(153, 153, 153); }
.edu form div { width: auto; color: rgb(153, 153, 153); float: left; margin-right: 20px; }
.edu input[type="radio"] { width: 100%; padding: 0px 20px; margin-bottom: 20px; line-height: 25px; }
.edu .btn-submit { position: relative; height: 50px; border: medium none; margin-bottom: 15px; font-size: 16px; line-height: 25px; background: rgb(110, 200, 120) none repeat scroll 0% 0%; transition: all 0.3s ease 0s; width: 100%; border-radius: 2px; color: rgb(255, 255, 255); padding-right: 0px; text-align: center; text-transform: uppercase; font-weight: 600; }
.edu .btn-submit:hover { background: rgb(60, 60, 60) none repeat scroll 0% 0%; }
.med { height: auto; float: left; padding: 20px; background: rgb(245, 245, 245) none repeat scroll 0% 0%; border-radius: 2px; transition: all 0.3s ease 0s; }
.med:hover { color: rgb(255, 255, 255); background: rgb(245, 245, 245) none repeat scroll 0% 0%; }
.med.active { color: rgb(255, 255, 255); background: rgb(245, 245, 245) none repeat scroll 0% 0%; }
.med:hover h3, .med.active h3 { color: rgb(255, 255, 255); }
.med img { width: 120px; height: 120px; border-radius: 50%; margin-right: 40px; float: left; margin-top: 3px; }
.med .social-icons { float: left; margin-left: -20px; }
.med .social-icons li { display: inline-block; float: left; }
.med .social-icons li a i { width: 36px; height: 36px; padding-top: 10px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid rgb(229, 229, 229); color: rgb(153, 153, 153); border-radius: 50%; transition: all 0.3s ease-in-out 0s; font-size: 14px; margin-right: 0px; }
.med .social-icons li a:hover i { color: rgb(255, 255, 255); background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid rgb(229, 229, 229); }
.per { width: 100%; height: 100%; max-height: 998px; background: rgba(0, 0, 0, 0) url("/themes/default/css/pr-slider-bg1.jpg") no-repeat scroll center center / cover ; text-align: center; float: left; padding: 15% 0px 18%; }
.per .black { background: rgba(0, 0, 0, 0.3) none repeat scroll 0% 0%; color: rgb(255, 255, 255); padding: 30px 60px 20px; text-align: left; border-radius: 2px; }
.per .black h1 { font-size: 48px; color: rgb(255, 255, 255); line-height: 54px; }
.per .black h3 { color: rgb(255, 255, 255); font-size: 18px; }
.inner-banner { width: 100%; height: 100%; max-height: 450px; background-size: cover; text-align: left; padding: 10% 0px 0%; color: rgb(255, 255, 255); }
.inner-banner h1 { font-size: 55px; color: rgb(255, 255, 255); letter-spacing: -1px; }
.inner-banner h3 { font-family: "Open Sans","Roboto Slab","Microsoft YaHei",serif; color: rgb(255, 255, 255); font-style: italic; font-size: 22px; font-weight: 300; }
.pages { background: rgba(0, 0, 0, 0) url("/themes/default/css/pr-slider-bg1.jpg") no-repeat scroll center center / cover ; }
.features { background: rgba(0, 0, 0, 0) url("/themes/default/css/img-features.jpg") no-repeat scroll center center / cover ; }
.portfolio { background: rgba(0, 0, 0, 0) url("/themes/default/css/img-portfolio.jpg") no-repeat scroll center center / cover ; }
.blog { background: rgba(0, 0, 0, 0) url("/themes/default/css/img-blog.jpg") no-repeat scroll center center / cover ; }
.shop { background: rgba(0, 0, 0, 0) url("/themes/default/css/img-shop.jpg") no-repeat scroll center center / cover ; }
.services-box { text-align: left; }
.services-box h3 { margin-bottom: 10px; font-weight: 600 !important; }
.services-box h4 { font-size: 18px; line-height: 30px; }
.services-box p { margin-bottom: 20px; }
.services-box .col i { font-size: 60px; color: rgb(60, 60, 60); line-height: 80px; text-align: center !important; }
.services-box .col:hover i { color: rgb(153, 153, 153); }
.services-box .col { padding: 30px 30px 30px 0px; position: relative; transition: all 0.3s ease 0s; }
.services-box .col.last { border-right: 0px solid rgb(229, 229, 229); }
.services-box-2 { text-align: left; }
.services-box-2 i { display: block; color: rgb(60, 60, 60); line-height: 1; font-size: 50px; float: left; margin-right: 40px; text-transform: uppercase; transition: all 0.3s ease 0s; }
.services-box-2 i.small { display: block; color: rgb(60, 60, 60); line-height: 1; font-size: 30px; float: left; margin-right: 30px; margin-top: 8px; text-transform: uppercase; transition: all 0.3s ease 0s; }
.services-box-2 .content { overflow: auto; }
.services-box-2 .content h3 { font-size: 18px; font-weight: 400; }
.services-box-2 .content h3 a.dark { color: rgb(60, 60, 60); font-size: 16px; }
.services-box-2 .content h3 a.dark:hover { color: rgb(0, 0, 0); }
.services-box-2.left { text-align: left; margin-bottom: 30px; }
.services-box-2.left i { display: block; width: 80px; height: 80px; color: rgb(255, 255, 255); background: rgb(50, 150, 220) none repeat scroll 0% 0%; line-height: 1; font-size: 36px; padding-top: 24px; text-transform: uppercase; text-align: center; float: left; margin-right: 40px; transition: all 0.3s ease 0s; border-radius: 50%; }
.services-box-2.left i:hover { background: rgb(60, 60, 60) none repeat scroll 0% 0%; }
.services-box-2.left .content { overflow: auto; margin-right: 40px; }
.services-box-2.left .content h3 { font-size: 18px; font-weight: 400; }
.services-box-2.left.small { text-align: left; margin-bottom: 30px; }
.services-box-2.left.small i { display: block; width: 60px; height: 60px; color: rgb(255, 255, 255); background: rgb(50, 150, 220) none repeat scroll 0% 0%; line-height: 1; font-size: 24px; padding-top: 20px; text-transform: uppercase; text-align: center; float: left; margin-right: 15px; transition: all 0.3s ease 0s; border-radius: 50%; }
.services-box-2.left.small i.green { background: rgb(110, 200, 120) none repeat scroll 0% 0%; }
.services-box-2.left.small i.yellow { background: rgb(255, 215, 105) none repeat scroll 0% 0%; }
.services-box-2.left.small i.red { background: rgb(205, 40, 50) none repeat scroll 0% 0%; }
.services-box-2.left.small i:hover { background: rgb(60, 60, 60) none repeat scroll 0% 0%; }
.services-box-2.left.small .content { float: left; margin-top: 15px; }
.services-box-2.left.small .content h3 { font-size: 18px; font-weight: 400; }
.services-box-3 { text-align: center; }
.services-box-3 i { text-align: center; display: inline-table; width: 80px; height: 80px; color: rgb(255, 255, 255); padding-top: 24px; font-size: 36px; text-transform: uppercase; transition: all 0.3s ease 0s; border-radius: 50%; position: relative; }
.services-box-3:hover i { background: rgb(50, 150, 220) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.services-box-3 i.circle-border { background: transparent none repeat scroll 0px 0px; border: 1px solid rgb(236, 235, 233); height: 80px; position: absolute; top: 0px; left: 0px; z-index: 1; transition-duration: 225ms; transition-property: all; transition-timing-function: cubic-bezier(0.5, -0.7, 0.67, 0.7); width: 80px; }
.services-box-3:hover i.circle-border { border: 1px solid rgb(204, 204, 204); transform: scale(1.18); transition-timing-function: cubic-bezier(0.4, 0.25, 0.14, 1.73); }
.services-box-3 h3 { margin: 30px 0px 15px; font-size: 18px; font-weight: 400; }
.services-box-3 .content { padding: 0px 15px; }
.filter { list-style: outside none none; padding: 0px; margin: 0px 0px 40px; font-size: 13px; text-transform: uppercase; text-align: center; color: rgb(153, 153, 153); cursor: default; font-weight: 600; letter-spacing: 1px; }
.filter a { display: inline-block; margin: 0px 24px; color: rgb(153, 153, 153); text-decoration: none; transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; cursor: pointer; }
.filter a:hover { color: rgb(60, 60, 60); text-decoration: none; }
.filter a.active { color: rgb(60, 60, 60); cursor: default; }
.filter a.active:hover { color: rgb(60, 60, 60); }
.projects-grid, .projects-grid-2, .projects-grid-3 { list-style: outside none none; margin: 0px; padding: 0px; }
.project-item { width: 25%; float: left; margin: 0px; box-sizing: border-box; }
.projects-grid-2 .project-item, .container .projects-grid-2 .project-item { width: 50%; }
.projects-grid-3 .project-item { width: 33.33%; }
.container .projects-grid-3 .project-item { width: 33.33%; }
.project-grid-5 .project-item { width: 20%; }
.projects-grid.project-grid-gut, .projects-grid-2.project-grid-gut, .projects-grid-3.project-grid-gut { margin: 0px 0px 0px -10px; }
.projects-grid.project-grid-gut .project-item, .projects-grid-2.project-grid-gut .project-item, .projects-grid-3.project-grid-gut .project-item { padding: 0px 0px 20px 20px; }
.project-item > a { display: block; padding: 0px 0px 80px; position: relative; box-sizing: border-box; text-decoration: none; }
.project-item a, .project-item a:hover { color: rgb(60, 60, 60); border: medium none; }
.project-img { position: relative; overflow: hidden; }
.project-img img { width: 100%; display: block; overflow: hidden; }
.project-intro { width: 100%; height: 80px; padding: 22px 20px 0px; box-sizing: border-box; position: absolute; bottom: 0px; left: 0px; text-align: center; overflow: hidden; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.project-intro.bg-gray { background: rgb(245, 245, 245) none repeat scroll 0% 0%; }
.project-intro.nobg { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; }
.project-title { margin: 0px 0px 8px; padding: 0px; font-size: 13px; font-weight: 600; letter-spacing: 1px; line-height: 1.3; text-transform: uppercase; }
.project-descr { font-size: 11px; text-align: center; color: rgb(60, 60, 60); line-height: 1; text-transform: uppercase; }
.projects-grid.hide-titles .project-item > a, .projects-grid-2.hide-titles .project-item > a, .projects-grid-3.hide-titles .project-item > a { overflow: hidden; padding: 0px; }
.projects-grid.hide-titles .project-item .project-intro, .projects-grid-2.hide-titles .project-item .project-intro, .projects-grid-3.hide-titles .project-item .project-intro { opacity: 0; }
.projects-grid.hide-titles .project-item:hover .project-intro, .projects-grid-2.hide-titles .project-item:hover .project-intro, .projects-grid-3.hide-titles .project-item:hover .project-intro { opacity: 1; }
.projects-grid.hide-titles .project-item .project-title, .projects-grid.hide-titles .project-item .project-descr, .projects-grid-2.hide-titles .project-item .project-title, .projects-grid-2.hide-titles .project-item .project-descr, .projects-grid-3.hide-titles .project-item .project-title, .projects-grid-3.hide-titles .project-item .project-descr { position: relative; transition: all 0.3s cubic-bezier(0.3, 0.1, 0.6, 1) 0s; z-index: 3; }
.projects-grid.hide-titles .project-item .project-title, .projects-grid-2.hide-titles .project-item .project-title, .projects-grid-3.hide-titles .project-item .project-title { color: rgb(60, 60, 60); left: -50px; }
.projects-grid.hide-titles .project-item .project-descr, .projects-grid-2.hide-titles .project-item .project-descr, .projects-grid-3.hide-titles .project-item .project-descr { color: rgb(60, 60, 60); left: 50px; }
.projects-grid.hide-titles .project-item:hover .project-title, .projects-grid.hide-titles .project-item:hover .project-descr, .projects-grid-2.hide-titles .project-item:hover .project-title, .projects-grid-2.hide-titles .project-item:hover .project-descr, .projects-grid-3.hide-titles .project-item:hover .project-title, .projects-grid-3.hide-titles .project-item:hover .project-descr { color: rgb(204, 204, 204); left: 0px; }
.project-item .project-img::after { content: " "; display: block; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background: rgba(250, 250, 250, 0) none repeat scroll 0% 0%; transition: all 0.27s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; }
.project-item:hover .project-img::after { background: rgba(20, 20, 20, 0.8) none repeat scroll 0% 0%; }
.projects-grid.hover-color .project-item:hover .project-intro, .projects-grid.hover-color .project-item:hover .project-title, .projects-grid.hover-color .project-item:hover .project-descr, .projects-grid-2.hover-color .project-item:hover .project-intro, .projects-grid-2.hover-color .project-item:hover .project-title, .projects-grid-2.hover-color .project-item:hover .project-descr, .projects-grid-3.hover-color .project-item:hover .project-intro, .projects-grid-3.hover-color .project-item:hover .project-title, .projects-grid-3.hover-color .project-item:hover .project-descr { color: rgb(255, 255, 255); }
.projects-grid.hover-color .project-item:hover .project-img::after, .projects-grid-2.hover-color .project-item:hover .project-img::after, .projects-grid-3.hover-color .project-item:hover .project-img::after { background: rgb(228, 25, 25) none repeat scroll 0% 0%; opacity: 0.73; }
.projects-grid.hover-white .project-item:hover .project-intro, .projects-grid.hover-white .project-item:hover .project-title, .projects-grid.hover-white .project-item:hover .project-descr, .projects-grid-2.hover-white .project-item:hover .project-intro, .projects-grid-2.hover-white .project-item:hover .project-title, .projects-grid-2.hover-white .project-item:hover .project-descr, .projects-grid-3.hover-white .project-item:hover .project-intro, .projects-grid-3.hover-white .project-item:hover .project-title, .projects-grid-3.hover-white .project-item:hover .project-descr { color: rgb(0, 0, 0); }
.projects-grid.hover-white .project-item:hover .project-img::after, .projects-grid-2.hover-white .project-item:hover .project-img::after, .projects-grid-3.hover-white .project-item:hover .project-img::after { background: rgba(250, 250, 250, 0.9) none repeat scroll 0% 0%; }
.project-item .project-img > img { transition: all 0.3s cubic-bezier(0.3, 0.1, 0.58, 1) 0s; }
.project-item:hover .project-img > img { transform: scale(1.05); }
.project-full { display: none; width: 100%; height: 100%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; z-index: 10000; }
.project-full-load { padding-top: 60px; }
.item-details { list-style: outside none none; padding: 0px; margin: 0px; }
.item-details li { margin-top: 9px; padding-top: 10px; border-top: 1px solid rgb(229, 229, 229); }
.item-details li:first-child { padding: 0px; margin: 0px; border: medium none; }
.item-details li span { font-weight: 300; color: rgb(96, 96, 96); margin-right: 5px; }
.owl-carousel { display: none; }
.owl-carousel .item { margin: 0px 10px; }
.owl-carousel .item.nomgr { margin: 0px; }
.owl-portfolio .info { margin-top: 10px; }
.owl-portfolio .info h4 a { color: rgb(60, 60, 60); text-transform: uppercase; text-align: center !important; }
.owl-portfolio .info h4 a:hover {  }
.owl-carousel { position: absolute; }
.owl-carousel .owl-controls .owl-prev, .owl-carousel .owl-controls .owl-next { position: absolute; top: 35%; pointer-events: auto; }
.owl-carousel .owl-controls .owl-prev { left: -5%; }
.owl-carousel .owl-controls .owl-next { right: -5%; }
.owl-carousel .owl-controls .owl-prev, .owl-carousel .owl-controls .owl-next { position: absolute; z-index: 1; cursor: pointer; transition: all 0.3s ease 0s; background: rgba(0, 0, 0, 0.1) none repeat scroll 0% 0%; color: rgba(0, 0, 0, 0.3); line-height: 38px; font-size: 18px; width: 44px; height: 44px; padding-top: 20px; }
.owl-carousel .owl-controls .owl-prev:hover, .owl-carousel .owl-controls .owl-next:hover { background: rgba(0, 0, 0, 0.3) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.owl-clients .item img { max-width: 100%; opacity: 0.5; transition: all 0.3s ease 0s; cursor: pointer; }
.owl-clients .item:hover img { opacity: 1; }
.owl-slider-wrapper { position: relative; width: 100%; float: left; z-index: 99; }
.owl-slider-wrapper.agency { position: relative; width: 103.15%; }
.owl-slider-wrapper .item img { display: block; width: 100%; height: auto; }
.owl-slider-wrapper .owl-custom-nav { position: absolute; width: 100%; height: 100%; top: 0px; pointer-events: none; }
.owl-slider-wrapper .owl-custom-nav .slider-prev { position: absolute; top: 50%; left: 0px; margin-top: -23px; pointer-events: auto; }
.owl-slider-wrapper .owl-custom-nav .slider-next { position: absolute; top: 50%; right: 0px; margin-top: -23px; pointer-events: auto; }
.owl-slider-wrapper .owl-custom-nav .slider-prev, .owl-slider-wrapper .owl-custom-nav .slider-next { background: rgba(255, 255, 255, 0.3) none repeat scroll 0% 0%; color: rgba(255, 255, 255, 0.5); line-height: 1; font-size: 20px; padding: 12px 19px; transition: all 0.3s ease 0s; z-index: 1; cursor: pointer; }
.owl-slider-wrapper .owl-custom-nav .slider-prev.big, .owl-slider-wrapper .owl-custom-nav .slider-next.big { font-size: 20px; padding: 24px 32px; }
.owl-slider-wrapper .owl-custom-nav .slider-prev::before, .owl-slider-wrapper .owl-custom-nav .slider-next::before { font-family: "fontello"; font-style: normal; font-weight: normal; display: inline-block; text-align: center; }
.owl-slider-wrapper .owl-custom-nav .slider-prev::before { content: ""; }
.owl-slider-wrapper .owl-custom-nav .slider-next::before { content: ""; }
.owl-slider-wrapper .owl-custom-nav .slider-prev:hover, .owl-slider-wrapper .owl-custom-nav .slider-next:hover { color: rgb(255, 255, 255); }
.owl-slider-wrapper .owl-custom-nav { opacity: 0; transition: all 0.3s ease 0s; }
.owl-slider-wrapper:hover .owl-custom-nav { opacity: 1; }
.navigation a { border: 1px solid rgb(176, 176, 176); color: rgb(147, 147, 147); line-height: 1; font-size: 20px; padding: 7px; font-weight: 300; text-transform: uppercase; display: inline-block; margin-left: 3px; }
.navigation a:hover { border: 1px solid rgb(235, 90, 85); color: rgb(235, 90, 85); }
.bx-blog .post .post-content h2 { font-size: 20px; }
.full-portfolio .items { width: 100%; clear: both; margin: 0px; padding: 0px; list-style: outside none none; }
#fancybox-thumbs ul li img { max-width: none; }
.info.hidden { display: none; }
.fancybox-wrap { background: rgb(60, 60, 60) none repeat scroll 0% 0% !important; }
.fancybox-title, .fancybox-error { font-family: "Open Sans","Raleway","Microsoft YaHei",sans-serif !important; font-size: 14px !important; line-height: 24px !important; font-weight: 400 !important; }
.fancybox-title h2, .fancybox-title h3 { color: rgb(60, 60, 60); margin-bottom: 5px; line-height: 22px; font-size: 18px; }
.fancybox-skin { color: rgb(102, 102, 102) !important; }
.fancybox-title-inside-wrap { padding: 20px !important; }
.fancybox-nav span { width: 36px !important; height: 36px !important; margin-top: 0px !important; border-radius: 50% !important; }
.fancybox-close { top: 10px !important; right: 10px !important; width: 36px !important; height: 36px !important; border-radius: 50% !important; }
.fancybox-close::before, .fancybox-prev span::before, .fancybox-next span::before { font-family: "fontello"; font-style: normal; font-weight: normal; margin-right: 0px !important; margin-top: 0px !important; text-align: center; width: 36px !important; font-size: 18px !important; line-height: 30px !important; }
@-moz-document url-prefix("") {
  .fancybox-close::before, .fancybox-prev span::before, .fancybox-next span::before { margin-top: 5px !important; }
}
.fancybox-close, .fancybox-prev span, .fancybox-next span { border: 2px solid rgba(255, 255, 255, 0.5) !important; color: rgba(255, 255, 255, 0.5) !important; text-align: center !important; transition: all 200ms ease-in 0s !important; opacity: 0; }
.fancybox-close:hover, .fancybox-prev span:hover, .fancybox-next span:hover { color: rgb(255, 255, 255) !important; border: 2px solid rgb(255, 255, 255) !important; }
.fancybox-wrap:hover .fancybox-close, .fancybox-wrap:hover .fancybox-prev span, .fancybox-wrap:hover .fancybox-next span { opacity: 1; }
.fancybox-prev span::before { content: ""; }
.fancybox-next span::before { content: ""; }
.fancybox-close::before { content: "✕"; }
#fancybox-loading { margin-top: -18px !important; margin-left: -18px !important; opacity: 1 !important; }
#fancybox-loading div { height: 36px !important; width: 36px !important; position: relative !important; animation: 0.8s linear 0s normal none infinite running rotation !important; border-width: 3px !important; border-style: solid !important; border-color: rgb(40, 205, 195) rgb(40, 205, 195) rgb(40, 205, 195) rgb(255, 255, 255) !important; border-radius: 100% !important; }
.fancybox-overlay { background: rgba(25, 25, 25, 0.95) none repeat scroll 0% 0% !important; }
.fancybox-opened .fancybox-skin { box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.33); }
.facts-home { width: 100%; background: rgba(0, 0, 0, 0) url("/themes/default/css/bg-home.jpg") no-repeat scroll center center / cover ; padding: 180px 0px 60px; color: rgb(60, 60, 60); }
.facts-home .content { padding: 0px 40px 0px 60px; border-right: 1px solid rgb(204, 204, 204); }
.facts-home h3 { font-weight: 800; }
.facts-home h4 { font-weight: 600; }
.facts-home a { color: rgb(60, 60, 60); }
.facts-home a:hover { color: rgb(255, 255, 255); }
.tab-block-hom { padding: 0px 0px 80px; background: rgba(0, 0, 0, 0) url("/themes/default/css/bg-home.jpg") no-repeat scroll 0% 0% / cover ; }
.tab-block-hom .tab-content { overflow: hidden; padding: 0px; margin: 80px 0px; }
.tab-block-hom p.title { margin: 0px 0px 15px; font-weight: 100; line-height: 80px; font-size: 60px; color: rgb(60, 60, 60); letter-spacing: -1px; }
.tab-block-hom span { font-weight: 300; line-height: 34px; font-size: 20px; color: rgb(60, 60, 60); }
.tab-block-hom .tab-pane { display: block; height: 0px; transform: translateY(-50%); transition: all 0.5s ease-in-out 0s; }
.tab-block-hom .tab-pane.active { height: auto; transform: translateY(0px); }
.ie .tab-block-hom .tab-pane { display: none; }
.ie .tab-block-hom .tab-pane.active { display: block; }
.tab-block-hom .nav-tabs { margin: 0px -15px; border: 0px none; }
.tab-block-hom .nav-tabs li { margin: 0px; padding: 0px 15px; }
.tab-block-hom .nav-tabs li a { width: 200px; height: 180px; margin: 0px; padding: 55px 0px 0px; text-align: center; border: 0px none !important; border-radius: 2px; transition: background-color 0.3s ease-in-out 0s; color: rgb(60, 60, 60) !important; }
.nav-tabs li.active a::after { position: absolute; content: ""; width: 20px; height: 20px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; left: 50%; margin-left: -10px; top: -10px; transform: rotate(45deg); }
.tab-block-hom .nav-tabs li a i { display: block; font-size: 60px; margin: 0px auto; background-repeat: no-repeat; background-position: 0px -60px; background-size: 100% auto; transition: -webkit-transform 0.2s ease-in-out 0s; }
.nav-tabs li a:hover, .nav-tabs li a:focus { background-color: transparent; }
.nav-tabs li.active a, .nav-tabs li.active a:hover, .nav-tabs li.active a:focus { background-color: rgb(255, 255, 255); }
.nav-tabs li a:hover i { background-position: 0px -120px; transform: translateY(-10px); }
.nav-tabs li.active a i { background-position: 0px 0px; transform: translateY(-16px); }
.tab-block-hom .nav-tabs li a span { display: block; font-family: "Open Sans","Raleway","Microsoft YaHei",sans-serif; font-weight: 400; line-height: 20px; font-size: 20px; color: rgb(60, 60, 60); opacity: 0; transform: translateY(-30px); transition: all 0.5s ease-in-out 0s; }
.nav-tabs li.active a span { opacity: 1; transform: translateY(-6px); }
.easyPieChart { position: relative; text-align: center; }
.easyPieChart canvas { position: absolute; top: 10px; left: 10px; }
.chart { float: left; height: 100%; }
.percentage-light { text-align: center; color: rgb(60, 60, 60); font-size: 24px; margin-bottom: 30px; font-weight: 300; border-radius: 100%; padding: 10px 10px 10px 25px; transition: all 0.2s ease-in-out 0s; }
.chart h3 { color: rgb(60, 60, 60); font-size: 16px; font-weight: 300; }
.post-home { width: 100%; }
.post-home .img1, .post-home .img2 { background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 60px 280px 60px 120px; color: rgb(255, 255, 255) !important; }
.post-home .img1 h1, .post-home .img2 h1 { font-size: 40px; letter-spacing: 0px; color: rgb(255, 255, 255); }
.post-home .img1 .date, .post-home .img2 .date { font-weight: 300; }
.post-home .img1 { background: rgba(0, 0, 0, 0) url("/themes/default/css/img-post-hom01.jpg") repeat scroll 0% 0%; }
.post-home .img2 { background: rgba(0, 0, 0, 0) url("/themes/default/css/img-post-hom02.jpg") repeat scroll 0% 0%; }
.post-home .date { font-weight: 800; color: rgb(255, 255, 255); font-size: 16px; }
.post-home .org-box, .post-home .blue-box, .post-home .gray-box { padding: 60px 60px 40px 100px; height: auto; min-height: 350px; float: left; text-align: left; color: rgb(255, 255, 255) !important; }
.post-home .org-box h3 a, .post-home .blue-box h3 a, .post-home .gray-box h3 a { letter-spacing: 1px; font-weight: 800; color: rgb(255, 255, 255); font-size: 30px; }
.post-home .org-box { background: rgb(255, 65, 91) none repeat scroll 0% 0%; }
.post-home .blue-box { background: rgb(40, 46, 65) none repeat scroll 0% 0%; }
.post-home .gray-box { background: rgb(48, 48, 48) none repeat scroll 0% 0%; }
.post { padding: 0px 0px 40px; margin: 0px 0px 40px; border-bottom: 1px solid rgb(240, 240, 240); }
.post.brd0 { border-bottom: 0px solid rgb(240, 240, 240); }
.post-alt { margin: 0px 0px 20px; border: 0px solid rgb(236, 238, 240); }
.post-alt .post-content { width: 100%; float: left; }
.post-img img, .post-img iframe { border-radius: 2px; }
.post-img { margin: 0px 0px 30px; }
.medium .post-img { margin: 0px; }
.post-format { border-right: 1px solid rgb(240, 240, 240); padding: 5px 15px; float: left; }
.post-format h2 { font-weight: 600; color: rgb(185, 190, 195); text-align: center; border-bottom: 1px solid rgb(240, 240, 240); font-size: 36px; line-height: 20px; padding-bottom: 20px; margin-bottom: 10px; }
.post-format h4 { font-weight: 600; color: rgb(226, 228, 230); text-align: center; font-size: 14px; line-height: 20px; }
.post-format span { font-weight: 300; color: rgb(226, 228, 230); text-align: center; }
.post-format span:hover { font-weight: 300; color: rgb(60, 60, 60); text-align: center; }
.medium .post-content { margin: 0px; width: 100%; }
.post-content { margin-top: 30px; }
.post-content.nomgr { margin-top: 0px; }
.post-content h2 a { color: rgb(60, 60, 60); font-weight: 600; letter-spacing: -0.5px; font-size: 20px; }
.post-content h2 a:hover { color: rgb(152, 153, 136); }
.post-content p { margin-bottom: 19px; }
.post-content .testimonial { background: rgb(0, 102, 153) none repeat scroll 0% 0%; color: rgb(255, 255, 255); padding: 20px; border-radius: 2px; font-size: 18px; font-weight: 500; font-family: Georgia,"Times New Roman",Times,"Microsoft YaHei",serif; font-style: italic; }
.post-content .testimonial strong { font-size: 40px; line-height: 30px; color: rgb(255, 255, 255); }
.post-content .testimonial span { margin-left: 20px; }
.post-content .testimonial p.client { font-size: 12px; font-family: Arial,Helvetica,sans-serif; font-style: normal; margin-top: -10px; margin-bottom: 0px; margin-left: 20px; }
.meta { display: block; }
.meta ul { margin: 5px 0px 0px -17px; }
.meta li { display: inline-block; font-weight: 200; color: rgb(204, 204, 204); margin: 0px 0px 10px; padding: 0px 6px 0px 0px; font-style: italic; font-size: 12px; font-family: Georgia,"Times New Roman",Times,"Microsoft YaHei",serif; }
.meta li::after { display: inline-block; content: "/"; padding: 0px 0px 0px 10px; color: rgb(204, 204, 204); }
.meta li:last-child::after { background: rgba(0, 0, 0, 0) none repeat scroll 0px center; content: ""; }
.meta li a { color: rgb(204, 204, 204); }
.meta li a, .post-content h2 a:hover { transition: all 0.1s ease-in-out 0s; }
.meta li a:hover { color: rgb(170, 170, 170); }
.comments-sec { float: left; margin-left: -20px; margin-bottom: 40px; }
ol.commentlist { float: left; }
ol.commentlist li { float: left; padding: 10px 0px 15px; }
ol.commentlist li:first-child { border: 0px none; padding: 30px 0px 0px; }
ol.commentlist li { list-style: outside none none; }
ol li ol.childlist { float: right; margin-left: 10%; margin-bottom: 3%; }
.comment-des { float: left; width: 87%; color: rgb(153, 153, 153); border-radius: 2px; padding: 20px; }
.comment-des h4 { font-size: 14px; color: rgb(102, 102, 102); text-transform: uppercase; line-height: 10px; }
.comment-des p.date { font-size: 12px; font-style: italic; }
.comment-des p { margin: 0px; line-height: 24px; }
.comment-des strong { float: left; padding-right: 5px; color: rgb(153, 153, 153); }
.avatar { float: left; }
.avatar img { margin-top: 20px; max-width: 100px; transition: all 200ms ease-in-out 0s; }
.pagination { margin: 0px; }
.pagination ul { list-style: outside none none; padding: 0px; margin: 0px; }
.pagination ul > li { display: inline-block; }
.pagination ul li a { padding: 4px 12px; color: rgb(185, 190, 195); float: left; margin-right: 4px; border: 1px solid rgb(236, 238, 240); transition: all 200ms ease-in-out 0s; border-radius: 3px; }
.pagination li a.current, .pagination ul li a:hover { color: rgb(255, 255, 255) !important; }
.blog-grid .post { float: left; min-height: 1px; position: relative; }
.blog-grid.col3 { margin-left: -20px; margin-bottom: -20px; }
.blog-grid.col3 .post { width: 310px; margin-left: 20px; margin-bottom: 20px; }
.blog-grid.col2 { margin-left: -20px; margin-bottom: -20px; }
.product-grid .post { float: left; }
.product-grid .post .sale { color: rgb(255, 255, 255); font-weight: 600; text-align: center; text-transform: uppercase; padding: 3px 10px; background: rgb(205, 40, 50) none repeat scroll 0% 0%; border-radius: 2px; position: absolute; top: 20px; right: 10px; transition: all 200ms ease-in-out 0s; }
.product-grid.col3 .post { float: left; width: 31%; margin-left: 2%; margin-bottom: 2%; padding: 0px; }
.product-grid.col4, .product-grid.col3 { margin-left: -20px; margin-bottom: -20px; }
.product-grid.col4 .post { width: 23%; margin-left: 2%; margin-bottom: 2%; padding: 0px; }
.product-grid .post .post-content { padding: 5px; text-align: center; }
.product-grid .post .post-content h5 a { color: rgb(60, 60, 60); font-weight: 600; text-transform: uppercase; letter-spacing: 2px; font-size: 18px; }
.product-grid .post .post-content h5 a:hover { color: rgb(60, 60, 60); }
.product-grid .post .post-content a.btn { padding: 8px; margin-top: 5px; }
.product-grid .post .meta { margin: 0px; position: absolute; bottom: 0px; z-index: 99999999; left: 0px; width: 100%; }
.product-grid .post .meta ul { line-height: 22px; margin-left: -10px; margin-right: -10px; }
.product-grid .post .meta ul li { display: inline-block; font-weight: 200; color: rgb(60, 60, 60); padding: 5px 10px; font-size: 12px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; margin-right: 8px; font-family: Arial,Helvetica,"Microsoft YaHei",sans-serif; text-align: center; font-style: normal; width: 50%; }
.product-grid .post .meta li i { text-align: center; }
.product-grid .post .meta ul li::after { display: inline-table; content: ""; padding: 0px; }
.product-grid .post .meta ul li:last-child::after { background: rgba(0, 0, 0, 0) none repeat scroll 0px center; content: ""; }
.product-grid .post .meta li a { color: rgb(60, 60, 60); height: 0px; }
.product-grid .post .meta ul li a:hover { color: rgb(170, 170, 170); }
.product-grid .post .post-content .rating { color: rgb(60, 60, 60); }
.product-grid .post .post-content .price span { font-size: 20px; color: rgb(60, 60, 60); padding-right: 10px; font-weight: 600; }
.product-grid .post .post-content .price del span { color: rgb(60, 60, 60); font-weight: 300; }
.product-grid .post figure { display: block; overflow: hidden; position: relative; }
.product-grid .post .items li figure img { display: block; width: 100%; }
.product-grid .post figure li a, .product-grid .post figure li a img { display: block; position: relative; }
.product-grid .post figure img { display: block; max-width: 100%; backface-visibility: hidden; transition: all 0.3s ease-out 0s; }
.product-grid .post figure:hover img { transform: scale(1.1); opacity: 0.5; }
.product-details { float: left; }
.product-details h1 { font-size: 40px; font-weight: 600; }
.product-details h1 span { font-size: 12px; letter-spacing: 1px; font-weight: 300; }
.product-details .price { color: rgb(153, 153, 153); font-size: 40px; font-weight: 100; margin-bottom: 30px; }
.product-details p { font-size: 14px; }
.product-details .rating { margin-top: -20px; margin-bottom: 20px; }
.product-details .quantity { margin: 0px 15px 20px 0px; overflow: hidden; position: relative; width: 130px; float: left; }
.product-details .quantity .minus { background: rgb(246, 246, 246) none repeat scroll 0% 0%; border: 1px solid rgb(229, 229, 229); border-radius: 2px; box-shadow: none; color: rgb(102, 102, 102); cursor: pointer; display: block; font-size: 16px; font-weight: bold; height: 40px; line-height: 10px; margin: 0px; overflow: visible; outline: 0px none; padding: 0px; position: absolute; text-align: center; text-decoration: none; vertical-align: text-top; width: 40px; }
.product-details .quantity .plus { background: rgb(246, 246, 246) none repeat scroll 0% 0%; border: 1px solid rgb(229, 229, 229); border-radius: 2px; box-shadow: none; color: rgb(102, 102, 102); cursor: pointer; display: block; font-size: 16px; font-weight: bold; height: 40px; line-height: 13px; margin: 0px; overflow: visible; outline: 0px none; padding: 0px; position: absolute; text-align: center; text-decoration: none; vertical-align: text-top; width: 40px; right: 0px; top: 0px; }
.product-details .quantity .qty { border: 1px solid rgb(229, 229, 229); box-shadow: none; float: left; height: 40px; padding: 0px 39px; text-align: center; width: 125px; font-size: 1em; }
.cart .img-thumb { width: 100px; height: 100px; border: 1px solid rgb(245, 245, 245); }
.cart-total { width: 48%; padding: 20px; }
.cart-total .row { border-bottom: 1px solid rgb(229, 229, 229); }
.cart-total .row.last { border-bottom: 0px solid rgb(229, 229, 229); }
.cart-total h4 { font-size: 14px; color: rgb(60, 60, 60); }
.cart-total h4 span { font-size: 20px; color: rgb(102, 102, 102); font-weight: 600; }
.team-box { display: block; position: relative; z-index: 2; }
.team-box img { width: 100%; margin: 0px !important; }
.team-box-animated { text-align: center; width: 100%; height: auto; background: transparent none repeat scroll 0% 0%; backface-visibility: hidden; transition: all 0.3s ease 0s; }
.team-box-animated .inner { perspective: 100px; transform-style: preserve-3d; transition: all 1000ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s !important; }
.team-box-animated .front, .team-box-animated .back { backface-visibility: hidden; }
.team-box-animated .front { z-index: 8; display: block; border: 1px solid rgb(246, 246, 246); box-sizing: border-box; padding-top: 0px !important; padding-bottom: 20px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; transition: all 0.3s ease 0s; }
.team-box-animated .front h3 { margin: 20px 0px 0px; font-weight: 800; font-size: 14px; text-transform: uppercase; }
.team-box-animated .front span { font-weight: 300; font-size: 12px; }
.team-box-animated .back { transform: rotateY(-180deg); overflow: hidden; color: rgb(255, 255, 255); background: rgb(60, 60, 60) none repeat scroll 0% 0% padding-box; border: 1px solid rgb(246, 246, 246); border-radius: 2px; position: absolute; left: 0px; top: 0px; display: block; width: 100%; height: 100%; padding: 20px; box-sizing: border-box; transition: all 0.3s ease 0s; }
.team-box-animated .back h3 { margin: 20px 0px 0px; font-weight: 800; font-size: 16px; text-transform: uppercase; color: rgb(255, 255, 255); }
.team-box-animated .back span { font-weight: 300; font-size: 12px; }
.team-box-animated .back p { color: rgb(255, 255, 255); margin: 20px 0px; text-align: left; }
.team-box-animated .back ul.social-icons { color: rgb(255, 255, 255) !important; text-align: left; margin-left: -15px; position: absolute; bottom: 20px; }
.team-box-animated .back ul.social-icons li a:hover { color: rgb(255, 255, 255) !important; text-align: left; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% !important; }
.team-box-animated:hover .inner, .no-csstransitions .team-box-animated .inner { transform: rotateY(-180deg); transition: all 0.3s ease 0s; }
.team-box-animated:hover .front { z-index: -1; }
.contact-info { margin: 0px; padding: 0px; list-style: outside none none; }
.contact-info i { margin-right: 7px; }
.clients .item { display: inline-block; padding: 20px 0px; margin-right: -3px; border-right: 1px solid rgb(229, 229, 229); border-bottom: 1px solid rgb(229, 229, 229); width: 180px; height: 140px; }
.clients .item.r-last { border-right: 0px solid rgb(229, 229, 229); border-bottom: 1px solid rgb(229, 229, 229); }
.clients .item.b-last { border-right: 1px solid rgb(229, 229, 229); border-bottom: 0px solid rgb(229, 229, 229); }
.clients .item.nobrd { border-right: 0px solid rgb(229, 229, 229); border-bottom: 0px solid rgb(229, 229, 229); }
.clients .item img { opacity: 0.5; transition: all 0.3s ease 0s; cursor: pointer; }
.clients .item:hover img { opacity: 1; }
.parallax.landing { background-image: url("/themes/default/css/parallax-landing.jpg"); padding: 10% 0px; }
.parallax.landing h1 { font-weight: 200; color: rgb(255, 255, 255); font-size: 44px; line-height: 55px; }
.parallax.landing h3 { font-weight: 200; color: rgb(255, 255, 255); font-size: 24px; line-height: 35px; }
.parallax.landing a { width: 220px; float: left; }
.parallax.landing a i { font-size: 40px; width: 44px; float: left; padding-top: 3px; }
.parallax.landing a.white { background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(60, 60, 60); }
.parallax.landing a.green { background: rgb(110, 200, 120) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.parallax.landing a.white, .parallax.landing a.green { padding: 10px 15px; border-radius: 2px; text-transform: uppercase; font-size: 16px; font-weight: 800; text-align: left; margin-right: 10px; }
.parallax.landing a.white span, .parallax.landing a.green span { font-size: 12px; font-weight: 600; line-height: 10px; }
.parallax.landing a.white:hover, .parallax.landing a.green:hover { background: rgb(60, 60, 60) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.parallax.landing { background-image: url("/themes/default/css/parallax-landing.jpg"); padding: 10% 0px; }
.parallax.landing form { margin-top: 20px; padding: 20px 30px; background: rgba(0, 0, 0, 0.3) none repeat scroll 0% 0%; float: left; border-radius: 2px; }
.parallax.landing form h1 { font-size: 24px; }
.parallax.landing form p.small { color: rgb(255, 255, 255); }
.parallax.landing form a { width: auto; float: none; }
.parallax.landing select, .parallax.landing textarea, .parallax.landing input[type="text"], .parallax.landing input[type="password"] { width: 100%; display: inline-block; height: 50px; padding: 0px 20px; margin-bottom: 15px; font-size: 18px; line-height: 25px; border: 1px solid rgba(255, 255, 255, 0.2); resize: none; vertical-align: middle; box-shadow: none; background: rgba(255, 255, 255, 0.1) none repeat scroll 0% 0%; transition: all 0.3s ease 0s; border-radius: 2px; color: rgb(255, 255, 255); }
.parallax.landing .btn-submit { position: relative; height: 50px; border: medium none; margin-bottom: 15px; font-size: 16px; line-height: 25px; background: rgb(110, 200, 120) none repeat scroll 0% 0%; transition: all 0.3s ease 0s; width: 100%; border-radius: 2px; color: rgb(255, 255, 255); padding-right: 0px; text-align: center; text-transform: uppercase; font-weight: 600; }
.parallax.landing .btn-submit:hover { background: rgb(60, 60, 60) none repeat scroll 0% 0%; }
.landing-page { background-color: rgba(0, 0, 0, 0); background-image: url("/themes/default/css/bg-landing.jpg"); background-repeat: no-repeat; background-attachment: scroll; background-clip: border-box; background-origin: padding-box; background-position: center top; background-size: 100% auto !important; padding: 100px 0px 0px; color: rgb(255, 255, 255); float: left; margin-top: 100px; width: 100%; }
.landing-page p { font-size: 14px; line-height: 18px; }
.landing-page h3 { background-color: rgb(60, 60, 60); color: rgb(60, 60, 60); padding: 10px; font-size: 40px; text-transform: uppercase; margin-top: 40px; }
.landing-page .services-box-2 i { color: rgb(255, 255, 255); margin-top: 50px; }
.page-404 { width: 100%; height: 100%; max-height: 950px; background: rgba(0, 0, 0, 0) url("/themes/default/css/bg-404.jpg") no-repeat scroll center center / cover ; text-align: center; float: left; padding: 10% 0px; }
#not-found h1 { text-align: center; font-size: 240px; line-height: 210px; font-weight: 600; letter-spacing: -5px; color: rgb(255, 255, 255); }
#not-found h3 { text-align: center; font-size: 40px; line-height: 100px; font-weight: 300; text-transform: uppercase; color: rgb(255, 255, 255); }
#not-found p { text-align: center; font-size: 14px; line-height: 24px; color: rgb(153, 153, 153); }
.panel-group .panel { margin-bottom: 10px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; border: medium none; border-radius: 0px; box-shadow: none; }
.panel-heading { padding: 0px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% !important; border: 0px none !important; }
.panel-heading .panel-title { color: rgb(60, 60, 60); font-size: 13px; font-weight: 300; border: 1px solid rgb(229, 229, 229); text-transform: uppercase; border-radius: 3px; }
.panel-title > a { display: block; color: rgb(60, 60, 60); padding: 13px 15px; }
.panel-title > a:hover { color: rgb(235, 90, 85); }
.panel-default > .panel-heading + .panel-collapse .panel-body { border: 0px none; }
.panel-default > .panel-heading + .panel-collapse { border-width: medium 1px 1px; border-style: none solid solid; border-color: currentcolor rgb(229, 229, 229) rgb(229, 229, 229); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-radius: 0px 0px 3px 3px !important; margin-top: -1px; }
.tabs-top .etabs { margin: 0px; padding: 0px; overflow: inherit; }
.tabs-top.center .etabs { text-align: center; }
.tabs-top .tab { margin: 0px 3px 0px 0px; padding: 0px; display: inline-block; }
.tabs-top .tab a { padding: 10px 20px; display: block; color: rgb(60, 60, 60); font-size: 12px; font-weight: 300; border: 1px solid rgb(229, 229, 229); text-transform: uppercase; border-radius: 3px; }
.tabs-top .tab a:hover, .tabs-top .tab.active a { color: rgb(235, 90, 85); }
.tabs-top .tab.active a { border: 1px solid rgb(235, 90, 85); background: rgb(235, 90, 85) none repeat scroll 0% 0%; color: rgb(255, 255, 255) !important; }
.tabs-top.tab-container .panel-container { position: relative; z-index: 1; display: block; }
.tabs-top.tab-container .panel-container p { margin: 0px; padding-bottom: 10px; }
.tabs-top.tab-container .panel-container .tab-block { padding-top: 20px; padding-bottom: 0px; }
.text-link { font-weight: 400; display: inline-block; border-bottom: 2px solid rgb(0, 84, 166); text-decoration: none; transition: all 0.3s ease 0s; position: relative; width: auto; color: rgb(0, 84, 166); border-color: rgb(0, 84, 166); }
.text-link.text-white { border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); }
.text-link.text-white:hover { color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); }
.text-link .arrow_right { width: 17px; opacity: 0; transition: all 0.3s ease 0s; transform: translate3d(30px, 0px, 0px); display: inline-block; position: absolute; right: 0px; font-size: 18px; }
.text-link:hover .arrow_right { opacity: 1; transform: translate3d(0px, 0px, 0px); }
.text-link:hover { padding-right: 20px; color: rgb(0, 45, 90); }
.btn, .btn.parallax { color: rgb(255, 255, 255); background: rgb(235, 90, 85) none repeat scroll 0% 0%; margin-bottom: 10px; margin-right: 4px; padding: 14px 16px; font-weight: 600; font-size: 11px; text-shadow: none; border: medium none; text-transform: uppercase; transition: all 0.3s ease 0s; box-shadow: none; display: inline-block; letter-spacing: 1px; position: relative; border-radius: 2px; width: 150px; text-align: center; }
.btn:hover, .btn.parallax:hover { background: rgb(60, 60, 60) none repeat scroll 0% 0%; padding-right: 30px; color: rgb(245, 245, 245); }
.btn.large { width: 240px; }
.btn .arrow_right { width: 15px; opacity: 0; transition: all 0.3s ease 0s; transform: translate3d(30px, 0px, 0px); display: inline-block; position: absolute; right: 13px; top: 6px; font-size: 18px; }
.btn:hover .arrow_right { opacity: 1; transform: translate3d(0px, 0px, 0px); }
.btn-large { padding: 18px 24px; width: 180px; }
.btn-large .arrow_right { top: 11px; }
.btn.btn-blue { background: rgb(50, 150, 220) none repeat scroll 0% 0%; }
.btn.btn-green { background: rgb(110, 200, 120) none repeat scroll 0% 0%; }
.btn.btn-orange { background: rgb(230, 85, 60) none repeat scroll 0% 0%; }
.btn.btn-yellow { background: rgb(255, 215, 105) none repeat scroll 0% 0%; }
.btn.btn-red { background: rgb(205, 40, 50) none repeat scroll 0% 0%; }
.btn.btn-purple { background: rgb(185, 130, 200) none repeat scroll 0% 0%; }
.btn.btn-pink { background: rgb(240, 135, 185) none repeat scroll 0% 0%; }
.btn.btn-gray { background: rgb(178, 186, 188) none repeat scroll 0% 0%; }
.btn.btn-blue:hover, .btn.btn-green:hover, .btn.btn-red:hover, .btn.btn-orange:hover, .btn.btn-yellow:hover, .btn.btn-purple:hover, .btn.btn-pink:hover, .btn.btn-gray:hover { background: rgb(60, 60, 60) none repeat scroll 0% 0%; }
.btn.btn-blue-brd { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; border: 2px solid rgb(50, 150, 220); color: rgb(50, 150, 220); }
.btn.btn-blue-brd:hover { background: rgb(50, 150, 220) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.btn.btn-green-brd { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; border: 2px solid rgb(110, 200, 120); color: rgb(110, 200, 120); }
.btn.btn-green-brd:hover { background: rgb(110, 200, 120) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.btn.btn-orange-brd { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; border: 2px solid rgb(230, 85, 60); color: rgb(230, 85, 60); }
.btn.btn-orange-brd:hover { background: rgb(230, 85, 60) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.btn.btn-yellow-brd { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; border: 2px solid rgb(255, 215, 105); color: rgb(255, 215, 105); }
.btn.btn-yellow-brd:hover { background: rgb(255, 215, 105) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.btn.btn-red-brd { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; border: 2px solid rgb(205, 40, 50); color: rgb(205, 40, 50); }
.btn.btn-red-brd:hover { background: rgb(205, 40, 50) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.btn.btn-purple-brd { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; border: 2px solid rgb(185, 130, 200); color: rgb(185, 130, 200); }
.btn.btn-purple-brd:hover { background: rgb(185, 130, 200) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.btn.btn-pink-brd { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; border: 2px solid rgb(240, 135, 185); color: rgb(240, 135, 185); }
.btn.btn-pink-brd:hover { background: rgb(240, 135, 185) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.btn.btn-gray-brd { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; border: 2px solid rgb(178, 186, 188); color: rgb(178, 186, 188); }
.btn.btn-gray-brd:hover { background: rgb(178, 186, 188) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.btn.btn-blue-brd { border: 2px solid rgb(50, 150, 220); }
.btn.btn-green { background: rgb(110, 200, 120) none repeat scroll 0% 0%; }
.btn.btn-orange { background: rgb(235, 90, 85) none repeat scroll 0% 0%; }
.btn.btn-yellow { background: rgb(255, 215, 105) none repeat scroll 0% 0%; }
.btn.btn-red { background: rgb(205, 40, 50) none repeat scroll 0% 0%; }
.btn.btn-purple { background: rgb(185, 130, 200) none repeat scroll 0% 0%; }
.btn.btn-pink { background: rgb(240, 135, 185) none repeat scroll 0% 0%; }
.btn.btn-gray { background: rgb(178, 186, 188) none repeat scroll 0% 0%; }
.btn.btn-white { background: rgba(255, 255, 255, 0.5) none repeat scroll 0% 0%; color: rgb(60, 60, 60) !important; }
.btn.btn-white.brd { border: 1px solid rgb(60, 60, 60) !important; }
.btn.btn-default { border-radius: 0px 3px 3px 0px !important; }
.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active { background: rgb(240, 240, 240) none repeat scroll 0% 0%; }
.btn.btn-white-alt { background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(60, 60, 60) !important; }
.btn.btn-white-alt:hover { background: rgb(60, 60, 60) none repeat scroll 0% 0%; color: rgb(255, 255, 255) !important; }
.btn.btn-color-brd { border: 2px solid rgb(255, 255, 255); color: rgb(255, 255, 255); background: transparent none repeat scroll 0% 0% !important; padding: 12px 16px 11px; }
.btn.btn-color-brd:hover { padding-right: 30px; color: rgb(60, 60, 60); background: rgb(255, 255, 255) none repeat scroll 0% 0% !important; }
.btn.btn-white-brd { border: 2px solid rgb(255, 255, 255) !important; color: rgb(255, 255, 255) !important; background: transparent none repeat scroll 0% 0% !important; padding: 12px 16px 11px; }
.btn.btn-white-brd:hover { padding-right: 30px; color: rgb(60, 60, 60) !important; background: rgb(255, 255, 255) none repeat scroll 0% 0% !important; }
.btn.btn-white-brd .arrow_right { top: 5px; }
.color-wrapper .btn { background: rgb(255, 255, 255) none repeat scroll 0% 0% !important; color: rgb(97, 97, 97) !important; }
.color-wrapper .btn:hover { background: rgb(229, 229, 229) none repeat scroll 0% 0% !important; }
.share .btn { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; padding: 8px 17px; }
.share .btn:hover { color: rgb(255, 255, 255) !important; }
.btn.share-facebook { color: rgb(61, 91, 155) !important; border: 1px solid rgb(61, 91, 155) !important; }
.btn.share-facebook:hover { background: rgb(51, 76, 142) none repeat scroll 0% 0% !important; border: 1px solid rgb(51, 76, 142) !important; }
.btn.share-twitter { color: rgb(90, 168, 205) !important; border: 1px solid rgb(90, 168, 205) !important; }
.btn.share-twitter:hover { background: rgb(73, 154, 200) none repeat scroll 0% 0% !important; border: 1px solid rgb(73, 154, 200) !important; }
.btn.share-googleplus { color: rgb(59, 59, 59) !important; border: 1px solid rgb(59, 59, 59) !important; }
.btn.share-googleplus:hover { background: rgb(46, 46, 46) none repeat scroll 0% 0% !important; border: 1px solid rgb(46, 46, 46) !important; }
.btn.share-pinterest { color: rgb(197, 57, 66) !important; border: 1px solid rgb(197, 57, 66) !important; }
.btn.share-pinterest:hover { background: rgb(188, 45, 50) none repeat scroll 0% 0% !important; border: 1px solid rgb(188, 45, 50) !important; }
.the-icons { list-style-type: none; margin: 0px; }
.the-icons li [class^="icon-"], .the-icons li [class*="icon-"], .the-icons li [class^="ss-"], .the-icons li [class*="ss-"] { display: inline-block; text-align: center; }
.the-icons li { display: block; line-height: 40px; height: 40px; padding: 0px 0px 0px 2px; }
.the-icons li, .the-icons li:hover { color: rgb(153, 153, 153); }
.the-icons li, .the-icons li i { color: rgb(60, 60, 60); }
.the-icons li [class^="icon-"], .the-icons li [class*="icon-"], .the-icons li [class^="ss-"], .the-icons li [class*="ss-"] { width: 32px; font-size: 18px; }
.the-icons li:hover { text-decoration: none; }
.the-icons li:hover [class^="icon-"], .the-icons li:hover [class*="icon-"], .the-icons li:hover [class^="ss-"], .the-icons li:hover [class*="ss-"] { font-size: 30px; vertical-align: middle; }
.social-icons li { display: inline-block; padding-right: 5px; }
.social-icons li a i { width: 40px; height: 40px; padding-top: 10px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid rgb(229, 229, 229); color: rgb(153, 153, 153); border-radius: 50%; transition: all 0.3s ease-in-out 0s; }
.social-icons li a:hover i { color: rgb(255, 255, 255); background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid rgb(229, 229, 229); }
.social-icons .tooltip-inner { color: rgb(255, 255, 255); background-color: rgb(235, 90, 85); padding: 5px 12px; position: relative; top: -10px; transition: all 0.3s ease-in-out 0s; }
.social-icons .tooltip.top .tooltip-arrow { border-top-color: rgb(235, 90, 85); position: relative; bottom: -20px; }
.social-icons li a i { transition: all 0.2s ease-in-out 0s; }
.twitter::before, .wordpress::before, .facebook::before, .linkedin::before, .steam::before, .tumblr::before, .github::before, .delicious::before, .instagram::before, .xing::before, .ebay::before, .dropbox::before, .paypal::before, .lastfm::before, .gplus::before, .pinterest::before, .dribbble::before, .flickr::before, .reddit::before, .vimeo::before, .spotify::before, .rss::before, .youtube::before, .blogger::before, .appstore::before, .digg::before, .evernote::before, .fivehundredpx::before, .forrst::before, .stumbleupon::before, .dribbble::before { font-family: "fontello"; font-size: 18px; line-height: 18px; color: rgb(60, 60, 60); transition: all 0.15s ease-in-out 0s; position: absolute; z-index: 20; }
.twitter::before { font-size: 18px; }
.twitter i, .twitter::before { margin: 13px 0px 0px 12px; }
.twitter::before { content: ""; top: 0px; opacity: 1; }
.twitter:hover::before { top: 10px; opacity: 0; }
.twitter:hover { background-color: rgb(59, 193, 237); }
.dribbble i, .dribbble::before { margin: 13px 0px 0px 13px; }
.dribbble::before { content: ""; top: 0px; opacity: 1; }
.dribbble:hover::before { top: 30px; opacity: 0; }
.dribbble:hover { background-color: rgb(239, 90, 146); }
.facebook i, .facebook::before { margin: 13px 0px 0px 16px; }
.facebook::before { content: ""; top: 0px; opacity: 1; }
.facebook:hover::before { top: 30px; opacity: 0; }
.facebook:hover { background-color: rgb(74, 109, 157); }
.linkedin i, .linkedin::before { margin: 13px 0px 0px 13px; }
.linkedin::before { content: ""; top: 0px; opacity: 1; }
.linkedin:hover::before { top: 30px; opacity: 0; }
.linkedin:hover { background-color: rgb(11, 123, 181); }
.delicious i, .delicious::before { margin: 13px 0px 0px 13px; }
.delicious::before { content: "#"; top: 0px; opacity: 1; }
.delicious:hover::before { top: 30px; opacity: 0; }
.delicious:hover { background-color: rgb(50, 116, 209); }
.paypal i, .paypal::before { margin: 13px 0px 0px 13px; }
.paypal::before { content: ""; top: 0px; opacity: 1; }
.paypal:hover::before { top: 30px; opacity: 0; }
.paypal:hover { background-color: rgb(46, 104, 154); }
.gplus i, .gplus::before { margin: 13px 0px 0px 13px; }
.gplus::before { content: ""; top: 0px; opacity: 1; }
.gplus:hover::before { top: 30px; opacity: 0; }
.gplus:hover { background-color: rgb(213, 56, 36); }
.stumbleupon i, .stumbleupon::before { margin: 13px 0px 0px 11px; }
.stumbleupon::before { content: ""; top: 0px; opacity: 1; }
.stumbleupon:hover::before { top: 30px; opacity: 0; }
.stumbleupon:hover { background-color: rgb(235, 73, 36); }
.fivehundredpx i, .fivehundredpx::before { margin: 13px 0px 0px 11px; }
.fivehundredpx::before { content: "0"; top: 0px; opacity: 1; }
.fivehundredpx:hover::before { top: 30px; opacity: 0; }
.fivehundredpx:hover { background-color: rgb(68, 68, 68); }
.pinterest i, .pinterest::before { margin: 13px 0px 0px 15px; }
.pinterest::before { content: ""; top: 0px; opacity: 1; }
.pinterest:hover::before { top: 30px; opacity: 0; }
.pinterest:hover { background-color: rgb(203, 31, 37); }
.forrst i, .forrst::before { margin: 13px 0px 0px 15px; }
.forrst::before { content: ":"; top: 0px; opacity: 1; }
.forrst:hover::before { top: 30px; opacity: 0; }
.forrst:hover { background-color: rgb(64, 131, 62); }
.digg i, .digg::before { margin: 13px 0px 0px 12px; }
.digg::before { content: ";"; top: 0px; opacity: 1; }
.digg:hover::before { top: 30px; opacity: 0; }
.digg:hover { background-color: rgb(32, 86, 133); }
.spotify i, .spotify::before { margin: 13px 0px 0px 13px; }
.spotify::before { content: ""; top: 0px; opacity: 1; }
.spotify:hover::before { top: 30px; opacity: 0; }
.spotify:hover { background-color: rgb(108, 164, 5); }
.blogger i, .blogger::before { margin: 13px 0px 0px 15px; font-size: 14px !important; }
.blogger::before { content: "B"; top: 0px; opacity: 1; }
.blogger:hover::before { top: 30px; opacity: 0; }
.blogger:hover { background-color: rgb(255, 101, 1); }
.evernote i, .evernote::before { margin: 13px 0px 0px 15px; }
.evernote::before { content: "�c"; top: 0px; opacity: 1; }
.evernote:hover::before { top: 30px; opacity: 0; }
.evernote:hover { background-color: rgb(107, 177, 48); }
.flickr i, .flickr::before { margin: 13px 0px 0px 13px; }
.flickr::before { content: ""; top: 0px; opacity: 1; }
.flickr:hover::before { top: 30px; opacity: 0; }
.flickr:hover { background-color: rgb(19, 109, 213); }
.rss i, .rss::before { margin: 13px 0px 0px 14px; font-size: 14px !important; }
.rss::before { content: ""; top: 0px; opacity: 1; }
.rss:hover::before { top: 30px; opacity: 0; }
.rss:hover { background-color: rgb(254, 143, 0); }
.youtube i, .youtube::before { margin: 13px 0px 0px 14px; font-size: 18px !important; }
.youtube::before { content: ""; top: 0px; opacity: 1; }
.youtube:hover::before { top: 30px; opacity: 0; }
.youtube:hover { background-color: rgb(191, 47, 41); }
.vimeo i, .vimeo::before { margin: 13px 0px 0px 13px; font-size: 14px !important; }
.vimeo::before { content: ""; top: 0px; opacity: 1; }
.vimeo:hover::before { top: 30px; opacity: 0; }
.vimeo:hover { background-color: rgb(76, 138, 176); }
.dropbox i, .dropbox::before { margin: 13px 0px 0px 13px; }
.dropbox::before { content: "d"; top: 0px; opacity: 1; }
.dropbox:hover::before { top: 30px; opacity: 0; }
.dropbox:hover { background-color: rgb(44, 146, 221); }
.github i, .github::before { margin: 13px 0px 0px 13px; }
.github::before { content: "g"; top: 0px; opacity: 1; }
.github:hover::before { top: 30px; opacity: 0; }
.github:hover { background-color: rgb(92, 115, 129); }
.lastfm i, .lastfm::before { margin: 13px 0px 0px 11px; }
.lastfm::before { content: ""; top: 0px; opacity: 1; }
.lastfm:hover::before { top: 30px; opacity: 0; }
.lastfm:hover { background-color: rgb(210, 19, 9); }
.tumblr i, .tumblr::before { margin: 13px 0px 0px 15px; }
.tumblr::before { content: ""; top: 0px; opacity: 1; }
.tumblr:hover::before { top: 30px; opacity: 0; }
.tumblr:hover { background-color: rgb(61, 101, 141); }
.instagram i, .instagram::before { margin: 13px 0px 0px 14px; }
.instagram::before { content: ""; top: 0px; opacity: 1; }
.instagram:hover::before { top: 30px; opacity: 0; }
.instagram:hover { background-color: rgb(63, 111, 148); }
.ebay i, .ebay::before { margin: 13px 0px 0px 14px; }
.ebay::before { content: "e"; top: 0px; opacity: 1; }
.ebay:hover::before { top: 30px; opacity: 0; }
.ebay:hover { background-color: rgb(102, 204, 0); }
.pricing { overflow: hidden; text-align: center; padding-bottom: 10px; display: block; }
.pricing ul { padding: 0px; }
.pricing .btn { margin: 0px; }
.pricing .plan { border: 1px solid rgb(240, 240, 240); background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-radius: 2px; transition: all 0.3s ease 0s; }
.pricing .plan:hover, .pricing .plan.active { background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(255, 255, 255) !important; }
.pricing .plan h3 { font-size: 18px; line-height: 30px; margin: 0px; padding: 40px 0px 10px; color: rgb(102, 102, 102); text-transform: uppercase !important; font-weight: 400; }
.pricing .plan h3 i { font-size: 30px; line-height: 0px !important; padding: 10px 11px; color: rgb(229, 229, 229); border-radius: 50%; }
.pricing .plan h4 { padding: 40px 0px; margin: 0px auto; color: rgb(255, 255, 255); font-family: "Open Sans","Microsoft YaHei",sans-serif; }
.pricing .plan:hover h4 .amount, .pricing .plan:hover h4 .amount span, .pricing .plan:hover h3 { color: rgb(255, 255, 255) !important; }
.pricing .plan:hover .btn.btn-color-brd { color: rgb(255, 255, 255) !important; border: 2px solid rgb(255, 255, 255) !important; }
.pricing .plan:hover .btn.btn-color-brd:hover { color: rgb(60, 60, 60) !important; }
.pricing .plan.active h4 .amount, .pricing .plan.active h4 .amount span, .pricing .plan.active h3 { color: rgb(255, 255, 255) !important; }
.pricing .plan.active .btn.btn-color-brd { color: rgb(255, 255, 255) !important; border: 2px solid rgb(255, 255, 255) !important; }
.pricing .plan.active .btn.btn-color-brd:hover { color: rgb(60, 60, 60) !important; }
.pricing .plan h4 .amount { font-size: 100px; font-weight: 600; letter-spacing: -1px; }
.pricing .plan h4 .amount span { vertical-align: middle; font-size: 20px; font-weight: 300; padding-left: 5px; }
.pricing .plan ul { margin: 0px; list-style: outside none none; }
.pricing .plan ul li { padding: 15px 0px; margin: 0px 30px 0px 0px; font-size: 16px; font-weight: 400; }
.pricing .plan h3 { text-transform: uppercase; }
.pricing .select { padding: 20px 0px 40px; }
.parallax { background-attachment: fixed; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; padding: 60px 0px; }
.parallax input, .parallax textarea { background: rgba(255, 255, 255, 0.15) none repeat scroll 0% 0%; border: medium none; }
.parallax input:focus, .parallax textarea:focus { background: rgba(255, 255, 255, 0.22) none repeat scroll 0% 0%; border: medium none; }
.parallax .title-center::before, .parallax .title-center::after { border-color: rgb(119, 119, 119); }
.parallax.mobile { background-attachment: scroll !important; }
.parallax.pagetitle { background-image: url("/themes/default/css/parallax3.jpg"); padding: 30px 0px 26px; }
.parallax.pagetitle h1 { color: rgb(255, 255, 255); font-size: 14px; letter-spacing: 5px; text-transform: uppercase; margin-top: 6px; }
.parallax.pagetitle p { color: rgb(229, 229, 229); font-size: 12px; padding-top: 12px; }
.parallax.pagetitle a { color: rgb(235, 90, 85); }
.parallax.pagetitle a:hover { color: rgb(229, 229, 229) !important; }
.parallax.process { background-image: url("/themes/default/css/parallax2.jpg"); }
.parallax.testimonial { background-image: url("/themes/default/css/parallax-testimonials.png"); background-repeat: repeat !important; background-color: rgba(40, 159, 205, 0.5); }
.parallax.medical { background-image: url("/themes/default/css/parallax-medical.jpg"); }
.parallax.block1 { background-image: url("/themes/default/css/parallax-01.jpg"); padding: 20% 0px; }
.parallax.block2 { background-image: url("/themes/default/css/parallax-02.jpg"); padding: 20% 0px; }
.parallax.block3 { background-image: url("/themes/default/css/parallax-03.jpg"); padding: 20% 0px; }
.parallax.block3.nopad { background-image: url("/themes/default/css/parallax-03.jpg"); padding: 5% 0px; }
.parallax .white-block { background: rgb(255, 255, 255) none repeat scroll 0% 0% !important; color: rgb(60, 60, 60) !important; padding: 10px; line-height: 65px; }
.parallax .black-block { background: rgb(60, 60, 60) none repeat scroll 0% 0% !important; color: rgb(255, 255, 255) !important; padding: 10px; line-height: 65px; }
.page-title { width: 100%; float: left; margin-top: 100px; margin-bottom: 60px; }
.page-title .col { width: 50%; display: inline-block; background: rgb(246, 246, 246) none repeat scroll 0% 0%; height: auto; min-height: 300px; float: left; text-align: right; }
.page-title .col img { width: 100%; max-height: 300px; }
.page-title .col h1 { padding-top: 12%; text-transform: uppercase; padding-right: 50px; }
.page-title .meta { font-family: Georgia,"Times New Roman",Times,"Microsoft YaHei",serif; color: rgb(204, 204, 204); letter-spacing: 1px; font-style: italic !important; margin-right: 30px; }
.page-title .meta li { font-family: Georgia,"Times New Roman",Times,"Microsoft YaHei",serif; }
.page-title .meta li a { font-family: Georgia,"Times New Roman",Times,"Microsoft YaHei",serif; color: rgb(204, 204, 204); }
.progress { height: 5px; margin-bottom: 25px; background-repeat: repeat-x; border-radius: 3px; box-shadow: none; }
.progress .bg-white { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.progress.bg-white-light { background: rgba(255, 255, 255, 0.3) none repeat scroll 0% 0%; }
.progress .bg-gray { background: rgb(60, 60, 60) none repeat scroll 0% 0%; }
.progress .bg-light-gray { background: rgb(229, 229, 229) none repeat scroll 0% 0%; }
.progress .bar { width: 0px; height: 5px; color: rgb(255, 255, 255); text-align: left; padding-left: 10px; background-color: rgb(235, 90, 85); background-repeat: repeat-x; transition: width 0.3s ease 0s; float: left; }
.progress .bar.white { background-color: rgb(255, 255, 255); }
.progress .bar.green { background-color: rgb(110, 200, 120); }
.progress .bar.red { background-color: rgb(205, 40, 50); }
.progress .bar.orange { background-color: rgb(230, 85, 60); }
.progress .bar.yellow { background-color: rgb(255, 215, 105); }
.progress small { color: rgb(60, 60, 60); font-size: 11px; float: right; position: absolute; right: -20px; margin-top: -10px; font-weight: 600; }
.progress-striped .bar { background-color: rgb(20, 155, 223); }
.progress-success .bar, .progress-green .bar { background-color: rgb(235, 90, 85); }
.progress-info .bar, .progress-blue .bar { background-color: rgb(3, 172, 220); }
.progress-warning .bar, .progress-orange .bar { background-color: rgb(249, 136, 5); }
.progress-danger .bar, .progress-red .bar { background-color: rgb(229, 63, 81); }
.f-element { width: 25%; height: auto; float: left; text-align: center; padding: 40px 0px 60px; border-right: 1px solid rgba(255, 255, 255, 0.1); }
.f-element.nobrd { border-right: 0px solid rgba(255, 255, 255, 0.1); }
.f-element .sep { width: 40px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); margin: -10px auto 20px; }
.f-element .highlight { font-weight: 600; font-family: "Open Sans","Microsoft YaHei",sans-serif; font-size: 60px; color: rgb(255, 255, 255); line-height: 80px; cursor: pointer; }
.f-element .highlight.dark { color: rgb(60, 60, 60); }
.f-element .highlight.color { color: rgb(60, 60, 60); }
.f-element .highlight:hover { color: rgb(255, 255, 255); }
.milestone-details { font-weight: 300; font-size: 14px; color: rgb(153, 153, 153); text-transform: uppercase; letter-spacing: 2px; }
.milestone-details.small { font-weight: 600; font-size: 13px; color: rgb(204, 204, 204); text-transform: uppercase; letter-spacing: 2px; }
.social-nav .f-element { width: 35%; height: auto; float: right; text-align: right; line-height: 28px; padding: 0px; border-right: 0px solid rgb(255, 255, 255); }
.social-nav .f-element .highlight { font-weight: 800; font-family: "Open Sans","Microsoft YaHei",sans-serif; font-size: 40px; color: rgb(255, 255, 255); line-height: 40px; }
.social-nav .f-element .highlight:hover { color: rgb(255, 255, 255); }
.social-nav .milestone-details { font-weight: 800; font-size: 40px; color: rgb(255, 255, 255); text-transform: uppercase; padding: 0px; letter-spacing: 1px; }
.social-nav .follow { font-weight: 600; font-size: 18px; color: rgb(255, 255, 255); height: 20px; float: right; width: 100%; }
.bg-testimonials { padding-top: 40px; background-color: rgba(40, 159, 205, 0.1); }
.testimonials { text-align: center; margin-bottom: 20px; }
.testimonials img { display: inline-block; max-width: 100px; border-radius: 50%; margin: 10px auto; border: 1px solid rgb(229, 229, 229); padding: 7px; }
.testimonials h2 { font-size: 13px; font-family: "Open Sans","Raleway","Microsoft YaHei",sans-serif; font-weight: 400; margin: 0px 0px 20px; color: rgb(60, 60, 60); }
.testimonials p { font-size: 18px; font-family: Georgia,"Times New Roman",Times,"Microsoft YaHei",serif; font-weight: 300; line-height: 30px; color: rgb(153, 153, 153); margin: 0px auto; padding: 10px 10px 0px; position: relative; }
.tooltip-inner { color: rgb(255, 255, 255); background-color: rgb(235, 90, 85); padding: 5px 12px; }
.tooltip.top .tooltip-arrow, .tooltip.top-left .tooltip-arrow, .tooltip.top-right .tooltip-arrow { border-top-color: rgb(235, 90, 85); }
.tooltip.right .tooltip-arrow { border-right-color: rgb(235, 90, 85); }
.tooltip.left .tooltip-arrow { border-left-color: rgb(235, 90, 85); }
.tooltip.bottom .tooltip-arrow, .tooltip.bottom-left .tooltip-arrow, .tooltip.bottom-right .tooltip-arrow { border-bottom-color: rgb(235, 90, 85); }
.font-icons { list-style: outside none none; margin: 0px; padding: 0px; }
.font-icons li { display: inline-block; font-size: 25px; margin-bottom: 10px; padding: 0px 10px; }
.alert .close { line-height: 28px; }
.retina-icons-code i { font-size: 18px; }
.retina-icons-code tr td:first-child, .retina-icons-code tr th:first-child { text-align: center; }
.retina-icons-code code { color: rgb(96, 96, 96); background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; white-space: normal; font-size: 14px; }
.table-bordered { border-left: medium none; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.retina-icons-code td { vertical-align: middle !important; }
.table td i { border: 1px solid rgb(229, 229, 229); border-radius: 3px; padding: 10px 0px 0px; transition: all 200ms ease-in 0s; width: 52px !important; height: 52px !important; float: left; }
.table td code { border: 1px solid rgb(229, 229, 229); border-radius: 3px; padding: 14px 10px; float: left; width: 100%; height: 54px !important; margin-top: 5px; }
.table td:hover i { background: rgb(235, 90, 85) none repeat scroll 0% 0%; border: 1px solid rgb(235, 90, 85); border-radius: 3px; color: rgb(255, 255, 255); }
.picons-list .retina-icons-code i { font-size: 30px; line-height: 1; margin-top: 5px; display: block; }
.photo-stream { margin-left: -15px; margin-top: 10%; margin-bottom: 50%; }
.photo-stream li { float: left; overflow: hidden; margin: 0px 1px 1px 0px; }
.photo-stream a img { display: block; filter: grayscale(100%); transition: all 0.6s ease 0s; backface-visibility: hidden; opacity: 0.7; }
.photo-stream a:hover img { opacity: 1; filter: grayscale(0%); }
.photo-stream img { display: block; width: 70px; height: 70px; }
table.standard-table { width: 100%; border-collapse: separate; border-spacing: 0px; border: medium none; margin-bottom: 15px; }
table.standard-table th { border-width: 1px medium 1px 1px; border-style: solid none solid solid; border-color: rgb(229, 229, 229) currentcolor rgb(229, 229, 229) rgb(229, 229, 229); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; background-color: rgb(246, 246, 246); text-align: left; padding: 10px 15px; color: rgb(70, 75, 80); vertical-align: top; font-size: 14px; font-weight: 600; }
table.standard-table td:last-child { border-right: 1px solid rgb(229, 229, 229); }
table.standard-table th:last-child {  }
table.standard-table td { padding: 10px 15px; border-width: medium medium 1px 1px; border-style: none none solid solid; border-color: currentcolor currentcolor rgb(229, 229, 229) rgb(229, 229, 229); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; }
table.standard-table tr:hover td { background-color: rgb(246, 246, 246); }
table.standard-table tr { border-radius: 3px; }
table.cart { width: 100%; border-collapse: separate; border-spacing: 0px; border: medium none; margin-bottom: 15px; }
table.cart th { border-width: 1px medium 1px 1px; border-style: solid none solid solid; border-color: rgb(229, 229, 229) currentcolor rgb(229, 229, 229) rgb(229, 229, 229); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; background-color: rgb(246, 246, 246); text-align: left; padding: 10px 15px; color: rgb(70, 75, 80); vertical-align: top; font-size: 14px; font-weight: 600; }
table.cart td:last-child { border-right: 1px solid rgb(229, 229, 229); }
table.cart th:last-child {  }
table.cart td { padding: 10px 15px; border-width: medium medium 1px 1px; border-style: none none solid solid; border-color: currentcolor currentcolor rgb(229, 229, 229) rgb(229, 229, 229); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; }
.video-sec { height: 400px; position: relative; overflow: hidden; background: rgb(60, 60, 60) none repeat scroll 0% 0%; }
.video-item { position: absolute; top: -10px; left: 0px; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 0; overflow: hidden; }
.video-sec .dark-content, .video-sec .light-content { padding: 45px 0px 43px; z-index: 2; width: 100%; height: 100%; position: relative; }
.dark-content h5 { font-size: 30px; }
.dark-content p { color: rgb(60, 60, 60); }
.video-sec .light-content { text-shadow: none; }
.video-sec .slight { color: rgb(41, 41, 41); }
.video-bg { padding: 100px 0px; position: relative; overflow: hidden; }
.video-bg::before { position: absolute; width: 100%; height: 100%; top: 0px; content: ""; opacity: 0.8; z-index: 2; background-color: rgb(32, 32, 32); }
.video-bg .container { position: relative; z-index: 3; }
.video-bg h1 { margin-bottom: 32px; }
.video-wrapper { position: absolute; width: 100%; top: 0px; left: 0px; z-index: 0; }
.video-wrapper video { width: 100%; position: absolute; top: 0px; }
@media all and (max-width: 1400px) {
  .video-wrapper video { width: 110%; }
}
@media all and (max-width: 1200px) {
  .video-wrapper video { width: 130%; }
}
@media all and (max-width: 1000px) {
  .video-wrapper video { width: 150%; }
}
.map-bg { padding: 100px 0px; position: relative; overflow: hidden; height: 400px; }
.map-bg::before { position: absolute; width: 100%; height: 400px; top: 0px; content: ""; opacity: 0.8; z-index: 2; background: rgb(110, 200, 120) none repeat scroll 0% 0%; }
.map-bg.nobg::before { position: absolute; width: 100%; height: 400px; top: 0px; content: ""; opacity: 0.8; z-index: 2; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; }
.map-wrapper { position: absolute; width: 100%; top: 0px; left: 0px; z-index: 0; }
.map-bg .container { position: relative; z-index: 3; }
.map-bg h1 { margin-bottom: 32px; }
.forms { position: relative; padding: 0px; width: 100%; }
.form-container .response { display: none; }
.forms ol { margin: 0px; padding: 0px; }
.forms ol li { list-style: outside none none; }
.forms li.hidden-row { display: none; }
input, select, textarea, .uneditable-input { width: 100%; }
select, textarea, input[type="text"], input[type="password"] { display: inline-block; height: 50px; padding: 0px 10px; margin-bottom: 15px; font-size: 16px; line-height: 25px; border: 1px solid rgb(229, 229, 229); resize: none; vertical-align: middle; box-shadow: none; background: rgba(255, 255, 255, 0.7) none repeat scroll 0% 0%; border-radius: 2px; transition: all 0.3s ease 0s; }
textarea:focus, input[type="text"]:focus, input[type="password"]:focus { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
textarea { height: 100%; padding: 5px 10px; margin-bottom: 15px; min-height: 150px; resize: vertical; }
.btn-submit { position: relative; height: 50px; border: medium none; margin-bottom: 15px; font-size: 16px; line-height: 25px; background: rgb(110, 200, 120) none repeat scroll 0% 0%; transition: all 0.3s ease 0s; width: 100%; border-radius: 2px; color: rgb(255, 255, 255); padding-right: 0px; text-align: center; text-transform: uppercase; font-weight: 600; }
.btn-submit:hover { background: rgb(60, 60, 60) none repeat scroll 0% 0%; }
.forms label { display: block; float: left; width: 95px; padding-top: 7px; font-size: 13px; clear: both; }
.comment-form div label { position: absolute; top: 0px; left: 0px; }
.forms li.error input, .forms li.error textarea { border: 1px solid rgb(255, 250, 200); }
.forms span.error { display: none; }
.forms .button-row span.error { padding: 0px; display: none; }
.searchform { position: relative; }
.searchform input[type="text"] { border-radius: 3px !important; width: 90%; }
:-moz-placeholder { color: rgb(202, 202, 202) !important; }
*::-moz-placeholder { color: rgb(202, 202, 202) !important; }
input:focus:-moz-placeholder { color: transparent !important; }
input:focus::-moz-placeholder { color: transparent !important; }
.add-comment label { margin: 0px 0px 4px; }
.add-comment label span { color: rgb(255, 0, 0); }
.add-comment input { margin: 0px 0px 20px; }
nav#main-nav { width: 300px; height: 100%; position: fixed; right: -300px; top: 0px; z-index: 9999999; background: rgb(60, 60, 60) none repeat scroll 0% 0%; transition: all 0.5s ease 0s; padding: 20px; }
nav#main-nav.active { right: 0px; }
nav#main-nav ul li a { font-family: "Open Sans","Microsoft YaHei",sans-serif !important; font-weight: 100 !important; letter-spacing: 0.2em !important; }
.nav-trigger:hover {  }
.nav-trigger i { font-size: 12.5px !important; color: rgb(60, 60, 60); text-decoration: none; }
.nav-trigger i.white { color: rgb(255, 255, 255); }
.nav-trigger:hover i { text-decoration: none; color: rgb(153, 153, 153) !important; }
nav#main-nav ul li { list-style: outside none none; width: 100%; margin-left: -10px; }
nav#main-nav ul li a { display: block; padding: 10px; outline: medium none; border-bottom: 1px solid rgba(0, 0, 0, 0.15); color: rgb(255, 255, 255); text-transform: uppercase; font-weight: 400; transition: background 0.3s ease 0s, box-shadow 0.3s ease 0s; }
nav#main-nav ul li a i { font-size: 17px; margin-right: 20px; color: rgb(102, 102, 102); }
nav#main-nav ul li a:hover, nav#main-nav ul li.current a { background: rgba(0, 0, 0, 0.2) none repeat scroll 0% 0%; box-shadow: 0px -1px rgba(0, 0, 0, 0) inset; color: rgb(255, 255, 255); text-decoration: none; border-radius: 3px; }
nav#main-nav ul li a:hover i, nav#main-nav ul li.current a i { color: rgb(235, 90, 85); }
.social-nav-block { position: absolute; bottom: 0px; left: 0px; }
.social-nav-block a { position: relative; width: 50px; height: 50px; display: inline-block; float: left; background: rgb(41, 41, 41) none repeat scroll 0% 0%; text-align: center; line-height: 50px; transition: all 0.3s ease-in-out 0s; }
.social-nav-block a i { font-size: 17px; color: rgb(255, 255, 255); }
.social-nav-block a.twitter-alt:hover { background: rgb(105, 186, 243) none repeat scroll 0% 0% !important; }
.social-nav-block a.facebook-alt:hover { background: rgb(71, 89, 150) none repeat scroll 0% 0% !important; }
.social-nav-block a.google-alt:hover { background: rgb(198, 61, 45) none repeat scroll 0% 0% !important; }
.social-nav-block a.linkedin-alt:hover { background: rgb(72, 117, 180) none repeat scroll 0% 0% !important; }
.social-nav-block a.pinterest-alt:hover { background: rgb(208, 55, 55) none repeat scroll 0% 0% !important; }
.social-nav-block a.dribbble-alt:hover { background: rgb(215, 104, 150) none repeat scroll 0% 0% !important; }
#header-search-form input[type="text"] { display: inline-block; height: auto; padding: 20px 10px; margin-bottom: 15px; font-size: 48px; line-height: 48px; font-weight: 200; color: rgb(229, 229, 229); border: medium none; resize: none; vertical-align: middle; box-shadow: none; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; border-radius: 0px; transition: all 0.3s ease 0s; }
.overlay { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; background: rgb(60, 60, 60) none repeat scroll 0% 0%; z-index: 2147483647 !important; overflow: auto; }
.overlay .overlay-close { width: 20px; height: 20px; position: absolute; right: 20px; top: 20px; overflow: hidden; border: medium none; background: rgba(0, 0, 0, 0) url("/themes/default/css/cross.png") no-repeat scroll center center; text-indent: 200%; color: transparent; outline: medium none; z-index: 100; }
.overlay-slidedown { visibility: hidden; transform: translateY(-100%); transition: transform 0.4s ease-in-out 0s, visibility 0s ease 0.4s; }
.overlay-slidedown.open { visibility: visible; transform: translateY(0%); transition: transform 0.4s ease-in-out 0s; }
.social-nav { display: inline-block; width: 100%; }
.social-nav a { width: 20%; display: inline-block; float: left; background: rgb(41, 41, 41) none repeat scroll 0% 0%; text-align: left; line-height: 50px; transition: all 0.3s ease-in-out 0s; padding: 40px; }
.social-nav a i { font-size: 55px; color: rgb(255, 255, 255); }
.social-nav a.twitter-alt { background: rgb(78, 198, 248) none repeat scroll 0% 0%; }
.social-nav a.facebook-alt { background: rgb(71, 89, 150) none repeat scroll 0% 0% !important; }
.social-nav a.google-alt { background: rgb(198, 61, 45) none repeat scroll 0% 0% !important; }
.social-nav a.linkedin-alt { background: rgb(72, 117, 180) none repeat scroll 0% 0% !important; }
.social-nav a.dribbble-alt { background: rgb(215, 104, 150) none repeat scroll 0% 0% !important; }
.footer { background: rgb(32, 32, 32) none repeat scroll 0% 0%; color: rgb(204, 204, 204); margin-top: -10px; padding: 20px 0px 40px; }
.footer.white { background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(60, 60, 60); margin-top: -10px; padding: 20px 0px 40px; }
.footer.white h1, .footer.white h2, .footer.white h3, .footer.white h4, .footer.white h5, .footer.white h6 { color: rgb(60, 60, 60); font-weight: 200; text-transform: capitalize; }
.footer.white p { color: rgb(60, 60, 60); font-weight: 200; }
.footer a { color: rgb(160, 160, 160); }
.footer a:hover { color: rgb(235, 90, 85); }
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6 { color: rgb(255, 255, 255); font-weight: 800; text-transform: uppercase; }
.footer.white form { margin-top: 30px; }
.footer.white select, .footer.white textarea, .footer.white input[type="text"], .footer.white input[type="password"] { width: 70%; display: inline-block; height: 60px; padding: 0px 10px; margin-bottom: 15px; font-size: 18px; line-height: 25px; border: 1px solid rgb(229, 229, 229); resize: none; vertical-align: middle; box-shadow: none; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; transition: all 0.3s ease 0s; border-radius: 2px 0px 0px 2px; color: rgb(153, 153, 153); }
.footer.white .btn-submit { position: relative; height: 60px; border: medium none; margin-bottom: 15px; font-size: 16px; line-height: 25px; background: rgb(110, 200, 120) none repeat scroll 0% 0%; transition: all 0.3s ease 0s; width: 160px; border-radius: 0px 2px 2px 0px; color: rgb(255, 255, 255); padding-right: 0px; text-align: center; text-transform: uppercase; font-weight: 600; left: -5px; top: -5px; }
.footer input.alt[type="text"], .footer.white input.alt[type="text"] { width: 70%; height: 48px; font-size: 14px; line-height: 25px; border: 1px solid rgb(229, 229, 229); resize: none; vertical-align: middle; box-shadow: none; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; transition: all 0.3s ease 0s; border-radius: 2px 0px 0px 2px; color: rgb(153, 153, 153); }
.footer .btn-submit.alt, .footer.white .btn-submit.alt { position: relative; height: 48px; border: medium none; margin-bottom: 15px; font-size: 12px; line-height: 20px; background: rgb(110, 200, 120) none repeat scroll 0% 0%; transition: all 0.3s ease 0s; width: 90px; border-radius: 0px 2px 2px 0px; color: rgb(255, 255, 255); text-align: center !important; text-transform: uppercase; font-weight: 600; top: -7px; left: -4px; }
.footer .btn-submit.alt:hover, .footer.white .btn-submit.alt:hover { background: rgb(60, 60, 60) none repeat scroll 0% 0%; }
.footer input.alt[type="text"] { border: 1px solid rgb(60, 60, 60); }
.footer a.logo { padding: 0px; margin-bottom: 30px; }
.footer a.logo:hover, .footer a.logo:focus { text-decoration: none; }
.footer a.logo img { height: 30px; background: rgba(0, 0, 0, 0) none repeat scroll 0% 0%; }
.widget-title { font-size: 18px !important; margin: 0px 0px 40px; }
.footer .widget hr { border-bottom: 1px solid rgb(48, 48, 48) !important; border-top: 0px none; }
.footer .widget .meta { font-family: Georgia,"Times New Roman",Times,"Microsoft YaHei",serif; font-size: 14px; color: rgb(60, 60, 60); font-style: normal !important; }
.footer p.bold { font-weight: 400; color: rgb(255, 255, 255); margin-bottom: 0px; }
.footer p a span { font-weight: 400; color: rgb(255, 255, 255); }
.footer .services-box-3 { margin: 40px 0px; cursor: pointer; }
.footer .services-box-3 i, .footer .services-box-3 i:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% !important; font-size: 48px; }
.footer .services-box-3 i:hover { background: rgba(0, 0, 0, 0) none repeat scroll 0% 0% !important; font-size: 48px; }
.footer .services-box-3 .content h3 { text-transform: none; font-size: 14px; margin-top: -5px; }
.footer .services-box-3 .content p { font-size: 13px; font-style: italic; color: rgb(102, 102, 102); }
.tagcloud { line-height: 25px; }
.contact-info { margin: 0px; padding: 0px; list-style: outside none none; line-height: 30px; }
.contact-info i { margin-right: 7px; font-size: 18px; }
.footer .contact-info i { color: rgb(255, 255, 255); }
.footer .widget.single .contact-info li { display: inline; margin: 0px 15px; }

/*
     FILE ARCHIVED ON 10:15:14 Aug 24, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:13:27 Mar 05, 2025.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.553
  exclusion.robots: 0.037
  exclusion.robots.policy: 0.027
  esindex: 0.01
  cdx.remote: 22.359
  LoadShardBlock: 184.202 (3)
  PetaboxLoader3.datanode: 121.99 (4)
  PetaboxLoader3.resolve: 107.115 (2)
  load_resource: 110.247
*/