body { font-family: 'Arimo', sans-serif; height: 100%; line-height: 1.4em; font-style: normal; -webkit-appearance: none; -webkit-font-smoothing: antialiased; overflow-x: hidden; font-size: 14px; }
input, button, select, textarea { font-family: 'Arimo', sans-serif; }
/* Heading */
h1, h2, h3, h4, h5, h6 { font-weight: 500; line-height: 1.3; margin: 0 0 22px; font-family: Oswald, sans-serif; }
h1 { font-size: 45px; }
h2 { font-size: 40px; }

h3 { font-size: 24px; font-weight: 400; text-transform: uppercase; letter-spacing: 1px; margin-bottom: 10px; }
h4 { font-size: 18px; font-weight: 400; line-height: 1.7; text-transform: uppercase; margin: 0; }
h4.title { margin: 0 0 15px 0; }
h5 { font-size: 17px; text-transform: uppercase; font-weight: 600; }
h6 { font-size: 15px; line-height: 28px; font-weight: 500; text-transform: capitalize; }
.head-no-margin h6 { margin-bottom: 14px; }
.upper { text-transform: uppercase; }
.lower { text-transform: lowercase; }
.text-small { font-size: 12px; line-height: 18px; }
hr { border: 0; border-top: 1px dashed #e1e1e1; border-top: 1px dashed rgba(0,0,0,.1); border-bottom: 0 none; }
hr.white { border: 0; border-top: 1px solid #e1e1e1; border-top: 1px solid rgba(255,255,255,1); border-bottom: 0 none; }
.highlight { background: #FFC400; padding: 0 5px; }
.bg-black { background: #000; }
address { margin-bottom: 10px; }
/* List Style */
ol li { list-style: inherit; }
ul.list-style { margin: 0 0 18px; padding: 0 0 0 60px; }
ul.list-style li { position: relative; line-height: 1; list-style: disc; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; }
.arrow-style { margin: 0 0 20px; padding: 0 0 0 0px; }
.arrow-style.no-pad { margin: 0 0 22px; padding: 0 0 0 0px; }
.arrow-style li { list-style: outside none none; padding-bottom: 7px; padding-left: 20px; padding-top: 7px; position: relative; border-bottom: 1px dashed #ccc; }
.arrow-style li:last-child { border-bottom: 0; }
ul.arrow-style li:before { content: "\f105"; display: block; font-family: FontAwesome; left: 0; position: absolute; top: 5px; }
.product-page .description { color: #7f7f7f; margin-bottom: 20px; }
.product-page .arrow-style { margin-bottom: 0px; }
/* Links */
a { color: #171717; }
a:visited { color: #171717; text-decoration: none; }
a:focus { color: #171717; text-decoration: none; }
a:active { color: #000; }
a:hover { color: #171717; text-decoration: none; }
a, a:hover, a:visited, a:focus { outline: 0 none; }
.read-more { text-transform: uppercase; font-weight: bold; }
a.read-more:hover { color: #222222; }
/* Positions */

.absolute { position: absolute; }
.relative { position: relative; }
/* Title */
.title { font-family: Oswald, sans-serif; }
.section-title { border-bottom-width: 0px; margin-bottom: 40px; position: relative; }
.section-title h1 { text-transform: uppercase; text-align: center; font-size: 48px; font-weight: normal; margin: 0 0 12px; padding: 14px 0; }
.section-title h2 { text-transform: uppercase; text-align: center; font-size: 32px; font-weight: 700; margin: 0 0 12px; padding: 14px 0; }
h2.heading { font-size: 30px; }
.page-wrap .section-title h1:before, .page-wrap .section-title h2:before { content: none; }
.section-heading { clear: both; display: block; margin-bottom: 40px; }
.page-wrap .section-title { margin-bottom: 20px; background: url(../images/heading-border.png) no-repeat center bottom; padding-bottom: 15px; }
.page-wrap .section-title h2 { margin: 10px 0; padding: 0; text-align: center; }
.section-title.text-left h2, .section-title.text-left h1 { text-align: left; }
.section-title h1:before, .section-title h2:before { bottom: 0; content: ""; display: block; height: 2px; left: 0; right: 0; margin: -2px auto; position: absolute; width: 40px; }
.section-title.text-left h2 { text-align: left; }
.section-title.text-left h1:before, .section-title.text-left h2:before { left: 0; margin-left: 0; }
.title-description { padding-bottom: 50px; }
.title i { margin-right: 7px; }
.description { margin-bottom: 10px; font-size: 12px; font-weight: 600; }
/* Layout */
section, .footer-widget, .copyright { position: relative; }
.wide .container { width: 100%; }
.boxed { background: none repeat scroll 0 0 #fff; margin: 0 auto; max-width: 1200px; padding-top: 20px; }
.boxed #page { background: none repeat scroll 0 0 #fff; box-shadow: 0 0 18px rgba(0, 0, 0, 0.3); position: relative; }
.boxed .sticky-wrapper.is-sticky #sticker, .boxed .sticky-wrapper { margin: 0 auto; max-width: 1200px; }
.page-section { padding: 25px 0; display: block; overflow: hidden; position: relative; width: 100%; background: #ffffff; }
.page-section.transparent { background: transparent; }
.page-box-wapper { margin: 0 auto -65px; max-width: 1200px; width: 100%; background: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
/* z-index */

.z-index-9 { z-index: 9; }
.z-index-99 { z-index: 99; }
.z-index-999 { z-index: 999; }
.z-index-9999 { z-index: 9999; }
/* Button */
.btn { line-height: 22px; outline: none; padding: 9px 20px; border: 0; border-bottom: 2px solid rgba(0,0,0,.2); margin-top: 15px; border-radius: 2px; }
.btn:hover { -webkit-transition: background .2s linear, color .2s linear; transition: background .2s linear, color .2s linear; border-bottom: 2px solid rgba(0,0,0,.4); }
.btn.btn-lg { font-size: 14px; padding: 16px 45px; }
.transparent-header.top-bar .sticky-wrapper { top: 45px; }
.btn-black { background: #000; color: #fff!important; }
.btn-black:hover { background: #FFC400; }
.i-unset { line-height: unset!important; }
.btn-transparent-white { background: transparent; color: #fff; border: 2px solid #fff; margin: 0; }
.btn-transparent-white:hover { border-bottom: 2px solid #fff; background: #fff; }
.btn-transparent-black { background: transparent; color: #222; border: 2px solid #222; margin: 0; }
.btn-transparent-black:hover { border-bottom: 2px solid #222; background: #222; }
/* Animation */

.animated { visibility: hidden; }
.visible { visibility: visible; }
/******************************************************************************
  Icons Styles
*******************************************************************************/

.icons-circle.small i, .icons-rounded.small i, .icons-square.small i, i.icons-circle.small, i.icons-square.small, i.icons-rounded.small { padding: 10px; }
.icons-circle.big i, .icons-rounded.big i, .icons-squarer.big i, i.icons-circle.big, i.icons-square.big, i.icons-rounded.big { padding: 50px; line-height: 12em; }
.icons-circle.medium i, .icons-rounded.medium i, .icons-squarer.medium i, i.icons-circle.medium, i.icons-square.medium, i.icons-rounded.medium { padding: 40px; line-height: 6em; }
.icons-circle i, i.icons-circle, .circle { border-radius: 50%; }
.icons-rounded i, i.icons-rounded { border-radius: 15px; }
.icons-square i, i.icons-square { border-radius: 0px; }
/* Icon With Color */
.gray-bg i { background-color: #333; color: #ffffff; }
/* Icons With Size Variations */

.i-2x i, i.i-2x { width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 10px; margin-bottom: 15px; }
.i-3x i, i.i-3x { width: 30px; height: 30px; text-align: center; line-height: 30px; margin-bottom: 15px; }
.i-4x i, i.i-4x { width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 16px; margin-bottom: 15px; }
.i-5x i, i.i-5x { width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 19px; margin-bottom: 15px; }
.i-6x i, i.i-6x { width: 60px; height: 60px; text-align: center; line-height: 60px; font-size: 21px; }
.i-7x i, i.i-7x { width: 70px; height: 70px; text-align: center; line-height: 70px; font-size: 23px; margin-bottom: 15px; }
.i-8x i, i.i-8x { width: 80px; height: 80px; text-align: center; line-height: 80px; font-size: 25px; margin-bottom: 15px; }
.i-9x i, i.i-9x { width: 90px; height: 90px; text-align: center; line-height: 90px; font-size: 27px; margin-bottom: 15px; }
.i-10x i, i.i-10x { width: 100px; height: 100px; text-align: center; line-height: 100px; font-size: 30px; margin-bottom: 15px; }
i.no-margin, .i-3x i.no-margin { margin: 0px !important; }
i.pull-left { margin-right: 0.3em; }
i.pull-left { margin-right: 0.3em; margin-top: .0.2em; }
.icon-2 span { width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 10px; margin-bottom: 15px; }
.icon-3 span { width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 12px; margin-bottom: 15px; }
.icon-4 span { width: 40px; height: 40px; text-align: center; line-height: 40px; font-size: 15px; margin-bottom: 15px; }
.icon-5 span { width: 50px; height: 50px; text-align: center; line-height: 50px; font-size: 18px; margin-bottom: 15px; }
.icon-6 span { width: 60px; height: 60px; text-align: center; line-height: 60px; font-size: 25px; margin-bottom: 15px; }
.icon-7 span { width: 80px; height: 80px; text-align: center; line-height: 80px; font-size: 28px; margin-bottom: 15px; }
.icons-circle span { border-radius: 50%; }
.color-icons span { border: 1px solid transparent; }
.color-icons span:hover { border: 1px solid #ffffff; }
.hover-color span { background: transparent; border: 1px solid #ffffff; color: #ffffff; }
.icons-border-black span { border: 1px solid #171717!important; background: transparent; color: #171717; }
.icons-border-black span:hover { color: #ffffff; }
.icons-border-white span { border: 1px solid #ffffff!important; background: transparent; color: #ffffff; }
.glyph { float: left; margin-bottom: 1em; margin-right: 4em; overflow: hidden; padding-bottom: 1em; width: 15em; }
.fs0 { font-size: 16px; }
.size1of1 { width: 100%; }
.size1of2 { width: 50%; }
.unit { float: left; }
.hidden-true { display: none; }
.bshadow0, .glyph input { box-shadow: 0 -2px #e7e7e7 inset; }
.talign-right { text-align: right; }
/* Social Icons */
.social-icon i { display: inline-block; margin-right: 1px; }
.white.social-icon i { color: #ffffff; }
.fa-1x i, i.fa-1x { font-size: 16px; }
.social-icon i:hover { color: #ffffff; }
/******************************************************************************
							Space Adjustments
*******************************************************************************/
.no-pad { padding: 0; }
.no-margin { margin: 0; }
/* Custom Height */

.height-200 { height: 200px; }
.height-400 { height: 400px; }
.height-500 { height: 500px; }
.height-600 { height: 600px; }
.height-700 { height: 700px; }
/* 4 Side Padding */
.pad-10 { padding: 10px; }
.pad-20 { padding: 20px; }
.pad-30 { padding: 30px; }
.pad-40 { padding: 40px; }
.pad-50 { padding: 50px; }
.pad-60 { padding: 60px; }
.pad-70 { padding: 70px; }
.pad-80 { padding: 80px; }
/* 4 Side Margin */
.margin-10 { margin: 10px; }
.margin-20 { margin: 20px; }
.margin-30 { margin: 30px; }
.margin-40 { margin: 40px; }
.margin-50 { margin: 50px; }
.margin-60 { margin: 60px; }
.margin-70 { margin: 70px; }
.margin-80 { margin: 80px; }
/* Top Padding */
.top-pad-0 { padding-top: 0px; }
.top-pad-10 { padding-top: 10px; }
.top-pad-20 { padding-top: 20px; }
.top-pad-30 { padding-top: 30px; }
.top-pad-40 { padding-top: 40px; }
.top-pad-50 { padding-top: 50px; }
.top-pad-60 { padding-top: 60px; }
.top-pad-70 { padding-top: 70px; }
.top-pad-80 { padding-top: 80px; }
/* Top Margin */
.top-margin-0 { margin-top: 0px !important; }
.top-margin-10 { margin-top: 10px; }
.top-margin-20 { margin-top: 20px; }
.top-margin-30 { margin-top: 30px; }
.top-margin-40 { margin-top: 40px; }
.top-margin-50 { margin-top: 50px; }
.top-margin-60 { margin-top: 60px; }
.top-margin-70 { margin-top: 70px; }
.top-margin-80 { margin-top: 80px; }
/* Bottom Padding */
.bottom-pad-0 { padding-bottom: 0px !important; }
.bottom-pad-10 { padding-bottom: 10px !important; }
.bottom-pad-20 { padding-bottom: 20px; }
.bottom-pad-30 { padding-bottom: 30px; }
.bottom-pad-40 { padding-bottom: 40px; }
.bottom-pad-50 { padding-bottom: 50px; }
.bottom-pad-60 { padding-bottom: 60px; }
.bottom-pad-70 { padding-bottom: 70px; }
.bottom-pad-80 { padding-bottom: 80px; }
/* Bottom Margin */
.bottom-margin-0 { margin-bottom: 0px; }
.bottom-margin-10 { margin-bottom: 10px; }
.bottom-margin-20 { margin-bottom: 20px; }
.bottom-margin-30 { margin-bottom: 30px; }
.bottom-margin-40 { margin-bottom: 40px; }
.bottom-margin-50 { margin-bottom: 50px; }
.bottom-margin-60 { margin-bottom: 60px; }
.bottom-margin-70 { margin-bottom: 70px; }
.bottom-margin-80 { margin-bottom: 80px; }
/* Top & Bottom Padding */

.tb-pad-10 { padding-top: 10px; padding-bottom: 10px; }
.tb-pad-20 { padding-top: 20px; padding-bottom: 20px; }
.tb-pad-30 { padding-top: 30px; padding-bottom: 30px; }
.tb-pad-40 { padding-top: 40px; padding-bottom: 40px; }
.tb-pad-50 { padding-top: 50px; padding-bottom: 50px; }
.tb-pad-60 { padding-top: 60px; padding-bottom: 60px; }
.tb-pad-70 { padding-top: 70px; padding-bottom: 70px; }
.tb-pad-80 { padding-top: 80px; padding-bottom: 80px; }
/* Top & Bottom Margin */
.tb-margin-10 { margin-top: 10px; margin-bottom: 10px; }
.tb-margin-20 { margin-top: 20px; margin-bottom: 20px; }
.tb-margin-30 { margin-top: 30px; margin-bottom: 30px; }
.tb-margin-40 { margin-top: 40px; margin-bottom: 40px; }
.tb-margin-50 { margin-top: 50px; margin-bottom: 50px; }
.tb-margin-60 { margin-top: 60px; margin-bottom: 60px; }
.tb-margin-70 { margin-top: 70px; margin-bottom: 70px; }
.tb-margin-80 { margin-top: 80px; margin-bottom: 80px; }
/* Custom Padding */
.left-pad-90 { padding-left: 90px; }
/* Border */
* { border-color: #e1e1e1; border-style: solid; border-width: 0; zoom: 1; -webkit-tap-highlight-color: rgba(0,0,0,0); }
*:focus { outline: none !important; }
.border-color { border-width: 1px; }
.border2-color { border-width: 2px; }
.border-white { border: 1px solid #ffffff; }
.border2-white { border: 1px solid #ffffff; }
.border-black { border: 1px solid #000000; }
.border2-black { border: 2px solid #000000; }
/* Accordion */

.panel-group .panel .panel-heading > .panel-title > a { border-bottom: 1px dotted #f2f2f2; color: #1e1e1e; font-weight: 600; line-height: 22px; transition: background-color 0.2s linear 0s; }
.panel-group.new .panel .panel-heading > .panel-title > a { border: 1px dotted #e1e1e1; background: url(../images/sections/bg/pattern-bg.png) repeat; }
.panel-group.no-list .panel .panel-heading > .panel-title > a, .panel-group.no-list .panel .panel-heading > .panel-title > a:hover, .panel-group.no-list .active.panel .panel-heading > .panel-title > a, .panel-group.no-list .active.panel .panel-heading > .panel-title > a:hover { padding: 9px 9px 9px 0; }
.panel-group .active.panel .panel-heading > .panel-title { border-bottom: 1px solid #f2f2f2; }
.panel-group .panel .panel-heading { background-color: inherit; padding: 0; position: relative; }
.panel-default > .panel-heading { color: #1e1e1e; }
.panel-group .panel { background-color: inherit; border: 0 none; border-radius: 0; box-shadow: none; }
.panel-group .panel-heading + .panel-collapse .panel-body { border-top: 0 none; }
.panel-group .panel-body { padding: 10px 0 10px 1px; }
.panel-title a { display: block; }
.panel-title a i { padding-right: 5px; }
.panel-group.list-style .panel .panel-heading > .panel-title:before { content: "\f105"; display: block; font-family: FontAwesome; left: 0px; position: absolute; top: 5px; }
.panel-group.list-style.new .panel .panel-heading > .panel-title:before { content: "\f00d"; left: 15px; top: 10px; }
.panel-group.list-style.new .panel .panel-heading > .panel-title > a { padding: 12px 9px 12px 36px; }
.panel-group.list-style .panel .panel-heading > .panel-title > a { padding: 9px 9px 9px 18px; line-height: 22px; }
.panel-group .mix { width: 100%; }
/* Tabs */
.tab-content { margin-bottom: 20px; }
.left-tabs > .nav-tabs { border-width: 0; float: left; margin: 0 -1px 0 0; }
.right-tabs > .nav-tabs { border-width: 0; float: right; margin: 0 -1px 0 0; }
.left-tabs > .nav-tabs li, .right-tabs > .nav-tabs li { float: none; display: block; }
.left-tabs >.nav-tabs > li.active > a, .left-tabs >.nav-tabs > li.active > a:focus, .left-tabs >.nav-tabs > li.active > a:hover { border-width: 1px; border-style: solid none solid solid; border-color: #ddd; }
.right-tabs >.nav-tabs > li.active > a, .right-tabs >.nav-tabs > li.active > a:focus, .right-tabs >.nav-tabs > li.active > a:hover { border-width: 1px; border-style: solid solid solid none; border-color: #ddd; }
.left-tabs > .nav-tabs li a { border-right: 1px solid #ddd; }
.right-tabs > .nav-tabs li a { border-left: 1px solid #ddd; }
.left-tabs >.nav-tabs { margin-right: 20px; }
.nav-tabs { margin-bottom: 0; margin-left: 0; }
.nav-tabs > li > a {  color: #1e1e1e; font-size: 14px; padding: 10px 20px 11px; -webkit-transition: background-color .2s linear; transition: background-color .2s linear; }
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus { background-color: #f7f7f7; -webkit-transition: background-color .2s linear; transition: background-color .2s linear; }
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus { border-color:transparent; }
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {  border-bottom-color: transparent; color:#b2c200 !important; }
.nav-tabs > .active.dropdown > a { z-index: 911; }
.tab-content > .tab-pane, .pill-content > .pill-pane { padding: 36px 0 0; }
.tab-content.border { padding: 0 20px 20px 20px; border: 1px solid #ddd; border-top: 0; }
.tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none; margin: 0; }
.tabs.border { border: 0; }
.tabs.border > .nav-tabs > li > a { border: 1px solid #ddd; }
.tabs.border > .nav-tabs > li.active > a { border-bottom: 1px solid transparent; }
.tabs-right > .nav-tabs > li > a { min-width: 110px; margin-right: 0; margin-bottom: 3px; border: 1px solid #ddd; }
.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 110px; margin-right: 0; margin-bottom: 3px; border: 1px solid #ddd; }
.tabs-left > .nav-tabs { border: 0 none; border-right: 1px solid #ddd; float: left; margin: 0 -1px 0 0; }
.tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; }
.tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus { border-color: #f7f7f7 #ddd #f7f7f7 #f7f7f7; }
.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus { border-color: #ddd transparent #ddd #ddd; }
.tabs-left > .tab-content { border-left: 1px solid #ddd; margin: 0; overflow: auto; }
.tabs-left > .tab-content > .tab-pane { padding: 0 0 0 20px; }
.tabs-right > .nav-tabs { border: 0 none; border-left: 1px solid #ddd; float: right; margin: 0 0 0 -1px; }
.tabs-right > .nav-tabs > li > a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; }
.tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus { border-color: #f7f7f7 #f7f7f7 #f7f7f7 #ddd; }
.tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover, .tabs-right > .nav-tabs .active > a:focus { border-color: #ddd #ddd #ddd transparent; }
.tabs-right > .tab-content { border-right: 1px solid #ddd; margin: 0; overflow: auto; }
.tabs-right > .tab-content > .tab-pane { padding: 0 20px 0 0; }
.tab-style .nav-tabs { border-left: 0; }
.tab-style > .nav-tabs > li > a { border-radius: 4px; margin-left: -1px; margin-bottom: 5px; color: #ffffff; }
.tab-style > .nav-tabs > li { background: rgba(0,0,0,.2); }
.tab-style > .nav-tabs .active > a, .tab-style > .nav-tabs .active > a:hover, .tab-style > .nav-tabs .active > a:focus, .tab-style > .nav-tabs > li > a:hover, .tab-style > .nav-tabs > li > a:focus { background: rgba(0,0,0,.7); color: #f7f7f7; font-weight: normal; }
.tab-style > .tab-content { border: 0; }
.tab-style > .nav-tabs .active > a, .tab-style > .nav-tabs .active > a:hover, .tab-style > .nav-tabs .active > a:focus { border: 1px solid rgba(0,0,0,.2); }
/* BG Image */

.image-bg { width: 100%; display: block; position: relative; overflow: hidden; background-attachment: static; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 560px; }
.image-bg.pattern-bg { background-repeat: repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; }
.image-bg.static { background-attachment: static; }
.image-bg.fixed { background-attachment: fixed; }
.image-bg.content-in { background-repeat: no-repeat; background-position: center top; -webkit-background-size: cover; background-size: cover; bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; text-align: center; top: 0; z-index: 0; min-height: unset; }
.image-bg.parallax-1, .image-bg.parallax-2, .image-bg.parallax-3, .image-bg.parallax-4, .image-bg.parallax-5, .image-bg.parallax-6, .image-bg.parallax-7 { top: -25px; }
/* Overlay */
.overlay { background: #000; height: 100%; position: absolute; top: 0; left: 0; right: 0; opacity: 0.2; width: 100%; }
.image-bg .overlay { background: #000; height: 100%; opacity: .2; filter: alpha(opacity=20); width: 100%; }
.image-bg .overlay-half-dark { background: #000; height: 100%; opacity: .5; filter: alpha(opacity=20); width: 100%; }
.image-bg .overlay-dark { background: #000; height: 100%; opacity: .7; filter: alpha(opacity=20); width: 100%; }
.image-bg .overlay-strips { background: url(../images/patterns/pattern.png) repeat; height: 100%; opacity: .8; filter: alpha(opacity=20); width: 100%; }
.image-bg .overlay-boxed { background: url(../images/patterns/pattern2.png) repeat; height: 100%; opacity: .1; filter: alpha(opacity=20); width: 100%; }
.image-bg .overlay-color, .overlay-color { height: 100%; opacity: .85; filter: alpha(opacity=20); width: 100%; }
/* Forms */
.form-box { background-color: #f7f7f7; padding: 30px; }
.form-control { margin-bottom: 20px; }
textarea.form-control.height-82 { height: 82px; }
.field-border-bottom .form-control { border-left: medium none; border-radius: 0; border-right: medium none; border-top: medium none; box-shadow: none; background: transparent; color: #ffffff; }
.field-border .form-control { box-shadow: none; background: transparent; color: #ffffff; }
.form-message1 { color: #ff0000; }
/* Text Color */
.white { color: #ffffff; }
.white a:not(.btn) { color: #ffffff; }
.black { color: #000000; }
/* BG Color */

.light-bg { background: #f7f7f7; }
.white-bg { background: #ffffff; }
.black-bg { background: #171717; }
.border-tb { border-bottom: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2; }
.border-b { border-bottom: 1px solid #f2f2f2; }
.border-t { border-top: 1px solid #f2f2f2; }
/* Transition Effects */

.item-box:hover i { transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s; }
/* Image */
img { height: auto; max-width: 100%; }
img.pull-right { padding: 0 0 15px 15px; }
img.pull-left { padding: 15px 15px 0 0; }
.opacity img { padding-bottom: 5px; }
.opacity:hover img { opacity: .8; }
/* Double Image */

.double-img { position: relative; }
.image-right { margin-left: -25%; position: relative; }
/*  Gary Scale Image */

.grayscale img { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; -webkit-filter: grayscale(100%); }
.grayscale img:hover { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale"); -webkit-filter: grayscale(0%); }
/******************************************************************************
  Hover Effects
*******************************************************************************/
.pricing:hover .title a, .process-content:hover .title, .portfolio-grid .grids:hover .grid, .btn:hover, .icons-hover-color:hover i, .get-a-quote:hover a, .get-a-quote a, .link-hover-black a:hover, .icons-hover-black i:hover, .link-hover-black a, .icons-hover-black i, i:hover, i, .timeliner li:hover .timeline-heading h4.subheading, .timeliner li .timeline-heading h4.subheading, .timeliner li:hover .timeline-image, .timeliner li .timeline-image, .opacity:hover img, .opacity img, .submit, .submit:hover, .icon-6 span, .icon-6 span:hover, .blog.timeliner>li:hover .timeline-image, .blog.timeliner>li:hover .timeline-icon, .team-item:hover .social-icon, .team-item .social-icon, #client-list img:hover, #client-list img, .grid-item:hover .figcaption, .grid-item .figcaption, .grid-item:hover .grid, .grid-item .grid, .portfolio-grid .grids:hover .figcaption, .portfolio-grid .grids .figcaption, .portfolio-list .portfolio-grid .grids:hover img, .portfolio-list .portfolio-grid .grids img, .shop .product-item img, .shop .product-item:hover img { transition: all 350ms ease-in-out 0s; -moz-transition: all 350ms ease-in-out 0s; -webkit-transition: all 350ms ease-in-out 0s; -o-transition: all 350ms ease-in-out 0s; -ms-transition: all 350ms ease-in-out 0s; }
/* Hover Zoom Effects */
.zoom:hover i { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }
/* Hover Rotate Effects */
.rotate:hover i { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); }
/* Endless Rotating */
@-webkit-keyframes rotating /* Safari and Chrome */ { from {
 -ms-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes rotating { from {
 -ms-transform: rotate(0deg);
 -moz-transform: rotate(0deg);
 -webkit-transform: rotate(0deg);
 -o-transform: rotate(0deg);
 transform: rotate(0deg);
}
to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}
.rotating { -webkit-animation: rotating 2s linear infinite; -moz-animation: rotating 2s linear infinite; -ms-animation: rotating 2s linear infinite; -o-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; }
/******************************************************************************
  Navigation Menu 
*******************************************************************************/
.header-wrapper { border: 1px solid rgba(0,0,0,.1); }
.sticky-wrapper.is-sticky #sticker, .sticky-wrapper { z-index: 999; }
.navbar { margin-bottom: 0; }
.navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li.active > a:focus, .navbar-default .navbar-nav > li.active > a:hover { background: none; }
.sticky-menu { z-index: inherit; }
/*--------------- Side Navigation Menu--------------*/
.side-nav #main { padding: 0; }
.side-nav header nav { left: 0; right: 0; top: 0; position: absolute; }
.side-nav header .navbar-default { background: none; border: none; position: absolute; z-index: 99; top: 25px; box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; }
#navigation-menu { line-height: 2; color: #171717; }
.side-nav header .navbar-nav { float: right !important; margin-right: -15px }
.side-nav header .navbar-default .navbar-nav > li > a { font-size: 45px; padding: 0; }
.side-nav header .nav > li > a.active { color: #FFC400; }
.side-nav header .nav-fixed { margin: auto; position: fixed; right: 0; top: 0; }
.side-nav header .nav-fixed > li { float: right; }
.side-nav header #sticky.nav-fixed a { background: url(../images/bg.jpg) repeat; height: 100px; line-height: 100px; text-align: center; width: 100px; color: #FFC400; }
/*------------MENU------------*/
.side-nav header #wrapper .toggle-menu { background: #000; width: 50%; height: 100%; position: fixed; overflow-y: auto; right: -50%; top: 0; z-index: 999; }
.side-nav header #wrapper .close-menu { float: right; font-size: 50px; height: 100px; width: 100px; line-height: 100px; text-align: center; display: block; background: #ffc400; }
.side-nav header #wrapper .nav { padding: 130px 0 0 77px; }
.side-nav header .nav > li > .sub { padding: 0 0 0 40px; }
.side-nav header .nav > li > a, .side-nav header .nav > li > .sub a { color: #ccc; font-size: 17px; text-transform: uppercase; font-weight: 600; letter-spacing: 2px; padding: 10px 22px; text-decoration: none; }
.side-nav header .nav > li > a:focus { background: none; }
.side-nav header .nav > li > .sub a { line-height: 3; }
.side-nav header #wrapper .close-menu a, .side-nav header #navigation-close.close-menu:hover { color: #171717; }
.side-nav header .nav > li > a:hover, .nav > li > a:focus { background: transparent; }
.side-nav header .nav > li.active { position: relative; }
.side-nav header .nav > li.active:before { height: 20px; content: ""; width: 77px; left: -77px; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
/*---STICKY----*/
.side-nav header .sticky-wrapper.is-sticky .nav { background: none repeat scroll 0 0 black; padding: 15px 20px; right: 15px; }
/******************************************************************************
							SLIDER SECTION
*******************************************************************************/

/*Revolution Slider */
.slider.border-bottom { border-bottom: 3px solid; }
.bottom-line { border-image: url("../images/border-line.jpg") 25 30 10 20 repeat stretch; border-bottom: 3px solid; }
.tp-caption { white-space: inherit; }
.tp-caption.bold { font-size: 65px; font-weight: bold; text-transform: uppercase; margin: 0; line-height: 75px; }
.tp-caption.description { font-size: 15px !important; line-height: 25px; font-family: 'Arimo', sans-serif; }
.tparrows:before { margin-top: 4px; font-size: 18px; }
.tparrows { -webkit-border-radius: 50%; border-radius: 50%; background: rgba(255,196,0,.4) !important; }
.tp-banner, .tp-banner-fullscreen, .tp-banner-fullscreen1 { z-index: 0; }
.slider.rs-slider-full { float: left; width: 100%; }
.slider.rs-slider { background: none; border: 0 none; max-height: 700px; overflow: hidden; padding: 0; position: relative; z-index: 0; }
.slider.rs-slider-full { min-height: auto; background: none; padding: 0; }
p.tp-caption.button-block { width: 100%; left: 0!important; }
p.tp-caption.button-block a { margin: 0 5px; }
.transparent .slider.rs-slider { max-height: 700px; }
.slider.load .tp-banner-container { visibility: hidden; }
.slider.rs-slider .container { position: relative; }
.slider.rs-slider .title { font-size: 40px; font-weight: normal; margin: 0; }
.slider.rs-slider .title.bold, .slider .bold { font-size: 45px; font-weight: normal; text-transform: uppercase; margin: 0; line-height: 75px; }
.tp-caption strong { font-weight: normal; }
.white .tp-caption, .text-white { color: #fff; }
.slider.rs-slider .description { font-size: 15px !important; line-height: 15px; margin: 0; padding: 0 15px; }
.slider.rs-slider .btn { }
.slider.rs-slider .btn.orang { background: #ea4e16; }
.slider.rs-slider .btn.cherry { background: #752033; }
.slider.rs-slider .phone-text { font-size: 17px; }
.tp-caption a { color: #000; }
.tp-caption a:hover { color: #fff; }
.rs-slider ul { list-style: none; margin: 0; padding: 0; }
.tp-bannertimer { background: #777 !important; background: rgba(0,0,0,0.1) !important; height: 0px !important; }
.tp-bullets.simplebullets.navbar { height: 35px; padding: 0; }
.slider.rs-slider .tp-bullets.simplebullets .bullet { background: #fff; background: rgba(255,255,255,.5); -webkit-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border: 0 none !important; display: inline-block; height: 14px; float: none; margin: 0 3px; -webkit-transition: all .3s linear; transition: all .3s linear; vertical-align: top; width: 14px; }
.tp-bullets.simplebullets .bullet.last { margin-right: 0px }
.slider.rs-slider .tp-bullets.simplebullets .bullet:hover { background: #fff; -webkit-transition: all .3s linear; transition: all .3s linear; }
.slider.rs-slider .tp-bullets.simplebullets .bullet.selected { background: rgba(255,255,255,.7); -webkit-transition: all .3s linear; transition: all .3s linear; }
.slider.rs-slider .tparrows { background: #1e1e1e; background: rgba(30, 30, 30, 0.5); -webkit-border-radius: 100%; border-radius: 100%; cursor: pointer; height: 40px !important; width: 40px !important; -webkit-transition: background .3s linear; transition: background .3s linear; -webkit-transition: opacity 0.2s ease-out; -webkit-transform: inherit; z-index: 50 !important; }
.slider.rs-slider .tparrows:before { font-family: 'revicons'; color: #fff; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; margin-right: 0; margin-top: 3px; text-align: center; width: 40px; font-size: 19px; }
.tp-leftarrow:before { content: ''; position: absolute; background: url(../images/arrow.png) no-repeat left center; width: 25px; height: 25px; left: 30%; top: 3px; }
.slider.rs-slider-full .tp-leftarrow:before, .slider.rs-slider-full .tp-rightarrow:before { content: none; }
.tp-rightarrow:before { content: ''; position: absolute; background: url(../images/arrow.png) no-repeat right center; width: 25px; height: 25px; right: 30%; top: 3px; }
.slider.rs-slider .tparrows:hover { background: #1e1e1e; -webkit-transition: background .3s linear; transition: background .3s linear; }
.slider4container .tparrows:before, .slider4container .tparrows:hover, .slider4container .tparrows { color: #000 !important; }
.slider4container .tparrows { background: #fff !important; background: rgba(255,255,255,0.5) !important; }
.slider4container .tparrows:hover { background: #fff !important }
.slider.rs-slider .tp-loader { background-image: url("../images/svg/loader.svg"), none; background-repeat: no-repeat; background-position: 50% 50%; background-size: 40px; background-color: inherit; height: 40px; margin: -20px 0 0 -20px; width: 40px; z-index: 700; }
.layerslider { margin: 0 auto; }
.slider.rs-slider.full-width { max-height: inherit; }
.slider.rs-slider.full-width .title { font-size: 60px; line-height: 0.9; }
.slider.rs-slider.full-width .btn-link { font-size: 14px !important; font-weight: bold; line-height: 31px; letter-spacing: 1px; padding: 0; text-decoration: none; }
.slider.rs-slider.full-width .btn-link .fa { border: 2px solid #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: inline-block; font-size: 180%; height: 36px; line-height: 32px; margin-left: 10px; padding: 0 0 0 3px; text-align: center; vertical-align: middle; width: 36px; }
.slider.rs-slider.full-width .btn-link:hover { opacity: .8; }
.slider.rs-slider.full-width .tp-rightarrow, .slider.rs-slider.full-width .tp-leftarrow { display: none !important; }
.tp-caption p { line-height: 25px; }
.rs-slider-full .tparrows { background: none!important; }
.rs-slider-full .tp-rightarrow { right: -10px!important; }
.latest-version .forcefullwidth_wrapper_tp_banner { margin-top: -35px!important; }
.slider-box { white-space: normal; max-width: 480px; width: 100%; }
.slider-box h2 { border-bottom: 2px solid #fff; padding: 25px; margin-bottom: 0; text-transform: uppercase; color: #000; }
.slider-box .slider-box-inner { background: rgba(0, 0, 0,0.6); padding: 25px; }
.slider-box p { color: #fff; }
/* Bootstrap Carousel */
.carousel-control { top: 0; width: 10%; }
.carousel-control .fa, .carousel-control .icon-prev, .carousel-control .icon-next { font-size: 30px; height: 30px; margin-top: -15px; width: 30px; }
.carousel-control .fa-angle-right { margin-left: -25px; }
.carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .fa { display: inline-block; position: absolute; top: 50%; z-index: 5; }
.col-md-3.mix .carousel-indicators, .col-md-4.mix .carousel-indicators, .grid-item .carousel-indicators { bottom: -7px; }
.carousel-control.left.no-bg, .carousel-control.right.no-bg { background-image: none; }
/* Carousel Fade */
.carousel-fade .carousel-inner .item { opacity: .8; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; }
.carousel-fade .carousel-inner .active { opacity: 1; }
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.carousel.full-width { width: 100% !important; }
.carousel.full-width .item img, .carousel.full-width .item { display: block; width: 100%; }
.carousel-style .next, .carousel-style .prev { position: absolute; top: 50%; transform: translateY(-50%); }
.carousel-style .prev { left: 0; z-index: 9999; margin: -7px 0 0 -30px; }
.carousel-style .next { right: 0; z-index: 9999; margin: 0 20px 0 0 !important; }
.carousel-style .next i, .carousel-style .prev i { padding: 10px; background-color: rgba(0,0,0,.2); }
.carousel-caption { bottom: auto; left: 7%; position: absolute; right: 7%; top: 50%; transform: translateY(-50%); z-index: 0; }
#main-slider.carousel { float: left; width: 100%; }
/*  Home Carousel Slider */
#main-slider.carousel { float: left; width: 100%; }
#main-slider .carousel .item .carousel-caption { opacity: 0; }
#main-slider h1 { font-size: 55px; font-weight: bold; text-transform: uppercase; margin: 0; line-height: 75px; }
#main-slider .carousel .item.active .carousel-caption { opacity: 1; }
#main-slider .description, .description.medium { font-size: 18px !important; font-weight: 300; line-height: 30px; margin: 0; }
.black { text-shadow: none; }
.text-shadow { text-shadow: 1px 1px 1px rgba(0,0,0,.4); }
#main-slider .active .animation.animated-item-1 { -webkit-animation: fadeInUp 300ms linear 300ms both; -moz-animation: fadeInUp 300ms linear 300ms both; -o-animation: fadeInUp 300ms linear 300ms both; -ms-animation: fadeInUp 300ms linear 300ms both; animation: fadeInUp 300ms linear 300ms both; }
#main-slider .active .animation.animated-item-2 { -webkit-animation: fadeInUp 300ms linear 600ms both; -moz-animation: fadeInUp 300ms linear 600ms both; -o-animation: fadeInUp 300ms linear 600ms both; -ms-animation: fadeInUp 300ms linear 600ms both; animation: fadeInUp 300ms linear 600ms both; }
#main-slider .active .animation.animated-item-3 { -webkit-animation: fadeInUp 300ms linear 900ms both; -moz-animation: fadeInUp 300ms linear 900ms both; -o-animation: fadeInUp 300ms linear 900ms both; -ms-animation: fadeInUp 300ms linear 900ms both; animation: fadeInUp 300ms linear 900ms both; }
#main-slider .active .animation.animated-item-4 { -webkit-animation: fadeInUp 300ms linear 1200ms both; -moz-animation: fadeInUp 300ms linear 1200ms both; -o-animation: fadeInUp 300ms linear 1200ms both; -ms-animation: fadeInUp 300ms linear 1200ms both; animation: fadeInUp 300ms linear 1200ms both; }
/* Owl Slider */
.owl-prev i, .owl-next i { color: #111; font-size: 15px; }
.owl-prev .fa, .owl-next .fa { position: relative; width: 30px; height: 30px; line-height: 30px; }
.owl-prev, .owl-next { color: #111; display: block; opacity: 0; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); z-index: 6; text-align: center; }
.owl-prev { left: -40px; }
.owl-next { right: -40px; }
.owl-theme .owl-controls .owl-buttons div { padding: 0; margin: 0; }
.custom-styles .owl-prev { left: 40px; }
.custom-styles .owl-next { right: 40px; }
/* Owl Navigations */
.navigation-1 .owl-prev .fa, .navigation-1 .owl-next .fa { }
.navigation-1 .owl-prev { right: 50px; left: auto; top: -30px; }
.navigation-1 .owl-next { right: 15px; left: auto; top: -30px; }
.navigation-3 .owl-prev { right: 40px; left: auto; top: -30px; }
.navigation-3 .owl-next { right: 4px; left: auto; top: -30px; }
.top-0 .owl-prev { right: 35px; left: auto; top: 0px; }
.top-0 .owl-next { right: 15px; left: auto; top: 0px; }
.navigation-2 .owl-prev { right: 50px; left: auto; top: 0px; }
.navigation-2 .owl-next { right: 0px; left: auto; top: 0px; }
.navigation-4 .owl-prev { right: 40px; left: auto; top: 20px; }
.navigation-4 .owl-next { right: 4px; left: auto; top: 20px; }
.widget .navigation-1 .owl-next, .widget .navigation-1 .owl-prev { top: -30px; }
.owl-carousel.white .owl-prev .fa, .owl-carousel.white .owl-next .fa { color: #fff; }
/* Owl Paginations */
.pagination-1 .owl-controls .owl-page span { border-radius: 0; height: 7px; margin: 2px; width: 22px; }
.pagination-2 .owl-controls .owl-page span { border-radius: 50%; -moz-border-radius: 50%; height: 10px; margin: 2px; width: 10px; }
.dark-switch .owl-controls .owl-page span { background: rgba(0, 0, 0, 1); }
.light-switch .owl-controls .owl-page span { background: rgba(255, 255, 255, 1); }
/* Owl Bootstrap Friendly */

.owl-carousel .col-sm-1, .owl-carousel .col-sm-2, .owl-carousel .col-sm-3, .owl-carousel .col-sm-4, .owl-carousel .col-sm-5, .owl-carousel .col-sm-6, .owl-carousel .col-sm-7, .owl-carousel .col-sm-8, .owl-carousel .col-sm-9, .owl-carousel .col-sm-10, .owl-carousel .col-sm-11, .owl-carousel .col-sm-12 { display: block; float: left; width: auto !important }
.owl-carousel .col-md-1 { max-width: 80px; width: auto !important }
.owl-carousel .col-md-2 { max-width: 161px; width: auto !important }
.owl-carousel .col-md-3 { max-width: 242px; width: auto !important }
.owl-carousel .col-md-4 { max-width: 323px; width: auto !important }
.owl-carousel .col-md-5 { max-width: 404px; width: auto !important }
.owl-carousel .col-md-6 { max-width: 485px; width: auto !important }
.owl-carousel .col-md-7 { max-width: 565px; width: auto !important }
.owl-carousel .col-md-8 { max-width: 646px; width: auto !important }
.owl-carousel .col-md-9 { max-width: 727px; width: auto !important }
.owl-carousel .col-md-10 { max-width: 808px; width: auto !important }
.owl-carousel .col-md-11 { max-width: 889px; width: auto !important }
.owl-carousel .col-md-12 { max-width: 970px; width: auto !important }
/******************************************************************************
  Text Slider
*******************************************************************************/
.text-slider { padding: 250px 0; background: url(../images/sections/slider/slider8-bg.jpg) no-repeat; }
.text-slider h1 { font-size: 55px; font-weight: bold; line-height: 75px; margin: 0; text-align: center; text-transform: uppercase; }
.text-slider p.description { margin-bottom: 20px; }
.text-slider p { text-align: center; }
.text-slider p a.btn { margin: 0 5px; }
.text-slider .typed-cursor { animation: fadeIn 0.6s alternate infinite; -o-animation: fadeIn 0.6s alternate infinite; -moz-animation: fadeIn 0.6s alternate infinite; -webkit-animation: fadeIn 0.6s alternate infinite; }
/******************************************************************************
								MAIN SECTION	
*******************************************************************************/

/*Special Features */
.special-feature .section-title hr { border-color: #151515; }
.slider-block1 { margin-top: 0px; }
.slider-block { margin-top: -259px; }
.slider-block2 { margin-top: -278px; }
.top-up { margin-top: -180px; }
.special-feature i { font-size: 65px; line-height: 75px; }
.special-feature h4 { font-size: 20px; margin-top: 25px; position: relative; }
.special-feature .mask-top i { color: #ffffff; }
.special-feature .mask-top h4 { color: #ffffff; }
.special-feature .mask-top { width: 100%; background-color: rgba(0,0,0,.6); padding: 25px 0; position: absolute; top: 0px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.special-feature .mask-top:after { bottom: -20px; content: "\f0d8"; font-family: fontawesome; font-size: 28px; left: 48%; position: absolute; right: 50%; }
.special-feature.no-arrow .mask-top:after { bottom: -20px; content: none; font-family: fontawesome; font-size: 28px; left: 48%; position: absolute; right: 50%; }
.special-feature .mask-top h4:before { top: -18px; content: ""; display: block; height: 2px; left: 0; right: 0; margin: -2px auto; position: absolute; width: 40px; }
.special-feature .s-feature-box:hover .mask-top { top: -200px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.slider-block1 .special-feature .s-feature-box:hover .mask-top { top: 0px; }
.slider-block1 .special-feature .s-feature-box .mask-top { color: #f2f2f2; height: 100%; position: inherit; }
.slider-block1 .special-feature .s-feature-box .mask-top p { padding: 10px 15px; }
.special-feature .s-feature-box { overflow: hidden; position: relative; min-height: 187px; border: 0px solid; margin-bottom: 0px; cursor: pointer; }
.special-feature .mask-bottom { color: #333333; padding: 20px 15px 20px 15px; width: 100%; position: absolute; bottom: -300px; height: 100%; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.special-feature .mask-bottom p { padding: 0px 5px; }
.special-feature .mask-bottom h4 { margin: 5px 0px 5px; }
.special-feature .s-feature-box:hover .mask-bottom { bottom: 0; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }
.special-feature .mask-bottom i { font-size: 38px; line-height: 50px; }
.image-top-border img { border-top: 5px solid; }
.image-top-border .service-image { position: relative; }
.service-image img { padding: 15px; background: #fff; }
.image-top-border .service-image:before { content: ""; width: 4px; height: 108px; position: absolute; top: 0; left: 0; }
.image-top-border .service-image:after { content: ""; width: 4px; height: 108px; position: absolute; top: 0; right: 0; }
.service-details { padding: 0 15px; }
/******************************************************************************
  Features 
*******************************************************************************/
.features-block .header-box { display: block; min-height: 30px; margin: 0 0 13px; overflow: hidden; }
.features-block .header-box .icon-box { background: none; color: #1e1e1e; float: left; height: 30px; margin: 0 10px 0 0; text-align: center; width: 24px; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; }
.features-block .header-box a.icon-box:hover { opacity: 0.8; filter: alpha(opacity=80); -webkit-transition: opacity .2s linear; transition: opacity .2s linear; }
.features-block .header-box .icon-box i:before { font-size: 20px; line-height: 30px; }
.features-block .header-box h6 { margin: 6px 0 0; }
.features-list { padding: 40px 0 0 0px; }
.features-list-left { text-align: left; }
.features-list-right { text-align: left; }
.features-list-right.text-right { text-align: right; }
.features-list li { list-style: none; padding: 20px 0; line-height: 2; font-size: 15px; font-weight: 300; position: relative; }
.features-list li i { display: block; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; width: 70px; height: 70px; margin: 20px auto; line-height: 70px; top: 0px; text-align: center; position: absolute; }
.features-list-left li i { left: 0px; }
.features-list-right li i { right: 0px; }
.features-list-left .features-content { margin-left: 90px; }
.features-list-right .features-content { margin-right: 90px; }
/* Additional Features */
.responsive-features span { font-size: 24px; margin-right: 10px; }
.responsive-features h5, .responsive-features p { display: inline-block; margin: 0 0 10px; text-transform: capitalize; }
/* Progress */
.progress { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; height: 12px; }
.about-us h6 { margin-bottom: 10px; }
.progress-bar { font-size: 14px; background: #1e1e1e; filter: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; line-height: 40px; text-align: left; text-indent: 10px; text-shadow: none; -webkit-transition: background 0.2s linear; transition: background 0.2s linear; }
.progress-label { color: #171717; font-weight: 300; position: absolute; right: -1px; top: -38px; }
.white .progress-label { color: #ffffff; }
.white .progress { background-color: #f7f7f7; }
.progress-bar { text-align: right; position: absolute; height: 12px; }
.progress { background-color: #333333; margin-bottom: 10px; }
.progress.new { height: 15px; }
/******************************************************************************
  Portfolio / Work
*******************************************************************************/

.work-section .nav li, .mixed-grid .nav li { padding: 7px 15px; margin: 0 20px 30px 20px; border-radius: 3px; border: 1px solid transparent; color: #ffffff; text-transform: capitalize; }
.general-section .nav li, .mixed-grid.general-section .nav li { margin: 0 0px 0px 0px; }
.work-section .nav.black li, .mixed-grid .nav.black li { color: #171717; }
.work-section .nav li.active, .work-section .nav li:hover, .mixed-grid .nav li.active, .mixed-grid .nav li:hover { border: 1px solid #ffffff; cursor: pointer; color: #ffffff; }
.mixed-grid.general-section .nav.black li.active, .mixed-grid.general-section .nav.black li:hover, .mixed-grid.general-section .nav li.active, .mixed-grid.general-section .nav li:hover, .mixed-grid.general-section .nav li { border: 0px; }
.work-section .nav.black li.active, .work-section .nav.black li:hover, .mixed-grid .nav.black li.active, .mixed-grid .nav.black li:hover { border: 1px solid #171717; cursor: pointer; color: #171717; }
.work-section .nav-pills { text-align: center; }
.work-section .portfolio-grid .grid { max-width: 400px; margin: 0px auto; }
.work-section .nav > li, .mixed-grid .nav > li { float: none; display: inline-block; }
.general-section .nav { position: relative; text-align: center; }
.general-section .nav > li { float: none; padding: 0 20px 20px 25px; text-transform: uppercase; font-size: 16px; background-color: #ffffff; margin-left: 0px; font-family: Oswald, sans-serif; letter-spacing: 1px; display: inline-block; }
.general-section.white .nav > li { background: url(../images/bg.jpg) repeat; }
.general-section .nav > li:hover { cursor: pointer; }
.general-section.white .nav > li { cursor: pointer; }
.general-section .nav > li:before { content: "\f029"; display: block; font-family: FontAwesome; left: 0px; position: absolute; top: 1px; }
.general-section #mix-container .mix { padding: 0px; }
.general-section.white #mix-container .mix, .general-section.item-pad #mix-container .mix { display: none; padding: 5px; }
.general-section.panel-group #mix-container .mix { display: none; padding: 0px; }
.general-section.white #mix-container.new .mix, .general-section.item-pad #mix-container.new .mix, .general-section #mix-container .mix { display: none; }
.general-section.white #mix-container.new .mix, .general-section.item-pad #mix-container.new .mix { padding: 20px; }
#mix-container.new .caption-block { background: none !important; }
#mix-container.no-item-pad .mix { display: none; padding: 0px; }
.portfolio-list .nav-pills { padding-bottom: 20px; }
.figcaption { width: 100%; }
.figcaption { position: absolute; top: 35%; transform: translateY(-50%); opacity: 0; text-align: center; color: #ffffff; padding: 20px; width: 100%; left: 0; right: 0; }
.figcaption i { color: #ffffff; }
.figcaption h4 { padding-bottom: 15px; }
.caption-block { padding: 10px; color: #111111; }
.portfolio-grid .grids:hover .figcaption { position: absolute; opacity: 1; }
.portfolio-grid .grids:hover img { opacity: .2; }
.portfolio-list .portfolio-grid .grids:hover img { opacity: .8; }
.portfolio-grid .grids:hover .grid { background-color: #000000; }
.portfolio-grid .grid { position: relative; }
.portfolio-grid .grid img { }
.img-overlay { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s ease-out 0s; }
.widget .img-overlay { display: none; }
.grid-item:hover .img-overlay, .grid-item:hover .figcaption { opacity: 1; }
.project-meta { margin-bottom: 20px; }
.grid-list .grids { border-bottom: 1px dashed rgba(0,0,0,.1); padding-bottom: 40px !important; margin-bottom: 30px !important; }
.grid-list .title { margin-bottom: 8px; }
.grid-list .description { margin-bottom: 15px; text-transform: uppercase; font-size: 12px; }
/******************************************************************************
  Work Process
*******************************************************************************/
.work-process-box { border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; border: 1px solid #cccccc; background-color: #f7f7f7; width: 250px; height: 250px; text-align: center; display: table; margin: 20px auto; }
.work-process-box .title { border-bottom: 1px inset #333333; padding-bottom: 10px; margin-bottom: 15px; }
.work-process-box .process-content { vertical-align: middle; display: table-cell; padding: 50px; position: relative; }
.item-number { text-align: center; color: #333333; padding: 14px 0; right: 20px; top: 10px; content: ""; width: 50px; height: 50px; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; float: left; margin-right: 15px; }
.quick-item { float: left; margin: 0 20px 10px 0; }
.quick-item h4 { margin-top: 8px; float: left; }
/* Ribbon */
.ribbon-wrapper { width: 85px; height: 88px; overflow: hidden; position: absolute; top: -3px; right: -3px; }
.ribbon { text-align: center; font-size: 12px; position: relative; padding: 5px 0; left: -5px; top: 15px; width: 120px; -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3); box-shadow: 0px 0px 3px rgba(0,0,0,0.3); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.ribbon:before, .ribbon:after { content: ""; border-top: 3px solid #6e8900; border-left: 3px solid transparent; border-right: 3px solid transparent; position: absolute; bottom: -3px; }
.ribbon:before { left: 0; }
.ribbon:after { right: 0; }
.ribbon.red { background-color: #ff0000; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0000), to(#bf0c0c)); background-image: -webkit-linear-gradient(top, #ff0000, #bf0c0c); background-image: -moz-linear-gradient(top, #ff0000, #bf0c0c); background-image: -ms-linear-gradient(top, #ff0000, #bf0c0c); background-image: -o-linear-gradient(top, #ff0000, #bf0c0c); }
.ribbon.blue { background-color: #03b6f7; background-image: -webkit-gradient(linear, left top, left bottom, from(#03b6f7), to(#0c8fbf)); background-image: -webkit-linear-gradient(top, #03b6f7, #0c8fbf); background-image: -moz-linear-gradient(top, #03b6f7, #0c8fbf); background-image: -ms-linear-gradient(top, #03b6f7, #0c8fbf); background-image: -o-linear-gradient(top, #03b6f7, #0c8fbf); }
.ribbon.green { background-color: #BFDC7A; background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -moz-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -ms-linear-gradient(top, #BFDC7A, #8EBF45); background-image: -o-linear-gradient(top, #BFDC7A, #8EBF45); }
.ribbon.yellow { background-color: #ffc400; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc400), to(#eab505)); background-image: -webkit-linear-gradient(top, #ffc400, #eab505); background-image: -moz-linear-gradient(top, #ffc400, #eab505); background-image: -ms-linear-gradient(top, #ffc400, #eab505); background-image: -o-linear-gradient(top, #ffc400, #eab505); }
.ribbon.no-gradiant { background-image: none; }
.ribbon.white { text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); -moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); -webki-text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); }
/* Counter */
#fun-factor .fun-icon:before { content: "\f16c"; font-family: FontAwesome; font-size: 100px; position: absolute; left: 20px; bottom: -20px; }
.fact-counter h3 { font-size: 35px; }
.fact-counter h3>span { display: block; font-size: 20px; }
.circle.count-number { border: 2px solid; position: relative; border-radius: 50%; width: 150px; height: 150px; line-height: 150px; margin: 0px auto; margin-bottom: 20px; }
.circle.count-number:before { content: ""; width: 10px; height: 10px; position: absolute; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; background-color: #ffffff; left: 0; right: 0; margin: 0px auto; bottom: -5px; }
.count-number .counter { font-size: 92px; font-weight: bold; font-family: Oswald, sans-serif; line-height: 1; }
div.count-number { position: relative; padding-bottom: 10px; margin-bottom: 10px; }
div.count-number:before { content: ""; width: 40px; height: 0px; position: absolute; -webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; left: 0; right: 0; margin: 0px auto; bottom: 4px; }
div.count-number { line-height: 1; margin-bottom: 0; padding-bottom: 0; }
.top-border.count-number { position: relative; padding-top: 20px; }
.top-border.count-number:before { top: 10px; }
/* Pie Chart */
.piechart { position: relative; display: inline-block; text-align: center; margin: 15px 0px; width: 100%; }
.piechart canvas { position: absolute; top: 0; left: 0; right: 0; margin: 0px auto; }
.piechart span { font-size: 30px; font-weight: bold; font-family: arial; position: relative; line-height: 140px; top: 0px; z-index: 2; }
.piechart span:after { content: '%'; }
/* Item-box */
.item-box { padding-bottom: 40px; }
.item-box i { color: #1e1e1e; display: block; left: 15px; margin: 8px 15px 0 0; position: absolute; text-align: center; text-decoration: none; transition: opacity 0.2s linear 0s; }
a:hover i.bg-color { color: #ffffff !important; }
.white .item-box a:not(.btn) { color: #ffffff; display: inline-block; transition: opacity 0.2s linear 0s; }
.item-box a:not(.btn) { color: #171717; display: inline-block; transition: opacity 0.2s linear 0s; }
.item-box a { margin-left: 75px; margin-bottom: 10px; }
.item-box.small a { margin-left: 25px; margin-bottom: 10px; }
.item-box.small { padding-bottom: 10px; }
.item-box.icons-circle a, .item-box.icons-rounded a, .item-box.icons-square a { margin-left: 70px; }
.item-box.inverse a:hover i { color: #171717; }
.item-box.icons-color:hover i { color: #171717; }
.item-box.icons-color.hover-white:hover i { color: #ffffff; }
/******************************************************************************
  Twiiter Feed
*******************************************************************************/

.twitter-feed { text-align: center; padding-bottom: 15px; }
.tweet { padding: 12px 0px 0px; }
.twitter-feed .owl-pagination, .twitter-feed .owl-buttons, .twitter-feed .icon-twitter, .twitter-feed .username { display: none; }
.twitter-feed .tweet_text { color: #FFFFFF; font-size: 20px; }
.twitter-feed .tweet_time a { font-style: italic; font-size: 17px; }
.twitter-feed .tweet_user a, .tweet_text a { text-decoration: underline; }
.twitter-feed .tweet_user a, .tweet_text a, .twitter-feed .tweet_text { color: #FFFFFF; }
.black.twitter-feed .tweet_user a, .black .tweet_text a, .black.twitter-feed .tweet_text { color: #171717 !important; }
.twitter-feed i { padding: 15px; }
/******************************************************************************
  Blog
*******************************************************************************/

/* Latest News */
.latest-posts { margin: 0px; padding: 0; }
.latest-posts li { list-style: none; clear: both; margin-bottom: 35px; }
.latest-posts li:last-child { margin-bottom: 10px; }
.latest-posts .post-thumb { width: 100px; }
.latest-posts .post-thumb { float: left; }
.latest-posts li img { margin-right: 10px; }
.pagination > li > a, .pagination > li > span { color: #171717; }
/* Posts */

.entry-title, .post-title { font-size: 22px; font-weight: 600; margin: 0 0 17px; text-transform: uppercase; }
.post-item { padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed #cccccc; }
.post-title { margin-top: 25px; }
.content-block { margin-bottom: 20px; }
.post-content { margin-bottom: 15px; }
.post-list .post-item { padding-bottom: 40px; }
.post-list .post-image.pull-left { margin-right: 20px; }
.mixed-grid.blog .grid-item { padding: 15px 15px 0 15px!important; margin-bottom: 15px!important; }
.mixed-grid.blog .grid-item .post-meta { padding-bottom: 25px !important; border-bottom: 1px dashed #cccccc; }
.right-post-meta { float: right; }
.right-post-meta i { font-size: 11px; }
.meta-like { margin-right: 5px; }
.meta-comment { }
/* Video Post */
.video-box { -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4); box-shadow: 0 1px 2px rgba(0,0,0,.4); height: 0; margin-bottom: 22px; overflow: hidden; padding-bottom: 56.25%; position: relative; }
.video-box embed, .video-box iframe, .video-box object, .video-box video { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.width-320 { width: 320px; }
/* Meta */
.meta, .post-meta { font-size: 11px; font-style: italic; margin-top: 10px; color: #7f7f7f; }
.post-meta span, .meta span { font-size: 12px; margin-right: 8px; }
.post-meta span.category { margin-right: 0px; }
.post-meta i, .meta i { margin-right: 6px; margin-top: 5px; }
.name { font-size: 18px; margin: 0; padding: 25px 0 15px; position: relative; }
.name:before { bottom: 0; content: ""; height: 2px; left: 0; margin: 0 auto; position: absolute; right: 0; width: 40px; }
.role { padding-bottom: 12px; padding-top: 8px; }
/* Reply */
.author-img { margin-right: 15px; }
.comment-item { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px dashed #cccccc; }
/* Team */
.team-item { max-width: 270px; margin: 0px auto; color: #ffffff; position: relative; padding-bottom: 20px; }
.team-item .description { padding: 0px 15px; }
.team-item .social-icon { position: absolute; left: 0; right: 0; top: 0; padding: 0px; opacity: 0; }
.team-item .social-icon i { float: left; width: 50%; padding: 52px; border: 1px solid rgba(0,0,0,.1); font-size: 30px; margin: 0px; }
.team-item:hover .social-icon { opacity: 1; }
/* Testimonials */
.testimonials blockquote { font-size: 15px; font-style: italic; margin-bottom: 0; }
.client-details { font-size: 12px; margin: 0; }
.client-details strong { display: block; font-size: 16px; text-transform: uppercase; }
.client-details span { color: #7f7f7f; }
.client-details span.white { color: #ffffff; }
.desc-border blockquote, .quote blockquote, .no-border blockquote { border-left: 0; }
.no-border blockquote { padding: 0px; }
.desc-border { border: 1px solid; border-radius: 5px; margin-bottom: 15px; }
.desc-border .star-rating { padding: 5px 0 12px 0; }
.inline strong, .inline span, .inline div, .inline p { display: inline-block; }
.item { position: relative; }
.testimonials .item > p { padding: 0 15px; }
/* Add arrow at bottom of section */
.bottom-arrow { position: relative; }
.bottom-arrow:before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #e1e1e1 transparent transparent; border-image: none; border-right: 10px solid transparent; border-style: solid; border-width: 10px; bottom: -20px; content: ""; display: block; height: 0; position: absolute; width: 0; }
.bottom-arrow:before, .bottom-arrow:after { left: 0; margin: 0 auto; right: 0; }
.bottom-arrow:after { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #fff transparent transparent; border-image: none; border-right: 10px solid transparent; border-style: solid; border-width: 10px; bottom: -18px; content: ""; display: block; height: 0; position: absolute; width: 0; }
/* Add Quotation in Blockquote */
.quote { padding: 15px 15px 0 15px; }
.desc-border.quote blockquote { margin: 0; padding: 0 0 0 38px; }
.text-center .quote { text-align: center; }
.text-center .quote p { font-size: 17px; font-weight: 500; font-style: italic; }
.quote blockquote { margin: 0; padding: 0 0 0 38px; }
.quote blockquote:before { content: open-quote; font-size: 50px; font-weight: bold; left: 16px; line-height: 1; position: absolute; top: 14px; }
.quote blockquote:after { content: close-quote; display: inline-block; font-size: 50px; font-weight: bold; line-height: 0; margin: 0 0 5px; vertical-align: bottom; }
.client-details.left-align { position: relative; }
.client-details.left-align .client-image, .client-details.left-align .client-details { display: block; text-align: center; }
.client-details.left-align .client-details { text-transform: uppercase; }
.client-details.left-align .client-details strong { padding-top: 20px; }
.client-details.left-align .client-image img { width: 100px; height: 100px; }
/* Clients Image */
#clients a { display: block; height: 85px; overflow: hidden; }
#clients a img { height: auto; margin: 0px auto; max-width: 100%; transition: all 0.3s ease-out 0s; display: block; }
#clients a:hover img { margin-top: -45px; transition: all 0.3s ease-out 0s; }
#client-list img { border: 1px solid #f2f2f2; border-left: 2px solid; margin: 10px 0; }
#client-list .client-list-item a { padding: 10px; }
#client-list .client-list-item img:hover { opacity: .6; }
/******************************************************************************
  Get a Quote
*******************************************************************************/
#get-quote { padding: 30px 0; font-family: Oswald, sans-serif; font-size: 22px; font-weight: 300; text-transform: uppercase; letter-spacing: 1px; }
.get-a-quote a { font-weight: 500; text-decoration: underline; }
.get-a-quote a.black:hover { color: #111111; }
.get-a-quote a.white:hover { color: #ffffff; }
.get-a-quote:hover a { padding-left: 10px; }
/*Request quote*/
.request-quote { text-align: left; position: relative; top: -60px; margin-bottom: -60px; }
.request-quote .item-box { padding-bottom: 0; }
.request-quote .item-box i { margin-top: 0; }
.request-quote p, .request-quote h4 { margin-left: 65px; }
.request-quote p { margin-bottom: 0; }
.request-quote .btn { float: right; margin: 8px 0 0; }
.request-quote .bg-color .btn, .request-quote .bg-color .item-box i { background: #f7f7f7; }
/* Header */
.transparent-header.dark-header .navbar { background: none; }
.transparent-header.dark-header .sticky-wrapper.is-sticky .navbar { background: #313332; }
.transparent-header .sticky-wrapper { z-index: 999; }
/******************************************************************************
  									Page Title Variations
*******************************************************************************/
.page-header { position: relative; }
.page-header h5 { font-weight: 400; margin-top: 10px; margin-bottom: 10px; text-transform: uppercase; font-size: 15px; letter-spacing: 1px; }
.page-header .container::before { content: none; }
#page .page-title-left .breadcrumb { left: auto; margin: -10px 0 0; padding: 0; position: absolute; right: 15px; top: 50%; width: auto; background: none; }
.page-title-right { text-align: right; }
#page .page-title-right .breadcrumb { right: auto; left: 15px; margin: -10px 0 0; padding: 0; position: absolute; top: 50%; width: auto; }
.page-title-center { text-align: center; }
.page-title-pattern { background: url(../images/sections/bg/pattern-bg.png) repeat; }
.page-title-left.mini h1.title { font-size: 15px; }
.page-title-left.dark, .page-title-left.dark .breadcrumb > li > a { background: #252525; color: #fff; }
.page-header #bg-video, header#my-video { min-height: 130px; background: transparent; }
.page-header .mbYTP_wrapper { z-index: 0 !important; }
/******************************************************************************
  Pages
*******************************************************************************/

.page-header { border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; padding: 30px 0; background-color: #f2f2f2; margin: 0px; }
.page-header h1 { margin: 0; font-size: 32px; text-transform: uppercase; font-weight: 700; }
#page .breadcrumb.white a { color: #ffffff; }
#page .breadcrumb { border-radius: 0; background: none !important; color: #7f7f7f; font-size: 11px; line-height: 18px; margin: 0; padding: 11px 0; }
.breadcrumb > li > a { color: #7f7f7f; text-decoration: none; transition: opacity 0.2s linear 0s; text-transform: capitalize; }
.breadcrumb > li > a:hover { opacity: 0.8; transition: opacity 0.2s linear 0s; }
/* Background Video */

#video-controls { top: 50%; display: none; position: absolute; left: 0; right: 0; margin: 0px auto; z-index: 99; text-align: center; }
#video-controls a { text-decoration: none; }
#bg-video, .video-half-content { min-height: 552px; }
.video-pattern:after { background: url(../images/patterns/pattern.png) repeat; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
#video-play { border: 2px solid; padding: 20px; border-radius: 50%; -moz-border-radius: 50%; -khtml-border-radius: 50%; }
.mbYTP_wrapper { z-index: 9!important; }
/* Local Hosted Video */
.video-section { overflow: hidden; padding: 76px 0; position: relative; transition: opacity 0.2s linear 0s; }
.video-section video, .video-section .video_item img { background-size: cover; bottom: 0; height: auto; max-width: inherit; min-height: 100%; min-width: 100%; position: absolute; right: 0; vertical-align: top; width: auto; z-index: -100; }
/* Custom Video BG */

#my-video.video-bg { background-image: none; background-color: #000; position: relative; }
#my-video.video-bg .mbYTP_wrapper { z-index: 0 !important; }
#my-video.video-bg:after { position: absolute; background: rgba(0,0,0,0.6); content: ""; width: 100%; height: 100%; left: 0; right: 0; top: 0; z-index: 0; }
#my-video.video-bg #bg-video { min-height: 650px; }
#my-video.video-bg #video-play { display: none; }
.video-bg .video-slider-container { max-width: 1200px; margin: 0 auto; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 9; }
#my-video.video-bg .video-slider-text { margin-bottom: 10px; }
#my-video.video-bg .video-slider-text h1 { color: #ffc400; text-align: center; }
.video-slider-text ul { padding: 0; text-align: center; list-style: none; width: 100%; }
#my-video.video-bg p { text-align: center; margin-bottom: 20px; }
#my-video.video-bg p > a.btn { margin: 0 5px; }
/* Google Map */

.map-canvas * { border: 0 none; }
.map-section img { max-width: inherit; }
.map-data h6 { margin-bottom: 5px; text-transform: uppercase; font-weight: 600; }
/* Contact Info */
.contact-info .item-box { padding-bottom: 0; text-align: center; }
.contact-info .item-box i { background: #fff; margin: 0 auto 17px; position: relative; text-align: center; left: 0; height: 70px; width: 70px; line-height: 70px; position: relative; }
.contact-info .item-box i:after { border: 2px solid #ffffff; position: absolute; width: 100%; height: 100%; content: ""; left: -7px; top: -7px; padding: 40px; }
.contact-info .item-box p { margin-bottom: 0; }
.contact-info .item-box p > a { margin: 0; }
/* Contact Form */
.btn-default.disabled, .btn-default.disabled.active, .btn-default.disabled.focus, .btn-default.disabled:active, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled], .btn-default.active[disabled], .btn-default.focus[disabled], .btn-default[disabled]:active, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-default, fieldset[disabled] .btn-default.active, fieldset[disabled] .btn-default.focus, fieldset[disabled] .btn-default:active, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover { background-color: #f1f1f1; }
.help-block { bottom: -23px; display: block; margin-bottom: 3px; position: absolute; }
/* Sitemap */
.sitemap li { position: relative; padding-left: 15px; }
.sitemap li a:before { content: "\f105"; display: block; font-family: FontAwesome; font-size: 14px; font-style: normal; font-weight: normal; left: 0; line-height: 12px; position: absolute; top: 8px; }
/******************************************************************************
  Sidebar
*******************************************************************************/
.sidebar .widget { margin-bottom: 40px; }
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover { background: none; }
.widget .list-group.panel > .list-group-item { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px }
.widget .list-group-submenu { margin-left: 20px; }
.widget .list-group-item { border: 0; }
.widget.list-border .list-group-item { border: 1px solid rgba(0,0,0,.05); }
.list-border .list-group-item.active, .list-border .list-group-item.active:focus, .list-border .list-group-item.active:hover, .list-border .list-group-item:hover { color: #ffffff; }
.list-border .list-group-item:first-child { border-top-left-radius: 0; border-top-right-radius: 0; }
.list-border .list-group-item:last-child { border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0; }
.widget .panel { border: 0; box-shadow: none; }
.widget a.list-group-item:focus, .widget a.list-group-item:hover { background: none; }
.list-group-item { list-style: outside none none; padding-bottom: 5px; padding-left: 20px; padding-top: 5px; position: relative; }
.list-group-item:before { content: "\f105"; display: block; font-family: FontAwesome; left: 0; position: absolute; top: 5px; }
.list-border .list-group-item { padding: 10px 30px; }
.list-border .list-group-item:before { top: 8px; left: 15px; }
.list-icons .list-group-item i { margin-left: 7px; display: initial; }
.pdf i { color: #ff0000; }
.list-group-item .fa { margin-left: 7px; display: none; }
/* Tags */
ul.tags, .filter-price-box { display: table; margin: 0 auto; }
ul.tags li { float: left; margin: 0 3px 3px 0; }
.tags li a { border-radius: 2px; color: #ffffff !important; display: block; font-size: 12px; height: 24px; line-height: 24px; padding: 0 5px; text-decoration: none; transition: all 0.2s linear 0s; }
.tags li a:hover { opacity: .5; }
/* Social Feed Widget */

.social-feed.loaded { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); }
.social-feed { display: table; margin: 0 auto; }
.social-feed li { float: left; height: 62px; list-style: outside none none; margin-bottom: 5px; margin-right: 5px; width: 60px; }
.social-feed li img { height: 62px; width: 62px; }
/* Shop Widgets */

.widget .price { font-size: 18px; }
.widget .shop h5 { font-size: 16px; font-weight: 500; margin-bottom: 10px; }
.widget .price { padding-bottom: 10px; }
.widget .price del { margin-right: 10px; font-size: 14px; }
/* Poll */

.new-radio { border-radius: 7px; height: 14px; width: 14px; }
.new-radio, .new-checkbox { background: none repeat scroll 0 0 #fff; cursor: pointer; float: left; margin: 0px 0 0 -20px; position: absolute; }
/* Price Range Filter */
.filter .filter-price-box { padding-bottom: 15px; }
.nstSlider { background: none #CCCCCC; cursor: pointer; height: 2px; position: relative; width: 260px; max-width: 100%; margin: 25px auto 40px; }
.bar { height: 3px; cursor: pointer; position: absolute; }
.nstSlider .rightGrip, .nstSlider .leftGrip { position: absolute; top: 5px; margin-left: -2px; border-width: 0px 5px 0; }
.range .leftLabel { left: 0px; top: 12px; font-size: 12px; font-family: 'Lato'; position: absolute; }
.range .rightLabel { font-family: 'Lato'; top: 12px; left: 0px; font-size: 12px; position: absolute; }
.bar:after { height: 8px; width: 1px; position: absolute; right: -1px; top: -3px; content: ""; cursor: pointer; }
.bar:before { height: 8px; width: 1px; position: absolute; left: 0px; top: -3px; content: ""; cursor: pointer; }
.nstSlider:after { height: 8px; width: 1px; background: #bebebe; position: absolute; right: -1px; top: -3px; content: ""; cursor: pointer; }
.nstSlider:before { height: 8px; width: 1px; background: #bebebe; position: absolute; left: 0px; top: -3px; content: ""; cursor: pointer; }
.rightGrip { height: 15px; width: 2px; position: absolute; right: 0; top: 8px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid; }
.leftGrip { height: 15px; width: 2px; position: absolute; left: 0; top: 8px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 10px solid; }
.filter-print-price { padding: 7px 0px 0px; margin: 0px 17px; }
.filter-print-price a h4 { padding: 5px 31px; color: #FFFFFF; text-align: center; font-family: 'Lato'; font-size: 14px; margin: 0; width: 95px; border: 1px solid; text-transform: capitalize; }
.filter-print-price a h4:hover { background-color: #FFFFFF; border: 1px solid; }
.filter-print-price .price { font-family: 'Lato'; color: #656565; font-weight: 600; font-size: 14px; margin-left: 6px; text-align: center; }
.drag { font-family: 'Lato'; color: #656565; font-size: 12px; font-weight: 600; margin: 12px 0 0 -9px; display: block; }
.filter-print-price li { display: inline-block; list-style: none; }
/******************************************************************************
  Widget
*******************************************************************************/

.widget ul { padding: 0px; margin: 0px; }
.widget li { list-style: none; }
.widget li a, .widget li a:visited { color: #7f7f7f; text-decoration: none; }
.widget li { line-height: 25px; }
.widget a, .widget a:visited { color: #7f7f7f; text-decoration: none; -webkit-transition: color .2s linear; transition: color .2s linear; }
.widget a:hover { color: #000; -webkit-transition: color .2s linear; transition: color .2s linear; }
.widget .widget-title .title { font-size: 16px; line-height: 1.3; text-transform: uppercase; margin: 0 0 12px; position: relative; overflow: hidden; }
.sidebar .widget .widget-title .title:after { content: ""; display: inline-block; height: 0.8em; vertical-align: bottom; width: 100%; margin-right: -100%; margin-left: 15px; border-top: 4px solid; }
.widget .widget-title { margin: 0 0 16px; position: relative; }
.sidebar.widget .widget-title { border-bottom: 1px solid #e1e1e1; margin: 0 0 16px; position: relative; }
/* Newsletter */
.newsletter form { margin: 5px 0 0; position: relative; }
.newsletter input { margin: 0; padding-right: 43px; }
.newsletter .submit { color: #ffffff; height: 38px; outline: none; padding: 0; position: absolute; right: 1px; top: 1px; width: 38px; border-radius: 0 3px 3px 0; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border: 0; }
.newsletter .selectBox, .newsletter .form-control { height: 40px; line-height: 22px; margin-bottom: 22px; padding: 8px 12px; }
.newsletter .submit.bg-color:hover { background-color: #333333; }
.newsletter .has-feedback .form-control-feedback { right: 35px; }
/*Post widget*/
#footer .widget ul.widget-post > li { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #7c7c7c; }
#footer .widget ul.widget-post > li:last-child { border: none; }
.widget-post .post-img { width: auto; float: left; margin-right: 15px; }
.widget-post h6 { margin-bottom: 5px; }
/******************************************************************************
  PAGES
*******************************************************************************/	
/* Services */
.service-section h4 { margin-bottom: 10px; }
.service-list ul { margin-top: 20px; }
.service-list li { position: relative; text-transform: capitalize; }
.service-list i, .service-list span { position: absolute; top: 2px; font-size: 20px; }
.service-list p { margin-left: 30px; }
.service-section .nav > li > a:focus, .service-section .nav > li > a:hover, .service-section .nav > li.active > a:focus { background-color: transparent; }
.service-section .tab-content { margin-bottom: 20px; margin-top: 0px; }
.service-section .tab-pane { margin-bottom: 20px; margin-top: 20px; }
.service-section .widget .list-group-submenu { margin-left: 0px; }
.service-section .list-border .list-group-submenu .list-group-item:before { padding-left: 15px; }
.service-section .list-border .list-group-submenu .list-group-item { padding-left: 45px; }
.service-section .widget .list-group.panel > .list-group-item { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.list-border .list-group-item.active, .list-border .list-group-item.active:focus, .list-border .list-group-item.active:hover, .list-border.widget a.list-group-item:focus, .list-border.widget a.list-group-item:hover { color: #ffffff; }
.box-item { background-color: #f7f7f7; padding: 20px; border: 1px solid #dedcdc; }
.box-item h4, .lit-space h4 { margin-bottom: 5px; }
.lit-space .read-more { font-size: 11px; }
.box-item .btn { margin: 0px 0 15px 0; }
/******************************************************************************
  Coming Soon
*******************************************************************************/
.count-down-box { text-align: center; }
.comming-soon .daycounter-container { margin-bottom: 50px; }
.comming-soon .countdown-section { border: none; background: url(../images/bg.jpg) repeat; width: 165px; height: 110px; margin: 15px 2px; }
.comming-soon .countdown-amount { font-size: 60px; font-weight: bold; line-height: 110px !important; }
.comming-soon .countdown-period { color: #000; font-size: 18px; }
.coming-text { margin-top: -4px; }
.coming-text form { position: relative; }
.coming-text .success { bottom: 100%; margin-bottom: 5px; position: absolute; }
.coming-text .form-control { padding-right: 100px; background: url(../images/bg.jpg) repeat; box-shadow: none; border: 0; }
.coming-text .btn { position: absolute; right: 0; top: 0; width: 90px; }
/* Event page*/

/* Event Countdown */
.countdown-block { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.countdown-block h1 { letter-spacing: 5px; }
.countdown-rtl { direction: rtl; }
.daycounter-container { margin: 0 aut0; text-align: center; }
.countdown-holding span { color: #888; }
.countdown-row { clear: both; padding: 0; text-align: center; position: relative; display: inline-block; margin: 0 auto; }
.countdown-section { display: block; float: left; font-size: 75%; text-align: center; margin: 15px; width: 100px; height: 85px; line-height: 83px; border: 2px solid; position: relative; }
.countdown-amount { font-size: 40px; font-family: Oswald, sans-serif; }
.countdown-period { display: block; line-height: 20px; font-size: 15px; color: #FFC400; }
.countdown-descr { display: block; width: 100%; }
.event-shedule .box { position: relative; margin: 20px 0; }
.event-shedule .box i { color: #FFC400; font-size: 40px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.event-shedule .box .box-inner { margin-left: 60px; text-align: left; }
.event-shedule .box .box-inner h4 { margin-bottom: 0; }
.event-shedule .register-btn { margin: 60px auto 0; display: block; }
/*Regester-now Section*/
.register-now .form-inline .form-control { width: 100%; margin-bottom: 20px; color: #fff; }
.register-now .register-form .btn { margin-top: 20px; }
/*Event Page*/
.countdown-block { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.countdown-block h1 { letter-spacing: 5px; }
.countdown-rtl { direction: rtl; }
.daycounter-container { margin: 0 aut0; text-align: center; }
.countdown-holding span { color: #888; }
.countdown-row { clear: both; padding: 0; text-align: center; position: relative; display: inline-block; margin: 0 auto; }
.countdown-section { display: block; float: left; font-size: 75%; text-align: center; margin: 15px; width: 100px; height: 85px; line-height: 83px; border: 2px solid; position: relative; }
.countdown-amount { font-size: 40px; font-family: Oswald, sans-serif; color: #ffffff; }
.countdown-period { display: block; line-height: 20px; font-size: 15px; color: #FFC400; }
.countdown-descr { display: block; width: 100%; }
/* Event page*/
.event-shedule .box { position: relative; margin: 20px 0; }
.event-shedule .box i { color: #FFC400; font-size: 40px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.event-shedule .box .box-inner { margin-left: 60px; text-align: left; }
.event-shedule .box .box-inner h4 { margin-bottom: 0; }
.event-shedule .register-btn { margin: 60px auto 0; display: block; }
/*Regester-now Section*/
.register-now .form-inline .form-control { width: 100%; margin-bottom: 20px; color: #fff; }
.register-now .register-form .btn { margin-top: 20px; }
/*Photo Gallery*/
.gallery-list { list-style: none; padding-left: 0; }
.gallery-list > li { position: relative; }
.gallery-list > li i { position: absolute; left: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.gallery-list > li p { margin-left: 30px; margin-bottom: 20px; }
/* Schedule Section*/
.schedule .tabs { border: 1px solid #ccc; }
.schedule .tabs .nav-tabs { border-bottom: 2px solid #FFC400; }
.schedule .tabs .nav-tabs > li { text-align: center; font-family: Oswald, sans-serif; padding: 10px; border-right: 1px solid #ccc; background: #eee; width: 100%; }
.schedule .tabs .nav-tabs > li.active { background: #FFC400; }
.schedule .tabs .nav-tabs > li:last-child { border-right: none; }
.schedule .tabs .nav-tabs > li > a { font-size: 18px; text-transform: uppercase; letter-spacing: 2px; padding: 0; color: inherit; border: none; }
.schedule .tabs .nav-tabs > li > a .date { display: block; font-size: 14px; margin-top: 5px; }
.schedule .nav-tabs > .active > a, .schedule .nav-tabs > .active > a:hover, .schedule .nav-tabs > .active > a:focus { border: none; }
.schedule .nav-tabs > li.active, .schedule .nav-tabs > li.active:hover, .schedule .nav-tabs > li.active:focus { background: #FFC400; color: #fff; }
.schedule .nav-tabs > .active > a, .schedule .nav > li > a:focus, .schedule .nav > li > a:hover { background: none; border: none; }
.schedule .tab-content > .tab-pane { padding: 15px; background: #fff; }
/* Schedule panel-collapse  */
.schedule .schedule-tab .panel-group { margin-bottom: 0; }
.tab-content.schedule-tab { margin: 0; }
.schedule .schedule-tab .panel-group .panel .panel-heading > .panel-title::before { content: "\e94e"; font-family: "icomoon"; top: 22px; left: 20px; position: absolute; }
.schedule .schedule-tab .panel-group .panel .panel-heading { border-bottom: 1px solid #ccc; }
.schedule .schedule-tab .panel-group .panel:last-child .panel-heading, .schedule .schedule-tab .panel-group .panel .panel-heading > .panel-title > a { border-bottom: none; }
.schedule .schedule-tab .panel-heading > .panel-title { padding: 15px 0 15px 15px; }
.schedule .schedule-tab .panel-heading > .panel-title > a { position: relative; padding: 9px 9px 9px 35px; }
.schedule .schedule-tab .panel-group .panel .panel-heading > .panel-title > a:after { content: "\f068"; font-family: FontAwesome; position: absolute; right: 20px; color: #7c7c7c; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; height: auto; margin: 0; width: auto; display: block; }
.schedule .schedule-tab .panel-group .panel .panel-heading > .panel-title > a.collapsed:after { content: "\f067"; font-family: FontAwesome; position: absolute; right: 20px; color: #7c7c7c; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important; height: auto; margin: 0; width: auto; }
.schedule .schedule-tab .panel-heading > .panel-title > a .title { color: #7c7c7c; letter-spacing: 1px; padding-left: 10px; }
.schedule .schedule-tab .panel-body { padding-top: 40px; }
.schedule .schedule-tab .panel-body img { border: 2px solid #ccc; }
.schedule .schedule-tab h5.speaker-title, .schedule .schedule-tab h6.speaker-designation { margin-bottom: 10px; }
/*Faq*/
.faq .panel-group { border: 1px solid #7c7c7c; background: #fff; }
.faq .panel-group { padding: 15px; }
.faq .panel-group .panel { border-bottom: 1px solid #7c7c7c; }
.faq .panel-group .panel:last-child { border-bottom: none; }
.faq .panel-group .panel .panel-heading > .panel-title::before { content: none; }
.faq .panel-group .panel .panel-heading > .panel-title > a, .faq .panel-group .panel .panel-heading > .panel-title > a:hover { padding-left: 9px; color: #7c7c7c; }
.faq .panel-group .panel .panel-heading > .panel-title > a { padding: 9px; }
.faq .panel-group .panel .panel-heading > .panel-title { position: relative; z-index: 1; }
.faq .panel-group .panel .panel-heading > .panel-title:after { content: "\f067"; font-family: FontAwesome; position: absolute; right: 20px; color: #7c7c7c; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: -1; }
.faq .panel-group .panel.active .panel-heading > .panel-title:after { content: "\f068"; }
/*Book Landing page*/
.book-block { padding-top: 50px; padding-bottom: 50px; }
.book-block h1 { font-weight: 800; }
.book-block h5 { margin-top: 50px; }
.book-block ul.book-description { list-style: none; padding: 0; }
.book-block ul.book-description > li { padding-left: 50px; position: relative; margin-bottom: 20px; }
.book-block ul.book-description > li i { color: #FFD033; font-size: 30px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.book-block .img-book { margin: 0 auto; }
.book-block .register-now h5 { margin-top: 0; letter-spacing: 1px; color: #fff; }
.book-block .register-form .btn { margin-top: 0; width: 100%; }
.about-author .author-img { float: left; padding-right: 15px; }
.about-author p.author-desc { margin-bottom: 10px; }
.author #video-controls { margin-top: -20px; }
.about-author .social-links { list-style: none; padding: 0; text-align: left; }
.about-author .social-links > li { background: #FFC400; border-radius: 50%; display: inline-block; font-size: 15px; height: 30px; margin-right: 10px; text-align: center; line-height: 30px; width: 30px; color: #fff; }
.about-author .social-links > li a, .about-author .social-links > li a:hover { color: #fff; text-decoration: none; }
.header .primary .navbar .nav > li > a.btn.btn-default { background-color: #ffc400; border: 0 none; border-radius: 3px; box-shadow: none; color: #333; filter: none; line-height: 22px; outline: medium none; padding: 9px 20px; text-shadow: none; transition: background 0.2s linear 0s, color 0.2s linear 0s; white-space: normal; margin-top: 15px; margin-right: 10px; }
/* 404 */
.section-404 h1 { font-size: 70px; display: inline-table; }
.input-group-btn .btn { margin-top: 0; }
/*Charity*/
#about-us blockquote { font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-style: italic; line-height: 1.625; margin-bottom: 0; }
/*Fashion page*/
.portfolio-grid.fashion .grids { width: 20%; }
.progress-bar.light-bg { background-color: #ffffff !important; }
.portfolio-title { background: rgba(0, 0, 0, 0.6); bottom: 0; color: #ffffff; left: 0; margin: 0 auto !important; opacity: 0; position: absolute; right: 0; text-align: center; text-transform: uppercase; width: 100%; }
.grid-item:hover img { opacity: 0.3; }
.grid-item:hover .grid { background: #000000; }
.grid-item:hover .portfolio-title { opacity: 1; }
/*spa*/
#get-quote-1 { float: left; width: 100%; }
/*----------Wedding-----------*/
.red, .icon.red { color: #ff0000; }
/*Real Estate*/
.border { border-width: 1px; }
.work { position: relative; }
.work .work-title { left: 0; right: 0; position: absolute; top: 50%; transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.work .title { bottom: 46px; font-size: 18px; font-weight: bold; line-height: 20px; margin: 7px; opacity: 0; text-align: center; }
.work .work-title > .btn { opacity: 0; }
.work:hover .title { opacity: 1; color: #fff; }
.work:hover .work-title > .btn { opacity: 1; }
.work .bg-hover { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.8); bottom: 0; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transition: all 0.2s ease-out 0s; }
.work:hover .bg-hover { opacity: 1; transition: all 0.2s ease-in 0s; }
/*Motor Page*/
.carousel { position: relative; }
.carousel-inner.no-pad .carousel-caption { left: 0%; right: 0%; padding-left: 20px; padding-right: 20px; bottom: 0; height: 110px; padding-bottom: 0; }
.motor .carousel-inner.no-pad .carousel-caption { top: auto; transform: none; -ms-transform: none; -moz-transform: none; -o-transform: none; -webkit-transform: none; }
.right-pagination.carousel-indicators { width: 100%; right: 0; left: 0; text-align: right; padding: 0 20px 0 0; margin: 0; }
.caption-bg .carousel-caption { background: rgba(0,0,0,.5); }
.carousel-caption.text-left { text-align: left; }
.carousel-caption.text-right { text-align: right; }
.full-width-slider .carousel-inner > .item > img, .full-width-slider .carousel-inner > .item > a > img { width: 100%; }
.full-width-slider .carousel-control.right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0.2) 100%); }
.full-width-slider .carousel-control.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 0px, rgba(0, 0, 0, 0) 100%); }
.carousel-control.left.no-bg, .carousel-control.right.no-bg { background-image: none; }
.tab-content.border { border: 1px solid #ddd; border-top: none; padding: 0 20px 20px; }
.tab-content > .tab-pane, .pill-content > .pill-pane { padding: 0; }
.motor .form-control { margin-bottom: 30px; }
/*Mail chimp*/
.transparent-half-black-2 { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2) !important; }
.form-box { background: url(../images/sections/bg/pattern-bg.png) repeat; border-radius: 0px; margin: 0 0 40px; padding: 27px 30px 25px; }
.selectBox, .form-control { background: none; border: 1px solid #e1e1e1; border-radius: 3px; box-shadow: 0 1px #fff, 0 1px 4px rgba(0, 0, 0, 0.05) inset; font-size: 12px; height: 40px; line-height: 40px; margin-bottom: 22px; min-height: 40px; padding: 8px 12px; width: 100%; }
.transparent-half-white { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5) !important; }
/*Timeline*/
#resume .timeline.work-process-box { margin-top: 0; }
#resume .blog.timeliner > li:last-child { margin-bottom: 0; }
/******************************************************************************
  Shopping Cart
*******************************************************************************/
.shop .product-item { position: relative; z-index: 0; max-width: 300px; margin: 0px auto 50px; text-align: center; }
.shop.grid-3 .product-item, .shop.grid-2 .product-item { max-width: 400px; }
.shop .product-img { border: 1px solid rgba(0, 0, 0, 0.1); background: #fdfdfd; }
.shop .product-item:hover img { opacity: .6; }
.product-description { font-size: 12px; }
.shop .product-img { z-index: -1; position: relative; }
.shop .product-details { padding-top: 5px; padding-bottom: 5px; text-align: left; }
.shop .product-details h4, .shop .product-details h5 { margin-bottom: 5px; margin-top: 5px; padding-top: 2px; padding-bottom: 2px; }
.shop .product-details h5 { font-size: 17px; font-weight: 600; letter-spacing: 1px; }
.shop .product-details h5 del { padding-right: 10px; color: #1e1e1e; font-size: 16px; }
.shop .product-overlay { opacity: 0; position: absolute; left: 0; right: 0; bottom: 0; margin: 0px auto; border-top: 1px solid rgba(0, 0, 0, 0.1); z-index: 9999; }
.shop .product-overlay div { background-color: #f7f7f7; display: block; float: left; width: 50%; padding: 10px; color: #1e1e1e; margin: 0px; }
.shop .product-overlay div:hover { background-color: #1e1e1e; }
.shop .product-overlay .add-to-cart { border-right: 1px solid rgba(0, 0, 0, 0.1); }
.shop .add-to-cart { text-align: left; }
.shop .add-to-cart .btn { margin-top: 0; }
.shop .product-overlay a { color: #1e1e1e; text-decoration: none; }
.shop .product-overlay div:hover a { color: #ffffff; }
.shop .product-overlay a { color: #1e1e1e; }
.shop .product-item:hover .product-overlay { opacity: 1; }
.product-name a { color: #1e1e1e; text-decoration: none; -webkit-transition: opacity .2s linear; transition: opacity .2s linear; }
.product-name a:hover { opacity: 0.8; filter: alpha(opacity=80); -webkit-transition: opacity .2s linear; transition: opacity .2s linear; }
.product-image { background: #f2f2f2; display: inline-block; line-height: 0; }
.product-image > img { width: 100%; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.product-image:hover > img { opacity: .9; filter: alpha(opacity=90); -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.rotation .product-image:hover > img { opacity: 1; filter: alpha(opacity=100); }
.actual-price { color: #7f7f7f; display: inline-block; margin-right: 6px; position: relative; }
.actual-price:before { background: #ff0000; content: ""; display: block; height: 1px; left: 50%; margin: 0 0 0 -28px; position: absolute; top: 50%; -webkit-transform: rotate(330deg); transform: rotate(330deg); width: 46px; }
.price-details { border-bottom-width: 1px; font-size: 30px; line-height: 1; margin: 0 0 15px; padding: 0 0 15px; }
.price-details h3 { display: inline-block; position: relative; padding-right: 40px; margin-right: 10px; margin-bottom: 0px; }
.price-details h3:after { content: "\f064"; display: block; font-size: 16px; font-family: FontAwesome; right: 0; position: absolute; top: 5px; }
.product-page .price-details .actual-price { font-size: 15px; }
.price { font-size: 26px; line-height: 1; font-family: Oswald, sans-serif; }
/* Zoom Product */
.single-product { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0; overflow: hidden; position: relative; }
.zoom-product-thumb { text-align: center; border-top: 1px solid rgba(0, 0, 0, 0.1); }
.zoom-product-thumb img { display: inline-block; width: 80px; }
.zoomWrapper img, .zoomContainer img { width: 100%; }
.zoomWindow { border: none !important; box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); z-index: 99 !important; }
.product-regulator { display: inline-block; margin-bottom: 40px; vertical-align: top; margin-top: 15px; }
.product-tag strong { text-transform: uppercase; }
.product-regulator button { border: 1px solid #e1e1e1; border-radius: 0; color: #1e1e1e; height: 54px; padding: 15px 12px; display: inline-block; }
.product-regulator #output { color: #7f7f7f; display: inline-block; height: 54px; padding: 15px 12px; text-align: center; vertical-align: top; width: 80px; border: 1px solid #e1e1e1; }
.product-meta-details { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 15px; font-size: 14px; }
/* Masonry Grid */

.grid-col-2 .grid-item, .grid-col-2 .grid-sizer { margin: 0px 0px; padding: 0px 0; width: 50%; }
.grid-col-2 .grid-item .post { padding: 0 30px 0 0; }
.grid-col-3 .grid-item, .grid-col-3 .grid-sizer { margin: 0px 0px; padding: 0px 0; width: 33.3%; }
.grid-col-4 .grid-item, .grid-col-4 .grid-sizer { margin: 0px 0px; width: 25%; }
.grid-col-5 .grid-item, .grid-col-5 .grid-sizer { margin: 0px 0px; width: 20%; }
/* Masonry With Gap */

.pad.mixed-grid { margin: 0 -15px; }
.pad.mixed-grid .grid-item { padding: 8px; }
.pad.mixed-grid .img-overlay { margin: 25px; }
.pad.mixed-grid .item .img-overlay { margin: 17px; }
.pad.mixed-grid .figcaption { padding: 15px 30px; }
/* Move To Top */
#get-quote { position: relative; z-index: 99; }
.move-top { text-align: center; width: 70px; height: 70px; line-height: 70px; transform: rotate(45deg); margin: 0px auto; text-align: center; position: absolute; left: 0; right: 0; bottom: -30px; z-index: -1; }
.move-top i { transform: rotate(-45deg); font-size: 18px; }
/******************************************************************************
  Footer
*******************************************************************************/
#footer { color: #999999; background: url(../images/bg.jpg) repeat; }
.widget { font-size: 13px; }
#footer .widget-title h3 { color: #f2f2f2; }
#footer .widget a { color: #999999; }
#footer .widget ul li { padding: 4px 0px; }
#footer .widget ul.border-list li { padding: 8px 0px; }
#footer .widget ul.border-list li { border-bottom: 1px solid rgba(255,255,255,.2); }
#footer .widget ul li:first-child { padding-top: 0; }
#footer .widget ul.border-list li:last-child { border-bottom: 0; }
#footer .widget a:hover, .footer-count .counter { color: #ffffff; }
#footer .footer-widget { line-height: 21px; padding: 60px 0 30px; }
#footer .copyright { background: #454545; border-top: 1px solid #111; font-size: 11px; line-height: 17px; padding: 21px 0 20px; }
#footer .phone, #footer .address { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 34px; position: relative; }
#footer .footer-icon { color: #c6c6c6; left: 16px; position: absolute; top: 0; }
#footer .footer-icon:before { font-size: 20px; line-height: 18px; width: auto; }
.footer-blog li { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #c2c0c0; }
.footer-blog li:last-child { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 0; }
.footer-count { font-size: 16px; margin: 10px 0 10px 0; font-family: Oswald, sans-serif; text-transform: capitalize; }
.footer-count .count-number .counter { font-size: 17px; letter-spacing: 1px; }
.footer-social { margin-top: 20px; }
#footer .selectBox, #footer .form-control { box-shadow: none; border: 0; background-color: #454545; color: #fff; }
.position-right { position: absolute; right: 0; top: 0; }
/* Copyright */
.copyright { position: relative; }
.copyright a { color: #7f7f7f; }
.copyright .up { border-radius: 50%; display: block; float: right; height: 40px; line-height: 40px; text-align: center; width: 40px; background-color: #c6c6c6; }
/******************************************************************************
  Dark Section
*******************************************************************************/
.dark-bg { background: url(../images/bg.jpg) repeat; }
#footer .dark-section.footer-widget { background: #222222; }
.dark-section .widget .widget-title .title { color: #f0eded; }
.dark-section .widget a:hover, .dark-section .form-control { color: #ffffff; }
.dark-section .gray-bg i, #footer .dark-section.copyright, .dark-section .form-control { background: rgba(0, 0, 0, 0.97); }
#footer .dark-section.copyright { border-top: 1px solid #000000; }
.dark-section .widget .widget-title { border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.dark-section .footer-blog li { border-bottom: 1px dashed rgba(255, 255, 255, 0.2); }
.dark-section .selectBox, .dark-section .form-control { border: 1px dashed rgba(255, 255, 255, 0.2); box-shadow: none; }
/******************************************************************************
  Bootstrap Elements
*******************************************************************************/


.hll { background-color: #ffc }
.c { color: #999 }
.err { background-color: #faa; color: #a00 }
.k { color: #069 }
.o { color: #555 }
.cm { color: #999 }
.cp { color: #099 }
.c1, .cs { color: #999 }
.gd { background-color: #fcc; border: 1px solid #c00 }
.ge { font-style: italic }
.gr { color: red }
.gh { color: #030 }
.gi { background-color: #cfc; border: 1px solid #0c0 }
.go { color: #aaa }
.gp { color: #009 }
.gu { color: #030 }
.gt { color: #9c6 }
.kc, .kd, .kn, .kp, .kr { color: #069 }
.kt { color: #078 }
.m { color: #f60 }
.s { color: #d44950 }
.na { color: #4f9fcf }
.nb { color: #366 }
.nc { color: #0a8 }
.no { color: #360 }
.nd { color: #99f }
.ni { color: #999 }
.ne { color: #c00 }
.nf { color: #c0f }
.nl { color: #99f }
.nn { color: #0cf }
.nt { color: #2f6f9f }
.nv { color: #033 }
.ow { color: #000 }
.w { color: #bbb }
.mf, .mh, .mi, .mo { color: #f60 }
.sb, .sc { color: #c30 }
.sd { color: #c30; font-style: italic }
.s2, .se, .sh { color: #c30 }
.si { color: #a00 }
.sx { color: #c30 }
.sr { color: #3aa }
.s1 { color: #c30 }
.ss { color: #fc3 }
.bp { color: #366 }
.vc, .vg, .vi { color: #033 }
.il { color: #f60 }
.css .nt+.nt, .css .o, .css .o+.nt { color: #999 }
@font-face { font-family: anchorjs-link; font-style: normal; font-weight: 400; src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6v8yoAAAC8AAAAYGNtYXDL8RqdAAABHAAAADxnYXNwAAAAEAAAAVgAAAAIZ2x5Zkm2oNUAAAFgAAABWGhlYWQAHd4cAAACuAAAADZoaGVhB3sECwAAAvAAAAAkaG10eAYAAEcAAAMUAAAADGxvY2EACgCsAAADIAAAAAhtYXhwAAYAcAAAAygAAAAgbmFtZUQXtNYAAANIAAABOXBvc3QAAwAAAAAEhAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABAACDmAAPA/8D/wAPAAEAAAAAAAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEACgAAAAGAAQAAQACACDmAP//AAAAIOYA////4RoCAAEAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAIARwAHA7kDeQA2AG0AAAEnLgEiBg8BDgEUFh8BHgMXNy4DLwEuATQ2PwE+ATIWHwEeARQGDwEeAxU3PgE0JicBLgMnBx4DHwEeARQGDwEOASImLwEuATQ2PwEuAzUHDgEUFh8BHgEyNj8BPgE0Ji8BA7kEI1ldWiPaIyQkIwQDBgYGBFAEBwYHAwQTExMT2xMwMjETBBMTExNjBwkGA5gkIyMk/r4DBgYGBFAEBwYHAwQTExMT2xMwMjETBBMTExNjBwkGA5gkIyMkBCNZXVoj2iMkJCMEA3UEJCMjJNojWV1aIwQDBgUFA1ACBQUFAwQUMDIxE9oTExMTBBMxMjATYxAhISIRmSNaXVkj/sYDBgUFA1ACBQUFAwQUMDIxE9oTExMTBBMxMjATYxAhISIRmSNaXVkjBCQjIyTaI1ldWiMEAAEAAAABAABR/4xQXw889QALBAAAAAAAzqNM0wAAAADOo0zTAAAAAAO5A3kAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAABHA7kAAQAAAAAAAAAAAAAAAAAAAAMAAAAAAgAAAAQAAEcAAAAAAAoArAABAAAAAwBuAAIAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADgAAAAEAAAAAAAIADgBHAAEAAAAAAAMADgAkAAEAAAAAAAQADgBVAAEAAAAAAAUAFgAOAAEAAAAAAAYABwAyAAEAAAAAAAoAKABjAAMAAQQJAAEADgAAAAMAAQQJAAIADgBHAAMAAQQJAAMADgAkAAMAAQQJAAQADgBVAAMAAQQJAAUAFgAOAAMAAQQJAAYADgA5AAMAAQQJAAoAKABjAGkAYwBvAG0AbwBvAG4AVgBlAHIAcwBpAG8AbgAgADAALgAwAGkAYwBvAG0AbwBvAG5pY29tb29uAGkAYwBvAG0AbwBvAG4AUgBlAGcAdQBsAGEAcgBpAGMAbwBtAG8AbwBuAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA") format("truetype"), url("data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAATwAAsAAAAABKQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDq/zKmNtYXAAAAFoAAAAPAAAADzL8RqdZ2FzcAAAAaQAAAAIAAAACAAAABBnbHlmAAABrAAAAVgAAAFYSbag1WhlYWQAAAMEAAAANgAAADYAHd4caGhlYQAAAzwAAAAkAAAAJAd7BAtobXR4AAADYAAAAAwAAAAMBgAAR2xvY2EAAANsAAAACAAAAAgACgCsbWF4cAAAA3QAAAAgAAAAIAAGAHBuYW1lAAADlAAAATkAAAE5RBe01nBvc3QAAATQAAAAIAAAACAAAwAAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAg5gADwP/A/8ADwABAAAAAAAAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAAoAAAABgAEAAEAAgAg5gD//wAAACDmAP///+EaAgABAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAACAEcABwO5A3kANgBtAAABJy4BIgYPAQ4BFBYfAR4DFzcuAy8BLgE0Nj8BPgEyFh8BHgEUBg8BHgMVNz4BNCYnAS4DJwceAx8BHgEUBg8BDgEiJi8BLgE0Nj8BLgM1Bw4BFBYfAR4BMjY/AT4BNCYvAQO5BCNZXVoj2iMkJCMEAwYGBgRQBAcGBwMEExMTE9sTMDIxEwQTExMTYwcJBgOYJCMjJP6+AwYGBgRQBAcGBwMEExMTE9sTMDIxEwQTExMTYwcJBgOYJCMjJAQjWV1aI9ojJCQjBAN1BCQjIyTaI1ldWiMEAwYFBQNQAgUFBQMEFDAyMRPaExMTEwQTMTIwE2MQISEiEZkjWl1ZI/7GAwYFBQNQAgUFBQMEFDAyMRPaExMTEwQTMTIwE2MQISEiEZkjWl1ZIwQkIyMk2iNZXVojBAABAAAAAQAAUf+MUF8PPPUACwQAAAAAAM6jTNMAAAAAzqNM0wAAAAADuQN5AAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAARwO5AAEAAAAAAAAAAAAAAAAAAAADAAAAAAIAAAAEAABHAAAAAAAKAKwAAQAAAAMAbgACAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAA4AAAABAAAAAAACAA4ARwABAAAAAAADAA4AJAABAAAAAAAEAA4AVQABAAAAAAAFABYADgABAAAAAAAGAAcAMgABAAAAAAAKACgAYwADAAEECQABAA4AAAADAAEECQACAA4ARwADAAEECQADAA4AJAADAAEECQAEAA4AVQADAAEECQAFABYADgADAAEECQAGAA4AOQADAAEECQAKACgAYwBpAGMAbwBtAG8AbwBuAFYAZQByAHMAaQBvAG4AIAAwAC4AMABpAGMAbwBtAG8AbwBuaWNvbW9vbgBpAGMAbwBtAG8AbwBuAFIAZQBnAHUAbABhAHIAaQBjAG8AbQBvAG8AbgBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4AAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("woff") }
.anchorjs-icon { font-family: anchorjs-link; font-style: normal; font-variant: normal; font-weight: 400; line-height: 1; text-transform: none }
.anchorjs-link { color: inherit; float: left; height: 1em; margin-left: -1.2em; opacity: 0; text-align: center; width: 1em }
@media (max-width:480px) {
.anchorjs-link { display: none }
}
.anchorjs-link:focus, :hover>.anchorjs-link { opacity: .75; transition: color .16s linear 0s }
:hover>.anchorjs-link:hover { opacity: 1; text-decoration: none }
.anchorjs-icon { font-size: 60%; vertical-align: .2em }
.anchorjs-icon::before { content: "" }
body { position: relative }
.table code { font-size: 13px; font-weight: 400 }
h2 code, h3 code, h4 code { background-color: inherit }
.btn-outline { background-color: transparent; border-color: #563d7c; color: #563d7c }
.btn-outline:active, .btn-outline:focus, .btn-outline:hover { background-color: #563d7c; border-color: #563d7c; color: #fff }
.btn-outline-inverse { background-color: transparent; border-color: #cdbfe3; color: #fff }
.btn-outline-inverse:active, .btn-outline-inverse:focus, .btn-outline-inverse:hover { background-color: #fff; border-color: #fff; color: #563d7c; text-shadow: none }
.bs-docs-booticon { background-color: #563d7c; border-radius: 15%; color: #fff; cursor: default; display: block; font-weight: 500; text-align: center }
.bs-docs-booticon-sm { font-size: 20px; height: 30px; line-height: 28px; width: 30px }
.bs-docs-booticon-lg { font-size: 108px; height: 144px; line-height: 140px; width: 144px }
.bs-docs-booticon-inverse { background-color: #fff; color: #563d7c }
.bs-docs-booticon-outline { background-color: transparent; border: 1px solid #cdbfe3 }
#skippy { background-color: #6f5499; color: #fff; display: block; outline: 0; padding: 1em }
#skippy .skiplink-text { outline: dotted 1px; padding: .5em }
#content:focus { outline: 0 }
.bs-docs-nav { background-color: #fff; border-bottom: 0 none; margin-bottom: 0 }
.bs-home-nav .bs-nav-b { display: none }
.bs-docs-nav .navbar-brand, .bs-docs-nav .navbar-nav>li>a { color: #563d7c; font-weight: 500 }
.bs-docs-nav .navbar-nav>.active>a, .bs-docs-nav .navbar-nav>.active>a:hover, .bs-docs-nav .navbar-nav>li>a:hover { background-color: #f9f9f9; color: #463265 }
.bs-docs-nav .navbar-toggle .icon-bar { background-color: #563d7c }
.bs-docs-nav .navbar-header .navbar-toggle { border-color: #fff }
.bs-docs-nav .navbar-header .navbar-toggle:focus, .bs-docs-nav .navbar-header .navbar-toggle:hover { background-color: #f9f9f9; border-color: #f9f9f9 }
.bs-docs-footer { border-top: 1px solid #e5e5e5; color: #767676; margin-top: 100px; padding-bottom: 40px; padding-top: 40px; text-align: center }
.bs-docs-footer-links { margin-top: 20px; padding-left: 0 }
.bs-docs-footer-links li { display: inline; padding: 0 2px }
.bs-docs-footer-links li:first-child { padding-left: 0 }
@media (min-width:768px) {
.bs-docs-footer p { margin-bottom: 0 }
}
.bs-docs-social { margin-bottom: 20px; text-align: center }
.bs-docs-social-buttons { display: inline-block; list-style: none none; margin-bottom: 0; padding-left: 0 }
.bs-docs-social-buttons li { display: inline-block; line-height: 1; padding: 5px 8px }
.bs-docs-social-buttons .twitter-follow-button { width: 225px!important }
.bs-docs-social-buttons .twitter-share-button { width: 98px!important }
.github-btn { border: 0; overflow: hidden }
.bs-docs-header, .bs-docs-masthead { background-color: #6f5499; background-image: linear-gradient(to bottom, #563d7c 0, #6f5499 100%); background-repeat: repeat-x; color: #cdbfe3; padding: 30px 15px; position: relative; text-align: center; text-shadow: 0 1px 0 rgba(0,0,0,.1) }
.bs-docs-masthead .bs-docs-booticon { margin: 0 auto 30px }
.bs-docs-masthead h1 { color: #fff; font-weight: 300; line-height: 1 }
.bs-docs-masthead .lead { color: #fff; font-size: 20px; margin: 0 auto 30px }
.bs-docs-masthead .version { color: #9783b9; margin-bottom: 30px; margin-top: -15px }
.bs-docs-masthead .btn { font-size: 20px; padding: 15px 30px; width: 100% }
@media (min-width:480px) {
.bs-docs-masthead .btn { width: auto }
}
@media (min-width:768px) {
.bs-docs-masthead { padding: 80px 0 }
.bs-docs-masthead h1 { font-size: 60px }
.bs-docs-masthead .lead { font-size: 24px }
}
@media (min-width:992px) {
.bs-docs-masthead .lead { font-size: 30px; width: 80% }
}
.bs-docs-header { font-size: 20px; margin-bottom: 40px }
.bs-docs-header h1 { color: #fff; margin-top: 0 }
.bs-docs-header p { font-weight: 300; line-height: 1.4; margin-bottom: 0 }
.bs-docs-header .container { position: relative }
@media (min-width:768px) {
.bs-docs-header { font-size: 24px; padding-bottom: 60px; padding-top: 60px; text-align: left }
.bs-docs-header h1 { font-size: 60px; line-height: 1 }
}
@media (min-width:992px) {
.bs-docs-header h1, .bs-docs-header p { margin-right: 380px }
}
.carbonad { -moz-border-bottom-colors: none!important; -moz-border-left-colors: none!important; -moz-border-right-colors: none!important; -moz-border-top-colors: none!important; background: none!important; border-color: #866ab3!important; border-image: none!important; border-style: solid!important; border-width: 1px 0!important; font-size: 13px!important; height: auto!important; line-height: 16px!important; margin: 30px -30px -31px!important; overflow: hidden; padding: 20px!important; text-align: left; width: auto!important }
.carbonad-img { margin: 0!important }
.carbonad-tag, .carbonad-text { display: block!important; float: none!important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif!important; height: auto!important; margin-left: 145px!important; width: auto!important }
.carbonad-text { padding-top: 0!important }
.carbonad-tag { color: inherit!important; text-align: left!important }
.carbonad-tag a, .carbonad-text a { color: #fff!important }
.carbonad #azcarbon>img { display: none }
@media (min-width:480px) {
.carbonad { border-radius: 4px; border-width: 1px!important; margin: 20px auto!important; width: 330px!important }
.bs-docs-masthead .carbonad { margin: 50px auto 0!important }
}
@media (min-width:768px) {
.carbonad { margin-left: 0!important; margin-right: 0!important }
}
@media (min-width:992px) {
.carbonad { margin: 0!important; padding: 15px!important; position: absolute; right: 15px; top: 0; width: 330px!important }
.bs-docs-masthead .carbonad { position: static }
}
.bs-docs-featurette { background-color: #fff; border-bottom: 1px solid #e5e5e5; color: #555; font-size: 16px; line-height: 1.5; padding-bottom: 40px; padding-top: 40px; text-align: center }
.bs-docs-featurette+.bs-docs-footer { border-top: 0 none; margin-top: 0 }
.bs-docs-featurette-title { color: #333; font-size: 30px; font-weight: 400; margin-bottom: 5px }
.half-rule { margin: 40px auto; width: 100px }
.bs-docs-featurette h3 { color: #333; font-weight: 400; margin-bottom: 5px }
.bs-docs-featurette-img { color: #333; display: block; margin-bottom: 20px }
.bs-docs-featurette-img:hover { color: #337ab7; text-decoration: none }
.bs-docs-featurette-img img { display: block; margin-bottom: 15px }
@media (min-width:480px) {
.bs-docs-featurette .img-responsive { margin-top: 30px }
}
@media (min-width:768px) {
.bs-docs-featurette { padding-bottom: 100px; padding-top: 100px }
.bs-docs-featurette-title { font-size: 40px }
.bs-docs-featurette .lead { margin-left: auto; margin-right: auto; max-width: 80% }
.bs-docs-featurette .img-responsive { margin-top: 0 }
}
.bs-docs-featured-sites { margin-left: -1px; margin-right: -1px }
.bs-docs-featured-sites .col-xs-6 { padding: 1px }
.bs-docs-featured-sites .img-responsive { margin-top: 0 }
@media (min-width:768px) {
.bs-docs-featured-sites .col-sm-3:first-child img { border-bottom-left-radius: 4px; border-top-left-radius: 4px }
.bs-docs-featured-sites .col-sm-3:last-child img { border-bottom-right-radius: 4px; border-top-right-radius: 4px }
}
.bs-examples .thumbnail { margin-bottom: 10px }
.bs-examples h4 { margin-bottom: 5px }
.bs-examples p { margin-bottom: 20px }
@media (max-width:480px) {
.bs-examples { margin-left: -10px; margin-right: -10px }
.bs-examples>[class^=col-] {
padding-left:10px;
padding-right:10px
}
}
.bs-docs-sidebar.affix { position: static }
@media (min-width:768px) {
.bs-docs-sidebar { padding-left: 20px }
}
.bs-docs-sidenav { margin-bottom: 20px; margin-top: 20px }
.bs-docs-sidebar .nav>li>a { color: #767676; display: block; font-size: 13px; font-weight: 500; padding: 4px 20px }
.bs-docs-sidebar .nav>li>a:focus, .bs-docs-sidebar .nav>li>a:hover { background-color: transparent; border-left: 1px solid #563d7c; color: #563d7c; padding-left: 19px; text-decoration: none }
.bs-docs-sidebar .nav>.active:focus>a, .bs-docs-sidebar .nav>.active:hover>a, .bs-docs-sidebar .nav>.active>a { background-color: transparent; border-left: 2px solid #563d7c; color: #563d7c; font-weight: 700; padding-left: 18px }
.bs-docs-sidebar .nav .nav { display: none; padding-bottom: 10px }
.bs-docs-sidebar .nav .nav>li>a { font-size: 12px; font-weight: 400; padding-bottom: 1px; padding-left: 30px; padding-top: 1px }
.bs-docs-sidebar .nav .nav>li>a:focus, .bs-docs-sidebar .nav .nav>li>a:hover { padding-left: 29px }
.bs-docs-sidebar .nav .nav>.active:focus>a, .bs-docs-sidebar .nav .nav>.active:hover>a, .bs-docs-sidebar .nav .nav>.active>a { font-weight: 500; padding-left: 28px }
.back-to-top, .bs-docs-theme-toggle { color: #999; display: none; font-size: 12px; font-weight: 500; margin-left: 10px; margin-top: 10px; padding: 4px 10px }
.back-to-top:hover, .bs-docs-theme-toggle:hover { color: #563d7c; text-decoration: none }
.bs-docs-theme-toggle { margin-top: 0 }
@media (min-width:768px) {
.back-to-top, .bs-docs-theme-toggle { display: block }
}
@media (min-width:992px) {
.bs-docs-sidebar .nav>.active>ul { display: block }
.bs-docs-sidebar.affix, .bs-docs-sidebar.affix-bottom { width: 213px }
.bs-docs-sidebar.affix { position: fixed; top: 20px }
.bs-docs-sidebar.affix-bottom { position: absolute }
.bs-docs-sidebar.affix .bs-docs-sidenav, .bs-docs-sidebar.affix-bottom .bs-docs-sidenav { margin-bottom: 0; margin-top: 0 }
}
@media (min-width:1200px) {
.bs-docs-sidebar.affix, .bs-docs-sidebar.affix-bottom { width: 263px }
}
.bs-docs-section { margin-bottom: 60px }
.bs-docs-section:last-child { margin-bottom: 0 }
h1[id] { margin-top: 0; padding-top: 20px }
.bs-callout { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: #eee; border-image: none; border-radius: 3px; border-style: solid; border-width: 1px 1px 1px 5px; margin: 20px 0; padding: 20px }
.bs-callout h4 { margin-bottom: 5px; margin-top: 0 }
.bs-callout p:last-child { margin-bottom: 0 }
.bs-callout code { border-radius: 3px }
.bs-callout+.bs-callout { margin-top: -5px }
.bs-callout-danger { border-left-color: #ce4844 }
.bs-callout-danger h4 { color: #ce4844 }
.bs-callout-warning { border-left-color: #aa6708 }
.bs-callout-warning h4 { color: #aa6708 }
.bs-callout-info { border-left-color: #1b809e }
.bs-callout-info h4 { color: #1b809e }
.color-swatches { margin: 0 -5px; overflow: hidden }
.color-swatch { border-radius: 3px; float: left; height: 60px; margin: 0 5px; width: 60px }
@media (min-width:768px) {
.color-swatch { height: 100px; width: 100px }
}
.color-swatches .gray-darker { background-color: #222 }
.color-swatches .gray-dark { background-color: #333 }
.color-swatches .gray { background-color: #555 }
.color-swatches .gray-light { background-color: #999 }
.color-swatches .gray-lighter { background-color: #eee }
.color-swatches .brand-primary { background-color: #337ab7 }
.color-swatches .brand-success { background-color: #5cb85c }
.color-swatches .brand-warning { background-color: #f0ad4e }
.color-swatches .brand-danger { background-color: #d9534f }
.color-swatches .brand-info { background-color: #5bc0de }
.color-swatches .bs-purple { background-color: #563d7c }
.color-swatches .bs-purple-light { background-color: #c7bfd3 }
.color-swatches .bs-purple-lighter { background-color: #e5e1ea }
.color-swatches .bs-gray { background-color: #f9f9f9 }
.bs-team .team-member { color: #555; line-height: 32px }
.bs-team .team-member:hover { color: #333; text-decoration: none }
.bs-team .github-btn { float: right; height: 20px; margin-top: 6px; width: 180px }
.bs-team img { border-radius: 4px; float: left; margin-right: 10px; width: 32px }
.bs-docs-browser-bugs td p { margin-bottom: 0 }
.bs-docs-browser-bugs th:first-child { width: 18% }
.show-grid { margin-bottom: 15px }
.show-grid [class^=col-] { background-color: rgba(86,61,124,.15); border: 1px solid rgba(86,61,124,.2); padding-bottom: 10px; padding-top: 10px }
.bs-example { border-color: #e5e5e5 #eee #eee; border-style: solid; border-width: 1px 0; box-shadow: 0 3px 6px rgba(0,0,0,.05) inset; margin: 0 -15px 15px; padding: 45px 15px 15px; position: relative }
.bs-example::after { color: #959595; content: "Example"; font-size: 12px; font-weight: 700; left: 15px; letter-spacing: 1px; position: absolute; text-transform: uppercase; top: 15px }
.bs-example-padded-bottom { padding-bottom: 24px }
.bs-example+.highlight, .bs-example+.zero-clipboard+.highlight { border-radius: 0; border-width: 0 0 1px; margin: -15px -15px 15px }
@media (min-width:768px) {
.bs-example { background-color: #fff; border-color: #ddd; border-radius: 4px 4px 0 0; border-width: 1px; box-shadow: none; margin-left: 0; margin-right: 0 }
.bs-example+.highlight, .bs-example+.zero-clipboard+.highlight { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-width: 1px; margin-left: 0; margin-right: 0; margin-top: -16px }
.bs-example-standalone { border-radius: 4px }
}
.bs-example .container { width: auto }
.bs-example>.alert:last-child, .bs-example>.form-control:last-child, .bs-example>.jumbotron:last-child, .bs-example>.list-group:last-child, .bs-example>.navbar:last-child, .bs-example>.panel:last-child, .bs-example>.progress:last-child, .bs-example>.table-responsive:last-child>.table, .bs-example>.table:last-child, .bs-example>.well:last-child, .bs-example>blockquote:last-child, .bs-example>ol:last-child, .bs-example>p:last-child, .bs-example>ul:last-child { margin-bottom: 0 }
.bs-example>p>.close { float: none }
.bs-example-type .table .type-info { color: #767676; vertical-align: middle }
.bs-example-type .table td { border-color: #eee; padding: 15px 0 }
.bs-example-type .table tr:first-child td { border-top: 0 none }
.bs-example-type h1, .bs-example-type h2, .bs-example-type h3, .bs-example-type h4, .bs-example-type h5, .bs-example-type h6 { margin: 0 }
.bs-example-bg-classes p { padding: 15px }
.bs-example>.img-circle, .bs-example>.img-rounded, .bs-example>.img-thumbnail { margin: 5px }
.bs-example>.table-responsive>.table { background-color: #fff }
.bs-example>.btn, .bs-example>.btn-group { margin-bottom: 5px; margin-top: 5px }
.bs-example-control-sizing input[type=text]+input[type=text], .bs-example-control-sizing select, .bs-example>.btn-toolbar+.btn-toolbar { margin-top: 10px }
.bs-example-form .input-group { margin-bottom: 10px }
.bs-example>textarea.form-control { resize: vertical }
.bs-example>.list-group { max-width: 400px }
.bs-example .navbar:last-child { margin-bottom: 0 }
.bs-navbar-bottom-example, .bs-navbar-top-example { overflow: hidden; padding: 0; z-index: 1 }
.bs-navbar-bottom-example .navbar-header, .bs-navbar-top-example .navbar-header { margin-left: 0 }
.bs-navbar-bottom-example .navbar-fixed-bottom, .bs-navbar-top-example .navbar-fixed-top { margin-left: 0; margin-right: 0; position: relative }
.bs-navbar-top-example { padding-bottom: 45px }
.bs-navbar-top-example::after { bottom: 15px; top: auto }
.bs-navbar-top-example .navbar-fixed-top { top: -1px }
.bs-navbar-bottom-example { padding-top: 45px }
.bs-navbar-bottom-example .navbar-fixed-bottom { bottom: -1px }
.bs-navbar-bottom-example .navbar { margin-bottom: 0 }
@media (min-width:768px) {
.bs-navbar-bottom-example .navbar-fixed-bottom, .bs-navbar-top-example .navbar-fixed-top { position: absolute }
}
.bs-example .pagination { margin-bottom: 10px; margin-top: 10px }
.bs-example>.pager { margin-top: 0 }
.bs-example-modal { background-color: #f5f5f5 }
.bs-example-modal .modal { bottom: auto; display: block; left: auto; position: relative; right: auto; top: auto; z-index: 1 }
.bs-example-modal .modal-dialog { left: auto; margin-left: auto; margin-right: auto }
.bs-example>.dropdown>.dropdown-toggle { float: left }
.bs-example>.dropdown>.dropdown-menu { clear: left; display: block; margin-bottom: 5px; position: static }
.bs-example-tabs .nav-tabs { margin-bottom: 15px }
.bs-example-tooltips { text-align: center }
.bs-example-tooltips>.btn { margin-bottom: 5px; margin-top: 5px }
.bs-example-tooltip .tooltip { display: inline-block; margin: 10px 20px; opacity: 1; position: relative }
.bs-example-popover { background-color: #f9f9f9; padding-bottom: 24px }
.bs-example-popover .popover { display: block; float: left; margin: 20px; position: relative; width: 260px }
.scrollspy-example { height: 200px; margin-top: 10px; overflow: auto; position: relative }
.bs-example>.nav-pills-stacked-example { max-width: 300px }
#collapseExample .well { margin-bottom: 0 }
.bs-events-table>tbody>tr>td:first-child, .bs-events-table>thead>tr>th:first-child { white-space: nowrap }
.bs-events-table>thead>tr>th:first-child { width: 150px }
.js-options-table>thead>tr>th:nth-child(1), .js-options-table>thead>tr>th:nth-child(2) { width: 100px }
.js-options-table>thead>tr>th:nth-child(3) { width: 50px }
.highlight { background-color: #f7f7f9; border: 1px solid #e1e1e8; border-radius: 4px; margin-bottom: 14px; padding: 9px 14px }
.highlight pre { background-color: transparent; border: 0; margin-bottom: 0; margin-top: 0; padding: 0; white-space: nowrap; word-break: normal }
.highlight pre code { color: #333; font-size: inherit }
.highlight pre code:first-child { display: inline-block; padding-right: 45px }
.table-responsive .highlight pre { white-space: normal }
.bs-table th small, .responsive-utilities th small { color: #999; display: block; font-weight: 400 }
.responsive-utilities tbody th { font-weight: 400 }
.responsive-utilities td { text-align: center }
.responsive-utilities td.is-visible { background-color: #dff0d8!important; color: #468847 }
.responsive-utilities td.is-hidden { background-color: #f9f9f9!important; color: #ccc }
.responsive-utilities-test { margin-top: 5px }
.responsive-utilities-test .col-xs-6 { margin-bottom: 10px }
.responsive-utilities-test span { border-radius: 4px; display: block; font-size: 14px; font-weight: 700; line-height: 1.1; padding: 15px 10px; text-align: center }
.hidden-on .col-xs-6 .hidden-lg, .hidden-on .col-xs-6 .hidden-md, .hidden-on .col-xs-6 .hidden-sm, .hidden-on .col-xs-6 .hidden-xs, .visible-on .col-xs-6 .hidden-lg, .visible-on .col-xs-6 .hidden-md, .visible-on .col-xs-6 .hidden-sm, .visible-on .col-xs-6 .hidden-xs { border: 1px solid #ddd; color: #999 }
.hidden-on .col-xs-6 .visible-lg-block, .hidden-on .col-xs-6 .visible-md-block, .hidden-on .col-xs-6 .visible-sm-block, .hidden-on .col-xs-6 .visible-xs-block, .visible-on .col-xs-6 .visible-lg-block, .visible-on .col-xs-6 .visible-md-block, .visible-on .col-xs-6 .visible-sm-block, .visible-on .col-xs-6 .visible-xs-block { background-color: #dff0d8; border: 1px solid #d6e9c6; color: #468847 }
.bs-glyphicons { margin: 0 -10px 20px; overflow: hidden }
.bs-glyphicons-list { list-style: none none; padding-left: 0 }
.bs-glyphicons li { background-color: #f9f9f9; border: 1px solid #fff; float: left; font-size: 10px; height: 115px; line-height: 1.4; padding: 10px; text-align: center; width: 25% }
.bs-glyphicons .glyphicon { font-size: 24px; margin-bottom: 10px; margin-top: 5px }
.bs-glyphicons .glyphicon-class { display: block; text-align: center; word-wrap: break-word }
.bs-glyphicons li:hover { background-color: #563d7c; color: #fff }
@media (min-width:768px) {
.bs-glyphicons { margin-left: 0; margin-right: 0 }
.bs-glyphicons li { font-size: 12px; width: 12.5% }
}
.bs-customizer .toggle { float: right; margin-top: 25px }
.bs-customizer label { color: #555; font-weight: 500; margin-top: 10px }
.bs-customizer h2 { margin-bottom: 5px; margin-top: 0; padding-top: 30px }
.bs-customizer h3 { margin-bottom: 0 }
.bs-customizer h4 { margin-bottom: 0; margin-top: 15px }
.bs-customizer .bs-callout h4 { margin-bottom: 5px; margin-top: 0 }
.bs-customizer input[type=text] { background-color: #fafafa; font-family: Menlo, Monaco, Consolas, "Courier New", monospace }
.bs-customizer .help-block { font-size: 12px; margin-bottom: 5px }
#less-section label { font-weight: 400 }
.bs-customize-download .btn-outline { padding: 20px }
.bs-customizer-alert { background-color: #d9534f; border-bottom: 1px solid #b94441; box-shadow: 0 1px 0 rgba(255,255,255,.25) inset; color: #fff; left: 0; padding: 15px 0; position: fixed; right: 0; top: 0; z-index: 1030 }
.bs-customizer-alert .close { font-size: 24px; margin-top: -4px }
.bs-customizer-alert p { margin-bottom: 0 }
.bs-customizer-alert .glyphicon { margin-right: 5px }
.bs-customizer-alert pre { background-color: #a83c3a; border-color: #973634; box-shadow: 0 2px 4px rgba(0,0,0,.05) inset, 0 1px 0 rgba(255,255,255,.1); color: #fff; margin: 10px 0 0 }
.bs-dropzone { border: 2px dashed #eee; border-radius: 4px; color: #777; margin-bottom: 20px; padding: 20px; position: relative; text-align: center }
.bs-dropzone .import-header { margin-bottom: 5px }
.bs-dropzone .glyphicon-download-alt { font-size: 40px }
.bs-dropzone hr { width: 100px }
.bs-dropzone .lead { color: #333; font-weight: 400; margin-bottom: 10px }
#import-manual-trigger { cursor: pointer }
.bs-dropzone p:last-child { margin-bottom: 0 }
.bs-brand-logos { background-color: #f9f9f9; border-radius: 4px; color: #563d7c; display: table; margin-bottom: 15px; overflow: hidden; width: 100% }
.bs-brand-item { padding: 60px 0; text-align: center }
.bs-brand-item+.bs-brand-item { border-top: 1px solid #fff }
.bs-brand-logos .inverse { background-color: #563d7c; color: #fff }
.bs-brand-item h1, .bs-brand-item h3 { margin-bottom: 0; margin-top: 0 }
.bs-brand-item .bs-docs-booticon { margin-left: auto; margin-right: auto }
.bs-brand-item .glyphicon { border-radius: 50%; color: #fff; height: 30px; line-height: 30px; margin: 10px auto -10px; width: 30px }
.bs-brand-item .glyphicon-ok { background-color: #5cb85c }
.bs-brand-item .glyphicon-remove { background-color: #d9534f }
@media (min-width:768px) {
.bs-brand-item { display: table-cell; width: 1% }
.bs-brand-item+.bs-brand-item { border-left: 1px solid #fff; border-top: 0 none }
.bs-brand-item h1 { font-size: 60px }
}
.zero-clipboard { display: none; position: relative }
.btn-clipboard { background-color: #fff; border: 1px solid #e1e1e8; border-radius: 0 4px; color: #767676; cursor: pointer; display: block; font-size: 12px; padding: 5px 8px; position: absolute; right: 0; top: 0; z-index: 10 }
.btn-clipboard-hover { background-color: #563d7c; border-color: #563d7c; color: #fff }
@media (min-width:768px) {
.zero-clipboard { display: block }
.bs-example+.zero-clipboard .btn-clipboard { border-top-right-radius: 0; top: -16px }
}
#focusedInput { border-color: rgba(82,168,236,.8); box-shadow: 0 0 8px rgba(82,168,236,.6); outline: 0 }
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover, .navbar.navbar-bg-light .navbar-nav > li > a:hover, .navbar.navbar-bg-light .navbar-nav > li > a:focus, .navbar.navbar-bg-light .navbar-nav > li > a.active, .navbar.navbar-bg-light .navbar-nav > li > a.highlighted, .page-links div a:hover, .page-links div a:active, .page-links div a:focus, .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover, .dropdown-menu > li > a.active, .text-color, .item-box a:hover i, .inverse i, .item-box.icons-color i, .pricing:hover .title, .pricing:hover .title a, .process-content:hover .title, .pricing .price, .post-meta i, .meta i, .quote blockquote:before, .quote blockquote:after, .tweet_time a, #video-controls a, .link-hover-color a:hover, .icons-hover-color i:hover, .navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li.active > a:focus, .navbar-default .navbar-nav > li.active > a:hover, #page .breadcrumb > .active, .timeliner li:hover .timeline-heading h4.subheading, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .sitemap li a:hover, .link-hover-black a:hover, .icons-hover-black i:hover, .header-search:hover i, ul.arrow-style li:before, .hover:hover, #fun-factor .fun-icon:before, a.read-more, .panel-group.list-style.new .panel .panel-heading > .panel-title:before, .general-section .nav > li:before, .general-section .works-filters.nav > li.active, .general-section.white .nav > li.active, .general-section .nav > li:hover, .price, .star-rating.color .fa, .special-feature .mask-top:after, .navbar-default .navbar-nav > li.active > a, .navbar-default .navbar-nav > li.active > a:focus, .navbar-default .navbar-nav > li.active > a:hover, .detail-box .icon i, .contact-info .item-box i, .has-submenu::after, .btn-transparent-white:hover, .btn-transparent-black:hover { color: #38ACEC  ; }
.top-bar-section.top-bar-bg-color, .product-count, .navbar-bg-color, .top-bar-section.top-bar-bg-color, .btn-default, .section-title h1:before, .section-title h2:before, .special-feature .mask-top h4:before, .s-feature-box:hover .mask-bottom, .progress-bar, .owl-prev .fa, .owl-next .fa, h3.count-number:before, h2.count-number:before, .item-box.inverse a:hover i, .item-number, .name:before, .inverse-bg-color i, .icons-bg-color i, .bg-color, .gray-bg i:hover, .features-list-item:hover i, .bar, .pagination > .active > span, .pagination > .active > span:hover, .blog.timeliner>li:hover .timeline-image, .blog.timeliner>li:hover .timeline-icon, div.count-number:before, .static-color-icons span, .team-item .social-icon, .caption-block, .image-top-border .service-image:before, .image-top-border .service-image:after, .general-section .nav:before, .navbar-default .navbar-toggle .icon-bar, .list-border .list-group-item.active, .list-border .list-group-item.active:focus, .list-border .list-group-item.active:hover, .list-border.widget a.list-group-item:focus, .list-border.widget a.list-group-item:hover, .image-bg .overlay-color, .overlay-color, .work-section .nav.b-color li.active, .work-section .nav.b-color li:hover, .mixed-grid .nav.b-color li.active, .mixed-grid .nav.b-color li:hover { background-color: #38ACEC  ; }
.dropdown-menu, .desc-border, .border-color, .timeliner li:hover .timeline-image, .pagination > .active > span, .pagination > .active > span:hover, .blog.timeliner >li:hover .timeline-panel, .slider.border-bottom, .special-feature .s-feature-box, .image-top-border img, #client-list img:hover, .sidebar .widget .widget-title .title:after, .page-wrap .section-title, .request-quote .container { border-color: #38ACEC  ; }
.bottom-arrow:before { border-top-color: #38ACEC  ; }
.rightGrip, .leftGrip { border-bottom: 10px solid #38ACEC   !important; }
.btn-default:hover, .color-switch .owl-controls .owl-page span, .tags li a, .slider-box h2 { background-color: rgba(254,182,0,.8); }
.tparrows { background-color: rgba(254,182,0,.4) !important; }
::-moz-selection {
 background: #38ACEC  ;
 color: #000000;
 text-shadow: none;
}
::selection { background: #38ACEC  ; color: #a4003a; text-shadow: none; }
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0 }
.owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y }
.owl-carousel .owl-wrapper { display: none; position: relative }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100% }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out }
.owl-carousel .owl-item { float: left }
.owl-controls .owl-buttons div, .owl-controls .owl-page { cursor: pointer }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent }
.grabbing { cursor: url(grabbing.png) 8 8, move }
.owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0) }
.owl-theme .owl-controls { margin-top: 10px; text-align: center }
.owl-theme .owl-controls .owl-buttons div { color: #FFF; display: inline-block; zoom: 1; margin: 5px; padding: 5px 15px; font-size: 12px; background: 0 0; filter: Alpha(Opacity=50); opacity: .5 }
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100); opacity: 1; text-decoration: none }
.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1 }
.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); opacity: .5; background: rgba(0,0,0,.2) }
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100); opacity: 1 }
.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px }
.owl-item.loading { min-height: 150px; background: url(AjaxLoader.gif) center center no-repeat }
.owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px }
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease }
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease }
.owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease }
.owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease }
.owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both }
.owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both }
.owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both }
.owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both }
@-webkit-keyframes empty { 0% {
opacity:1
}
}
@-moz-keyframes empty { 0% {
opacity:1
}
}
@keyframes empty { 0% {
opacity:1
}
}
@-webkit-keyframes fadeIn { 0% {
opacity:0
}
100% {
opacity:1
}
}
@-moz-keyframes fadeIn { 0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn { 0% {
opacity:0
}
100% {
opacity:1
}
}
@-webkit-keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
@-moz-keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut { 0% {
opacity:1
}
100% {
opacity:0
}
}
@-webkit-keyframes backSlideOut { 25% {
opacity:.5;
-webkit-transform:translateZ(-500px)
}
100%, 75% {
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(-200%)
}
}
@-moz-keyframes backSlideOut { 25% {
opacity:.5;
-moz-transform:translateZ(-500px)
}
100%, 75% {
opacity:.5;
-moz-transform:translateZ(-500px) translateX(-200%)
}
}
@keyframes backSlideOut { 25% {
opacity:.5;
transform:translateZ(-500px)
}
100%, 75% {
opacity:.5;
transform:translateZ(-500px) translateX(-200%)
}
}
@-webkit-keyframes backSlideIn { 0%, 25% {
opacity:.5;
-webkit-transform:translateZ(-500px) translateX(200%)
}
75% {
opacity:.5;
-webkit-transform:translateZ(-500px)
}
100% {
opacity:1;
-webkit-transform:translateZ(0) translateX(0)
}
}
@-moz-keyframes backSlideIn { 0%, 25% {
opacity:.5;
-moz-transform:translateZ(-500px) translateX(200%)
}
75% {
opacity:.5;
-moz-transform:translateZ(-500px)
}
100% {
opacity:1;
-moz-transform:translateZ(0) translateX(0)
}
}
@keyframes backSlideIn { 0%, 25% {
opacity:.5;
transform:translateZ(-500px) translateX(200%)
}
75% {
opacity:.5;
transform:translateZ(-500px)
}
100% {
opacity:1;
transform:translateZ(0) translateX(0)
}
}
@-webkit-keyframes scaleToFade { to {
opacity:0;
-webkit-transform:scale(.8)
}
}
@-moz-keyframes scaleToFade { to {
opacity:0;
-moz-transform:scale(.8)
}
}
@keyframes scaleToFade { to {
opacity:0;
transform:scale(.8)
}
}
@-webkit-keyframes goDown { from {
-webkit-transform:translateY(-100%)
}
}
@-moz-keyframes goDown { from {
-moz-transform:translateY(-100%)
}
}
@keyframes goDown { from {
transform:translateY(-100%)
}
}
@-webkit-keyframes scaleUpFrom { from {
opacity:0;
-webkit-transform:scale(1.5)
}
}
@-moz-keyframes scaleUpFrom { from {
opacity:0;
-moz-transform:scale(1.5)
}
}
@keyframes scaleUpFrom { from {
opacity:0;
transform:scale(1.5)
}
}
@-webkit-keyframes scaleUpTo { to {
opacity:0;
-webkit-transform:scale(1.5)
}
}
@-moz-keyframes scaleUpTo { to {
opacity:0;
-moz-transform:scale(1.5)
}
}
@keyframes scaleUpTo { to {
opacity:0;
transform:scale(1.5)
}
}
/*modify*/
.widget li { line-height: normal !important; }
@media (min-width:768px) {
.owl-item h3 { font-weight: normal; }
.page-wrap .section-title h2 { font-weight: normal; }
.item-box { padding: 15px 0; }
.navbar-nav { margin-top: 15px; }
.navbar-nav > li > a { font-weight: normal; font-size: 14px; }
.tab-content { border-left: 1px solid #ddd; padding-left: 20px; min-height:500px; }
.nav-tabs{ margin-top:10px;}
}
.nav-tabs li{ border-bottom:1px solid #ddd;}
@media (max-width:767px) {
.owl-item h3 { font-weight: normal; }
.page-section, #footer .footer-widget { padding-top: 20px; padding-bottom: 20px }
.page-wrap .section-title { border: none; width: 100%; display: block; padding: 0; }
.page-wrap .section-title h2 { font-weight: normal; text-align: center; margin-bottom: 10px; }
#footer .footer-widget { text-align: center; }
#footer .copyright { padding-top: 10px; padding-bottom: 10px; }
#footer .copyright, #footer .copyright .text-right { text-align: center !important; }
.page-wrap .section-title { padding-bottom: 15px; }
}
.inner-content .title-wapper { background: url("../images/heading-border.png") no-repeat center bottom; margin-bottom: 20px; padding-bottom: 5px; padding-top:15px; }
.title-wapper h2 { font-size: 32px; font-weight: normal; text-align: center; text-transform: uppercase; }
.tabs-left{ border-bottom: none; padding-top: 2px; }
.tabs-left>li { float: none; margin-bottom: 2px; }
.tabs-left>li { margin-right: -1px; }
.tabs-left>li.active>a, .tabs-left>li.active>a:hover, .tabs-left>li.active>a:focus { border:none; }
.tabs-left>li>a {  margin-right: 0; display: block; }
#servcies ul{ margin-left:30px;}
#servcies ul li{ list-style:circle; margin-bottom:10px ; font-size:16px; font-weight:600; color:#b2c200;}
.mar-null{ margin:0;}
ul.large{ margin-left:30px;}
ul.large li{ list-style:circle; margin-bottom:10px ; font-size:16px; font-weight:600; color:#b2c200;}
#ongoing h3, #board h5{ font-weight:normal; font-size:18px;}
#board h5{color:#b2c200;}
.projects-img{ margin-bottom:30px;}
.mar-t-20{ margin-top:20px;}
.owl-carousel .owl-item , .owl-carousel .owl-item img{ width:auto !important; margin:0 5px;}