/* =============================================== */
/* ---------------->>> CSS STYLES <<<------------- */
/* ================================================ */
/*
1. GLOBAL STYLES
- Heading
- List Style
- Links
- Positions
- Title
- Layout
- z-index
- Button
- Animation
- Icons Styles
- Icon With Color
- Icons With Size Variations
- Social Icons
- Icon Hover
- Border
- Page Loader
- Accordion
- Tabs
- BG Image
- Overlay
- Forms
- Text Color
- BG Color
- Transition Effects
- Gary Scale Image
- Hover Effects
- Navigation Menu
- Side Navigation Menu
2. SLIDER SECTION
- Slider Revolution
- Bootstrap Carousel
- Carousel Fade
- Home Carousel Slider
- Owl Slider
- Owl Navigations
- Owl Paginations
- Text Slider
3. MAIN SECTION
- Special Features
- Features
- Additional Features
- Progress
- Portfolio / Work
- Work Process
- Pricing
-Ribbon
- Counter
- Pie Chart
- Item-box
- Twiiter Feed
- Blog
- Latest News
- Posts
- Video Post
- Meta
- Reply
- Testimonials
- Get a Quote
- Page Title Variations
- Background Video
- Google Map
- Contact Form
- Sitemap
4. SIDEBAR
- Tags
- Social Feed Widget
- Shop Widgets
- Poll
- Price Range Filter
- Widget
- Newsletter
- Sticky Sidebar - NEW
5. PAGES
- Service Time-line
- Time Liner Blog & Resume
- Timeline Left side Bar
- Coming Soon
- Event page
- Schedule Section
- Schedule panel-collapse
- Faq
- Book Landing page
- 404
- Charity
- Fashion page
- spa
- Wedding
- Real Estate
- Motor Page
- Mail chimp
- Shopping Cart
- Zoom Product
- Masonry Grid
- Hosting Page
6. Footer
- Copyright
- Dark Section
- Bootstrap Elements
7 . Extras
- Space Adjustments
- Custom Height
- 4 Side Padding
- 4 Side Margin
- Top Padding
- Top Margin
- Bottom Padding
- Bottom Margin
- Top & Bottom Padding
- Top & Bottom Margin
- Item Box
- Carousel Custom height
/******************************************************************************
Global Style
*******************************************************************************/
body
{
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 400;
font-style: normal;
line-height: 1.8;
overflow-x: hidden;
height: 100%;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
}
button
{
font-family: 'Open Sans', sans-serif;
}
input,
select,
textarea
{
font-family: Montserrat;
}
/* Heading */
h1,
h2,
h3,
h4,
h5,
h6
{
font-family: Montserrat;
font-weight: 800;
line-height: 1.3;
margin: 0 0 22px;
letter-spacing: -.8px;
text-transform: capitalize;
}
h1
{
font-size: 48px;
letter-spacing: -3px;
}
h2
{
font-size: 38px;
}
h3
{
font-size: 30px;
}
h4
{
font-size: 22px;
line-height: 1.7;
}
h4.smarg
{
margin-top: 10px;
margin-bottom: 8px;
}
h4.title
{
margin-bottom: 8px;
}
h5
{
font-size: 18px;
margin-bottom: 10px;
letter-spacing: 0;
}
h6
{
font-size: 16px;
line-height: 28px;
margin-bottom: 10px;
}
.mtitle
{
margin-bottom: 10px;
}
.head-no-margin h6
{
margin-bottom: 14px;
}
.upper
{
text-transform: uppercase !important;
}
.lower
{
text-transform: lowercase;
}
.text-small
{
font-size: 12px;
line-height: 18px;
}
.desc
{
font-size: 16px;
font-weight: 600;
}
.desc1
{
font-size: 20px;
font-weight: 600;
}
hr
{
border: 0;
border-top: 1px solid #f2f2f2;
border-top: 1px solid 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
{
padding: 0 5px;
background: #ffc400;
}
.bg-black
{
background: #000;
}
.bg-white
{
background: #fff !important;
}
/* List Style */
ol li
{
list-style: inherit;
}
ul.list-style
{
margin: 0 0 18px;
padding: 0 0 0 60px;
}
ul.list-style li
{
line-height: 1;
position: relative;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
list-style: disc;
}
.arrow-style
{
margin: 0 0 12px;
padding: 0 0 0 0;
}
.arrow-style li
{
position: relative;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 20px;
list-style: outside none none;
}
ul.arrow-style li:before
{
font-family: FontAwesome;
position: absolute;
top: 3px;
left: 0;
display: block;
content: '\f105';
}
ul.arrow-style.ls1 li:before
{
font-family: FontAwesome;
position: absolute;
top: 2px;
left: 0;
display: block;
content: '\f138';
}
ul.arrow-style.ls2 li:before
{
font-family: FontAwesome;
font-size: 20px;
position: absolute;
top: 0;
left: 0;
display: block;
content: '\f14a';
}
.arrow-style.ls2 li
{
padding-top: 4px;
padding-bottom: 6px;
padding-left: 30px;
}
.product-page .description
{
margin-bottom: 20px;
color: #7f7f7f;
}
/* Links */
a
{
color: #171717;
}
a:visited
{
text-decoration: none;
color: #171717;
}
a:focus
{
text-decoration: none;
color: #171717;
}
a:active
{
color: #000;
}
a:hover
{
text-decoration: none;
color: #171717;
}
a,
a:hover,
a:visited,
a:focus
{
outline: 0 none;
}
.container
{
width: 100%;
max-width: 1200px;
}
/* Positions */
.absolute
{
position: absolute;
}
.relative
{
position: relative;
}
/* Title */
.title
{
font-weight: 800;
letter-spacing: -1px;
}
.section-title
{
position: relative;
margin-bottom: 40px;
border-bottom-width: 0;
}
.section-title h1
{
font-size: 45px;
margin: 0 0 12px;
padding: 14px 0;
text-align: center;
text-transform: capitalize;
}
h1.med
{
font-size: 35px;
}
.section-title h2,
.section-title h3
{
font-size: 38px;
margin: 0 0 12px;
padding: 0 0 14px 0;
text-align: center;
letter-spacing: -3px;
text-transform: capitalize;
}
.section-title h3
{
font-size: 30px;
}
.section-title.text-left h2,
.section-title.text-left h1,
.section-title.text-left h3
{
text-align: left;
}
.section-title h1:before,
.section-title h2:before,
.section-title h3:before
{
position: absolute;
right: 0;
bottom: 0;
left: 0;
display: block;
width: 40px;
height: 3px;
margin: -2px auto;
content: '';
}
.section-title.text-left h2
{
text-align: left;
}
.section-title.text-left h1:before,
.section-title.text-left h2:before,
.section-title.text-left h3:before
{
left: 0;
margin-left: 0;
}
.title-description
{
padding-bottom: 50px;
}
.title i
{
margin-right: 7px;
}
/* Layout */
section,
.footer-widget,
.copyright
{
position: relative;
}
.wide .container
{
width: 100%;
}
.boxed #page
{
position: relative;
max-width: 1200px;
margin: 39px auto 0;
margin-top: 0;
background: none repeat scroll 0 0 #fff;
box-shadow: 0 0 18px rgba(0, 0, 0, .3);
}
.boxed #page .container
{
max-width: 1140px;
}
.boxed .sticky-wrapper.is-sticky #sticker,
.boxed .sticky-wrapper,
.boxed .tp-revslider-mainul
{
max-width: 1200px;
margin: 0 auto !important;
}
.page-section
{
position: relative;
display: block;
overflow: hidden;
width: 100%;
padding: 75px 0;
}
/* 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
{
font-weight: 700;
line-height: 28px;
position: relative;
padding: 9px 50px 9px 50px;
border: none;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
outline: none;
}
.tp-caption .btn
{
font-weight: 700!important;
}
.btn.bsquare
{
border-radius: 0!important;
}
.btn:hover
{
-webkit-transition: background .2s linear, color .2s linear;
transition: background .2s linear, color .2s linear;
}
.btn-default,
.btn-default.inverse:hover,
.btn-default.inverse:focus
{
color: #fff !important;
border: 1px solid;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.inverse
{
color: #171717!important;
border: 1px solid transparent!important;
}
.btn-default.inverse i
{
color: inherit !important;
}
.btn-default i
{
padding-left: 10px;
}
.btn-default i.rspace
{
padding-right: 10px;
}
.btn.btn-lg
{
font-size: 15px;
padding: 16px 45px;
}
.btn.btn-sm
{
padding: 4px 30px 4px 30px;
}
.btn.btn-md
{
padding: 6px 35px 6px 35px;
}
.transparent-header.top-bar .sticky-wrapper
{
top: 45px;
}
.btn-black
{
color: #fff!important;
background: #000!important;
}
.btn-black:hover,
.btn-black:focus
{
opacity: .8;
color: #fff!important;
}
.hblack:hover,
.hblack:focus
{
color: #fff!important;
background: #000!important;
}
.i-unset
{
line-height: unset!important;
}
/* Updated */
.btn-transparent-white,
.btn-transparent-white-inverse:hover
{
margin: 0;
color: #fff!important;
border: 2px solid #fff!important;
background: transparent!important;
}
.btn-transparent-white:hover,
.btn-transparent-white-inverse
{
margin: 0;
border: 2px solid #fff;
background: #fff;
}
.btn-transparent-black,
.btn-transparent-black-inverse:hover
{
margin: 0;
color: #222;
border: 2px solid #222;
background: transparent;
}
.btn-transparent-black:hover,
.btn-transparent-black-inverse
{
margin: 0;
border: 2px solid #222;
background: #222;
}
.btn-transparent-color,
.btn-transparent-color-inverse:hover
{
margin: 0;
border: 2px solid;
background: transparent;
}
.btn-transparent-color:hover,
.btn-transparent-color-inverse
{
margin: 0;
color: #fff;
border: 2px solid;
}
/* 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.small1 i,
.icons-rounded.small1 i,
.icons-square.small1 i,
i.icons-circle.small1,
i.icons-square.small1,
i.icons-rounded.small1
{
line-height: 3em;
padding: 20px;
}
.icons-circle.big i,
.icons-rounded.big i,
.icons-squarer.big i,
i.icons-circle.big,
i.icons-square.big,
i.icons-rounded.big
{
line-height: 12em;
padding: 50px;
}
.icons-circle.medium i,
.icons-rounded.medium i,
.icons-squarer.medium i,
i.icons-circle.medium,
i.icons-square.medium,
i.icons-rounded.medium
{
line-height: 6em;
padding: 40px;
}
.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: 0;
}
/* Icon With Color */
.gray-bg i
{
color: #fff;
background-color: #c6c6c6;
}
/* Icons With Size Variations */
.i-2x i,
i.i-2x
{
font-size: 10px;
line-height: 20px;
width: 20px;
height: 20px;
margin-bottom: 15px;
text-align: center;
}
.i-3x i,
i.i-3x
{
line-height: 30px;
width: 30px;
height: 30px;
margin-bottom: 15px;
text-align: center;
}
.i-4x i,
i.i-4x
{
font-size: 16px;
line-height: 40px;
width: 40px;
height: 40px;
margin-bottom: 15px;
text-align: center;
}
.i-5x i,
i.i-5x
{
font-size: 19px;
line-height: 50px;
width: 50px;
height: 50px;
margin-bottom: 15px;
text-align: center;
}
.i-6x i,
i.i-6x
{
font-size: 21px;
line-height: 60px;
width: 60px;
height: 60px;
text-align: center;
}
.i-7x i,
i.i-7x
{
font-size: 23px;
line-height: 70px;
width: 70px;
height: 70px;
margin-bottom: 15px;
text-align: center;
}
.i-8x i,
i.i-8x
{
font-size: 25px;
line-height: 80px;
width: 80px;
height: 80px;
margin-bottom: 15px;
text-align: center;
}
.i-9x i,
i.i-9x
{
font-size: 27px;
line-height: 90px;
width: 90px;
height: 90px;
margin-bottom: 15px;
text-align: center;
}
.i-10x i,
i.i-10x
{
font-size: 30px;
line-height: 100px;
width: 100px;
height: 100px;
margin-bottom: 15px;
text-align: center;
}
i.pull-left
{
margin-right: .3em;
}
i.pull-left
{
margin-top: .0.2em;
margin-right: .3em;
}
.icon-2 span
{
font-size: 10px;
line-height: 20px;
width: 20px;
height: 20px;
margin-bottom: 15px;
text-align: center;
}
.icon-3 span
{
font-size: 12px;
line-height: 30px;
width: 30px;
height: 30px;
margin-bottom: 15px;
text-align: center;
}
.icon-4 span
{
font-size: 15px;
line-height: 40px;
width: 40px;
height: 40px;
margin-bottom: 15px;
text-align: center;
}
.icon-5 span
{
font-size: 18px;
line-height: 50px;
width: 50px;
height: 50px;
margin-bottom: 15px;
text-align: center;
}
.icon-6 span
{
font-size: 25px;
line-height: 60px;
width: 60px;
height: 60px;
margin-bottom: 15px;
text-align: center;
}
.icon-7 span
{
font-size: 28px;
line-height: 80px;
width: 80px;
height: 80px;
margin-bottom: 15px;
text-align: center;
}
.icons-circle span
{
border-radius: 50%;
}
.color-icons span
{
border: 1px solid transparent;
}
.color-icons span:hover
{
border: 1px solid #fff;
}
.hover-color span
{
color: #fff;
border: 1px solid #fff;
background: transparent;
}
.icons-border-black span
{
color: #171717;
border: 1px solid #171717!important;
background: transparent;
}
.icons-border-black span:hover
{
color: #fff;
}
.icons-border-white span
{
color: #fff;
border: 1px solid #fff!important;
background: transparent;
}
.glyph
{
float: left;
overflow: hidden;
width: 15em;
margin-right: 4em;
margin-bottom: 1em;
padding-bottom: 1em;
}
.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;
margin-left: 1px;
}
.white.social-icon i
{
color: #fff;
}
.fa-1x i,
i.fa-1x
{
font-size: 16px;
}
.social-icon i:hover
{
color: #fff;
}
.fa-big
{
font-size: 200px;
}
/* Icon Hover */
.link-hover-black a:hover,
.icons-hover-black i:hover
{
color: #171717;
}
/* Border */
*
{
zoom: 1;
border-width: 0;
border-style: solid;
border-color: #e1e1e1;
-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 #fff;
}
.border2-white
{
border: 1px solid #fff;
}
.border-light
{
border: 1px solid rgba(255,255,255,.3);
}
.border-black
{
border: 1px solid #000;
}
.border2-black
{
border: 2px solid #000;
}
/* Page Loader */
#pageloader
{
position: fixed;
z-index: 9999;
top: 0;
width: 100%;
height: 100%;
background-color: #fff;
}
.loader-item
{
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin: -20px 0 0 -20px;
text-align: center;
border-top: 3px solid;
border-right: 3px solid;
border-bottom: 3px solid rgba(0,0,0,0) !important;
border-left: 3px solid;
-webkit-border-radius: 200px;
-moz-border-radius: 200px;
border-radius: 200px;
background: none repeat scroll 0 0 #fff;
-o-border-radius: 200px;
-ms-border-radius: 200px;
}
.loader-item h2
{
font-size: 20px;
margin: 0 auto;
color: #ccc;
}
/* Accordion */
.accordion-1 .panel .panel-heading > .panel-title > a
{
font-weight: 600;
line-height: 22px;
transition: background-color .2s linear 0s;
border-bottom: 1px dotted #f2f2f2;
}
.accordion-1 .panel > .panel-heading > .panel-title > a.collapsed
{
color: #333;
background: #fff;
}
.accordion-1.grey-bg .panel > .panel-heading > .panel-title > a.collapsed
{
background: #f7f7f7;
}
.accordion-1.panel-group .panel
{
margin-bottom: 10px;
}
.accordion-1 .collapse.in,
.accordion-1 .collapse,
.accordion-1 .panel-body,
.accordion-1 .panel-title a
{
color: #fff;
}
.accordion-1 .panel-heading + .panel-collapse .panel-body,
.accordion-1 .active.panel .panel-heading > .panel-title,
.accordion-1 .panel .panel-heading > .panel-title > a
{
border: none !important;
}
.accordion-1.panel-group.no-list .panel .panel-heading > .panel-title > a,
.accordion-1.panel-group.no-list .panel .panel-heading > .panel-title > a:hover,
.accordion-1.panel-group.no-list .active.panel .panel-heading > .panel-title > a,
.accordion-1.panel-group.no-list .active.panel .panel-heading > .panel-title > a:hover
{
padding: 30px 30px !important;
}
.accordion-1 .panel-body
{
padding: 0 30px 30px !important;
}
.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: 10px 20px;
}
.panel-group .active.panel .panel-heading > .panel-title
{
border-bottom: 1px solid #f2f2f2;
}
.panel-group .panel .panel-heading
{
position: relative;
padding: 0;
background-color: inherit;
}
.panel-default > .panel-heading
{
color: #1e1e1e;
}
.panel-group .panel
{
border: 0 none;
border-radius: 0;
background-color: inherit;
box-shadow: none;
}
/* Updated */
.panel-group .panel-heading + .panel-collapse .panel-body
{
border-top: 1px solid #eee;
}
/* Updated */
.panel-group .panel + .panel
{
margin-top: 0;
}
.panel-group .panel-body
{
padding: 15px 0 15px 1px;
}
.panel-title a
{
display: block;
}
.panel-title a i
{
padding-right: 15px;
}
.panel-group.list-style .panel .panel-heading > .panel-title a:before
{
font-family: FontAwesome;
font-size: 17px;
position: absolute;
top: 17px;
left: 20px;
display: block;
content: '\f068';
}
.panel-group.list-style .panel .panel-heading > .panel-title a.collapsed:before
{
font-family: FontAwesome;
font-size: 17px;
position: absolute;
top: 17px;
left: 20px;
display: block;
content: '\f067';
}
/* Career Panel */
.panel-group.pcareers .panel
{
margin-bottom: 10px;
}
.panel-group.pcareers .panel-title a
{
font-weight: 600;
background: #f7f7f7;
}
.panel-group.list-style .panel .panel-heading > .panel-title > a
{
line-height: 22px;
padding: 15px 15px 15px 50px;
}
.panel-group .mix
{
width: 100%;
}
/* Tabs */
.tab-content
{
margin-top: 20px;
margin-bottom: 20px;
}
.left-tabs > .nav-tabs
{
float: left;
margin: 0 -1px 0 0;
border-width: 0;
}
.right-tabs > .nav-tabs
{
float: right;
margin: 0 -1px 0 0;
border-width: 0;
}
.left-tabs > .nav-tabs li,
.right-tabs > .nav-tabs li
{
display: block;
float: none;
}
.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,
.right-tabs > .nav-tabs li a
{
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}
.left-tabs > .nav-tabs
{
margin-right: 40px;
}
.right-tabs > .nav-tabs
{
margin-left: 40px;
}
.nav-tabs
{
margin-bottom: 0;
margin-left: 0;
border-top: 1px solid #ddd;
}
.nav-tabs > li > a
{
font-size: 14px;
font-weight: bold;
padding: 15px 20px;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
color: #1e1e1e;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.nav-tabs > li > a i
{
padding: 0 5px 0 0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover
{
color: #fff;
}
.nav > li > a:hover,
.nav > li > a:focus
{
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
background-color: #f7f7f7;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus
{
border-color: #f7f7f7 #f7f7f7 #e1e1e1;
}
.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus
{
color: #1e1e1e;
border: 1px solid #e1e1e1;
border-bottom-color: transparent;
}
.nav-tabs > .active.dropdown > a
{
z-index: 911;
}
.service-tabs .tab-content > .tab-pane,
.service-tabs .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-bottom .tab-content > .tab-pane,
.tabs-bottom .pill-content > .pill-pane,
.tabs-bottom .tab-content
{
margin: 0;
padding: 0 0 0;
}
.tabs-bottom.tab-style.dark .nav-tabs
{
float: none;
text-align: center;
border: 0;
}
.tabs-bottom > .nav-tabs > li
{
display: inline-block;
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,
.tabs-bottom > .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
{
float: left;
margin: 0 -1px 0 0;
border: 0 none;
border-right: 1px solid #ddd;
}
.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
{
overflow: auto;
margin: 0;
border-left: 1px solid #ddd;
}
.tabs-left > .tab-content > .tab-pane
{
padding: 0 0 0 20px;
}
.tabs-right > .nav-tabs
{
float: right;
margin: 0 0 0 -1px;
border: 0 none;
border-left: 1px solid #ddd;
}
.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
{
overflow: auto;
margin: 0;
border-right: 1px solid #ddd;
}
.tabs-right > .tab-content > .tab-pane
{
padding: 0 20px 0 0;
}
.tabs-right.no-pad > .tab-content > .tab-pane,
.tabs-left.no-pad > .tab-content > .tab-pane
{
padding: 0 0 0 0;
}
.tab-style .nav-tabs
{
border-left: 0;
}
.tabs-bottom.tab-style > .nav-tabs > li
{
border-radius: 4px;
}
.tabs-bottom.tab-style > .nav-tabs > li > a
{
margin-bottom: 0;
margin-left: 0;
color: #fff;
border: 0;
border-radius: 4px;
}
.tab-style > .nav-tabs > li > a
{
margin-bottom: 5px;
margin-left: -1px;
color: #fff;
border-radius: 4px;
}
.tab-style > .nav-tabs > li
{
background: rgba(0,0,0,.2);
}
.tab-style.dark > .nav-tabs > li
{
background: rgba(0,0,0,.7);
}
.tab-style.dark .nav-tabs
{
margin: 0 !important;
border-left: inherit;
}
.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
{
font-weight: normal;
color: #f7f7f7;
background: rgba(0,0,0,.7);
}
.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);
}
/* Top Up Tab Added */
.top-up
{
text-align: center;
}
.top-up .nav-tabs
{
display: table;
width: 100%;
}
.top-up .nav-tabs > li
{
display: table-cell;
float: none;
width: 33.333%;
}
.top-up .nav-tabs > li a
{
font-size: 15px;
font-weight: 500;
position: relative;
display: block;
margin: 0;
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
color: #fff;
border: 0;
}
.top-up .nav-tabs > li a:hover
{
margin: 0;
border: 0;
}
.top-up .nav-tabs > li.active > a,
.top-up .nav-tabs > li.active > a:focus,
.top-up .nav-tabs > li.active > a:hover
{
font-weight: 500;
margin: 0;
color: #222;
border: 0;
background: transparent;
}
.top-up .nav-tabs > li.active > a:before,
.top-up .nav-tabs > li.active > a:focus:before,
.top-up .nav-tabs > li.active > a:hover:before
{
position: absolute;
right: 0;
bottom: -30px;
left: 0;
display: block;
width: 0;
height: 0;
margin: 0 auto;
content: '';
border-width: 15px;
border-style: solid;
border-color: #e1e1e1 transparent transparent;
border-image: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
}
.top-up .nav-tabs > li.active > a:after,
.top-up .nav-tabs > li.active > a:focus:after,
.top-up .nav-tabs > li.active > a:hover:after
{
position: absolute;
right: 0;
bottom: -28px;
left: 0;
display: block;
width: 0;
height: 0;
margin: 0 auto;
content: '';
border-width: 15px;
border-style: solid;
border-image: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
}
/* BG Image */
.image-bg
{
position: relative;
display: block;
overflow: hidden;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
min-height: 560px;
background-repeat: no-repeat;
background-attachment: static;
background-position: center center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
.image-bg.static
{
background-attachment: static;
}
.image-bg.fixed
{
background-attachment: fixed;
}
.image-bg.content-in
{
position: absolute;
z-index: 0;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
min-height: unset;
text-align: center;
background-repeat: no-repeat;
background-position: center top;
-webkit-background-size: cover;
background-size: cover;
}
/* Overlay */
.overlay
{
position: absolute;
top: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
opacity: .4;
background: #000;
}
.image-bg .overlay
{
width: 100%;
height: 100%;
opacity: .2;
background: #000;
filter: alpha(opacity=20);
}
.image-bg .overlay-white,
.overlay-white
{
width: 100%;
height: 100%;
opacity: .8;
background: #fff;
filter: alpha(opacity=80);
}
.image-bg .overlay-half-dark,
.overlay-half-dark
{
width: 100%;
height: 100%;
opacity: .5;
background: #000;
filter: alpha(opacity=20);
}
.image-bg .overlay-dark,
.overlay-dark
{
width: 100%;
height: 100%;
opacity: .7;
background: #000;
filter: alpha(opacity=20);
}
.image-bg .overlay-strips,
.overlay-strips
{
width: 100%;
height: 100%;
opacity: .8;
background: url(../img/patterns/pattern.png) repeat;
filter: alpha(opacity=20);
}
.image-bg .overlay-boxed,
.overlay-boxed
{
width: 100%;
height: 100%;
opacity: .1;
background: url(../img/patterns/pattern2.png) repeat;
filter: alpha(opacity=20);
}
.image-bg .overlay-color,
.overlay-color,
.overlay-color2
{
width: 100%;
height: 100%;
opacity: .85;
filter: alpha(opacity=20);
}
.image-bg .overlay-color.semi,
.overlay-color.semi,
.overlay-color2.semi
{
opacity: .65;
}
.portfolio-grid.ps1 .grids:hover img
{
opacity: 1;
}
.grid-list .image,
.mixed-grid.mgs1 .grid-item
{
position: relative;
}
.grid-list .image .list-overlay,
.mixed-grid.mgs1 .grid-item .figcaption
{
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: scaleX(0);
text-align: center;
}
.grid-list .grids:hover .image .list-overlay,
.mixed-grid.mgs1 .grid-item:hover .figcaption
{
transition: all .4s ease-in-out 0s;
transform: scaleX(1);
}
.grid-list .image .list-overlay a,
.mixed-grid.mgs1 .grid-item .figcaption .caption-block
{
display: table;
width: 100%;
height: 100%;
color: #fff;
}
.grid-list .image .list-overlay a .pdetails
{
font-size: 16px;
display: table-cell;
vertical-align: middle;
}
.mixed-grid.mgs1 .grid-item .figcaption .caption
{
font-size: 14px;
display: table-cell;
text-align: left;
vertical-align: bottom;
}
.mixed-grid.mgs1 .grid-item .figcaption .caption-block h4
{
font-size: 18px;
}
.mixed-grid.mgs1 .grid-item .figcaption .caption i
{
font-size: 14px;
}
.separate-bg:after
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
width: 70%;
margin-right: -100px;
content: '';
transform: skew(-10deg);
opacity: .8;
}
.separate-bg.ss1:after
{
width: 60%;
}
.separate-bg .container
{
position: relative;
z-index: 4;
}
.full-screen .full-section-container
{
position: absolute;
z-index: 4;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
}
/* Forms */
.form-box
{
padding: 30px;
background-color: #f7f7f7;
}
.form-control
{
margin-bottom: 20px;
}
.form-control.bg-white
{
color: #333;
background: #fff;
}
.form-control.bg-black
{
color: #fff;
background: #222;
}
textarea.form-control.height-82
{
height: 82px;
}
textarea.form-control.height-182
{
height: 182px;
}
.field-border-bottom .form-control
{
color: #fff;
border-top: medium none;
border-right: medium none;
border-left: medium none;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.field-border .form-control
{
color: #fff;
background: transparent;
box-shadow: none;
}
.form-message1
{
color: #f00;
}
.form-border
{
padding: 40px;
border: 8px solid #f5f5f5;
}
/* Login Form */
.login-form
{
padding: 30px;
background: rgba(255,255,255,.3);
}
.login-form .form-control
{
margin: 0 5px;
margin-bottom: 0;
}
.login-form .btn
{
padding: 10px 50px;
}
/* Text Color */
.white
{
color: #fff;
}
.white a:not(.btn)
{
color: #fff;
}
.black
{
color: #000;
}
.text-grey
{
color: #ccc;
}
/* BG Color */
.light-bg
{
background: #f7f7f7;
}
.semi-light-bg
{
background: #dcdcdc;
}
.white-bg
{
background: #fff;
}
.black-bg
{
background: #171717;
}
.dark-bg
{
background: #171717;
}
.border-tb
{
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
}
/* Transition Effects */
.item-box:hover i
{
transition: all .27s cubic-bezier(0, 0, .58, 1) 0s;
}
/* Image */
img
{
max-width: 100%;
height: auto;
}
img.pull-right
{
padding: 0 0 15px 15px;
}
img.pull-left
{
padding: 15px 15px 0 0;
}
html.opacity img
{
padding-bottom: 0;
}
body .opacity img
{
padding-bottom: 10px;
}
html.opacity:hover img
{
opacity: 1;
}
body .opacity:hover img
{
opacity: .8;
}
.img-center
{
margin-right: auto;
margin-left: auto;
}
/* Double Image */
.double-img
{
position: relative;
}
.image-right
{
position: relative;
margin-left: -25%;
}
/* Gary Scale Image */
.grayscale img
{
filter: url('data:image/svg+xml;utf8,#grayscale'); /* Firefox 10+, Firefox on Android */
filter: gray;
-webkit-filter: grayscale(100%);
}
.grayscale img:hover
{
filter: url('data:image/svg+xml;utf8,#grayscale');
-webkit-filter: grayscale(0%);
}
/******************************************************************************
Hover Effects
*******************************************************************************/
.pricing:hover .title a,
.process-content:hover .title,
.portfolio-grid .grids:hover img,
.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,
.service-box,
.service-box:hover,
.service-box:hover img,
.service-box img,
.portfolio-grid .grid .figcaption,
.portfolio-grid .grid:hover .figcaption,
.item-box i:after,
.item-box:hover i:after,
.about-us1 .box:hover img,
.about-us1 .box img,
.history li:hover .timeline-icon,
.history li .timeline-icon,
.partner-box:hover img,
.partner-box img,
.shop .product-item:hover img,
.shop .product-item img,
.tp-caption .btn,
.tp-caption .btn:hover
{
-webkit-transition: all 350ms ease-in-out 0s !important;
-moz-transition: all 350ms ease-in-out 0s !important;
-ms-transition: all 350ms ease-in-out 0s !important;
-o-transition: all 350ms ease-in-out 0s !important;
transition: all 350ms ease-in-out 0s !important;
}
/* Hover Zoom Effects */
.zoom:hover i
{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
/* Hover Rotate Effects */
.rotate:hover i
{
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
/* Endless Rotating */
@-webkit-keyframes rotating /* Safari and Chrome */
{
from
{
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to
{
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes rotating
{
from
{
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to
{
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-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
*******************************************************************************/
.sticky-wrapper.is-sticky #sticker,
.sticky-wrapper
{
z-index: 9999;
}
.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
{
position: absolute;
top: 0;
right: 0;
left: 0;
}
.side-nav header .navbar-default
{
position: absolute;
z-index: 99;
top: 25px;
border: none;
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-ms-box-shadow: none;
-o-box-shadow: none;
}
#navigation-menu
{
line-height: 2;
color: #171717;
}
.side-nav header .navbar-nav
{
float: right !important;
width: auto !important;
}
.side-nav header .navbar-default .navbar-nav > li > a
{
font-size: 25px;
padding: 0;
}
.side-nav header .nav > li > a.active
{
color: #ffc400;
}
.side-nav header .nav-fixed
{
position: fixed;
top: 0;
right: 0;
margin: auto;
}
.side-nav header .nav-fixed > li
{
float: right;
}
.side-nav header #sticky.nav-fixed a
{
line-height: 100px;
width: 100px;
height: 100px;
text-align: center;
color: #171717;
}
/*------------MENU------------*/
.side-nav header #wrapper .toggle-menu
{
position: fixed;
z-index: 999;
top: -100%;
right: 0;
overflow-y: auto;
width: 100%;
height: 100%;
background: rgba(0,0,0,.9);
}
.side-nav header #wrapper .close-menu
{
font-size: 30px;
line-height: 100px;
display: block;
float: right;
width: 100px;
height: 100px;
text-align: center;
color: #fff;
}
.side-nav header #wrapper .nav
{
padding: 130px 0 0 0;
text-align: center;
}
.side-nav header .nav > li > .sub
{
padding: 0 0 0 40px;
}
.side-nav header .nav > li > a,
.side-nav header .nav > li > .sub a
{
font-size: 17px;
font-weight: 600;
padding: 10px 22px;
text-decoration: none;
letter-spacing: 2px;
text-transform: uppercase;
color: #ccc;
}
.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: #fff;
}
.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
{
position: absolute;
top: 50%;
left: -77px;
width: 77px;
height: 20px;
content: '';
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.side-nav header .social-icon
{
margin-top: 30px;
}
.side-nav header .social-icon i
{
margin: 5px;
background: none;
}
/*---STICKY----*/
.side-nav header .sticky-wrapper.is-sticky .nav
{
right: 15px;
padding: 15px 20px;
background: none repeat scroll 0 0 black;
}
/******************************************************************************
SLIDER SECTION
*******************************************************************************/
/*Revolution Slider */
.tp-caption
{
white-space: inherit;
}
.tp-caption.bold
{
font-size: 65px;
font-weight: 800;
line-height: 75px;
margin: 0;
letter-spacing: -3px;
text-transform: capitalize;
}
.slider.rs-slider .title.bold,
.slider .bold
{
font-size: 55px;
font-weight: bold;
line-height: 75px;
margin: 0;
letter-spacing: -3px;
text-transform: capitalize;
}
.tp-caption.description
{
font-family: 'Open Sans', sans-serif;
font-size: 15px !important;
line-height: 25px;
}
.tparrows:before
{
font-size: 16px;
}
.tparrows
{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;;
}
.tp-banner
{
z-index: 0;
}
.slider.rs-slider-full
{
float: left;
width: 100%;
}
.slider.rs-slider
{
position: relative;
z-index: 0;
overflow: hidden;
max-height: 700px;
padding: 0;
border: 0 none;
background: none;
}
.slider.rs-slider-full
{
min-height: auto;
padding: 0;
background: none;
}
p.tp-caption.button-block
{
left: 0!important;
width: 100%;
}
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;
}
.white .tp-caption,
.text-white
{
color: #fff;
}
.slider.rs-slider .description
{
font-size: 15px !important;
line-height: 25px;
margin: 0;
padding: 0 15px;
}
.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;
}
h4.tp-caption,
h5.tp-caption
{
font-weight: 500 !important;
line-height: 27px;
text-transform: inherit;
}
.tp-caption a:hover
{
color: #fff;
}
.rs-slider ul
{
margin: 0;
padding: 0;
list-style: none;
}
.tp-bannertimer
{
height: 0 !important;
background: #777 !important;
background: rgba(0,0,0,.1) !important;
}
.tp-bullets.simplebullets.navbar
{
height: 35px;
padding: 0;
}
.slider.rs-slider .tp-bullets.simplebullets .bullet
{
display: inline-block;
float: none;
width: 14px;
height: 14px;
margin: 0 3px;
-webkit-transition: all .3s linear;
transition: all .3s linear;
vertical-align: top;
border: 0 none !important;
-webkit-border-radius: 7px;
border-radius: 7px;
background: #fff;
background: rgba(255,255,255,.5);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.tp-bullets.simplebullets .bullet.last
{
margin-right: 0;
}
.slider.rs-slider .tp-bullets.simplebullets .bullet:hover
{
-webkit-transition: all .3s linear;
transition: all .3s linear;
background: #fff;
}
.slider.rs-slider .tp-bullets.simplebullets .bullet.selected
{
-webkit-transition: all .3s linear;
transition: all .3s linear;
background: rgba(255,255,255,.7);
}
.slider.rs-slider .tparrows
{
z-index: 50 !important;
width: 40px !important;
height: 40px !important;
cursor: pointer;
-webkit-transition: background .3s linear;
-webkit-transition: opacity .2s ease-out;
transition: background .3s linear;
-webkit-transform: inherit;
-webkit-border-radius: 100%;
border-radius: 100%;
background: #1e1e1e;
background: rgba(30, 30, 30, .5);
}
.slider.rs-slider .tparrows:before
{
font-family: 'revicons';
font-size: 19px;
font-weight: normal;
font-style: normal;
display: inline-block;
width: 40px;
margin-top: 3px;
margin-right: 0;
text-align: center;
text-decoration: inherit;
color: #fff;
speak: none;
}
.tp-leftarrow:before
{
content: '\e824';
}
.slider.rs-slider-full .tp-leftarrow:before,
.slider.rs-slider-full .tp-rightarrow:before
{
content: none;
}
.tp-rightarrow:before
{
content: '\e825';
}
.slider.rs-slider .tparrows:hover
{
-webkit-transition: background .3s linear;
transition: background .3s linear;
background: #1e1e1e;
}
.slider4container .tparrows:before,
.slider4container .tparrows:hover,
.slider4container .tparrows
{
color: #000 !important;
}
.slider4container .tparrows
{
background: #fff !important;
background: rgba(255,255,255,.5) !important;
}
.slider4container .tparrows:hover
{
background: #fff !important;
}
.slider.rs-slider .tp-loader
{
z-index: 700;
width: 40px;
height: 40px;
margin: -20px 0 0 -20px;
background-color: inherit;
background-image: url('../img/svg/loader.svg'), none;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 40px;
}
.layerslider
{
margin: 0 auto;
}
.slider.rs-slider.full-width
{
max-height: inherit;
}
.slider.rs-slider.full-width .title
{
font-size: 60px;
line-height: .9;
}
.slider.rs-slider.full-width .btn-link
{
font-size: 14px !important;
font-weight: bold;
line-height: 31px;
padding: 0;
text-decoration: none;
letter-spacing: 1px;
}
.slider.rs-slider.full-width .btn-link .fa
{
font-size: 180%;
line-height: 32px;
display: inline-block;
width: 36px;
height: 36px;
margin-left: 10px;
padding: 0 0 0 3px;
text-align: center;
vertical-align: middle;
border: 2px solid #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.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;
}
/* Bootstrap Carousel */
.carousel-control
{
top: 0;
width: 10%;
}
.carousel-control .fa,
.carousel-control .icon-prev,
.carousel-control .icon-next
{
font-size: 25px;
width: 30px;
height: 30px;
margin-top: -15px;
}
.carousel-control .fa-angle-right
{
margin-left: -25px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .fa
{
position: absolute;
z-index: 5;
top: 50%;
display: inline-block;
}
.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
{
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
opacity: .8;
}
.carousel-fade .carousel-inner .active
{
opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right
{
z-index: 1;
left: 0;
opacity: 0;
}
.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%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.carousel-style .prev
{
z-index: 9999;
left: 0;
margin: -7px 0 0 -30px;
}
.carousel-style .next
{
z-index: 9999;
right: 0;
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
{
position: absolute;
z-index: 0;
top: 50%;
right: 7%;
bottom: auto;
left: 7%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.carousel-caption.left
{
right: inherit;
left: 80px;
text-align: left;
}
.carousel-caption.left
{
width: 50%;
padding: 30px;
background: rgba(255,255,255,.7);
}
#main-slider.carousel
{
width: 100%;
}
/* Home Carousel Slider */
#main-slider.carousel
{
clear: both;
width: 100%;
}
#main-slider .carousel .item .carousel-caption
{
opacity: 0;
}
#main-slider h1,
h1.big,
.tp-caption.big
{
font-size: 95px !important;
font-weight: bold;
line-height: 95px!important;
margin: 0;
margin-bottom: 20px;
letter-spacing: -5px;
text-transform: uppercase;
}
.text-medium
{
font-size: 65px !important;
font-weight: bold;
line-height: 65px;
margin: 0;
margin-bottom: 20px;
letter-spacing: -5px;
text-transform: uppercase;
}
.tp-caption.big
{
font-size: 75px;
text-transform: inherit;
}
.tp-border
{
padding: 20px;
border: 5px solid #ccc;
}
#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;
-ms-animation: fadeInUp 300ms linear 300ms both;
-o-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;
-ms-animation: fadeInUp 300ms linear 600ms both;
-o-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;
-ms-animation: fadeInUp 300ms linear 900ms both;
-o-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;
-ms-animation: fadeInUp 300ms linear 1200ms both;
-o-animation: fadeInUp 300ms linear 1200ms both;
animation: fadeInUp 300ms linear 1200ms both;
}
/* Owl Slider */
.slider .carousel-control.left,
.slider .carousel-control.right
{
background-image: none !important;
}
.carousel-caption .dark
{
color: #171717;
text-shadow: none !important;
}
.owl-prev i,
.owl-next i
{
font-size: 20px;
color: #111;
}
.owl-prev .fa,
.owl-next .fa
{
line-height: 35px;
position: relative;
width: 35px;
height: 35px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.owl-prev,
.owl-next
{
position: absolute;
z-index: 6;
top: 50%;
display: block;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
text-align: center;
opacity: 0;
color: #111;
}
.owl-prev
{
left: 10px;
}
.owl-next
{
right: 10px;
}
.owl-theme .owl-controls .owl-buttons div
{
margin: 0;
padding: 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
{
background: none;
}
.navigation-1 .owl-prev
{
top: -20px;
right: 20px;
left: auto;
}
.navigation-1 .owl-next
{
top: -20px;
right: 0;
left: auto;
}
.top-0 .owl-prev
{
top: 0;
right: 20px;
left: auto;
}
.top-0 .owl-next
{
top: 0;
right: 0;
left: auto;
}
.navigation-2 .owl-prev
{
top: 40px;
right: 60px;
left: auto;
}
.navigation-2 .owl-theme .owl-controls .owl-buttons div i:hover
{
color: #fff;
}
.owl-theme.navigation-2 .owl-controls .owl-buttons div
{
opacity: 1;
}
.navigation-2 .owl-next
{
top: 40px;
right: 20px;
left: auto;
}
.navigation-shop .owl-prev
{
left: 2px;
}
.navigation-shop .owl-next
{
right: 2px;
}
.navigation-shop .owl-prev .fa,
.navigation-shop .owl-next .fa
{
background: none;
}
.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-carousel.margin-15 .item
{
margin-right: 15px;
margin-left: 15px;
}
/* Owl Paginations */
.pagination-1 .owl-controls .owl-page span
{
width: 12px;
height: 12px;
margin: 2px;
border-radius: 0;
}
.pagination-2 .owl-controls .owl-page span
{
width: 10px;
height: 10px;
margin: 2px;
-moz-border-radius: 50%;
border-radius: 50%;
}
.left-pagi.owl-theme .owl-controls
{
text-align: left;
}
.in-pagi.owl-theme .owl-controls .owl-pagination
{
position: absolute;
right: 0;
bottom: 20px;
left: 0;
}
.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
{
width: auto !important;
max-width: 80px;
}
.owl-carousel .col-md-2
{
width: auto !important;
max-width: 161px;
}
.owl-carousel .col-md-3
{
width: auto !important;
max-width: 242px;
}
.owl-carousel .col-md-4
{
width: auto !important;
max-width: 323px;
}
.owl-carousel .col-md-5
{
width: auto !important;
max-width: 404px;
}
.owl-carousel .col-md-6
{
width: auto !important;
max-width: 485px;
}
.owl-carousel .col-md-7
{
width: auto !important;
max-width: 565px;
}
.owl-carousel .col-md-8
{
width: auto !important;
max-width: 646px;
}
.owl-carousel .col-md-9
{
width: auto !important;
max-width: 727px;
}
.owl-carousel .col-md-10
{
width: auto !important;
max-width: 808px;
}
.owl-carousel .col-md-11
{
width: auto !important;
max-width: 889px;
}
.owl-carousel .col-md-12
{
width: auto !important;
max-width: 970px;
}
/******************************************************************************
Text Slider
*******************************************************************************/
.text-slider
{
padding: 250px 0;
background: url(../img/sections/slider/slider8-bg.html) 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
{
-webkit-animation: fadeIn .6s alternate infinite;
-moz-animation: fadeIn .6s alternate infinite;
-o-animation: fadeIn .6s alternate infinite;
animation: fadeIn .6s alternate infinite;
}
/******************************************************************************
MAIN SECTION
*******************************************************************************/
/*Special Features */
.special-feature .section-title hr
{
border-color: #151515;
}
.special-feature i
{
font-size: 65px;
line-height: 75px;
}
.special-feature h4
{
font-size: 20px;
position: relative;
margin-top: 25px;
}
.special-feature .mask-top
{
position: absolute;
top: 0;
width: 100%;
padding: 55px 0;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
background-color: #fff;
}
.special-feature .mask-top h4:before
{
position: absolute;
top: -18px;
right: 0;
left: 0;
display: block;
width: 40px;
height: 2px;
margin: -2px auto;
content: '';
}
.special-feature .s-feature-box:hover .mask-top
{
top: -200px;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
}
.special-feature .s-feature-box
{
position: relative;
overflow: hidden;
min-height: 290px;
margin-bottom: 20px;
cursor: pointer;
border: 1px solid #f2f2f2;
}
.special-feature .mask-bottom
{
position: absolute;
bottom: -300px;
width: 100%;
height: 100%;
padding: 20px 15px 20px 15px;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
color: #333;
}
.special-feature .mask-bottom p
{
padding: 0 5px;
}
.special-feature .mask-bottom h4
{
margin: 15px 0 17px;
}
.special-feature .s-feature-box:hover .mask-bottom
{
bottom: 0;
-webkit-transition: all .3s ease-out 0s;
-moz-transition: all .3s ease-out 0s;
-ms-transition: all .3s ease-out 0s;
-o-transition: all .3s ease-out 0s;
transition: all .3s ease-out 0s;
}
.special-feature .mask-bottom i
{
font-size: 38px;
line-height: 50px;
}
/******************************************************************************
Features
*******************************************************************************/
.features-block .header-box
{
display: block;
overflow: hidden;
min-height: 30px;
margin: 0 0 13px;
}
.features-block .header-box .icon-box
{
float: left;
width: 24px;
height: 30px;
margin: 0 10px 0 0;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
text-align: center;
color: #1e1e1e;
background: none;
}
.features-block .header-box a.icon-box:hover
{
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
opacity: .8;
filter: alpha(opacity=80);
}
.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 0;
}
.features-list-left
{
text-align: left;
}
.features-list-right
{
text-align: left;
}
.features-list-right.text-right
{
text-align: right;
}
.features-list li
{
font-size: 15px;
font-weight: 300;
line-height: 2;
position: relative;
padding: 20px 0;
list-style: none;
}
.features-list li i
{
line-height: 70px;
position: absolute;
top: 0;
display: block;
width: 70px;
height: 70px;
margin: 20px auto;
text-align: center;
color: #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-o-border-radius: 50%;
-ms-border-radius: 50%;
}
.features-list-left li i
{
left: 0;
}
.features-list-right li i
{
right: 0;
}
.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
{
display: inline-block;
margin: 0 0 15px;
text-transform: capitalize;
}
/* Progress */
.progress
{
height: 30px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.progress.ps1
{
height: 10px;
}
.about-us h6
{
margin-bottom: 10px;
}
.progress-bar
{
font-size: 14px;
line-height: 30px;
-webkit-transition: background .2s linear;
transition: background .2s linear;
text-align: left;
text-indent: 10px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
text-shadow: none;
filter: none;
}
.progress-section.ps1 h6
{
margin-bottom: 4px !important;
}
.progress.ps1 .progress-bar
{
line-height: 10px;
height: 10px;
}
.progress.ps1 .progress-label
{
top: -22px;
}
.progress-label
{
font-weight: 600;
position: absolute;
right: 5px;
color: #171717;
}
.white .progress-label
{
color: #fff;
}
.white .progress
{
background-color: #f7f7f7;
}
.progress-section h6
{
margin-bottom: 10px !important;
}
.progress-bar
{
position: absolute;
height: 30px;
text-align: right;
}
.progress
{
margin-bottom: 20px;
background-color: #333;
}
.about-us1 .box:hover img
{
opacity: .5;
}
.about-us1 .box h4
{
font-size: 19px;
padding: 15px 20px;
color: #fff;
}
.about-box
{
position: relative;
padding: 30px;
}
.more-row30 .box
{
margin-bottom: 30px;
}
.more-row40 .box
{
margin-bottom: 40px;
}
/* App */
.iphone-settings
{
position: relative;
bottom: -75px;
}
/******************************************************************************
Portfolio / Work
*******************************************************************************/
.work-section .nav li,
.mixed-grid .nav li
{
position: relative;
margin-right: 20px;
padding: 7px 0;
text-transform: capitalize;
color: #fff;
border: 1px solid transparent;
border-radius: 3px;
}
.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
{
cursor: pointer;
color: #fff;
}
.work-section .nav.black li.active,
.work-section .nav.black li:hover,
.mixed-grid .nav.black li.active,
.mixed-grid .nav.black li:hover
{
cursor: pointer;
color: #171717;
}
.filter-menu
{
margin: 0 0 30px 0;
}
.filter-menu .pts1 li.filter.active,
.filter-menu .pts1 li.filter:hover
{
color: #fff;
}
.filter-menu .pts1 li
{
padding-right: 25px!important;
padding-left: 25px!important;
}
.work-section .nav-pills
{
text-align: center;
}
.nav.bg-color.works-filters.text-left,
.nav.bg-color.nav-pills.text-left
{
padding-right: 15px !important;
padding-left: 15px!important;
}
.work-section .nav-pills.text-left
{
text-align: left;
}
.work-section .portfolio-grid .grid
{
max-width: 600px;
}
.portfolio-grid
{
margin: 0 -15px;
}
.portfolio-grid .grid img
{
margin: 0 auto;
}
.work-section .nav > li,
.mixed-grid .nav > li
{
font-size: 16px;
font-weight: 600;
display: inline-block;
float: none;
border: 0;
}
.work-section .nav > li.active,
.mixed-grid .nav > li.active,
.work-section .nav > li:hover,
.mixed-grid .nav > li:hover
{
border: 0;
border-radius: 0;
}
.work-section .nav > li.active:before,
.mixed-grid .nav > li.active:before,
.work-section .nav > li:hover:before,
.mixed-grid .nav > li:hover:before
{
position: absolute;
bottom: 0;
left: 0;
width: 20px;
height: 2px;
content: '';
}
#mix-container .mix
{
display: none;
padding: 15px;
}
.figcaption
{
width: 100%;
}
.figcaption
{
position: absolute;
right: 0;
bottom: 0;
left: 0;
width: 100%;
padding: 20px;
text-align: left;
opacity: 0;
color: #fff;
}
.figcaption i
{
padding: 5px;
color: #fff;
}
.portfolio-grid .grids:hover .figcaption
{
position: absolute;
opacity: 1;
}
.portfolio-grid .grids:hover img
{
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
opacity: .2;
}
.portfolio-grid.grid-list .grids:hover img
{
opacity: .8;
}
.portfolio-grid .grid
{
position: relative;
background-color: #000;
}
.img-overlay
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: all .2s ease-out 0s;
opacity: 0;
background: none repeat scroll 0 0 rgba(0, 0, 0, .8);
}
.widget .img-overlay
{
display: none;
}
.grid-item:hover .img-overlay,
.grid-item:hover .figcaption
{
opacity: 1;
}
.project-meta
{
margin-bottom: 20px;
}
.grid-list .grids
{
margin-bottom: 30px !important;
}
.grid-list .title
{
margin-bottom: 8px;
}
.grid-list .description
{
font-size: 15px;
font-style: italic;
margin-bottom: 15px;
color: #999;
}
.caption-block h4
{
font-size: 17px;
margin-bottom: 10px;
}
/* SERVICE BOX */
.service-box
{
position: relative;
margin-bottom: 40px;
padding: 20px;
border: 1px solid #f7f7f7;
}
.service-box:hover
{
background: #f7f7f7;
}
.service-box img
{
float: left;
max-width: 150px;
}
.service-content
{
margin-left: 170px;
}
.service-content .title
{
position: relative;
margin-bottom: 22px;
}
.service-content .title:before
{
position: absolute;
bottom: -11px;
left: -20px;
width: 100%;
height: 3px;
content: '';
}
.service-box:hover img
{
opacity: .7;
}
.content-box
{
padding: 40px;
background: #f7f7f7;
}
.chart-legend li
{
font-size: 13px;
display: inline-block;
margin: 0 24px 12px 0;
padding: 0;
color: #777;
}
.chart-legend li span
{
display: inline-block;
width: 14px;
height: 14px;
margin: 5px 7px 0 0;
vertical-align: top;
border-radius: 3px;
}
/* Services Tab */
.service-tabs .nav-tabs
{
text-align: center;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.service-tabs .nav-tabs > li
{
display: inline-block;
float: none;
}
.service-tabs .nav-tabs > li > a
{
font-size: 15px;
font-weight: 700;
padding: 15px 20px;
}
.service-tabs .nav-tabs > li.active > a
{
color: #fff;
border-color: inherit;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
border-radius: 0;
}
/******************************************************************************
Work Process
*******************************************************************************/
.work-process-box
{
display: table;
width: 250px;
height: 250px;
margin: 20px auto;
text-align: center;
border: 1px solid #ccc;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
background-color: #f7f7f7;
}
/* Updated */
.work-process-box.square
{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.work-process-box .title
{
margin-bottom: 15px;
padding-bottom: 10px;
border-bottom: 1px solid #ccc;
}
.work-process-box .process-content
{
position: relative;
display: table-cell;
padding: 50px;
vertical-align: middle;
}
.work-process-box .item-number
{
position: absolute;
top: 10px;
right: 20px;
width: 40px;
height: 40px;
padding: 8px 0;
content: '';
color: #333;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
/* Updated */
.work-process-box .item-number.square
{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.work-process-box.square .item-number.square
{
right: 10px;
}
.process-box
{
position: relative;
min-height: 120px;
}
.process-steps
{
position: absolute;
display: table-cell;
width: 100px;
height: 100px;
margin: 0 auto;
vertical-align: middle;
border: 9px solid #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.step-no
{
font-size: 45px;
font-weight: 800;
text-align: center;
}
.process-text
{
margin-left: 120px;
padding-top: 20px;
}
/******************************************************************************
Pricing
*******************************************************************************/
.pricing
{
position: relative;
max-width: 270px;
margin: 0 auto 10px;
padding-top: 20px;
text-align: center;
border: 3px solid #f7f7f7;
}
.pricing .title
{
line-height: 32px;
padding: 17px 20px 21px;
text-transform: uppercase;
}
.pricing .title a
{
font-size: 24px;
font-weight: bold;
line-height: 32px;
text-decoration: none;
}
.pricing .price-box
{
font-size: 12px;
line-height: 1;
overflow: hidden;
padding: 0 20px 20px;
}
.pricing .price-box p
{
line-height: 1.8;
}
.pricing .price-box .price
{
font-family: Oswald,sans-serif;
font-size: 36px;
font-weight: bold;
margin: 13px 0 0;
}
.pricing .price-box .price span
{
font-family: 'Open Sans', sans-serif;
font-size: 12px;
display: block;
margin-top: 10px;
}
.pricing .options
{
margin: 0;
padding: 0;
list-style: none;
}
.pricing .options li
{
line-height: 22px;
position: relative;
padding: 13px 10px 13px 10px;
}
.pricing .options li.active
{
color: #1e1e1e;
}
.pricing .btn-box
{
overflow: hidden;
padding: 30px 15px 50px 15px;
}
.pricing .btn-box .btn
{
border-radius: 0;
}
.three-column .pricing
{
max-width: 500px;
}
.pricing:hover .options li,
.pricing:hover .price-box .price span,
.pricing:hover .price-box,
.pricing.active .options li,
.pricing.active .price-box .price span,
.pricing.active .price-box
{
color: #f7f7f7!important;
}
.pricing:hover .btn,
.pricing.active .btn
{
color: #171717 !important;
}
/* Ribbon */
.ribbon-wrapper
{
position: absolute;
top: -3px;
right: -3px;
overflow: hidden;
width: 85px;
height: 88px;
}
.pricing .ribbon-wrapper
{
right: -10px;
}
.ribbon
{
font-size: 11px;
position: relative;
top: 15px;
left: -5px;
padding: 5px 0;
text-align: center;
letter-spacing: 1px;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
-moz-box-shadow: 0 0 3px rgba(0,0,0,.3);
box-shadow: 0 0 3px rgba(0,0,0,.3);
}
.ribbon:before,
.ribbon:after
{
position: absolute;
bottom: -3px;
content: '';
border-top: 3px solid #6e8900;
border-right: 3px solid transparent;
border-left: 3px solid transparent;
}
.ribbon:before
{
left: 0;
}
.ribbon:after
{
right: 0;
}
.ribbon.red
{
background-color: #f00;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f00), to(#bf0c0c));
background-image: -webkit-linear-gradient(top, #f00, #bf0c0c);
background-image: -moz-linear-gradient(top, #f00, #bf0c0c);
background-image: -ms-linear-gradient(top, #f00, #bf0c0c);
background-image: -o-linear-gradient(top, #f00, #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, .2);
-moz-text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
-webki-text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
}
/* Counter */
.circle.count-number
{
line-height: 135px;
position: relative;
width: 150px;
height: 150px;
margin: 0 auto;
margin-bottom: 20px;
/* Updated */
border: 8px solid ;
border-radius: 50%;
}
.circle.count-number.cc1
{
line-height: 105px;
position: relative;
width: 120px;
height: 120px;
margin: 0 auto;
margin-bottom: 20px;
/* Updated */
border: 4px solid ;
border-radius: 50%;
}
/* Added */
.white .circle.count-number:before
{
background-color: #fff;
}
.count-number .counter
{
font-size: 32px;
font-weight: 800;
}
.count-number .counter
{
font-size: 32px;
font-weight: 800;
}
.count-number.cs1 .counter
{
font-size: 52px;
font-weight: 800;
}
h2.count-number .counter
{
font-size: 40px;
font-weight: bold;
}
div.circle.count-number
{
position: relative;
margin-bottom: 10px;
padding-bottom: 10px;
}
div.circle.count-number:before
{
position: absolute;
right: 0;
bottom: 0;
left: 0;
width: 10px;
height: 40px;
margin: 0 auto;
content: '';
}
div.circle.count-number:after
{
position: absolute;
right: 0;
bottom: 20px;
left: 0;
width: 10px;
height: 20px;
margin: 0 auto;
content: '';
}
.top-border.count-number
{
position: relative;
padding-top: 20px;
}
.top-border.count-number:before
{
top: 10px;
}
/* Pie Chart */
.piechart
{
position: relative;
display: inline-block;
width: 100%;
margin: 0 0 15px 0;
text-align: center;
}
.piechart canvas
{
position: absolute;
top: 0;
right: 0;
left: 0;
margin: 0 auto;
}
.piechart span
{
font-family: arial;
font-size: 30px;
font-weight: bold;
line-height: 145px;
position: relative;
z-index: 2;
top: 0;
}
.piechart span:after
{
content: '%';
}
/* Item-box */
.item-box
{
padding: 20px;
padding-bottom: 40px;
}
.item-box i
{
font-size: 1.8em;
position: absolute;
left: 15px;
display: block;
width: 60px;
height: 60px;
margin: 0 15px 0 0;
padding: 15px;
transition: opacity .2s linear 0s;
text-align: center;
text-decoration: none;
border: 3px solid;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.item-box i:after
{
position: absolute;
z-index: -1;
top: -6px;
left: -6px;
width: 66px;
height: 66px;
content: '';
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #f5f5f5;
}
.white .item-box a:not(.btn)
{
display: inline-block;
transition: opacity .2s linear 0s;
color: #fff;
}
.item-box a:not(.btn)
{
display: inline-block;
transition: opacity .2s linear 0s;
color: #171717;
}
.item-box a
{
margin-left: 70px;
}
.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: #fff;
}
.item-box.style2
{
padding: 40px;
}
.item-box.style2 i,
.item-box.style2:hover i,
.item-box.style2 i:after,
.item-box.style2:hover i:after
{
border: none;
background: none;
}
.item-box.style2 i
{
font-size: 37px !important;
left: 35px;
padding: 0;
}
.item-box.style2
{
margin-bottom: 30px;
background: #fff;
}
.item-box.style2 a
{
margin-left: 60px;
}
.item-box.style3 i,
.item-box.style3:hover i,
.item-box.style3 i:after,
.item-box.style3:hover i:after
{
font-size: 23px;
line-height: 25px;
border-radius: 50%;
background: none;
}
.item-box.style3 a
{
margin-left: 80px;
}
/******************************************************************************
Twiiter Feed
*******************************************************************************/
.twitter-feed
{
padding-bottom: 15px;
text-align: center;
}
.tweet
{
padding: 12px 0 0;
}
.twitter-feed .owl-pagination,
.twitter-feed .owl-buttons,
.twitter-feed .icon-twitter,
.twitter-feed .username
{
display: none;
}
.twitter-feed .tweet_text
{
font-size: 20px;
color: #fff;
}
.twitter-feed .tweet_time a
{
font-size: 17px;
font-style: italic;
}
.twitter-feed .tweet_user a,
.tweet_text a
{
text-decoration: underline;
}
.twitter-feed .tweet_user a,
.tweet_text a,
.twitter-feed .tweet_text
{
color: #fff;
}
.twitter-feed i
{
padding: 15px;
}
/******************************************************************************
Blog
*******************************************************************************/
/* Latest News */
.latest-posts
{
margin: 0;
padding: 0;
}
.latest-posts li
{
clear: both;
margin-bottom: 35px;
list-style: none;
}
.latest-posts li:last-child
{
margin-bottom: 10px;
}
.latest-posts .post-thumb
{
width: 100px;
}
.latest-posts .post-thumb
{
float: left;
}
.widget .latest-posts .title
{
font-size: 14px;
font-weight: 600;
line-height: 20px;
color: #222;
}
.widget .latest-posts .meta
{
font-size: 12px;
margin-top: 3px;
}
.latest-posts li img
{
margin-right: 10px;
}
.pagination > li > a,
.pagination > li > span
{
padding: 8px 15px;
color: #171717;
}
.pagination > li > a,
.pagination > li > span
{
margin: 0 5px;color: #171717;
border: 2px solid;
}
.pagination > .active > span,
.pagination > .active > span
{
color: #fff;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span,
.pagination > li:last-child > a,
.pagination > li:last-child > span
{
border-radius: 0;
}
/* Posts */
.entry-title,
.post-title
{
margin: 0 0 5px;
}
.post-single .post-item
{
margin-bottom: 0;
padding-bottom: 0;
}
/* added */
.post-scroll .entry-title,
.post-scroll .post-title
{
font-size: 20px;
margin: 10px 0;
}
.post-item
{
position: relative;
margin-bottom: 30px;
padding-bottom: 30px;
}
.post-title
{
font-size: 18px;
margin-top: 10px;
}
.post-list .post-title,
.post-classic .post-title
{
font-size: 26px;
margin-top: 20px;
margin-bottom: 10px;
}
.post-classic .meta
{
position: absolute;
top: 0;
width: 100%;
margin-top: 10px;
padding: 20px;
color: #f7f7f7;
}
.post-classic .meta span
{
position: relative;
margin-right: 30px;
}
.post-classic .meta span:after
{
position: absolute;
top: 3px;
right: -15px;
width: 1px;
height: 15px;
content: '';
background: #f5f5f5;
}
.post-classic .meta .post_cat:after
{
content: none;
}
.post-classic .post-item .btn
{
margin-top: 15px;
}
.post-classic .post-item
{
margin-bottom: 50px;
}
.post-share i
{
padding-left: 7px;
}
.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
{
margin-bottom: 15px!important;
padding: 15px 15px 0 15px!important;
}
.mixed-grid.blog .grid-item .post-meta
{
padding-bottom: 25px !important;
border-bottom: 1px dashed #ccc;
}
/* Video Post */
.video-box
{
position: relative;
overflow: hidden;
height: 0;
margin-bottom: 22px;
padding-bottom: 56.25%;
-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);
}
.video-box embed,
.video-box iframe,
.video-box object,
.video-box video
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.width-320
{
width: 320px;
}
/* Meta */
.meta,
.post-meta
{
margin-top: 10px;
color: #7f7f7f;
}
.post-meta span,
.meta span
{
margin-right: 8px;
}
.post-meta span.category
{
margin-right: 0;
}
.post-meta i,
.meta i
{
margin-top: 5px;
margin-right: 6px;
}
.name
{
font-size: 18px;
position: relative;
margin: 0;
padding: 25px 0 0;
}
.description.text-left .name:before
{
right: auto;
left: 0;
}
.text-left.i-3x i
{
width: auto;
margin-right: 12px;
}
.role
{
font-size: 16px;
padding-top: 0;
padding-bottom: 18px;
}
.read-more
{
float: right;
}
.read-more.left
{
font-weight: 600;
float: left;
width: 100%;
}
.read-more.left i.pull-right
{
float: right;
}
.read-more i
{
font-size: 16px;
}
.learn-more i
{
margin-top: 10px;
padding-right: 10px;
}
/* Author Area */
.author-area
{
margin-top: 40px;
margin-bottom: 40px;
}
.author-img
{
position: absolute;
width: 150px;
}
.author-comments
{
margin-left: 180px;
}
.author-area .social-icon
{
margin-top: 15px;
}
/* Reply */
.comments-area
{
margin-bottom: 20px;
}
.user-img
{
position: absolute;
width: 80px;
}
.comment-item
{
margin-bottom: 10px;
padding-bottom: 20px;
}
.comment-item .post-meta
{
font-size: 14px;
margin-bottom: 10px;
}
.comment-item .post-meta,
.comment-item .post-reply
{
margin-top: 0;
margin-left: 100px;
}
.comment-item .btn.btn-sm
{
line-height: 10px;
margin-top: 5px;
padding: 8px 30px 10px 30px;
}
/* Testimonials */
.testimonials .item
{
position: relative;
margin-top: 50px;
}
.testimonials .item .client-image
{
position: absolute;
top: -50px;
left: 30px;
}
.testimonials .desc-border
{
padding: 40px 20px 20px;
}
.testimonials blockquote
{
font-size: 15px;
margin-bottom: 0;
padding: 0;
}
.client-details
{
font-size: 14px;
margin: 4px 0;
}
.client-details strong
{
font-size: 18px;
display: block;
}
.client-details span.white
{
color: #fff;
}
.desc-border blockquote,
.quote blockquote,
.no-border blockquote
{
border-left: 0;
}
.no-border blockquote
{
padding: 0;
}
.desc-border
{
margin-bottom: 15px;
border: 2px solid;
border-radius: 5px;
}
.desc-border .star-rating
{
padding: 5px 0 12px 0;
}
.sec-border,
.sec-border1
{
position: absolute;
top: 12px;
right: 13px;
width: 96%;
height: 95%;
border: 1px solid #fff;
background: transparent none repeat scroll 0 0;
}
.sec-border1
{
border: 4px double #fff;
}
.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
{
position: absolute;
bottom: -20px;
display: block;
width: 0;
height: 0;
content: '';
border-width: 10px;
border-style: solid;
border-color: #e1e1e1 transparent transparent;
border-right: 10px solid transparent;
border-image: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
}
.bottom-arrow:before,
.bottom-arrow:after
{
right: 0;
left: 0;
margin: 0 auto;
}
.bottom-arrow:after
{
position: absolute;
bottom: -18px;
display: block;
width: 0;
height: 0;
content: '';
border-width: 10px;
border-style: solid;
border-color: #fff transparent transparent;
border-right: 10px solid transparent;
border-image: none;
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
}
.bottom-arrow.light:after
{
border-color: #f7f7f7 transparent transparent;
}
/* Add Quotation in Blockquote */
.quote
{
padding: 15px 15px 0 15px;
}
.desc-border.quote blockquote
{
margin: 0;
padding: 0 0 0 38px;
}
.quote blockquote
{
margin: 0;
padding: 0 0 0 38px;
}
.quote blockquote:before
{
font-size: 50px;
font-weight: bold;
line-height: 1;
position: absolute;
top: 14px;
left: 16px;
content: open-quote;
}
.quote blockquote:after
{
font-size: 50px;
font-weight: bold;
line-height: 0;
display: inline-block;
margin: 0 0 5px;
content: close-quote;
vertical-align: bottom;
}
.testimonials.ts1 .item
{
position: relative;
margin-top: 0;
}
.testimonials.ts1
{
text-align: left;
}
.testimonials.ts1 .client-image
{
position: absolute;
top: 0;
left: 0;
width: 140px;
height: 140px;
text-align: left;
}
.testimonials.ts1 .client-details
{
margin-left: 140px;
}
.testimonials.ts1 .comments
{
font-size: 15px;
font-weight: 500;
padding-top: 10px;
color: #979797;
}
.client-name
{
font-size: 20px;
font-weight: 700;
line-height: 25px;
margin-bottom: 10px;
padding-top: 5px;
}
.client-prof
{
font-size: 14px;
font-weight: 400;
font-style: italic;
margin-bottom: 10px;
color: #979797;
}
.client-rating
{
font-size: 16px;
font-weight: 400;
margin-bottom: 15px;
color: #000;
}
/* Testimonials Grid */
.testimonials.ts1.grid
{
margin-top: 40px;
}
.testimonials.ts1.grid .item
{
margin-bottom: 50px;
}
/* Sidebar Testimonials */
.sidebar .testimonials.ts1
{
padding: 20px;
border: 4px solid #f7f7f7;
}
.sidebar .testimonials.ts1:before
{
font-family: FontAwesome;
font-size: 40px;
position: absolute;
right: 0;
bottom: -20px;
display: block;
content: '\f10e';
color: #f7f7f7;
}
.sidebar .testimonials.ts1 .client-image img
{
max-width: 80px;
}
.sidebar .testimonials.ts1 .client-details
{
margin-left: 90px;
}
.sidebar .testimonials.ts1 .client-name
{
font-size: 16px;
margin: 2px 0;
padding-top: 0;
}
.sidebar .testimonials.ts1 .client-prof
{
font-size: 11px;
margin: 2px 0;
}
.sidebar .testimonials.ts1 .client-rating
{
font-size: 13px;
margin: 2px 0;
}
.sidebar .testimonials.ts1 .comments
{
font-size: 14px;
}
/* Team */
.member-page h3.title
{
margin-bottom: 5px;
}
.member-page .member-role
{
font-size: 15px;
margin-bottom: 20px;
color: #999;
}
.member-contacts
{
margin-top: 30px;
padding: 40px;
}
.member-contacts h4
{
margin-bottom: 10px;
}
.member-contacts i
{
padding-right: 15px;
}
.mphone,
.memail
{
margin-bottom: 10px;
}
.member-contacts .social-icons
{
margin-top: 20px;
}
.member-contacts .social-icons i
{
padding-right: 0;
}
/******************************************************************************
Get a Quote
*******************************************************************************/
.get-a-quote
{
padding: 30px 0;
}
.get-a-quote a
{
font-weight: 500;
}
.get-a-quote a.black:hover
{
color: #111;
}
.get-a-quote a.white:hover
{
color: #fff;
}
.img-center img
{
display: inline-block;
}
/* Header */
.transparent-header.dark-header .navbar
{
background: none;
}
.dark-header.dark-bg .navbar
{
background: #222 !important;
}
.transparent-header.dark-header .sticky-wrapper.is-sticky .navbar
{
background: #222;
}
.transparent-header .sticky-wrapper
{
z-index: 999;
}
/******************************************************************************
Page Title Variations
*******************************************************************************/
.page-header
{
position: relative;
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
}
.page-header h5
{
font-weight: 300;
margin-top: 10px;
margin-bottom: 10px;
}
.page-header .container::before
{
content: none;
}
#page .page-title-left .breadcrumb
{
position: absolute;
top: 50%;
right: 15px;
left: auto;
width: auto;
margin: -10px 0 0;
padding: 0;
background: none;
}
.page-title-right
{
text-align: right;
}
#page .page-title-right .breadcrumb
{
position: absolute;
top: 50%;
right: auto;
left: 15px;
width: auto;
margin: -10px 0 0;
padding: 0;
}
.page-title-center
{
text-align: center;
}
.page-title-pattern
{
background: url(../img/patterns/bg-pattern-5.png) repeat;
}
.page-title-left.mini h1.title
{
font-size: 20px;
}
.page-title-left.dark,
.page-title-left.dark .breadcrumb > li > a
{
color: #fff;
background: #252525;
}
.page-header #bg-video,
header#my-video
{
min-height: 130px;
background: transparent;
}
.page-header .mbYTP_wrapper
{
z-index: 0 !important;
}
.page-header .image-bg
{
min-height: inherit;
}
/******************************************************************************
Pages
*******************************************************************************/
.page-header
{
margin: 0;
padding: 30px 0;
background-color: #f7f7f7;
}
.page-header h1
{
font-size: 34px;
margin: 0;
letter-spacing: -2px;
text-transform: capitalize;
}
#page .breadcrumb.white a
{
color: #fff;
}
#page .breadcrumb
{
font-size: 11px;
line-height: 18px;
margin: 0;
padding: 11px 0;
color: #7f7f7f;
border-radius: 0;
background: none !important;
}
.breadcrumb > li > a
{
transition: opacity .2s linear 0s;
text-decoration: none;
}
.breadcrumb > li > a:hover
{
transition: opacity .2s linear 0s;
opacity: .8;
}
.breadcrumb i
{
padding-right: 10px;
}
/* Background Video */
#video-controls
{
position: absolute;
z-index: 99;
top: 50%;
right: 0;
left: 0;
display: none;
margin: 0 auto;
text-align: center;
}
#video-controls a
{
text-decoration: none;
}
#bg-video,
.video-half-content
{
min-height: 552px;
}
.video-pattern:after
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background: url(../img/patterns/pattern.png) repeat;
}
#video-play
{
padding: 20px;
border: 2px solid;
-moz-border-radius: 50%;
border-radius: 50%;
-khtml-border-radius: 50%;
}
.mbYTP_wrapper
{
z-index: 9!important;
}
/* Local Hosted Video */
.video-section
{
position: relative;
overflow: hidden;
padding: 76px 0;
transition: opacity .2s linear 0s;
}
.video-section video,
.video-section .video_item img
{
position: absolute;
z-index: -100;
right: 0;
bottom: 0;
width: auto;
min-width: 100%;
max-width: inherit;
height: auto;
min-height: 100%;
vertical-align: top;
background-size: cover;
}
/* Custom Video BG */
#my-video.video-bg
{
position: relative;
background-color: #000;
background-image: none;
}
#my-video.video-bg .mbYTP_wrapper
{
z-index: 0 !important;
}
#my-video.video-bg:after
{
position: absolute;
z-index: 0;
top: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background: rgba(0,0,0,.6);
}
#my-video.video-bg #bg-video
{
min-height: 650px;
}
#my-video.video-bg #video-play
{
display: none;
}
.video-bg .video-slider-container
{
position: absolute;
z-index: 9;
top: 50%;
right: 0;
left: 0;
max-width: 1200px;
margin: 0 auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
#my-video.video-bg .video-slider-text
{
margin-bottom: 10px;
}
#my-video.video-bg .video-slider-text h1
{
text-align: center;
color: #ffc400;
}
.video-slider-text ul
{
width: 100%;
padding: 0;
list-style: none;
text-align: center;
}
#my-video.video-bg p
{
margin-bottom: 20px;
text-align: center;
}
#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;
}
/* Contact Address */
.c-details
{
margin-bottom: 10px;
}
.c-details span
{
display: block;
margin-bottom: 10px;
}
.c-details span:last-child
{
margin-bottom: 0 !important;
}
.c-details span i
{
padding-right: 15px;
}
/* Contact Form */
.contact-form .btn
{
margin-top: 15px;
}
.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
{
position: absolute;
bottom: -23px;
display: block;
margin-bottom: 3px;
}
/* Sitemap */
.sitemap li
{
position: relative;
padding-left: 15px;
}
.sitemap li a:before
{
font-family: FontAwesome;
font-size: 14px;
font-weight: normal;
font-style: normal;
line-height: 12px;
position: absolute;
top: 8px;
left: 0;
display: block;
content: '\f105';
}
/******************************************************************************
Sidebar
*******************************************************************************/
.sidebar .widget
{
margin-bottom: 30px;
}
.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 .panel
{
border: 0;
box-shadow: none;
}
.widget a.list-group-item:focus,
.widget a.list-group-item:hover
{
background: none;
}
.list-group-item
{
position: relative;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 20px;
list-style: outside none none;
}
.list-group-item:before
{
font-family: FontAwesome;
position: absolute;
top: 5px;
left: 0;
display: block;
content: '\f105';
}
.list-group.style1
{
margin-top: 0;
margin-bottom: 10px;
}
.list-group.style1 .list-group-item,
.list-group.style1 a.list-group-item.in.collapsed
{
font-weight: 600;
margin-bottom: 5px;
padding: 10px 20px;
color: #333;
border-radius: 0;
background: #f7f7f7;
}
.widget .list-group.style1 .list-group-submenu
{
margin-left: 0;
}
.widget .list-group.style1 .list-group-submenu .list-group-item
{
background: #f1f1f1;
}
.list-group.style1 .list-group-item:hover,
.list-group.style1 .list-group-item.active
{
color: #fff;
}
.widget .list-group.style1.panel > .list-group-item
{
border-radius: 0;
}
.list-group.style1 .list-group-item:before
{
position: absolute;
top: 0;
left: 0;
width: 5px;
height: 100%;
content: '';
background: #eee;
}
.list-group.style1 .list-group-submenu .list-group-item:before
{
background: #ddd;
}
.list-group-item .fa
{
display: none;
margin-left: 7px;
}
.list-group.style1 a.list-group-item.in,
.list-group.style1 a.list-group-item.in.collapsed:hover
{
color: #fff;
}
/* Sidebar Search */
.widget .search-form button
{
font-size: 15px;
position: absolute;
top: 0;
right: 15px;
width: 44px;
height: 50px;
transition: all .3s ease 0s;
text-align: center;
color: #fff;
border: medium none;
outline: medium none !important;
}
/* Tags */
ul.tags,
.filter-price-box
{
display: table;
margin: 0 auto;
}
ul.tags li
{
float: left;
margin: 0 5px 5px 0;
}
.tags li a
{
font-size: 13px;
line-height: 24px;
display: block;
height: 30px;
padding: 2px 10px;
transition: all .2s linear 0s;
text-decoration: none;
color: #222;
border-radius: 0;
background: #f7f7f7;
}
.tags li a:hover
{
color: #fff !important;
}
/* 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;
width: 60px;
height: 62px;
margin-right: 5px;
margin-bottom: 5px;
list-style: outside none none;
}
.social-feed li img
{
width: 62px;
height: 62px;
}
/* Shop Widgets */
.widget .popular-product li
{
margin-bottom: 30px;
}
.widget .popular-product .product-thumb
{
position: absolute;
width: 80px;
}
.widget .popular-product .product-details
{
margin-left: 90px;
}
.widget .popular-product h5
{
font-size: 15px;
font-weight: 500;
margin-bottom: 0;
}
.widget .popular-product .star-rating i
{
font-size: 10px !important;
}
/* shop checkbox */
.filter-checkbox p
{
font-weight: 400;
padding-left: 10px;
}
/* Price Box */
.sidebar .widget .price-box,
.sidebar .widget .price
{
font-size: 14px;
line-height: 22px;
}
.price-old
{
line-height: 1;
position: relative;
display: inline-block;
margin-right: 6px;
color: #7f7f7f;
}
.price-old:after
{
position: absolute;
top: -2px;
bottom: -2px;
left: 50%;
display: block;
width: 40px;
margin: 0 0 0 -10px;
content: '';
background: url('../img/png-icons/old-price.png') no-repeat scroll 0 100%;
}
/* Case Studies */
.case-title
{
font-weight: 600;
line-height: 20px;
margin-bottom: 5px;
}
.case-title:hover
{
text-decoration: underline;
}
.case-studies
{
margin-bottom: 15px;
}
.widget .case-studies:last-child
{
margin-bottom: 0;
}
.case-studies p
{
font-size: 13px;
}
.download-brochure .btn
{
display: block;
width: 100%;
padding-left: 49px;
}
.download-brochure .btn i
{
font-size: 22px;
line-height: 19px;
position: absolute;
top: 50%;
left: 16px;
display: block;
height: 19px;
transform: translate(0px, -50%);
}
/* Poll */
.new-radio
{
width: 14px;
height: 14px;
border-radius: 7px;
}
.new-radio,
.new-checkbox
{
position: absolute;
float: left;
margin: 0 0 0 -20px;
cursor: pointer;
background: none repeat scroll 0 0 #fff;
}
/* Price Range Filter */
.filter .filter-price-box
{
padding-bottom: 15px;
}
.nstSlider
{
position: relative;
width: 260px;
max-width: 100%;
height: 10px;
margin: 0 auto 40px;
cursor: pointer;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: none #f7f7f7;
}
.bar
{
position: absolute;
height: 10px;
cursor: pointer;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.nstSlider .rightGrip,
.nstSlider .leftGrip
{
position: absolute;
top: -4px;
margin-left: -8px;
border-width: 9px;
}
.range .leftLabel
{
font-family: 'Lato';
font-size: 12px;
position: absolute;
top: 12px;
left: 0;
}
.range .rightLabel
{
font-family: 'Lato';
font-size: 12px;
position: absolute;
top: 12px;
left: 0;
}
.bar:after
{
position: absolute;
top: -3px;
right: -1px;
width: 1px;
height: 8px;
content: '';
cursor: pointer;
}
.bar:before
{
position: absolute;
top: -3px;
left: 0;
width: 1px;
height: 18px;
content: '';
cursor: pointer;
}
.rightGrip
{
position: absolute;
top: 8px;
right: 0;
width: 2px;
height: 15px;
border-right: 6px solid transparent;
border-bottom: 10px solid;
border-left: 6px solid transparent;
}
.leftGrip
{
position: absolute;
top: 8px;
left: 0;
width: 2px;
height: 15px;
border-right: 6px solid transparent;
border-bottom: 10px solid;
border-left: 6px solid transparent;
}
.filter-print-price
{
margin: 0 17px;
padding: 7px 0 0;
}
.filter-print-price a h4
{
font-family: 'Lato';
font-size: 14px;
width: 95px;
margin: 0;
padding: 5px 31px;
text-align: center;
text-transform: capitalize;
color: #fff;
border: 1px solid;
}
.filter-print-price a h4:hover
{
border: 1px solid;
background-color: #fff;
}
.filter-print-price .price
{
font-family: 'Lato';
font-size: 14px;
font-weight: 600;
margin-left: 6px;
text-align: center;
color: #656565;
}
.drag
{
font-family: 'Lato';
font-size: 12px;
font-weight: 600;
display: block;
margin: 12px 0 0 -10px;
color: #656565;
}
.filter-print-price li
{
display: inline-block;
list-style: none;
}
.rightGrip,
.leftGrip
{
border: 10px solid;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}
/******************************************************************************
Widget
*******************************************************************************/
.widget ul
{
margin: 0;
padding: 0;
}
.widget li
{
list-style: none;
}
.widget li a,
.widget li a:visited
{
text-decoration: none;
color: #7f7f7f;
}
.widget li
{
line-height: 30px;
}
.widget a:hover
{
color: #000;
}
.widget .widget-title .title
{
line-height: 1.3;
margin: 0 0 18px;
}
.widget .widget-title
{
position: relative;
margin: 0 0 18px;
}
.sidebar .widget .widget-title
{
position: relative;
margin: 0 0 6px;
}
.sidebar .widget .widget-title h3.title
{
font-size: 18px;
margin: 0 0 22px;
}
/* Newsletter */
.newsletter form
{
position: relative;
margin: 5px 0 0;
}
.newsletter input
{
margin: 0;
padding-right: 43px;
}
.newsletter .submit
{
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
padding: 0;
color: #171717;
border: 0;
border-radius: 0;
outline: none;
}
.newsletter .selectBox,
.newsletter .form-control
{
line-height: 22px;
height: 40px;
min-height: 40px;
margin-bottom: 22px;
padding: 8px 12px;
border-radius: 0;
}
.newsletter .submit.bg-color:hover
{
color: #fff;
}
.newsletter .has-feedback .form-control-feedback
{
right: 35px;
}
/* Sticky Sidebar */
#sidebar.stick
{
padding-top: 90px;
}
/******************************************************************************
PAGES
*******************************************************************************/
/*Service Time-line*/
.timeliner
{
position: relative;
margin-top: 20px;
padding: 0;
list-style: none;
}
.timeliner:before
{
position: absolute;
top: 0;
bottom: 0;
left: 40px;
width: 2px;
margin-left: -1.5px;
content: '';
background-color: #f1f1f1;
}
.history.timeliner:before
{
top: 40px;
height: 95%;
}
.history li:hover .timeline-icon
{
color: #fff;
}
.timeliner > li
{
position: relative;
min-height: 50px;
margin-bottom: 50px;
}
.timeliner > li:before,
.timeliner > li:after
{
display: table;
content: ' ';
}
.timeliner > li:after
{
clear: both;
}
.timeliner > li .timeline-panel
{
position: relative;
float: right;
width: 100%;
padding: 0 20px 0 100px;
text-align: left;
}
.timeliner > li .timeline-panel:before
{
border-left-width: 0;
}
.timeliner > li .timeline-panel:after
{
border-left-width: 0;
}
.timeliner > li .timeline-image
{
position: absolute;
z-index: 100;
left: 0;
width: 80px;
height: 80px;
margin-left: 0;
text-align: center;
color: #fff;
border: 7px solid #f1f1f1;
border-radius: 100%;
}
.timeliner > li .timeline-image h4
{
margin-top: 12px;
color: #171717;
}
.timeliner > li.timeline-inverted > .timeline-panel
{
float: right;
padding: 0 20px 0 100px;
text-align: left;
}
.timeliner > li.timeline-inverted > .timeline-panel:before
{
right: auto;
left: -15px;
border-right-width: 15px;
border-left-width: 0;
}
.timeliner > li.timeline-inverted > .timeline-panel:after
{
right: auto;
left: -14px;
border-right-width: 14px;
border-left-width: 0;
}
.timeliner > li:last-child
{
margin-bottom: 0;
}
.timeliner .timeline-heading h4
{
margin-top: 0;
}
.timeliner .timeline-heading h4.subheading
{
font-weight: 700;
text-transform: none;
text-transform: uppercase;
color: #171717;
}
.timeliner .timeline-body > p,
.timeliner .timeline-body > ul
{
margin-bottom: 0;
}
.timeline-icon
{
font-size: 18px;
line-height: 70px;
position: absolute;
left: 50%;
width: 70px;
height: 70px;
margin: 22px 0 0 -35px;
text-align: center;
color: #171717;
border: 2px dashed #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: #fff;
}
/* Time Liner Blog & Resume */
.history
{
margin-top: 50px;
}
.history .post-title
{
margin-bottom: 15px;
}
.blog.timeliner > li,
.history.timeliner > li
{
position: unset !important;
}
.blog.timeliner > li,
.history.timeliner > li
{
width: 50%;
margin: 0;
padding: 0 60px 5px 0;
}
.blog.timeliner > li.timeline-inverted,
.history.timeliner > li.timeline-inverted
{
width: 50%;
margin-left: 50%;
padding: 0 0 5px 60px;
}
.blog.timeliner:before,
.history.timeliner:before
{
width: 2px;
background-color: rgba(0, 0, 0, .2);
}
.blog.timeliner > li,
.history.timeliner > li
{
margin-bottom: 20px;
}
.blog.timeliner > li .timeline-panel,
.history.timeliner > li .timeline-panel
{
width: 100%;
padding: 50px;
text-align: left;
border: 1px solid #ccc;
}
.history.timeliner > li .timeline-panel
{
padding: 20px;
border: 0;
}
.blog.timeliner .post-item,
.history.timeliner .post-item
{
margin-bottom: 0;
padding-bottom: 0;
border: 0;
}
.blog.timeliner > li .timeline-panel .post-title,
.history.timeliner > li .timeline-panel .post-title
{
font-size: 20px;
margin-top: 0;
}
.blog .timeline-meta,
.history .timeline-meta
{
position: absolute;
left: 50%;
margin: 45px 0 0 50px;
color: #999;
}
.blog .timeline-inverted .timeline-meta,
.history .timeline-inverted .timeline-meta
{
right: 50%;
left: auto;
margin: 48px 50px 0 0;
text-align: right;
}
.blog.timeliner > li .timeline-panel .post-content,
.history.timeliner > li .timeline-panel .post-content
{
margin-bottom: 0;
}
.blog.timeliner > li .timeline-panel img,
.history.timeliner > li .timeline-panel img
{
margin-bottom: 15px;
}
.blog.timeliner > li .timeline-image,
.history.timeliner > li .timeline-image,
.blog.timeliner > li .timeline-icon,
.history.timeliner > li .timeline-icon
{
position: absolute;
z-index: 100;
width: 70px;
height: 70px;
text-align: center;
border: 3px solid rgba(0, 0, 0, .2);
border-radius: 100%;
}
.blog.timeliner > li .timeline-icon .date,
.history.timeliner > li .timeline-icon .date
{
font-size: 13px;
line-height: 30px;
}
.history.timeliner > li .timeline-icon .date
{
font-size: 15px;
font-weight: 800;
line-height: 65px;
}
.blog.timeliner > li .timeline-icon .date span,
.history.timeliner > li .timeline-icon .date span
{
font-family: Oswald,sans-serif;
font-size: 30px;
font-weight: bold;
line-height: 20px;
display: block;
}
.blog.timeliner > li .timeline-panel:before,
.history.timeliner > li .timeline-panel:before,
.blog.timeliner > li .timeline-panel:after,
.history.timeliner > li .timeline-panel:after
{
position: absolute;
display: block;
content: '';
}
.blog.timeliner > li .timeline-panel:before,
.history.timeliner > li .timeline-panel:before
{
top: 26px;
right: -30px;
border: 15px solid transparent;
border-left-color: #ccc;
}
.blog.timeliner > li .timeline-panel:after,
.history.timeliner > li .timeline-panel:after
{
top: 27px;
right: -28px;
border: 14px solid transparent;
border-left-color: #fff;
}
.blog.timeliner > li.timeline-inverted > .timeline-panel,
.history.timeliner > li.timeline-inverted > .timeline-panel
{
float: right;
padding: 20px 50px;
text-align: left;
}
.blog.timeliner > li.timeline-inverted .timeline-panel:before,
.history.timeliner > li.timeline-inverted .timeline-panel:before
{
right: auto;
left: -30px;
border: 15px solid transparent;
border-right-color: #ccc;
}
.blog.timeliner > li.timeline-inverted .timeline-panel:after,
.history.timeliner > li.timeline-inverted .timeline-panel:after
{
right: auto;
left: -28px;
border: 14px solid transparent;
border-right-color: #fff;
}
/* Timeline Left side Bar */
.right.blog.timeliner:before,
.right.history.timeliner:before
{
left: 38px;
}
.right.blog.timeliner .timeline-icon,
.right.history.timeliner .timeline-icon
{
left: 0;
margin: 22px 0 0;
}
.right.blog.timeliner .timeline-meta,
.right.history.timeliner .timeline-meta
{
position: relative;
right: 0;
left: 0;
margin: 0 0 5px;
text-align: left;
}
.right.blog.timeliner > li,
.right.history.timeliner > li,
.right.blog.timeliner > li.timeline-inverted,
.right.history.timeliner > li.timeline-inverted
{
left: 0;
width: 100%;
margin: 0;
padding: 0 0 10px 100px;
}
.right.blog.timeliner > li.timeline-inverted,
.right.history.timeliner > li.timeline-inverted
{
padding: 0 0 10px 70px;
}
.right.blog.timeliner > li.timeline-inverted .timeline-panel:before,
.right.history.timeliner > li.timeline-inverted .timeline-panel:before,
.right.blog.timeliner > li .timeline-panel:before,
.right.history.timeliner > li .timeline-panel:before
{
right: auto;
left: -30px;
border: 15px solid transparent;
border-right-color: #ccc;
}
.right.history.timeliner > li.timeline-inverted .timeline-panel:before,
.right.history.timeliner > li .timeline-panel:before
{
border: 0;
}
.right.blog.timeliner > li.timeline-inverted .timeline-panel:after,
.right.history.timeliner > li.timeline-inverted .timeline-panel:after,
.right.blog.timeliner > li .timeline-panel:after,
.right.history.timeliner > li .timeline-panel:after
{
right: auto;
left: -28px;
border: 14px solid transparent;
border-right-color: #fff;
}
/******************************************************************************
Coming Soon
*******************************************************************************/
.count-down-box
{
text-align: center;
}
.comming-soon .daycounter-container
{
margin-bottom: 50px;
}
.comming-soon .countdown-section
{
width: 165px;
height: 110px;
margin: 15px 2px;
border: none;
background: #f2f2f2;
}
.comming-soon .countdown-amount
{
font-size: 60px;
font-weight: bold;
line-height: 110px !important;
}
.comming-soon .countdown-period
{
font-size: 18px;
color: #000;
}
.coming-text
{
margin-top: -4px;
}
.coming-text form
{
position: relative;
}
.coming-text .success
{
position: absolute;
bottom: 100%;
margin-bottom: 5px;
}
.coming-text .form-control
{
padding-right: 100px;
}
.coming-text .btn
{
position: absolute;
top: 0;
right: 0;
width: 90px;
}
/* Event page*/
/* Event Countdown */
.countdown-block
{
position: absolute;
top: 50%;
right: 0;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.countdown-block h1
{
letter-spacing: 5px;
}
.countdown-rtl
{
direction: rtl;
}
.daycounter-container
{
margin: 0 aut0;
}
.countdown-holding span
{
color: #888;
}
.countdown-row
{
position: relative;
display: inline-block;
clear: both;
margin: 0 auto;
padding: 0;
text-align: center;
}
.countdown-section
{
font-size: 75%;
line-height: 130px;
position: relative;
display: block;
float: left;
width: 130px;
height: 130px;
margin: 15px;
text-align: center;
border: 4px solid #ccc;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.countdown-amount
{
font-family: Oswald,sans-serif;
font-size: 30px;
color: #fff;
}
.countdown-period
{
font-size: 15px;
font-weight: 600;
line-height: 20px;
display: block;
}
.countdown-descr
{
display: block;
width: 100%;
}
.event-shedule .box
{
position: relative;
margin: 20px 0;
}
.event-shedule .box i
{
font-size: 40px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
color: #ffc400;
}
.event-shedule .box .box-inner
{
margin-left: 60px;
text-align: left;
}
.event-shedule .box .box-inner h4
{
margin-bottom: 0;
}
.event-shedule .register-btn
{
display: block;
margin: 60px auto 0;
}
/*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*/
.event-page .countdown-block
{
position: absolute;
top: 50%;
right: 0;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.event-page .countdown-block h1
{
letter-spacing: 5px;
}
.event-page .countdown-rtl
{
direction: rtl;
}
.event-page .countdown-holding span
{
color: #888;
}
.event-page .countdown-row
{
position: relative;
display: inline-block;
clear: both;
margin: 0 auto;
padding: 0;
text-align: center;
}
.event-page .countdown-section
{
font-size: 75%;
line-height: 93px;
position: relative;
display: block;
float: left;
width: 120px;
height: 100px;
margin: 15px;
text-align: center;
border: 2px solid;
}
.event-page .countdown-amount
{
font-family: Oswald,sans-serif;
font-size: 40px;
}
.event-page .countdown-period
{
font-size: 15px;
font-weight: 600;
line-height: 20px;
display: block;
text-align: left;
}
.event-page .countdown-descr
{
display: block;
width: 100%;
}
/* Event page*/
.event-shedule .box
{
position: relative;
margin: 20px 0;
}
.event-shedule .box i
{
font-size: 40px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
color: #ffc400;
}
.event-shedule .box .box-inner
{
margin-left: 60px;
text-align: left;
}
.event-shedule .box .box-inner h4
{
margin-bottom: 0;
}
.event-shedule .register-btn
{
display: block;
margin: 60px auto 0;
}
/*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
{
padding-left: 0;
list-style: none;
}
.gallery-list > li
{
position: relative;
}
.gallery-list > li i
{
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.gallery-list > li p
{
margin-bottom: 20px;
margin-left: 30px;
}
/* Schedule Section*/
.schedule .tabs
{
border: 1px solid #ccc;
}
.schedule .tabs .nav-tabs
{
border-bottom: 2px solid #ffc400;
}
.schedule .tabs .nav-tabs > li
{
font-family: Oswald,sans-serif;
width: 100%;
padding: 10px;
text-align: center;
border-right: 1px solid #ccc;
background: #eee;
}
.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;
padding: 0;
letter-spacing: 2px;
text-transform: uppercase;
color: inherit;
border: none;
}
.schedule .tabs .nav-tabs > li > a .date
{
font-size: 14px;
display: block;
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
{
color: #fff;
background: #ffc400;
}
.schedule .nav-tabs > .active > a,
.schedule .nav > li > a:focus,
.schedule .nav > li > a:hover
{
border: none;
background: 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
{
font-family: 'icomoon';
position: absolute;
top: 22px;
left: 20px;
content: '\e94e';
}
.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
{
font-family: FontAwesome;
position: absolute;
top: 50%;
right: 20px;
display: block;
width: auto;
height: auto;
margin: 0;
content: '\f068';
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
color: #7c7c7c;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.schedule .schedule-tab .panel-group .panel .panel-heading > .panel-title > a.collapsed:after
{
font-family: FontAwesome;
position: absolute;
top: 50%;
right: 20px;
width: auto;
height: auto;
margin: 0;
content: '\f067';
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
color: #7c7c7c;
background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
.schedule .schedule-tab .panel-heading > .panel-title > a .title
{
padding-left: 10px;
letter-spacing: 1px;
color: #7c7c7c;
}
.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
{
font-family: FontAwesome;
position: absolute;
z-index: -1;
top: 50%;
right: 20px;
content: '\f067';
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
color: #7c7c7c;
}
.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
{
padding: 0;
list-style: none;
}
.book-block ul.book-description > li
{
position: relative;
margin-bottom: 20px;
padding-left: 50px;
}
.book-block ul.book-description > li i
{
font-size: 30px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
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
{
width: 100%;
margin-top: 0;
}
.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
{
padding: 0;
list-style: none;
text-align: left;
}
.about-author .social-links > li
{
font-size: 15px;
line-height: 30px;
display: inline-block;
width: 30px;
height: 30px;
margin-right: 10px;
text-align: center;
color: #fff;
border-radius: 50%;
background: #ffc400;
}
.about-author .social-links > li a,
.about-author .social-links > li a:hover
{
text-decoration: none;
color: #fff;
}
.header .primary .navbar .nav > li > a.btn.btn-default
{
line-height: 22px;
margin-top: 15px;
margin-right: 10px;
padding: 9px 20px;
transition: background .2s linear 0s, color .2s linear 0s;
white-space: normal;
color: #333;
border: 0 none;
border-radius: 3px;
outline: medium none;
background-color: #ffc400;
box-shadow: none;
text-shadow: none;
filter: none;
}
/* Partners */
.partner-box
{
position: relative;
margin-bottom: 30px;
padding: 20px;
border: 4px solid #f7f7f7;
}
.partner-image
{
position: absolute;
top: 10px;
left: 0;
width: 200px;
min-height: 120px;
}
.partner-box:hover img
{
background: #f7f7f7;
}
.partner-details
{
margin-left: 200px;
}
.partner-details .post-title
{
margin-top: 10px;
margin-bottom: 10px;
}
/* 404 */
.section-404 h1
{
font-size: 70px;
display: inline-table;
}
/*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: #fff !important;
}
.portfolio-title
{
position: absolute;
right: 0;
bottom: 0;
left: 0;
width: 100%;
margin: 0 auto !important;
text-align: center;
text-transform: uppercase;
opacity: 0;
color: #fff;
background: rgba(0, 0, 0, .6);
}
.grid-item:hover img
{
opacity: .5;
}
.grid-item:hover .portfolio-title
{
opacity: 1;
}
/*spa*/
#get-quote-1
{
float: left;
width: 100%;
}
/*----------Wedding-----------*/
.red-text,
.icon.red
{
color: #f00;
}
/*Real Estate*/
.border
{
border-width: 1px;
}
.work
{
position: relative;
}
.work .work-title
{
position: absolute;
top: 50%;
right: 0;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
.work .title
{
font-size: 18px;
font-weight: bold;
line-height: 20px;
bottom: 46px;
margin: 7px;
text-align: center;
opacity: 0;
}
.work .work-title > .btn
{
opacity: 0;
}
.work:hover .title
{
opacity: 1;
color: #fff;
}
.work:hover .work-title > .btn
{
opacity: 1;
}
.work .bg-hover
{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: all .2s ease-out 0s;
opacity: 0;
background: none repeat scroll 0 0 rgba(0, 0, 0, .8);
}
.work:hover .bg-hover
{
transition: all .2s ease-in 0s;
opacity: 1;
}
/*Motor Page*/
.carousel
{
position: relative;
}
.carousel-inner.no-pad .carousel-caption
{
right: 0;
bottom: 0;
left: 0;
height: 110px;
padding-right: 20px;
padding-bottom: 0;
padding-left: 20px;
}
.motor .carousel-inner.no-pad .carousel-caption
{
top: auto;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.right-pagination.carousel-indicators
{
right: 0;
left: 0;
width: 100%;
margin: 0;
padding: 0 20px 0 0;
text-align: right;
}
.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, .2) 100%);
}
.full-width-slider .carousel-control.left
{
background-image: linear-gradient(to right, rgba(0, 0, 0, .2) 0px, rgba(0, 0, 0, 0) 100%);
}
.carousel-control.left.no-bg,
.carousel-control.right.no-bg
{
background-image: none;
}
.carousel-control.left .fa,
.carousel-control.right .fa
{
line-height: 33px;
width: 40px;
height: 37px;
padding-left: 2px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-khtml-border-radius: 6px;
}
.carousel-control.left .fa
{
padding-left: 0;
}
.tab-content.border
{
padding: 0 20px 20px;
border: 1px solid #ddd;
border-top: none;
}
.service-tabs .tab-content > .tab-pane,
.service-tabs .pill-content > .pill-pane
{
padding: 36px 0 0;
}
.motor .form-control
{
margin-bottom: 25px;
}
/*Mail chimp*/
.transparent-half-black-2
{
background: none repeat scroll 0 0 rgba(0, 0, 0, .5) !important;
}
.form-box
{
margin: 0 0 40px;
padding: 27px 30px 25px;
border-radius: 5px;
background: #f2f2f2;
}
.selectBox,
.form-control
{
line-height: 50px;
width: 100%;
height: 50px;
min-height: 50px;
margin-bottom: 16px;
padding: 0 12px;
border: 0;
border-radius: 0;
background: #f5f5f5;
box-shadow: 0 1px #fff, 0 1px 4px rgba(0, 0, 0, .05) inset;
}
.transparent-half-white
{
background: none repeat scroll 0 0 rgba(255, 255, 255, .5) !important;
}
/*Timeline*/
#resume .timeline.work-process-box
{
margin-top: 0;
}
#resume .blog.timeliner > li:last-child
{
margin-bottom: 0;
}
/*-------------Bakery---------------*/
.fill-icon
{
position: relative;
z-index: 1;
color: #000;
border: 2px solid;
}
.fill-icon:after
{
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
-webkit-transition: .4s all ease-in-out;
-moz-transition: .4s all ease-in-out;
-ms-transition: .4s all ease-in-out;
-o-transition: .4s all ease-in-out;
transition: .4s all ease-in-out;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
}
.bakery-block:hover .fill-icon:after
{
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.icons-circle.medium.fill-icon
{
line-height: 4em;
}
/*Saloon*/
.ri-grid .overlay
{
z-index: 1;
opacity: .7;
}
.grid-content
{
position: absolute;
z-index: 9;
top: 50%;
right: 0;
left: 0;
width: 100%;
max-width: 700px;
margin: 0 auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
color: #fff;
}
.grid-content h1
{
font-weight: 200;
text-transform: uppercase;
}
/*Bakery Menu*/
.bakery-menu
{
border: 1px solid #ddd;
}
.bakery-menu .nav-tabs > li
{
width: 100%;
border-bottom: 1px solid #ccc;
}
.bakery-menu .nav-tabs > li > a
{
font-size: 18px;
font-weight: 700;
margin-right: 0;
padding: 20px 20px;
-webkit-transition: .35s all ease-in-out;
-moz-transition: .35s all ease-in-out;
-ms-transition: .35s all ease-in-out;
-o-transition: .35s all ease-in-out;
transition: .35s all ease-in-out;
text-align: center;
border: none;
border-right: 1px solid #ddd;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
}
.bakery-menu .nav-tabs > li:last-child > a
{
border-right: none;
}
.bakery-menu .nav-tabs > li > a > i
{
display: block;
}
.bakery-menu .nav-tabs > li.active > a,
.bakery-menu .nav-tabs > li.active > a:focus,
.bakery-menu .nav-tabs > li.active > a:hover
{
color: #fff;
border: none;
text-shadow: 0 0 5px rgba(0,0,0,.1);
}
.bakery-menu .tab-content > .tab-pane
{
padding-top: 0;
}
.bakery-menu .tab-content
{
margin: 0;
padding: 35px 0 0;
background: #fff;
}
.bakery-menu .menu-items
{
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px dashed #ccc;
}
.bakery-menu .last-row .menu-items
{
border: none;
}
.bakery-menu h5
{
margin-bottom: 10px;
text-transform: uppercase;
}
/*pricing*/
.pricing i.icons-circle.medium.pricing-icon
{
line-height: 3.5em;
line-height: 100px;
display: block;
width: 100px;
height: 100px;
margin: 0 auto 20px;
padding: 30px;
padding: 0;
-webkit-transition: .4s all ease-in-out;
-moz-transition: .4s all ease-in-out;
-ms-transition: .4s all ease-in-out;
-o-transition: .4s all ease-in-out;
transition: .4s all ease-in-out;
text-align: center;
border: 2px solid #ccc;
background-color: #f5f5f5;
-webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1) inset;
-moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1) inset;
box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1) inset;
-ms-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1) inset;
-o-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1) inset;
}
.pricing:hover .pricing-icon
{
-webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);
-moz-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);
-ms-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);
-o-transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);
transform: rotateX(180deg) rotateY(180deg) rotateZ(180deg);
}
/*product*/
.product-item.bakery
{
margin-bottom: 60px;
}
.product-item.bakery a.btn
{
position: absolute;
z-index: -1;
-webkit-transform: translateY(-40px);
-moz-transform: translateY(-40px);
-ms-transform: translateY(-40px);
-o-transform: translateY(-40px);
transform: translateY(-40px);
opacity: 1;
border-radius: 0;
}
.product-item.bakery:hover a.btn
{
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
opacity: 1;
}
.product-item.bakery .product-img
{
overflow: hidden;
}
.product-item.bakery:hover .product-img img
{
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
.product-item.bakery a.btn,
.product-item.bakery .product-img img
{
width: 100%;
-webkit-transition: .4s all ease-in-out;
-moz-transition: .4s all ease-in-out;
-ms-transition: .4s all ease-in-out;
-o-transition: .4s all ease-in-out;
transition: .4s all ease-in-out;
}
.product-item.bakery .product-img a
{
position: absolute;
top: 50%;
right: 0;
left: 0;
opacity: 0;
}
.product-item.bakery .product-img a i
{
padding: 10px;
}
.product-item.bakery:hover .product-img a
{
opacity: 1;
}
/*client*/
.client-box
{
margin-left: 40px;
padding: 20px 20px 20px 60px;
border: 1px solid #ccc;
border-radius: 5px;
background: rgba(241,241,241,.1);
}
.client-box .client-image
{
position: absolute;
bottom: 20px;
left: 15px;
}
/*-----------------Travel Page------------------*/
.page-section.find-form
{
overflow: visible;
}
.travel-tab
{
position: relative;
z-index: 99;
top: -52px;
}
.travel-tab .tab-content > .tab-pane,
.pill-content > .pill-pane
{
padding: 0;
}
.travel-tab label
{
display: block;
}
.travel-tab .input-group-btn
{
float: left;
}
.travel-tab div.fancy-select div.trigger,
.travel-tab div.fancy-select ul.options
{
width: auto;
min-width: auto;
max-width: auto;
}
.travel-tab .nav-tabs > li.active a
{
border: none;
}
.travel-tab .nav-tabs
{
border: none;
}
.travel-tab .nav-tabs > li > a
{
font-size: 16px;
font-weight: 700;
margin-right: 5px;
padding: 15px 20px;
border: 1px solid #e1e1e1;
border: none;
border-bottom: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: rgba(255,255,255,.6);
-ms-border-radius: 0;
-o-border-radius: 0;
}
.travel-tab .nav-tabs > li.active > a
{
color: #fff;
}
.travel-tab .nav-tabs > li a > i
{
margin-right: 5px;
padding: 5px;
color: #fff;
border-radius: 50%;
-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1) inset;
-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1) inset;
box-shadow: 0 0 6px rgba(0, 0, 0, .1) inset;
-ms-box-shadow: 0 0 6px rgba(0, 0, 0, .1) inset;
-o-box-shadow: 0 0 6px rgba(0, 0, 0, .1) inset;
}
.travel-tab .tab-content
{
margin: 0;
padding: 20px;
border: 1px solid #e1e1e1;
}
.travel-tab h5
{
font-size: 24px;
}
.travel-tab .btn
{
margin-top: 25px;
}
.travel-tab .selectBox,
.travel-tab .form-control
{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: #fff;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-ms-border-radius: 0;
-o-border-radius: 0;
-ms-box-shadow: none;
-o-box-shadow: none;
}
.travel-tab .input-group-addon
{
color: #fff;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
}
.travel-tab div.fancy-select div.trigger,
.travel-tab div.fancy-select select:focus + div.trigger
{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-ms-box-shadow: none;
-ms-box-shadow: none;
}
.top-destination .img-wrapper
{
position: relative;
}
.top-destination .img-wrapper:after
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
opacity: 0;
background: rgba(0,0,0,.8);
}
.top-destination .img-wrapper:hover:after
{
opacity: 1;
}
.top-destination .img-wrapper > a
{
position: absolute;
z-index: 9;
top: 50%;
right: 0;
left: 0;
text-align: center;
opacity: 0;
}
.top-destination .img-wrapper:hover > a
{
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
opacity: 1;
}
.top-destination .img-wrapper > a,
.top-destination .img-wrapper:after
{
-webkit-transition: .4s all ease-in-out;
-moz-transition: .4s all ease-in-out;
-ms-transition: .4s all ease-in-out;
-o-transition: .4s all ease-in-out;
transition: .4s all ease-in-out;
}
.top-destination .img-wrapper > a i
{
font-size: 18px;
padding: 10px;
}
.destination-box
{
padding: 15px;
text-align: left;
background: #fff;
}
.destination-box p,
.destination-box h5
{
margin-top: 10px;
}
.destination-box h5
{
display: inline-block;
margin-bottom: 5px;
}
.destination-box .btn-link
{
text-decoration: underline;
}
.destination-box .btn
{
padding: 5px 20px;
}
/*Features*/
.travel-block
{
margin-bottom: 20px;
text-align: left;
}
.travel-block i
{
font-size: 18px;
padding: 20px;
color: #4e4e4e;
border: none;
border-radius: 50%;
-webkit-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1) inset;
-moz-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1) inset;
box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1) inset;
-ms-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1) inset;
-o-box-shadow: 0 0 10px 1px rgba(0, 0, 0, .1) inset;
}
.travel-block .icon-wrapper
{
position: relative;
display: inline-block;
margin-bottom: 45px;
}
.travel-block .icon-wrapper:before
{
position: absolute;
z-index: 1;
top: 100%;
left: 5%;
width: 90%;
height: 10px;
content: '';
transition-duration: .3s;
transition-property: transform, opacity;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
pointer-events: none;
background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , rgba(0, 0, 0, .25) 0%, rgba(0, 0, 0, 0) 80%) repeat scroll 0 0;
}
.travel-block h5
{
font-size: 18px;
margin: 0 0 5px;
}
.hotel-tab .nav-tabs
{
border: none;
}
.hotel-tab .nav-tabs > li
{
float: right;
}
.hotel-tab .nav-tabs > li > a
{
padding: 15px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
}
.hotel-tab .nav-tabs > li > a > i
{
vertical-align: middle;
}
.hotel-tab .nav-tabs > li.active > a,
.hotel-tab .nav-tabs > li.active > a:focus,
.hotel-tab .nav-tabs > li.active > a:hover
{
color: #fff;
border: none;
}
.hotel-tab .tab-content > .tab-pane
{
padding: 0;
}
.hotel-tab article
{
margin-top: 30px;
background: #fff;
}
/* Help Center */
.help-center
{
position: relative;
margin-top: 30px;
border: 10px solid rgba(255,255,255,.6);
}
.help-center .form-control
{
position: relative;
margin-bottom: 0;
padding: 0 15px 0 35px;
}
.help-center i
{
position: absolute;
z-index: 999;
top: 18px;
left: 12px;
color: #ccc;
}
/******************************************************************************
Shopping Cart
*******************************************************************************/
.shop .product-item
{
position: relative;
z-index: 0;
max-width: 300px;
margin: 0 auto 60px;
padding: 5px;
text-align: center;
border: 1px solid rgba(0, 0, 0, .1);
}
.shop.grid-3 .product-item,
.shop.grid-2 .product-item
{
max-width: 400px;
}
.shop-page .product-item .product-img
{
position: relative;
overflow: hidden;
max-width: 400px;
}
.shop .product-item:hover img
{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
opacity: .8;
}
.shop .product-img
{
position: relative;
z-index: -1;
}
.shop .product-details
{
padding-top: 5px;
padding-bottom: 5px;
}
.shop .product-details h4,
.shop .product-details h5
{
font-size: 18px;
margin-top: 0;
margin-bottom: 0;
padding-top: 2px;
padding-bottom: 2px;
}
.shop .product-details h5
{
font-size: 18px;
font-weight: 400;
}
.shop .product-details h5 del
{
font-size: 16px;
padding-right: 10px;
color: #1e1e1e;
}
.product-name a
{
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
text-decoration: none;
color: #1e1e1e;
}
.product-name a:hover
{
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
opacity: .8;
filter: alpha(opacity=80);
}
.product-image
{
line-height: 0;
display: inline-block;
background: #f2f2f2;
}
.product-image > img
{
width: 100%;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.product-image:hover > img
{
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
opacity: .9;
filter: alpha(opacity=90);
}
.rotation .product-image:hover > img
{
opacity: 1;
filter: alpha(opacity=100);
}
.actual-price
{
position: relative;
display: inline-block;
margin-right: 6px;
color: #7f7f7f;
}
.actual-price:before
{
position: absolute;
top: 50%;
left: 50%;
display: block;
width: 46px;
height: 1px;
margin: 0 0 0 -28px;
content: '';
-webkit-transform: rotate(330deg);
transform: rotate(330deg);
background: #f00;
}
.price-details
{
font-size: 24px;
line-height: 1;
margin: 0 0 15px;
padding: 15px;
background: #f7f7f7;
}
.price-details h3
{
position: relative;
display: inline-block;
margin-right: 10px;
margin-bottom: 0;
padding-right: 40px;
}
.price-details h3:after
{
font-family: FontAwesome;
font-size: 16px;
position: absolute;
top: 15px;
right: 0;
display: block;
content: '\f07e';
}
.product-page .price-details .actual-price
{
font-size: 15px;
}
.price-details .price
{
font-size: 24px;
}
.product-rating .star-rating
{
margin-top: 15px;
margin-right: 15px;
}
.price
{
font-size: 20px;
font-weight: 600;
line-height: 1;
}
/* .add-to-cart{
margin-bottom:10px;
position:relative;
}
.add-to-cart .price{
font-size:20px;
}
.add-to-cart .price{
position:absolute;
right:0;
padding:0 10px;
top:5px;
}
.add-to-cart .price:before{
content:"";
position:absolute;
background:rgba(255,255,255,.5);
left:0;
width:1px;
height:15px;
top:0;
} */
.add-to-cart
{
position: relative;
}
/*
.add-to-cart a{
display: block;
padding-left: 49px;
width: 100%;
}
*/
.add-to-cart .price
{
font-size: 22px;
line-height: 19px;
position: absolute;
top: 50%;
left: 0;
display: block;
height: 19px;
padding: 0 10px;
-webkit-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
transform: translate(0px, -50%);
}
.add-to-cart .btn
{
border-radius: 0;
}
/* Cart */
.cart-table
{
margin-bottom: 0;
}
.cart-table th
{
padding: 20px 0!important;
}
.cart-table thead
{
border-top: 3px solid #ddd !important;
border-bottom: 3px solid #ddd !important;
}
.cart-table .product-img
{
padding: 20px 0;
}
.cart-table .product-list
{
border-bottom: 1px solid #ddd !important;
}
.cart-table td,
.cart-button td,
.cart-total td,
.cart-total table th,
.your-order td,
.your-order th
{
vertical-align: middle !important;
}
.cart-button td
{
padding: 20px 0!important;
border-top: 0 !important;
border-bottom: 1px solid #ddd !important;
}
.cart-button .form-control
{
line-height: inherit;
float: left;
margin: 0 10px 0 0;
padding: 16px 30px 15px;
border: inherit;
}
.cart-button .form-control
{
line-height: 1;
float: left;
box-sizing: border-box;
margin: 0 4px 0 0;
padding: 6px 6px 5px;
border: 1px solid #d3ced2;
outline: 0 none;
}
.cart-button input[type='text']
{
width: 255px;
}
.cart-total
{
padding: 40px;
background: #f7f7f7;
}
.cart-total table
{
margin: 0 !important;
border: 1px solid #f7f7f7 !important;
background: #fff;
}
.cart-total table th,
.cart-total table td
{
width: auto;
min-width: 210px;
padding: 20px!important;
border: 1px solid #f7f7f7 !important;
}
.account-check p
{
font-weight: 400;
padding-left: 10px;
}
.shipping-add
{
margin-top: 20px;
}
.shipping-add h4
{
margin-bottom: 15px;
padding-left: 10px;
}
.your-order
{
padding: 50px;
background: #f7f7f7;
}
.your-order td,
.your-order th
{
padding: 10px!important;
border: 0 !important;
}
.ptitle
{
font-weight: 600;
}
/* Zoom Product */
.single-product
{
position: relative;
overflow: hidden;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 0;
}
.zoom-product-thumb
{
text-align: center;
border-top: 1px solid rgba(0, 0, 0, .1);
}
.zoom-product-thumb img
{
display: inline-block;
width: 80px;
}
.zoomWrapper img,
.zoomContainer img
{
width: 100%;
}
.zoomWindow
{
z-index: 99 !important;
border: none !important;
box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}
.product-regulator
{
margin-bottom: 20px;
vertical-align: top;
}
.product-regulator button
{
display: inline-block;
height: 34px;
padding: 4px 12px;
color: #1e1e1e;
border: 1px solid #e1e1e1;
border-radius: 0;
}
.product-regulator #output
{
display: inline-block;
width: 60px;
height: 34px;
padding: 4px 12px;
text-align: center;
vertical-align: top;
color: #7f7f7f;
border: 1px solid #e1e1e1;
}
.product-meta-details
{
font-size: 14px;
padding-top: 15px;
border-top: 1px solid rgba(0, 0, 0, .1);
}
/* Masonry Grid */
.grid-col-2 .grid-item,
.grid-col-2 .grid-sizer
{
width: 50%;
margin: 0 0;
padding: 0 0;
}
.grid-col-2 .grid-item .post
{
padding: 0 30px 0 0;
}
.grid-col-3 .grid-item,
.grid-col-3 .grid-sizer
{
width: 33.3%;
margin: 0 0;
padding: 0 0;
}
.grid-col-4 .grid-item,
.grid-col-4 .grid-sizer
{
width: 25%;
margin: 0 0;
}
.grid-col-5 .grid-item,
.grid-col-5 .grid-sizer
{
width: 20%;
margin: 0 0;
}
.grid-col-6 .grid-item,
.grid-col-6 .grid-sizer
{
width: 16%;
margin: 0 0;
}
.pad.mixed-grid .grid-col-6 .img-overlay
{
margin: 14px;
}
.pad.mixed-grid .grid-col-6 .item .img-overlay
{
margin: 7px;
}
.pad.mixed-grid .grid-col-6 .figcaption
{
padding: 15px 26px;
}
.grid-col-6 .grid-item h4,
.grid-col-6 .grid-sizer h4
{
font-size: 13px;
margin-bottom: 5px;
}
/* Masonry With Gap */
.pad.mixed-grid
{
margin: 0 -15px;
}
.pad.mixed-grid .grid-item
{
padding: 15px;
}
.pad.mixed-grid .filter-menu
{
padding: 0 15px;
}
.pad.mixed-grid.mgs1 .grid-item .figcaption
{
width: auto;
margin: 15px;
}
.pad.mixed-grid .img-overlay
{
margin: 25px;
}
.pad.mixed-grid .item .img-overlay
{
margin: 17px;
}
.pad.mixed-grid .figcaption
{
padding: 15px 30px;
}
/*Hosting Page*/
#domain-search.page-section
{
overflow: visible;
}
.domain-search .input-group-btn .btn-group
{
display: flex;
}
.domain-search .form-control
{
border-right: none;
}
.domain-search .input-group-btn .btn-group .btn.btn-default,
.domain-search .form-control
{
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-ms-border-radius: 0;
-ms-border-radius: 0;
}
.domain-search .form-control:focus,
.form-control:focus
{
border-color: #e1e1e1;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset;
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset;
box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset;
-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset;
-ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset;
}
.domain-search div.fancy-select div.trigger,
.travel-tab div.fancy-select div.trigger
{
width: auto;
padding: 7px 24px 7px 9px;
border: 1px solid #e1e1e1;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
background: none;
-ms-border-radius: 0;
-ms-border-radius: 0;
}
.travel-tab div.fancy-select div.trigger
{
background: #fff;
}
.domain-search div.fancy-select div.trigger::after,
.travel-tab div.fancy-select div.trigger::after
{
top: 17px;
}
.domain-search div.fancy-select div.trigger,
.domain-search div.fancy-select select:focus + div.trigger
{
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-ms-box-shadow: none;
-ms-box-shadow: none;
}
.domain-search div.fancy-select ul.options
{
min-width: auto;
max-width: auto;
}
/******************************************************************************
Footer
*******************************************************************************/
#footer .footer-widget
{
font-size: 13px;
padding: 70px 0;
color: #7f7f7f;
background: #f2f2f2;
}
.footer-widget .widget li
{
padding-bottom: 10px;
}
.footer-widget .widget li a,
.footer-widget .widget a
{
color: #ccc;
}
#footer .footer-widget.dark-bg,
#footer .copyright.dark-bg
{
color: #999;
background: #171717;
}
#footer .copyright.darkest-bg
{
color: #999;
background: #000;
}
#footer .footer-widget.dark-bg .widget-title
{
color: #f7f7f7;
}
#footer .footer-widget .widget-title
{
padding-top: 20px;
}
#footer .copyright
{
font-size: 11px;
line-height: 17px;
padding: 21px 0 20px;
background: #f7f7f7;
}
#footer .phone,
#footer .address
{
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 34px;
}
#footer .footer-icon
{
position: absolute;
top: 0;
left: 16px;
color: #c6c6c6;
}
#footer .footer-icon:before
{
font-size: 20px;
line-height: 18px;
width: auto;
}
.footer-blog li
{
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px dashed #c2c0c0;
}
.footer-blog li:last-child
{
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 0;
}
.footer-count
{
font-family: Oswald,sans-serif;
font-size: 16px;
margin: 20px 0 10px 0;
text-transform: uppercase;
}
.footer-count .count-number .counter
{
font-size: 17px;
letter-spacing: 1px;
}
.footer-social
{
margin-top: 20px;
}
/* Copyright */
.copyright a
{
color: #ccc;
}
.copyright .up
{
line-height: 40px;
display: block;
float: right;
width: 40px;
height: 40px;
text-align: center;
border-radius: 50%;
background-color: #c6c6c6;
}
.extra-link a:hover,
.copyright a:hover
{
text-decoration: underline;
}
.page-sticky-footer
{
margin-bottom: 80px;
}
.copyright .social-icon i
{
margin-bottom: 0;
}
/*Hidden footer*/
.footer-hidden #page
{
position: relative;
z-index: 10;
height: 100%;
background: #fff none repeat scroll 0 0;
}
.footer-hidden #footer
{
position: fixed;
right: 0;
bottom: 0;
left: 0;
overflow-y: auto;
color: #7f7f7f;
}
/******************************************************************************
Dark Section
*******************************************************************************/
#footer .dark-section.footer-widget
{
background: #222;
}
.dark-section .widget .widget-title .title
{
color: #f0eded;
}
.dark-section .widget a:hover,
.dark-section .form-control
{
color: #fff;
}
.dark-section .gray-bg i,
#footer .dark-section.copyright,
.dark-section .form-control
{
background: rgba(0, 0, 0, .97);
}
#footer .dark-section.copyright
{
border-top: 1px solid #000;
}
.dark-section .widget .widget-title
{
border-bottom: 1px solid rgba(255, 255, 255, .2);
}
.dark-section .footer-blog li
{
border-bottom: 1px dashed rgba(255, 255, 255, .2);
}
.dark-section .selectBox,
.dark-section .form-control
{
border: 1px dashed rgba(255, 255, 255, .2);
box-shadow: none;
}
/******************************************************************************
Bootstrap Elements
*******************************************************************************/
.hll
{
background-color: #ffc;
}.c
{
color: #999;
}.err
{color: #a00;
background-color: #faa;
}.k
{
color: #069;
}.o
{
color: #555;
}.cm
{
color: #999;
}.cp
{
color: #099;
}.c1,
.cs
{
color: #999;
}.gd
{border: 1px solid #c00;
background-color: #fcc;
}.ge
{
font-style: italic;
}.gr
{
color: red;
}.gh
{
color: #030;
}.gi
{border: 1px solid #0c0;
background-color: #cfc;
}.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
{font-style: italic;
color: #c30;
}.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-weight: 400;font-style: normal;
}.anchorjs-icon
{
font-family: anchorjs-link;font-weight: 400;font-style: normal;font-variant: normal;line-height: 1;text-transform: none;
}.anchorjs-link
{float: left;width: 1em;height: 1em;margin-left: -1.2em;text-align: center;opacity: 0;
color: inherit;
}@media (max-width:480px)
{
.anchorjs-link
{
display: none;
}
}.anchorjs-link:focus,
:hover > .anchorjs-link
{transition: color .16s linear 0s;
opacity: .75;
}:hover > .anchorjs-link:hover
{text-decoration: none;
opacity: 1;
}.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
{color: #563d7c;border-color: #563d7c;
background-color: transparent;
}.btn-outline:active,
.btn-outline:focus,
.btn-outline:hover
{color: #fff;border-color: #563d7c;
background-color: #563d7c;
}.btn-outline-inverse
{color: #fff;border-color: #cdbfe3;
background-color: transparent;
}.btn-outline-inverse:active,
.btn-outline-inverse:focus,
.btn-outline-inverse:hover
{color: #563d7c;border-color: #fff;
background-color: #fff;text-shadow: none;
}.bs-docs-booticon
{font-weight: 500;display: block;cursor: default;text-align: center;color: #fff;border-radius: 15%;
background-color: #563d7c;
}.bs-docs-booticon-sm
{
font-size: 20px;line-height: 28px;width: 30px;height: 30px;
}.bs-docs-booticon-lg
{
font-size: 108px;line-height: 140px;width: 144px;height: 144px;
}.bs-docs-booticon-inverse
{color: #563d7c;
background-color: #fff;
}.bs-docs-booticon-outline
{border: 1px solid #cdbfe3;
background-color: transparent;
}#skippy
{display: block;padding: 1em;color: #fff;outline: 0;
background-color: #6f5499;
}#skippy .skiplink-text
{padding: .5em;
outline: dotted 1px;
}#content:focus
{
outline: 0;
}.bs-docs-nav
{margin-bottom: 0;border-bottom: 0 none;
background-color: #fff;
}.bs-home-nav .bs-nav-b
{
display: none;
}.bs-docs-nav .navbar-brand,
.bs-docs-nav .navbar-nav > li > a
{font-weight: 500;
color: #563d7c;
}.bs-docs-nav .navbar-nav > .active > a,
.bs-docs-nav .navbar-nav > .active > a:hover,
.bs-docs-nav .navbar-nav > li > a:hover
{color: #463265;
background-color: #f9f9f9;
}.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
{border-color: #f9f9f9;
background-color: #f9f9f9;
}.bs-docs-footer
{margin-top: 100px;padding-top: 40px;padding-bottom: 40px;text-align: center;color: #767676;
border-top: 1px solid #e5e5e5;
}.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;margin-bottom: 0;padding-left: 0;list-style: none none;
}.bs-docs-social-buttons li
{line-height: 1;
display: inline-block;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
{overflow: hidden;
border: 0;
}.bs-docs-header,
.bs-docs-masthead
{position: relative;padding: 30px 15px;text-align: center;color: #cdbfe3;
background-color: #6f5499;background-image: linear-gradient(to bottom,#563d7c 0,#6f5499 100%);background-repeat: repeat-x;text-shadow: 0 1px 0 rgba(0,0,0,.1);
}.bs-docs-masthead .bs-docs-booticon
{
margin: 0 auto 30px;
}.bs-docs-masthead h1
{font-weight: 300;line-height: 1;
color: #fff;
}.bs-docs-masthead .lead
{font-size: 20px;margin: 0 auto 30px;
color: #fff;
}.bs-docs-masthead .version
{margin-top: -15px;margin-bottom: 30px;
color: #9783b9;
}.bs-docs-masthead .btn
{
font-size: 20px;width: 100%;padding: 15px 30px;
}@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
{margin-top: 0;
color: #fff;
}.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-top: 60px;padding-bottom: 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
{font-size: 13px!important;line-height: 16px!important;overflow: hidden;width: auto!important;height: auto!important;margin: 30px -30px -31px!important;padding: 20px!important;text-align: left;border-width: 1px 0!important;border-style: solid!important;border-color: #866ab3!important;border-image: none!important;background: none!important;
-moz-border-bottom-colors: none!important;-moz-border-left-colors: none!important;-moz-border-right-colors: none!important;-moz-border-top-colors: none!important;
}.carbonad-img
{
margin: 0!important;
}.carbonad-tag,
.carbonad-text
{font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif!important;
display: block!important;float: none!important;width: auto!important;height: auto!important;margin-left: 145px!important;
}.carbonad-text
{
padding-top: 0!important;
}.carbonad-tag
{text-align: left!important;
color: inherit!important;
}.carbonad-tag a,
.carbonad-text a
{
color: #fff!important;
}.carbonad #azcarbon > img
{
display: none;
}@media (min-width:480px)
{
.carbonad
{width: 330px!important;margin: 20px auto!important;border-width: 1px!important;
border-radius: 4px;
}.bs-docs-masthead .carbonad
{
margin: 50px auto 0!important;
}
}@media (min-width:768px)
{
.carbonad
{margin-right: 0!important;
margin-left: 0!important;
}
}@media (min-width:992px)
{
.carbonad
{position: absolute;top: 0;right: 15px;width: 330px!important;
margin: 0!important;padding: 15px!important;
}.bs-docs-masthead .carbonad
{
position: static;
}
}.bs-docs-featurette
{font-size: 16px;line-height: 1.5;padding-top: 40px;padding-bottom: 40px;text-align: center;color: #555;border-bottom: 1px solid #e5e5e5;
background-color: #fff;
}.bs-docs-featurette + .bs-docs-footer
{margin-top: 0;
border-top: 0 none;
}.bs-docs-featurette-title
{font-size: 30px;font-weight: 400;margin-bottom: 5px;
color: #333;
}.half-rule
{width: 100px;
margin: 40px auto;
}.bs-docs-featurette h3
{font-weight: 400;margin-bottom: 5px;
color: #333;
}.bs-docs-featurette-img
{display: block;margin-bottom: 20px;
color: #333;
}.bs-docs-featurette-img:hover
{text-decoration: none;
color: #337ab7;
}.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-top: 100px;
padding-bottom: 100px;
}.bs-docs-featurette-title
{
font-size: 40px;
}.bs-docs-featurette .lead
{max-width: 80%;margin-right: auto;
margin-left: auto;
}.bs-docs-featurette .img-responsive
{
margin-top: 0;
}
}.bs-docs-featured-sites
{margin-right: -1px;
margin-left: -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-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}.bs-docs-featured-sites .col-sm-3:last-child img
{border-top-right-radius: 4px;
border-bottom-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-right: -10px;
margin-left: -10px;
}.bs-examples > [class^=col-]
{padding-right: 10px;
padding-left: 10px;
}
}.bs-docs-sidebar.affix
{
position: static;
}@media (min-width:768px)
{
.bs-docs-sidebar
{
padding-left: 20px;
}
}.bs-docs-sidenav
{margin-top: 20px;
margin-bottom: 20px;
}.bs-docs-sidebar .nav > li > a
{font-size: 13px;font-weight: 500;display: block;padding: 4px 20px;
color: #767676;
}.bs-docs-sidebar .nav > li > a:focus,
.bs-docs-sidebar .nav > li > a:hover
{padding-left: 19px;text-decoration: none;color: #563d7c;border-left: 1px solid #563d7c;
background-color: transparent;
}.bs-docs-sidebar .nav > .active:focus > a,
.bs-docs-sidebar .nav > .active:hover > a,
.bs-docs-sidebar .nav > .active > a
{font-weight: 700;padding-left: 18px;color: #563d7c;border-left: 2px solid #563d7c;
background-color: transparent;
}.bs-docs-sidebar .nav .nav
{
display: none;padding-bottom: 10px;
}.bs-docs-sidebar .nav .nav > li > a
{
font-size: 12px;font-weight: 400;padding-top: 1px;padding-bottom: 1px;padding-left: 30px;
}.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
{font-size: 12px;font-weight: 500;display: none;margin-top: 10px;margin-left: 10px;padding: 4px 10px;
color: #999;
}.back-to-top:hover,
.bs-docs-theme-toggle:hover
{text-decoration: none;
color: #563d7c;
}.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-top: 0;
margin-bottom: 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
{margin: 20px 0;padding: 20px;border-width: 1px 1px 1px 5px;border-style: solid;border-color: #eee;border-radius: 3px;border-image: none;
-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;
}.bs-callout h4
{margin-top: 0;
margin-bottom: 5px;
}.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
{overflow: hidden;
margin: 0 -5px;
}.color-swatch
{float: left;width: 60px;height: 60px;margin: 0 5px;
border-radius: 3px;
}@media (min-width:768px)
{
.color-swatch
{width: 100px;
height: 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
{line-height: 32px;
color: #555;
}.bs-team .team-member:hover
{text-decoration: none;
color: #333;
}.bs-team .github-btn
{
float: right;width: 180px;height: 20px;margin-top: 6px;
}.bs-team img
{float: left;width: 32px;margin-right: 10px;
border-radius: 4px;
}.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-]
{padding-top: 10px;padding-bottom: 10px;border: 1px solid rgba(86,61,124,.2);
background-color: rgba(86,61,124,.15);
}.bs-example
{position: relative;margin: 0 -15px 15px;padding: 45px 15px 15px;border-width: 1px 0;border-style: solid;
border-color: #e5e5e5 #eee #eee;box-shadow: 0 3px 6px rgba(0,0,0,.05) inset;
}.bs-example::after
{font-size: 12px;font-weight: 700;position: absolute;top: 15px;left: 15px;content: 'Example';letter-spacing: 1px;text-transform: uppercase;
color: #959595;
}.bs-example-padded-bottom
{
padding-bottom: 24px;
}.bs-example + .highlight,
.bs-example + .zero-clipboard + .highlight
{margin: -15px -15px 15px;border-width: 0 0 1px;
border-radius: 0;
}@media (min-width:768px)
{
.bs-example
{margin-right: 0;margin-left: 0;border-width: 1px;border-color: #ddd;border-radius: 4px 4px 0 0;
background-color: #fff;box-shadow: none;
}.bs-example + .highlight,
.bs-example + .zero-clipboard + .highlight
{margin-top: -16px;margin-right: 0;margin-left: 0;border-width: 1px;border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}.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
{vertical-align: middle;
color: #767676;
}.bs-example-type .table td
{padding: 15px 0;
border-color: #eee;
}.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-top: 5px;
margin-bottom: 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
{z-index: 1;
overflow: hidden;padding: 0;
}.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
{position: relative;margin-right: 0;
margin-left: 0;
}.bs-navbar-top-example
{
padding-bottom: 45px;
}.bs-navbar-top-example::after
{top: auto;
bottom: 15px;
}.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-top: 10px;
margin-bottom: 10px;
}.bs-example > .pager
{
margin-top: 0;
}.bs-example-modal
{
background-color: #f5f5f5;
}.bs-example-modal .modal
{position: relative;z-index: 1;top: auto;right: auto;
bottom: auto;left: auto;display: block;
}.bs-example-modal .modal-dialog
{
left: auto;margin-right: auto;margin-left: auto;
}.bs-example > .dropdown > .dropdown-toggle
{
float: left;
}.bs-example > .dropdown > .dropdown-menu
{position: static;display: block;
clear: left;margin-bottom: 5px;
}.bs-example-tabs .nav-tabs
{
margin-bottom: 15px;
}.bs-example-tooltips
{
text-align: center;
}.bs-example-tooltips > .btn
{margin-top: 5px;
margin-bottom: 5px;
}.bs-example-tooltip .tooltip
{position: relative;
display: inline-block;margin: 10px 20px;opacity: 1;
}.bs-example-popover
{padding-bottom: 24px;
background-color: #f9f9f9;
}.bs-example-popover .popover
{position: relative;
display: block;float: left;width: 260px;margin: 20px;
}.scrollspy-example
{position: relative;overflow: auto;
height: 200px;margin-top: 10px;
}.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
{margin-bottom: 14px;padding: 9px 14px;border: 1px solid #e1e1e8;border-radius: 4px;
background-color: #f7f7f9;
}.highlight pre
{margin-top: 0;margin-bottom: 0;padding: 0;white-space: nowrap;word-break: normal;border: 0;
background-color: transparent;
}.highlight pre code
{font-size: inherit;
color: #333;
}.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
{font-weight: 400;display: block;
color: #999;
}.responsive-utilities tbody th
{
font-weight: 400;
}.responsive-utilities td
{
text-align: center;
}.responsive-utilities td.is-visible
{color: #468847;
background-color: #dff0d8!important;
}.responsive-utilities td.is-hidden
{color: #ccc;
background-color: #f9f9f9!important;
}.responsive-utilities-test
{
margin-top: 5px;
}.responsive-utilities-test .col-xs-6
{
margin-bottom: 10px;
}.responsive-utilities-test span
{font-size: 14px;font-weight: 700;line-height: 1.1;display: block;padding: 15px 10px;text-align: center;
border-radius: 4px;
}.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
{color: #999;
border: 1px solid #ddd;
}.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
{color: #468847;border: 1px solid #d6e9c6;
background-color: #dff0d8;
}.bs-glyphicons
{overflow: hidden;
margin: 0 -10px 20px;
}.bs-glyphicons-list
{padding-left: 0;
list-style: none none;
}.bs-glyphicons li
{font-size: 10px;line-height: 1.4;float: left;width: 25%;height: 115px;padding: 10px;text-align: center;border: 1px solid #fff;
background-color: #f9f9f9;
}.bs-glyphicons .glyphicon
{
font-size: 24px;margin-top: 5px;margin-bottom: 10px;
}.bs-glyphicons .glyphicon-class
{
display: block;text-align: center;word-wrap: break-word;
}.bs-glyphicons li:hover
{color: #fff;
background-color: #563d7c;
}@media (min-width:768px)
{
.bs-glyphicons
{margin-right: 0;
margin-left: 0;
}.bs-glyphicons li
{
font-size: 12px;width: 12.5%;
}
}.bs-customizer .toggle
{
float: right;margin-top: 25px;
}.bs-customizer label
{font-weight: 500;margin-top: 10px;
color: #555;
}.bs-customizer h2
{margin-top: 0;
margin-bottom: 5px;padding-top: 30px;
}.bs-customizer h3
{
margin-bottom: 0;
}.bs-customizer h4
{margin-top: 15px;
margin-bottom: 0;
}.bs-customizer .bs-callout h4
{margin-top: 0;
margin-bottom: 5px;
}.bs-customizer input[type=text]
{font-family: Menlo,Monaco,Consolas,'Courier New',monospace;
background-color: #fafafa;
}.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
{position: fixed;z-index: 1030;top: 0;right: 0;left: 0;padding: 15px 0;color: #fff;border-bottom: 1px solid #b94441;
background-color: #d9534f;box-shadow: 0 1px 0 rgba(255,255,255,.25) inset;
}.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
{margin: 10px 0 0;color: #fff;border-color: #973634;
background-color: #a83c3a;box-shadow: 0 2px 4px rgba(0,0,0,.05) inset,0 1px 0 rgba(255,255,255,.1);
}.bs-dropzone
{position: relative;margin-bottom: 20px;padding: 20px;text-align: center;color: #777;
border: 2px dashed #eee;border-radius: 4px;
}.bs-dropzone .import-header
{
margin-bottom: 5px;
}.bs-dropzone .glyphicon-download-alt
{
font-size: 40px;
}.bs-dropzone hr
{
width: 100px;
}.bs-dropzone .lead
{font-weight: 400;margin-bottom: 10px;
color: #333;
}#import-manual-trigger
{
cursor: pointer;
}.bs-dropzone p:last-child
{
margin-bottom: 0;
}.bs-brand-logos
{display: table;overflow: hidden;width: 100%;margin-bottom: 15px;color: #563d7c;border-radius: 4px;
background-color: #f9f9f9;
}.bs-brand-item
{
padding: 60px 0;text-align: center;
}.bs-brand-item + .bs-brand-item
{
border-top: 1px solid #fff;
}.bs-brand-logos .inverse
{color: #fff;
background-color: #563d7c;
}.bs-brand-item h1,
.bs-brand-item h3
{margin-top: 0;
margin-bottom: 0;
}.bs-brand-item .bs-docs-booticon
{margin-right: auto;
margin-left: auto;
}.bs-brand-item .glyphicon
{line-height: 30px;width: 30px;height: 30px;margin: 10px auto -10px;color: #fff;
border-radius: 50%;
}.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-top: 0 none;
border-left: 1px solid #fff;
}.bs-brand-item h1
{
font-size: 60px;
}
}.zero-clipboard
{position: relative;
display: none;
}.btn-clipboard
{font-size: 12px;position: absolute;z-index: 10;top: 0;right: 0;display: block;padding: 5px 8px;cursor: pointer;color: #767676;border: 1px solid #e1e1e8;border-radius: 0 4px;
background-color: #fff;
}.btn-clipboard-hover
{color: #fff;border-color: #563d7c;
background-color: #563d7c;
}@media (min-width:768px)
{
.zero-clipboard
{
display: block;
}.bs-example + .zero-clipboard .btn-clipboard
{top: -16px;
border-top-right-radius: 0;
}
}#focusedInput
{
border-color: rgba(82,168,236,.8);outline: 0;box-shadow: 0 0 8px rgba(82,168,236,.6);
}
.bs-docs-section .list-group-item:before
{
content: none;
}
/******************************************************************************
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-5
{
padding: 5px;
}
.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-5
{
margin: 5px;
}
.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: 0;
}
.top-pad-5
{
padding-top: 5px;
}
.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: 0;
}
.top-margin-5
{
margin-top: 5px;
}
.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: 0 !important;
}
.bottom-pad-5
{
padding-bottom: 5px !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: 0;
}
.bottom-margin-5
{
margin-bottom: 5px;
}
.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-5
{
padding-top: 5px;
padding-bottom: 5px;
}
.tb-pad-10
{
padding-top: 10px;
padding-bottom: 10px;
}
.tb-pad-20
{
padding-top: 5px;
padding-bottom: 10px;
}
.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;
}
.tb-pad-90
{
padding-top: 90px;
padding-bottom: 90px;
}
.tb-pad-100
{
padding-top: 90px;
padding-bottom: 90px;
}
/* Left & Right Padding */
.lr-pad-5
{
padding-right: 5px;
padding-left: 5px;
}
.lr-pad-10
{
padding-right: 10px;
padding-left: 10px;
}
.lr-pad-20
{
padding-right: 20px;
padding-left: 20px;
}
.lr-pad-30
{
padding-right: 30px;
padding-left: 30px;
}
.lr-pad-40
{
padding-right: 40px;
padding-left: 40px;
}
.lr-pad-50
{
padding-right: 50px;
padding-left: 50px;
}
.lr-pad-60
{
padding-right: 60px;
padding-left: 60px;
}
.lr-pad-70
{
padding-right: 70px;
padding-left: 70px;
}
.lr-pad-80
{
padding-right: 80px;
padding-left: 80px;
}
/* Top & Bottom Margin */
.tb-margin-5
{
margin-top: 5px;
margin-bottom: 5px;
}
.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;
}
/* left & right Margin */
.lr-margin-5
{
margin-right: 5px;
margin-left: 5px;
}
.lr-margin-10
{
margin-right: 10px;
margin-left: 10px;
}
.lr-margin-20
{
margin-right: 20px;
margin-left: 20px;
}
.lr-margin-30
{
margin-right: 30px;
margin-left: 30px;
}
.lr-margin-40
{
margin-right: 40px;
margin-left: 40px;
}
.lr-margin-50
{
margin-right: 50px;
margin-left: 50px;
}
.lr-margin-60
{
margin-right: 60px;
margin-left: 60px;
}
.lr-margin-70
{
margin-right: 70px;
margin-left: 70px;
}
.lr-margin-80
{
margin-right: 80px;
margin-left: 80px;
}
.right-pad-20right-pad-20
{
padding-right: 20px;
}
.left-pad-20
{
padding-left: 20px;
}
/* Item Box */
.boxed-block
{
border: 1px solid #ccc;
}
.inline-block
{
display: inline-block;
vertical-align: middle;
}
.bg-hover-gray:hover
{
background-color: rgba(0,0,0,.6);
}
/***********************************************************************************
* - PATTERNS
***********************************************************************************/
.bg-pattern-1
{
background-image: url(../img/sections/slider/intro-1.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
.bg-pattern-2
{
background-image: url(../img/sections/slider/agency-1.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
.bg-pattern-3
{
background: url(../img/patterns/bg-pattern-3.png) fixed repeat top left;
}
.bg-pattern-4
{
background: url(../img/patterns/bg-pattern-4.png) fixed repeat top left;
}
.bg-pattern-5
{
background: url(../img/patterns/bg-pattern-5.png) fixed repeat top left;
}
.bg-pattern-6
{
background: #fff repeat top left;
}
.bg-pattern-6
{
background: #f2f2f2 repeat top left;
}
.bg-pattern-7
{
background: #e2f0bd repeat top left;
}
.bg-pattern-8
{
background: #b5e1e0 repeat top left;
}
.bg-pattern-9
{
background: #e8d3a4 repeat top left;
}
.bg-pattern-10
{
background: #c0c1f2 repeat top left;
}
/******************************************************************************
Twiiter Feed
*******************************************************************************/
.tweet_widget .icon-twitter:before
{
content: none !important;
}
.tweet_widget .icon-twitter
{
padding-right: 15px!important;
}
.tweet_widget .twitter-feed .tweet_user a,
.tweet_widget .tweet_text a,
.tweet_widget .twitter-feed .tweet_text
{
color: #bbb;
}
.tweet_widget .tweet_user
{
padding-bottom: 15px;
}
.tweet_widget .username a
{
font-size: 18px;
font-weight: 700 !important;
}
/* Owl carousel with numbered paginations */
#sync2
{
margin: 0 auto;
margin-top: 40px;
}
#sync2.owl-carousel .owl-item
{
display: inline-block!important;
float: none!important;
}
#sync2.owl-carousel .owl-wrapper
{
width: 100% !important;
margin: 0 auto;
text-align: center;
}
#sync2 .owl-item
{
width: 40px!important;
}
#sync2 .item
{
font-size: 14px;
line-height: 12px;
width: 30px;
height: 30px;
padding: 10px 0;
cursor: pointer;
text-align: center;
color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #c9c9c9;
}
@media only screen and (max-width: 768px)
{
.resp
{
bottom:260px !important;
position:relative;
left:7px !important;
font-size:13px !important;
}
}
.resp
{
color:black;
position:relative;
bottom:290px;
left:10px;
}
.ext
{
color: black;
margin-top: 18px;
font-size: 29px;
}
.disp
{
display: inline-flex;
}
@media only screen and (max-width: 768px)
{
.disp
{
display: inline-block !important;
}
}
.im
{
margin-left: 168px;
}
@media only screen and (max-width: 768px)
{
.im
{
margin-left: 0px !important;
}
}
i.fa.fa-search
{
color: white;
}
.tp-rightarrow.tparrows
{
display:none;
}
.tp-leftarrow.tparrows
{
display:none;
}