html {
margin: 0
}
body {
font-family: 'Open Sans', sans-serif;
background-color: #fff;
margin: 0;
padding: 0;
font-size: 13px;
line-height: 24px;
color: #888;
-webkit-font-smoothing: antialiased;
text-rendering: optimizelegibility
}
body .h1,
body .h2,
body .h3,
body .h4,
body .h5,
body .h6,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
text-rendering: optimizelegibility;
font-family: Lato, sans-serif;
color: #3a3a3a;
font-weight: 700
}
a {
color: #2e8def;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
a:hover {
text-decoration: none
}
hr.medium {
margin-top: 40px;
margin-bottom: 40px
}
hr.tall {
margin-top: 60px;
margin-bottom: 60px
}
hr.dotted {
border-top: 3px dotted #eee
}
hr.dashed {
border-top: 3px dashed #eee
}
hr.double {
border-top: 3px double #eee
}
img.pull-left {
margin: 0 20px 10px 0
}
img.pull-right {
margin: 0 0 10px 20px
}
section {
background-color: #fff
}
body.boxed {
background-color: #2e8def;
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat
}
body.boxed section,
body.wide section {
background-color: #fff
}
body.boxed .wrapper {
max-width: 1170px;
margin: 50px auto
}
@media only screen and (max-width: 992px) {
body.boxed .wrapper {
margin-top: 0;
margin-bottom: 0
}
}
::selection {
background-color: #2e8def;
color: #fff
}
::-moz-selection {
background-color: #2e8def;
color: #fff
}
::-o-selection {
background-color: #2e8def;
color: #fff
}
::-ms-selection {
background-color: #2e8def;
color: #fff
}
::-webkit-selection {
background-color: #2e8def;
color: #fff
}
.form-control {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
behavior: url(img/PIE.htc);
box-shadow: none
}
label {
color: #222
}
.color-theme {
color: #2e8def
}
.bg-fixed {
background-repeat: no-repeat;
background-attachment: fixed!important;
background-position: center
}
.image-v1 {
background: url(../img/background_v1.jpg) center center no-repeat;
-moz-background-size: cover;
background-size: cover
}
.image-v2 {
background: url(../img/background_v2.jpg) center center no-repeat;
-moz-background-size: cover;
background-size: cover
}
.image-v3 {
background: url(../img/background_v3.jpg) center center no-repeat;
-moz-background-size: cover;
background-size: cover
}
.image-v4 {
background: url(../img/background_v4.jpg) center center no-repeat;
-moz-background-size: cover;
background-size: cover
}
.image-v8 {
background: url(../img/contruction/bg1.jpg) center center no-repeat;
-moz-background-size: cover;
background-size: cover
}
.darken {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url(../img/trans-dot.png) top left
}
.clearfix {
clear: both
}
.dropcap {
float: left;
color: #2e8def;
padding: 5px 0;
font-size: 45px;
line-height: 30px;
margin: 0 5px 0 0
}
.dropcap-square {
float: left;
background-color: #2e8def;
color: #fff;
padding: 8px;
font-size: 45px;
line-height: 30px;
margin: 0 5px 0 0
}
.dropcap-rounded {
float: left;
background-color: #2e8def;
color: #fff;
padding: 8px;
font-size: 45px;
line-height: 30px;
margin: 0 5px 0 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
behavior: url(img/PIE.htc)
}
.dropcap-circle {
float: left;
background-color: #2e8def;
color: #fff;
padding: 6px;
font-size: 45px;
line-height: 30px;
margin: 0 5px 0 0;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-o-border-radius: 100px;
border-radius: 100px;
behavior: url(img/PIE.htc)
}
.banner-v1 {
background: url(../img/banner/banner_v1.jpg) center center no-repeat;
-moz-background-size: cover;
background-size: cover
}
.banner-v2 {
background: url(../img/banner/banner_v2.jpg) center center no-repeat;
-moz-background-size: cover;
background-size: cover
}
.banner-v3 {
background: url(../img/banner/banner_v3.jpg) center center no-repeat;
-moz-background-size: cover;
background-size: cover
}
.banner-v4 {
background: url(../img/banner/banner_v4.jpg) center center no-repeat;
-moz-background-size: cover;
background-size: cover
}
.banner-v5 {
background: url(../img/banner/banner_v5.jpg) center center no-repeat;
-moz-background-size: cover;
background-size: cover
}
.banner-v6 {
background: url(../img/banner/banner_v6.jpg) center center no-repeat;
-moz-background-size: cover;
background-size: cover
}
.banner-v7 {
background: url(../img/banner/banner_v7.jpg) center center no-repeat;
-moz-background-size: cover;
background-size: cover
}
.banner-v8 {
background: url(../img/banner/banner_v8.jpg) center center no-repeat;
-moz-background-size: cover;
background-size: cover
}
.banner-v9 {
background: url(../img/banner/banner_v9.jpg) center center no-repeat;
-moz-background-size: cover;
background-size: cover
}
.banner-v10 {
background: url(../img/banner/banner_v10.jpg) center center no-repeat;
-moz-background-size: cover;
background-size: cover
}
.static-banner {
position: relative;
width: 100%;
height: 780px;
display: table
}
.static-banner .banner-content {
display: table-cell;
vertical-align: middle
}
.static-banner .banner-content h1 {
font-size: 75px;
color: #fff;
font-weight: 700;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
}
.static-banner .banner-content p {
font-size: 24px;
color: #fff;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .3)
}
.static-banner-full {
position: relative;
width: 100%;
height: 100vh;
display: table
}
.static-banner-full .banner-content {
display: table-cell;
vertical-align: middle
}
.static-banner-full .banner-content h1 {
font-size: 75px;
color: #fff;
font-weight: 700;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
}
.static-banner-full .banner-content p {
font-size: 24px;
color: #fff;
line-height: 31px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .3)
}
@media (max-width: 480px) {
.static-banner .banner-content h1,
.static-banner-full .banner-content h1 {
font-size: 48px
}
}
.btn-banner {
width: 64px;
height: 64px;
line-height: 64px;
font-size: 32px;
border: 2px solid #fff;
display: inline-block;
text-align: center;
margin-top: 50px;
background: rgba(0, 0, 0, .05)
}
.btn-banner i {
color: #fff
}
.btn-banner:hover {
background-color: rgba(255, 255, 255, .3)
}
.video-banner {
position: relative;
background: #000
}
.fullscreen-bg__video {
width: 100%;
height: 100%
}
.video-content {
position: absolute;
top: 30%;
margin: 0 auto;
width: 100%;
text-align: center;
display: table-cell;
vertical-align: middle
}
.video-content h1 {
font-size: 75px;
color: #fff;
font-weight: 700;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
}
.video-content p {
font-size: 24px;
color: #fff;
margin-bottom: 50px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .3)
}
@media (max-width: 768px) {
.video-content h1 {
font-size: 50px
}
.video-content p {
margin-bottom: 20px
}
}
@media (max-width: 568px) {
.video-content h1 {
font-size: 26px
}
.video-content p {
font-size: 16px
}
.video-content .btn-banner {
width: 36px;
height: 36px;
line-height: 36px;
font-size: 21px
}
}
.flexslider .slides>li {
position: relative
}
.flex-caption {
bottom: 30px;
background-color: rgba(0, 0, 0, .6);
color: #fff;
margin: 0;
padding: 25px 25px 25px 30px;
position: absolute;
left: 30px;
width: 295px
}
.flex-caption h3 {
color: #fff;
letter-spacing: 1px;
margin-bottom: 8px;
text-transform: uppercase
}
.flex-caption p {
font-size: 14px!important;
line-height: 22px;
font-weight: 300;
color: #fff
}
.color-white {
color: #fff!important
}
.color-black {
color: #3a3a3a
}
.btn,
.btn-group-sm>.btn,
.btn-sm {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
behavior: url(img/PIE.htc)
}
.btn-theme {
background-color: #2e8def;
color: #fff
}
.btn-theme .open>.dropdown-toggle.btn-theme,
.btn-theme.active,
.btn-theme:active,
.btn-theme:focus,
.btn-theme:hover {
background-color: rgba(46, 141, 239, .85);
color: #fff!important
}
.btn-white {
background-color: #fff;
color: #3a3a3a
}
.btn-white .open>.dropdown-toggle.btn-white,
.btn-white.active,
.btn-white:active,
.btn-white:focus,
.btn-white:hover {
color: #fff;
background-color: rgba(46, 141, 239, .85)
}
.btn-green {
background-color: #00a600;
color: #fff
}
.btn-green .open>.dropdown-toggle.btn-green,
.btn-green.active,
.btn-green:active,
.btn-green:focus,
.btn-green:hover {
color: #fff;
background-color: rgba(0, 166, 0, .85)
}
.btn-green.raised {
box-shadow: 0 3px 0 0 #007300
}
.btn-green.raised.active,
.btn-green.raised:active {
box-shadow: none;
margin-bottom: -3px;
margin-top: 3px
}
.btn-blue {
background-color: #2e8def;
color: #fff
}
.btn-blue .open>.dropdown-toggle.btn-blue,
.btn-blue.active,
.btn-blue:active,
.btn-blue:focus,
.btn-blue:hover {
color: #fff;
background-color: rgba(46, 141, 239, .85)
}
.btn-blue.raised {
box-shadow: 0 3px 0 0 #1173d9
}
.btn-blue.raised.active,
.btn-blue.raised:active {
box-shadow: none;
margin-bottom: -3px;
margin-top: 3px
}
.btn-orange {
background-color: #dc572e;
color: #fff
}
.btn-orange .open>.dropdown-toggle.btn-orange,
.btn-orange.active,
.btn-orange:active,
.btn-orange:focus,
.btn-orange:hover {
color: #fff;
background-color: rgba(220, 87, 46, .85)
}
.btn-orange.raised {
box-shadow: 0 3px 0 0 #b8431f
}
.btn-orange.raised.active,
.btn-orange.raised:active {
box-shadow: none;
margin-bottom: -3px;
margin-top: 3px
}
.btn-red {
background-color: #bf1e4b;
color: #fff
}
.btn-red .open>.dropdown-toggle.btn-red,
.btn-red.active,
.btn-red:active,
.btn-red:focus,
.btn-red:hover {
color: #fff;
background-color: rgba(191, 30, 75, .85)
}
.btn-red.raised {
box-shadow: 0 3px 0 0 #93173a
}
.btn-red.raised.active,
.btn-red.raised:active {
box-shadow: none;
margin-bottom: -3px;
margin-top: 3px
}
.btn-light {
background-color: #ecf0f1;
color: #3a3a3a
}
.btn-light .open>.dropdown-toggle.btn-light,
.btn-light.active,
.btn-light:active,
.btn-light:focus,
.btn-light:hover {
color: #3a3a3a;
background-color: rgba(236, 240, 241, .85)
}
.btn-light.raised {
box-shadow: 0 3px 0 0 #cfd9db
}
.btn-light.raised.active,
.btn-light.raised:active {
box-shadow: none;
margin-bottom: -3px;
margin-top: 3px
}
.btn-purple {
background-color: #a700ae;
color: #fff
}
.btn-purple .open>.dropdown-toggle.btn-purple,
.btn-purple.active,
.btn-purple:active,
.btn-purple:focus,
.btn-purple:hover {
color: #fff;
background-color: rgba(167, 0, 174, .85)
}
.btn-purple.raised {
box-shadow: 0 3px 0 0 #76007b
}
.btn-purple.raised.active,
.btn-purple.raised:active {
box-shadow: none;
margin-bottom: -3px;
margin-top: 3px
}
.btn-aqua {
background-color: #27d7e7;
color: #fff
}
.btn-aqua .open>.dropdown-toggle.btn-aqua,
.btn-aqua.active,
.btn-aqua:active,
.btn-aqua:focus,
.btn-aqua:hover {
color: #fff;
background-color: rgba(39, 215, 231, .85)
}
.btn-aqua.raised {
box-shadow: 0 3px 0 0 #16b6c5
}
.btn-aqua.raised.active,
.btn-aqua.raised:active {
box-shadow: none;
margin-bottom: -3px;
margin-top: 3px
}
.btn-brown {
background-color: #9c8061;
color: #fff
}
.btn-brown .open>.dropdown-toggle.btn-brown,
.btn-brown.active,
.btn-brown:active,
.btn-brown:focus,
.btn-brown:hover {
color: #fff;
background-color: rgba(156, 128, 97, .85)
}
.btn-brown.raised {
box-shadow: 0 3px 0 0 #7d664d
}
.btn-brown.raised.active,
.btn-brown.raised:active {
box-shadow: none;
margin-bottom: -3px;
margin-top: 3px
}
.btn-dark-blue {
background-color: #2672ec;
color: #fff
}
.btn-dark-blue .open>.dropdown-toggle.btn-dark-blue,
.btn-dark-blue.active,
.btn-dark-blue:active,
.btn-dark-blue:focus,
.btn-dark-blue:hover {
color: #fff;
background-color: rgba(38, 114, 236, .85)
}
.btn-dark-blue.raised {
box-shadow: 0 3px 0 0 #125acd
}
.btn-dark-blue.raised.active,
.btn-dark-blue.raised:active {
box-shadow: none;
margin-bottom: -3px;
margin-top: 3px
}
.btn-light-green {
background-color: #79d5b3;
color: #fff
}
.btn-light-green .open>.dropdown-toggle.btn-light-green,
.btn-light-green.active,
.btn-light-green:active,
.btn-light-green:focus,
.btn-light-green:hover {
color: #fff;
background-color: rgba(121, 213, 179, .85)
}
.btn-light-green.raised {
box-shadow: 0 3px 0 0 #52c99d
}
.btn-light-green.raised.active,
.btn-light-green.raised:active {
box-shadow: none;
margin-bottom: -3px;
margin-top: 3px
}
.btn-dark-red {
background-color: #a10f2b;
color: #fff
}
.btn-dark-red .open>.dropdown-toggle.btn-dark-red,
.btn-dark-red.active,
.btn-dark-red:active,
.btn-dark-red:focus,
.btn-dark-red:hover {
color: #fff;
background-color: rgba(161, 15, 43, .85)
}
.btn-dark-red.raised {
box-shadow: 0 3px 0 0 #720b1f
}
.btn-dark-red.raised.active,
.btn-dark-red.raised:active {
box-shadow: none;
margin-bottom: -3px;
margin-top: 3px
}
.btn-teal {
background-color: #00a0b1;
color: #fff
}
.btn-teal .open>.dropdown-toggle.btn-teal,
.btn-teal.active,
.btn-teal:active,
.btn-teal:focus,
.btn-teal:hover {
color: #fff;
background-color: rgba(0, 160, 177, .85)
}
.btn-teal.raised {
box-shadow: 0 3px 0 0 #00727e
}
.btn-teal.raised.active,
.btn-teal.raised:active {
box-shadow: none;
margin-bottom: -3px;
margin-top: 3px
}
.btn-dark {
background-color: #2b2b2b;
color: #fff
}
.btn-dark .open>.dropdown-toggle.btn-teal,
.btn-dark.active,
.btn-dark:active,
.btn-dark:focus,
.btn-dark:hover {
color: #fff;
background-color: rgba(43, 43, 43, .85)
}
.btn-dark.raised {
box-shadow: 0 3px 0 0 #121212
}
.btn-dark.raised.active,
.btn-dark.raised:active {
box-shadow: none;
margin-bottom: -3px;
margin-top: 3px
}
.btn-theme-transparent {
border: 1px solid #2e8def;
color: #2e8def;
background-color: transparent
}
.btn-theme-transparent .open>.dropdown-toggle.btn-theme-transparent,
.btn-theme-transparent.active,
.btn-theme-transparent:active,
.btn-theme-transparent:focus,
.btn-theme-transparent:hover {
color: #fff;
background-color: #2e8def
}
.btn-white-transparent {
border: 1px solid #fff;
color: #fff;
background-color: transparent
}
.btn-white-transparent .open>.dropdown-toggle.btn-white-transparent,
.btn-white-transparent.active,
.btn-white-transparent:active,
.btn-white-transparent:focus,
.btn-white-transparent:hover {
color: #fff;
background-color: #2e8def
}
.btn-green-transparent {
border: 1px solid #00a600;
color: #00a600;
background-color: transparent
}
.btn-green-transparent .open>.dropdown-toggle.btn-green-transparent,
.btn-green-transparent.active,
.btn-green-transparent:active,
.btn-green-transparent:focus,
.btn-green-transparent:hover {
color: #fff;
background-color: #00a600
}
.btn-blue-transparent {
border: 1px solid #2e8def;
color: #2e8def;
background-color: transparent
}
.btn-blue-transparent .open>.dropdown-toggle.btn-blue-transparent,
.btn-blue-transparent.active,
.btn-blue-transparent:active,
.btn-blue-transparent:focus,
.btn-blue-transparent:hover {
color: #fff;
background-color: #2e8def
}
.btn-orange-transparent {
border: 1px solid #dc572e;
color: #dc572e;
background-color: transparent
}
.btn-orange-transparent .open>.dropdown-toggle.btn-orange-transparent,
.btn-orange-transparent.active,
.btn-orange-transparent:active,
.btn-orange-transparent:focus,
.btn-orange-transparent:hover {
color: #fff;
background-color: #dc572e
}
.btn-red-transparent {
border: 1px solid #bf1e4b;
color: #bf1e4b;
background-color: transparent
}
.btn-red-transparent .open>.dropdown-toggle.btn-red-transparent,
.btn-red-transparent.active,
.btn-red-transparent:active,
.btn-red-transparent:focus,
.btn-red-transparent:hover {
color: #fff;
background-color: #bf1e4b
}
.btn-light-transparent {
border: 1px solid #ecf0f1;
color: #ecf0f1;
background-color: transparent
}
.btn-light-transparent .open>.dropdown-toggle.btn-light-transparent,
.btn-light-transparent.active,
.btn-light-transparent:active,
.btn-light-transparent:focus,
.btn-light-transparent:hover {
color: #3a3a3a;
background-color: #2e8def
}
.btn-purple-transparent {
border: 1px solid #a700ae;
color: #a700ae;
background-color: transparent
}
.btn-purple-transparent .open>.dropdown-toggle.btn-purple-transparent,
.btn-purple-transparent.active,
.btn-purple-transparent:active,
.btn-purple-transparent:focus,
.btn-purple-transparent:hover {
color: #fff;
background-color: #a700ae
}
.btn-aqua-transparent {
border: 1px solid #27d7e7;
color: #27d7e7;
background-color: transparent
}
.btn-aqua-transparent .open>.dropdown-toggle.btn-aqua-transparent,
.btn-aqua-transparent.active,
.btn-aqua-transparent:active,
.btn-aqua-transparent:focus,
.btn-aqua-transparent:hover {
color: #fff;
background-color: #27d7e7
}
.btn-brown-transparent {
border: 1px solid #9c8061;
color: #9c8061;
background-color: transparent
}
.btn-brown-transparent .open>.dropdown-toggle.btn-brown-transparent,
.btn-brown-transparent.active,
.btn-brown-transparent:active,
.btn-brown-transparent:focus,
.btn-brown-transparent:hover {
color: #fff;
background-color: #9c8061
}
.btn-dark-blue-transparent {
border: 1px solid #2672ec;
color: #2672ec;
background-color: transparent
}
.btn-dark-blue-transparent .open>.dropdown-toggle.btn-dark-blue-transparent,
.btn-dark-blue-transparent.active,
.btn-dark-blue-transparent:active,
.btn-dark-blue-transparent:focus,
.btn-dark-blue-transparent:hover {
color: #fff;
background-color: #2672ec
}
.btn-light-green-transparent {
border: 1px solid #79d5b3;
color: #79d5b3;
background-color: transparent
}
.btn-light-green-transparent .open>.dropdown-toggle.btn-light-green-transparent,
.btn-light-green-transparent.active,
.btn-light-green-transparent:active,
.btn-light-green-transparent:focus,
.btn-light-green-transparent:hover {
color: #fff;
background-color: #79d5b3
}
.btn-dark-red-transparent {
border: 1px solid #a10f2b;
color: #a10f2b;
background-color: transparent
}
.btn-dark-red-transparent .open>.dropdown-toggle.btn-dark-red-transparent,
.btn-dark-red-transparent.active,
.btn-dark-red-transparent:active,
.btn-dark-red-transparent:focus,
.btn-dark-red-transparent:hover {
color: #fff;
background-color: #a10f2b
}
.btn-teal-transparent {
border: 1px solid #00a0b1;
color: #00a0b1;
background-color: transparent
}
.btn-teal-transparent .open>.dropdown-toggle.btn-teal-transparent,
.btn-teal-transparent.active,
.btn-teal-transparent:active,
.btn-teal-transparent:focus,
.btn-teal-transparent:hover {
color: #fff;
background-color: #00a0b1
}
.btn-dark-transparent {
border: 1px solid #2b2b2b;
color: #2b2b2b;
background-color: transparent
}
.btn-dark-transparent .open>.dropdown-toggle.btn-dark-transparent,
.btn-dark-transparent.active,
.btn-dark-transparent:active,
.btn-dark-transparent:focus,
.btn-dark-transparent:hover {
color: #fff;
background-color: #2b2b2b
}
.btn-social {
position: relative;
padding-left: 44px;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin: 10px;
min-width: 200px
}
ul.social-vlist>li {
display: block;
margin-bottom: 6px
}
.btn-social,
.btn-social-icon {
-webkit-transition-property: scale;
-webkit-transition-duration: .2s;
-webkit-transition-timing-function: ease-in-out;
-moz-transition: all .2s ease-in-out
}
.btn-social-icon:hover,
.btn-social:hover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05)
}
.btn-social:first-child {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 32px;
line-height: 34px;
font-size: 1.6em;
text-align: center;
border-right: 1px solid rgba(0, 0, 0, .2)
}
.btn-social.btn-lg {
padding-left: 61px
}
.btn-social.btn-lg:first-child {
line-height: 45px;
width: 45px;
font-size: 1.8em
}
.btn-social.btn-sm {
padding-left: 38px
}
.btn-social.btn-sm:first-child {
line-height: 28px;
width: 28px;
font-size: 1.4em
}
.btn-social.btn-xs {
padding-left: 30px
}
.btn-social.btn-xs:first-child {
line-height: 20px;
width: 20px;
font-size: 1.2em
}
.btn-social-icon {
position: relative;
padding-left: 44px;
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
height: 34px;
width: 34px;
padding-left: 0;
padding-right: 0
}
.btn-social-icon:first-child {
position: absolute;
left: 0;
top: 0;
bottom: 0;
line-height: 34px;
font-size: 1.6em
}
.btn-social-icon.btn-lg {
padding-left: 61px
}
.btn-social-icon.btn-lg:first-child {
line-height: 45px;
width: 45px;
font-size: 1.8em
}
.btn-social-icon.btn-sm {
padding-left: 38px
}
.btn-social-icon.btn-sm:first-child {
line-height: 28px;
width: 28px;
font-size: 1.4em
}
.btn-social-icon.btn-xs {
padding-left: 30px
}
.btn-social-icon.btn-xs:first-child {
line-height: 20px;
width: 20px;
font-size: 1.2em
}
.btn-social-icon:first-child {
border: none;
text-align: center;
width: 100%!important
}
.btn-social-icon.btn-lg {
height: 45px;
width: 45px;
padding-left: 0;
padding-right: 0
}
.btn-social-icon.btn-sm {
height: 30px;
width: 30px;
padding-left: 0;
padding-right: 0
}
.btn-social-icon.btn-xs {
height: 22px;
width: 22px;
padding-left: 0;
padding-right: 0
}
.btn-bitbucket {
color: #fff;
background-color: #205081;
border-color: rgba(0, 0, 0, .2)
}
.btn-bitbucket.active,
.btn-bitbucket:active,
.btn-bitbucket:focus,
.btn-bitbucket:hover,
.open .dropdown-toggle.btn-bitbucket {
color: #fff;
background-color: #183c60;
border-color: rgba(0, 0, 0, .2)
}
.btn-bitbucket.active,
.btn-bitbucket:active,
.open .dropdown-toggle.btn-bitbucket {
background-image: none
}
.btn-bitbucket.disabled,
.btn-bitbucket.disabled.active,
.btn-bitbucket.disabled:active,
.btn-bitbucket.disabled:focus,
.btn-bitbucket.disabled:hover,
.btn-bitbucket[disabled],
.btn-bitbucket[disabled].active,
.btn-bitbucket[disabled]:active,
.btn-bitbucket[disabled]:focus,
.btn-bitbucket[disabled]:hover,
fieldset[disabled] .btn-bitbucket,
fieldset[disabled] .btn-bitbucket.active,
fieldset[disabled] .btn-bitbucket:active,
fieldset[disabled] .btn-bitbucket:focus,
fieldset[disabled] .btn-bitbucket:hover {
background-color: #205081;
border-color: rgba(0, 0, 0, .2)
}
.btn-youtube,
.btn-youtube.active,
.btn-youtube:active,
.btn-youtube:focus,
.btn-youtube:hover,
.open .dropdown-toggle.btn-youtube {
color: #fff;
background-color: #b00;
border-color: rgba(0, 0, 0, .2)
}
.btn-youtube.active,
.btn-youtube:active,
.open .dropdown-toggle.btn-youtube {
background-image: none
}
.btn-youtube.disabled,
.btn-youtube.disabled.active,
.btn-youtube.disabled:active,
.btn-youtube.disabled:focus,
.btn-youtube.disabled:hover,
.btn-youtube[disabled],
.btn-youtube[disabled].active,
.btn-youtube[disabled]:active,
.btn-youtube[disabled]:focus,
.btn-youtube[disabled]:hover,
fieldset[disabled] .btn-youtube,
fieldset[disabled] .btn-youtube.active,
fieldset[disabled] .btn-youtube:active,
fieldset[disabled] .btn-youtube:focus,
fieldset[disabled] .btn-youtube:hover {
background-color: #b00;
border-color: rgba(0, 0, 0, .2)
}
.btn-dropbox {
color: #fff;
background-color: #1087dd;
border-color: rgba(0, 0, 0, .2)
}
.btn-dropbox.active,
.btn-dropbox:active,
.btn-dropbox:focus,
.btn-dropbox:hover,
.open .dropdown-toggle.btn-dropbox {
color: #fff;
background-color: #0d70b7;
border-color: rgba(0, 0, 0, .2)
}
.btn-dropbox.active,
.btn-dropbox:active,
.open .dropdown-toggle.btn-dropbox {
background-image: none
}
.btn-dropbox.disabled,
.btn-dropbox.disabled.active,
.btn-dropbox.disabled:active,
.btn-dropbox.disabled:focus,
.btn-dropbox.disabled:hover,
.btn-dropbox[disabled],
.btn-dropbox[disabled].active,
.btn-dropbox[disabled]:active,
.btn-dropbox[disabled]:focus,
.btn-dropbox[disabled]:hover,
fieldset[disabled] .btn-dropbox,
fieldset[disabled] .btn-dropbox.active,
fieldset[disabled] .btn-dropbox:active,
fieldset[disabled] .btn-dropbox:focus,
fieldset[disabled] .btn-dropbox:hover {
background-color: #1087dd;
border-color: rgba(0, 0, 0, .2)
}
.btn-facebook {
color: #fff;
background-color: #3b5998;
border-color: rgba(0, 0, 0, .2)
}
.btn-facebook.active,
.btn-facebook:active,
.btn-facebook:focus,
.btn-facebook:hover,
.open .dropdown-toggle.btn-facebook {
color: #fff;
background-color: #30487b;
border-color: rgba(0, 0, 0, .2)
}
.btn-facebook.active,
.btn-facebook:active,
.open .dropdown-toggle.btn-facebook {
background-image: none
}
.btn-facebook.disabled,
.btn-facebook.disabled.active,
.btn-facebook.disabled:active,
.btn-facebook.disabled:focus,
.btn-facebook.disabled:hover,
.btn-facebook[disabled],
.btn-facebook[disabled].active,
.btn-facebook[disabled]:active,
.btn-facebook[disabled]:focus,
.btn-facebook[disabled]:hover,
fieldset[disabled] .btn-facebook,
fieldset[disabled] .btn-facebook.active,
fieldset[disabled] .btn-facebook:active,
fieldset[disabled] .btn-facebook:focus,
fieldset[disabled] .btn-facebook:hover {
background-color: #3b5998;
border-color: rgba(0, 0, 0, .2)
}
.btn-flickr {
color: #fff;
background-color: #ff0084;
border-color: rgba(0, 0, 0, .2)
}
.btn-flickr.active,
.btn-flickr:active,
.btn-flickr:focus,
.btn-flickr:hover,
.open .dropdown-toggle.btn-flickr {
color: #fff;
background-color: #d6006f;
border-color: rgba(0, 0, 0, .2)
}
.btn-flickr.active,
.btn-flickr:active,
.open .dropdown-toggle.btn-flickr {
background-image: none
}
.btn-flickr.disabled,
.btn-flickr.disabled.active,
.btn-flickr.disabled:active,
.btn-flickr.disabled:focus,
.btn-flickr.disabled:hover,
.btn-flickr[disabled],
.btn-flickr[disabled].active,
.btn-flickr[disabled]:active,
.btn-flickr[disabled]:focus,
.btn-flickr[disabled]:hover,
fieldset[disabled] .btn-flickr,
fieldset[disabled] .btn-flickr.active,
fieldset[disabled] .btn-flickr:active,
fieldset[disabled] .btn-flickr:focus,
fieldset[disabled] .btn-flickr:hover {
background-color: #ff0084;
border-color: rgba(0, 0, 0, .2)
}
.btn-github {
color: #fff;
background-color: #444;
border-color: rgba(0, 0, 0, .2)
}
.btn-github.active,
.btn-github:active,
.btn-github:focus,
.btn-github:hover,
.open .dropdown-toggle.btn-github {
color: #fff;
background-color: #303030;
border-color: rgba(0, 0, 0, .2)
}
.btn-github.active,
.btn-github:active,
.open .dropdown-toggle.btn-github {
background-image: none
}
.btn-github.disabled,
.btn-github.disabled.active,
.btn-github.disabled:active,
.btn-github.disabled:focus,
.btn-github.disabled:hover,
.btn-github[disabled],
.btn-github[disabled].active,
.btn-github[disabled]:active,
.btn-github[disabled]:focus,
.btn-github[disabled]:hover,
fieldset[disabled] .btn-github,
fieldset[disabled] .btn-github.active,
fieldset[disabled] .btn-github:active,
fieldset[disabled] .btn-github:focus,
fieldset[disabled] .btn-github:hover {
background-color: #444;
border-color: rgba(0, 0, 0, .2)
}
.btn-google-plus {
color: #fff;
background-color: #dd4b39;
border-color: rgba(0, 0, 0, .2)
}
.btn-google-plus.active,
.btn-google-plus:active,
.btn-google-plus:focus,
.btn-google-plus:hover,
.open .dropdown-toggle.btn-google-plus {
color: #fff;
background-color: #ca3523;
border-color: rgba(0, 0, 0, .2)
}
.btn-google-plus.active,
.btn-google-plus:active,
.open .dropdown-toggle.btn-google-plus {
background-image: none
}
.btn-google-plus.disabled,
.btn-google-plus.disabled.active,
.btn-google-plus.disabled:active,
.btn-google-plus.disabled:focus,
.btn-google-plus.disabled:hover,
.btn-google-plus[disabled],
.btn-google-plus[disabled].active,
.btn-google-plus[disabled]:active,
.btn-google-plus[disabled]:focus,
.btn-google-plus[disabled]:hover,
fieldset[disabled] .btn-google-plus,
fieldset[disabled] .btn-google-plus.active,
fieldset[disabled] .btn-google-plus:active,
fieldset[disabled] .btn-google-plus:focus,
fieldset[disabled] .btn-google-plus:hover {
background-color: #dd4b39;
border-color: rgba(0, 0, 0, .2)
}
.btn-instagram {
color: #fff;
background-color: #517fa4;
border-color: rgba(0, 0, 0, .2)
}
.btn-instagram.active,
.btn-instagram:active,
.btn-instagram:focus,
.btn-instagram:hover,
.open .dropdown-toggle.btn-instagram {
color: #fff;
background-color: #446a89;
border-color: rgba(0, 0, 0, .2)
}
.btn-instagram.active,
.btn-instagram:active,
.open .dropdown-toggle.btn-instagram {
background-image: none
}
.btn-instagram.disabled,
.btn-instagram.disabled.active,
.btn-instagram.disabled:active,
.btn-instagram.disabled:focus,
.btn-instagram.disabled:hover,
.btn-instagram[disabled],
.btn-instagram[disabled].active,
.btn-instagram[disabled]:active,
.btn-instagram[disabled]:focus,
.btn-instagram[disabled]:hover,
fieldset[disabled] .btn-instagram,
fieldset[disabled] .btn-instagram.active,
fieldset[disabled] .btn-instagram:active,
fieldset[disabled] .btn-instagram:focus,
fieldset[disabled] .btn-instagram:hover {
background-color: #517fa4;
border-color: rgba(0, 0, 0, .2)
}
.btn-linkedin {
color: #fff;
background-color: #007bb6;
border-color: rgba(0, 0, 0, .2)
}
.btn-linkedin.active,
.btn-linkedin:active,
.btn-linkedin:focus,
.btn-linkedin:hover,
.open .dropdown-toggle.btn-linkedin {
color: #fff;
background-color: #005f8d;
border-color: rgba(0, 0, 0, .2)
}
.btn-linkedin.active,
.btn-linkedin:active,
.open .dropdown-toggle.btn-linkedin {
background-image: none
}
.btn-linkedin.disabled,
.btn-linkedin.disabled.active,
.btn-linkedin.disabled:active,
.btn-linkedin.disabled:focus,
.btn-linkedin.disabled:hover,
.btn-linkedin[disabled],
.btn-linkedin[disabled].active,
.btn-linkedin[disabled]:active,
.btn-linkedin[disabled]:focus,
.btn-linkedin[disabled]:hover,
fieldset[disabled] .btn-linkedin,
fieldset[disabled] .btn-linkedin.active,
fieldset[disabled] .btn-linkedin:active,
fieldset[disabled] .btn-linkedin:focus,
fieldset[disabled] .btn-linkedin:hover {
background-color: #007bb6;
border-color: rgba(0, 0, 0, .2)
}
.btn-pinterest {
color: #fff;
background-color: #cb2027;
border-color: rgba(0, 0, 0, .2)
}
.btn-pinterest.active,
.btn-pinterest:active,
.btn-pinterest:focus,
.btn-pinterest:hover,
.open .dropdown-toggle.btn-pinterest {
color: #fff;
background-color: #a81a20;
border-color: rgba(0, 0, 0, .2)
}
.btn-pinterest.active,
.btn-pinterest:active,
.open .dropdown-toggle.btn-pinterest {
background-image: none
}
.btn-pinterest.disabled,
.btn-pinterest.disabled.active,
.btn-pinterest.disabled:active,
.btn-pinterest.disabled:focus,
.btn-pinterest.disabled:hover,
.btn-pinterest[disabled],
.btn-pinterest[disabled].active,
.btn-pinterest[disabled]:active,
.btn-pinterest[disabled]:focus,
.btn-pinterest[disabled]:hover,
fieldset[disabled] .btn-pinterest,
fieldset[disabled] .btn-pinterest.active,
fieldset[disabled] .btn-pinterest:active,
fieldset[disabled] .btn-pinterest:focus,
fieldset[disabled] .btn-pinterest:hover {
background-color: #cb2027;
border-color: rgba(0, 0, 0, .2)
}
.btn-tumblr {
color: #fff;
background-color: #2c4762;
border-color: rgba(0, 0, 0, .2)
}
.btn-tumblr.active,
.btn-tumblr:active,
.btn-tumblr:focus,
.btn-tumblr:hover,
.open .dropdown-toggle.btn-tumblr {
color: #fff;
background-color: #1f3346;
border-color: rgba(0, 0, 0, .2)
}
.btn-tumblr.active,
.btn-tumblr:active,
.open .dropdown-toggle.btn-tumblr {
background-image: none
}
.btn-tumblr.disabled,
.btn-tumblr.disabled.active,
.btn-tumblr.disabled:active,
.btn-tumblr.disabled:focus,
.btn-tumblr.disabled:hover,
.btn-tumblr[disabled],
.btn-tumblr[disabled].active,
.btn-tumblr[disabled]:active,
.btn-tumblr[disabled]:focus,
.btn-tumblr[disabled]:hover,
fieldset[disabled] .btn-tumblr,
fieldset[disabled] .btn-tumblr.active,
fieldset[disabled] .btn-tumblr:active,
fieldset[disabled] .btn-tumblr:focus,
fieldset[disabled] .btn-tumblr:hover {
background-color: #2c4762;
border-color: rgba(0, 0, 0, .2)
}
.btn-twitter {
color: #fff;
background-color: #2ba9e1;
border-color: rgba(0, 0, 0, .2)
}
.btn-twitter.active,
.btn-twitter:active,
.btn-twitter:focus,
.btn-twitter:hover,
.open .dropdown-toggle.btn-twitter {
color: #fff;
background-color: #1c92c7;
border-color: rgba(0, 0, 0, .2)
}
.btn-twitter.active,
.btn-twitter:active,
.open .dropdown-toggle.btn-twitter {
background-image: none
}
.btn-twitter.disabled,
.btn-twitter.disabled.active,
.btn-twitter.disabled:active,
.btn-twitter.disabled:focus,
.btn-twitter.disabled:hover,
.btn-twitter[disabled],
.btn-twitter[disabled].active,
.btn-twitter[disabled]:active,
.btn-twitter[disabled]:focus,
.btn-twitter[disabled]:hover,
fieldset[disabled] .btn-twitter,
fieldset[disabled] .btn-twitter.active,
fieldset[disabled] .btn-twitter:active,
fieldset[disabled] .btn-twitter:focus,
fieldset[disabled] .btn-twitter:hover {
background-color: #2ba9e1;
border-color: rgba(0, 0, 0, .2)
}
.btn-vk {
color: #fff;
background-color: #587ea3;
border-color: rgba(0, 0, 0, .2)
}
.btn-vk.active,
.btn-vk:active,
.btn-vk:focus,
.btn-vk:hover,
.open .dropdown-toggle.btn-vk {
color: #fff;
background-color: #4a6a89;
border-color: rgba(0, 0, 0, .2)
}
.btn-vk.active,
.btn-vk:active,
.open .dropdown-toggle.btn-vk {
background-image: none
}
.btn-vk.disabled,
.btn-vk.disabled.active,
.btn-vk.disabled:active,
.btn-vk.disabled:focus,
.btn-vk.disabled:hover,
.btn-vk[disabled],
.btn-vk[disabled].active,
.btn-vk[disabled]:active,
.btn-vk[disabled]:focus,
.btn-vk[disabled]:hover,
fieldset[disabled] .btn-vk,
fieldset[disabled] .btn-vk.active,
fieldset[disabled] .btn-vk:active,
fieldset[disabled] .btn-vk:focus,
fieldset[disabled] .btn-vk:hover {
background-color: #587ea3;
border-color: rgba(0, 0, 0, .2)
}
.call-to-action-small {
padding: 15px 30px;
font-size: 16px;
font-weight: 700
}
.call-to-action-small i {
padding: 0 0 0 15px
}
.call-to-action-medium {
padding: 16px 40px;
font-size: 20px;
font-weight: 700
}
.call-to-action-medium i {
padding: 0 0 0 15px
}
.call-to-action-large {
padding: 20px 40px;
font-size: 24px;
font-weight: 700
}
.call-to-action-large i {
padding: 0 0 0 15px
}
.square {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
behavior: url(img/PIE.htc)
}
.radial {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;
behavior: url(img/PIE.htc)
}
a.btn-more {
color: #3a3a3a;
position: relative
}
a.btn-more:after {
top: -3px;
right: -20px;
font-size: 12px;
content: "\f18e";
font-weight: 400;
display: inline-block;
font-family: FontAwesome;
position: absolute;
color: #2e8def
}
a.btn-more:hover:after {
right: -35px;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.tags {
padding: 0;
margin: 0;
list-style: none
}
.tags li {
display: inline-block;
margin: 4px 0
}
.tags li a {
background-color: #f6f6f6;
color: #818181;
padding: 4px 6px
}
.tags li a:hover {
background-color: #2e8def;
color: #fff
}
.separator {
height: 1px;
background-color: #2e8def;
margin-bottom: 20px;
width: 30px
}
.separator.small {
width: 20px
}
.separator.medium {
width: 30px
}
.separator.large {
width: 50px
}
.separator.full {
width: 100%
}
.separator.center {
margin: 0 auto
}
.heading i {
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-o-border-radius: 100px;
border-radius: 100px;
behavior: url(img/PIE.htc);
height: 36px;
width: 36px;
border: 1px solid #2e8def;
line-height: 36px;
color: #2e8def;
text-align: center;
margin-bottom: 10px
}
.heading span {
font-weight: 300
}
.heading .separator {
margin-bottom: 10px
}
.heading-block {
background-color: #2e8def;
padding: 10px;
display: inline-block;
color: #fff
}
.heading-border {
border: 2px solid #2e8def;
padding: 10px;
display: inline-block
}
.heading-dotted {
border: 2px dotted #2e8def;
padding: 10px;
display: inline-block
}
.margin-b-10 {
margin-bottom: 10px!important
}
.margin-b-20 {
margin-bottom: 20px!important
}
.margin-b-30 {
margin-bottom: 30px!important
}
.nav-spacer {
padding-top: 150px!important
}
.no-margin {
margin: 0!important
}
.no-padd {
padding: 0
}
.padd-5 {
padding: 5px
}
.padd-10 {
padding: 10px
}
.padd-20 {
padding: 20px
}
.padd-30 {
padding: 30px
}
.padd-40 {
padding: 40px
}
.padd-50 {
padding: 50px
}
.padd-60 {
padding: 60px
}
.padd-70 {
padding: 70px
}
.padd-80 {
padding: 80px
}
.padd-90 {
padding: 90px
}
.padd-tb-10 {
padding: 10px 0
}
.padd-tb-20 {
padding: 20px 0
}
.padd-tb-30 {
padding: 30px 0
}
.padd-tb-40 {
padding: 40px 0
}
.padd-tb-50 {
padding: 50px 0
}
.padd-tb-60 {
padding: 60px 0
}
.padd-tb-70 {
padding: 70px 0
}
.padd-tb-80 {
padding: 80px 0
}
.padd-tb-90 {
padding: 90px 0
}
.padd-lr-10 {
padding: 0 10px
}
.padd-lr-20 {
padding: 0 20px
}
.padd-lr-30 {
padding: 0 30px
}
.padd-lr-40 {
padding: 0 40px
}
.padd-lr-50 {
padding: 0 50px
}
.padd-lr-60 {
padding: 0 60px
}
.padd-t-10 {
padding-top: 10px
}
.padd-t-20 {
padding-top: 20px
}
.padd-t-30 {
padding-top: 30px
}
.padd-t-40 {
padding-top: 40px
}
.padd-t-50 {
padding-top: 50px
}
.padd-t-60 {
padding-top: 60px
}
.padd-b-10 {
padding-bottom: 10px
}
.padd-b-20 {
padding-bottom: 20px
}
.padd-b-30 {
padding-bottom: 30px
}
.padd-b-40 {
padding-bottom: 40px
}
.padd-b-50 {
padding-bottom: 50px
}
.padd-b-60 {
padding-bottom: 60px
}
@media (max-width: 552px) {
.padd-90 {
padding: 90px 30px
}
}
@media (max-width: 979px) {
.mvs-10 {
padding: 10px
}
.mvs-20 {
padding: 20px
}
.mvs-30 {
padding: 30px
}
.mvs-40 {
padding: 40px
}
.mvs-50 {
padding: 50px
}
}
.bg-white {
background-color: #fff!important;
color: #3a3a3a!important
}
.bg-white>i {
color: #3a3a3a!important
}
.bg-gray {
background: #f9f9f9!important;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee
}
.bg-gray>i {
color: #3a3a3a!important
}
.bg-light-dark {
background-color: #373737!important;
color: #818181!important
}
.bg-light-dark>i {
color: #fff!important
}
.bg-light-dark strong {
color: #818181!important
}
.bg-light-dark h1,
.bg-light-dark h2,
.bg-light-dark h3,
.bg-light-dark h4,
.bg-light-dark h5,
.bg-light-dark h6 {
color: #f7f7f7!important
}
.bg-light-dark a,
.bg-light-dark p {
color: #818181
}
.bg-light-dark .icon-holder {
background-color: #2b2b2b
}
.bg-light-dark .checkbox label,
.bg-light-dark .radio label,
.bg-light-dark label {
color: #818181
}
.bg-light-dark .form-control {
background-color: #2b2b2b;
border: 1px solid #2b2b2b;
color: #fff
}
.bg-theme {
background-color: #2e8def!important;
color: #fff
}
.bg-theme h1,
.bg-theme h2,
.bg-theme h3,
.bg-theme h4,
.bg-theme h5,
.bg-theme h6,
.bg-theme p,
.bg-theme>i {
color: #fff!important
}
.bg-dark {
position: relative;
background-color: #2b2b2b!important;
color: #818181!important
}
.bg-dark span,
.bg-dark>i {
color: #fff!important
}
.bg-dark hr {
border-top: 1px solid #818181
}
.bg-dark strong {
color: #fff!important
}
.bg-dark h1,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4,
.bg-dark h5,
.bg-dark h6 {
color: #f7f7f7!important
}
.bg-dark p {
color: #818181
}
.bg-dark .icon-holder {
background-color: #373737
}
.bg-dark .team {
border: none
}
.bg-dark .blog-post-item {
border-bottom: none
}
.bg-dark .blog-post-item h3 a {
color: #fff!important
}
.bg-dark .checkbox label,
.bg-dark .radio label,
.bg-dark label {
color: #818181
}
.bg-dark .form-control {
background-color: #373737;
border: 1px solid #373737;
color: #fff
}
.bg-dark .pricing-tables,
.bg-dark .pricing-tables.style2 {
border: none
}
.bg-dark .pricing-tables.style2 .heading .highlights span {
color: #fff!important
}
.bg-dark .pricing-tables.style2 .heading span {
color: #3a3a3a!important
}
.bg-dark .tags li a {
background-color: #373737
}
.bg-dark .testimonial4 p {
color: #fff
}
.bg-dark .panel .form-control {
background-color: #fff;
border: 1px solid #ccc;
color: #555
}
.bg-dark .panel-title {
color: #3a3a3a!important
}
.bg-green {
background-color: #00a600!important;
color: #fff
}
.bg-green h1,
.bg-green h2,
.bg-green h3,
.bg-green h4,
.bg-green h5,
.bg-green h6,
.bg-green p,
.bg-green>i {
color: #fff!important
}
.bg-blue {
background-color: #2e8def!important;
color: #fff
}
.bg-blue h1,
.bg-blue h2,
.bg-blue h3,
.bg-blue h4,
.bg-blue h5,
.bg-blue h6,
.bg-blue p,
.bg-blue>i {
color: #fff!important
}
.bg-orange {
background-color: #dc572e!important;
color: #fff
}
.bg-orange h1,
.bg-orange h2,
.bg-orange h3,
.bg-orange h4,
.bg-orange h5,
.bg-orange h6,
.bg-orange p,
.bg-orange>i {
color: #fff!important
}
.bg-red {
background-color: #bf1e4b!important;
color: #fff
}
.bg-red h1,
.bg-red h2,
.bg-red h3,
.bg-red h4,
.bg-red h5,
.bg-red h6,
.bg-red p,
.bg-red>i {
color: #fff!important
}
.bg-light {
background-color: #ecf0f1!important;
color: #3a3a3a
}
.bg-light h1,
.bg-light h2,
.bg-light h3,
.bg-light h4,
.bg-light h5,
.bg-light h6,
.bg-light p,
.bg-light>i {
color: #3a3a3a!important
}
.bg-purple {
background-color: #a700ae!important;
color: #fff
}
.bg-purple h1,
.bg-purple h2,
.bg-purple h3,
.bg-purple h4,
.bg-purple h5,
.bg-purple h6,
.bg-purple p,
.bg-purple>i {
color: #fff!important
}
.bg-aqua {
background-color: #27d7e7!important;
color: #fff
}
.bg-aqua h1,
.bg-aqua h2,
.bg-aqua h3,
.bg-aqua h4,
.bg-aqua h5,
.bg-aqua h6,
.bg-aqua p,
.bg-aqua>i {
color: #fff!important
}
.bg-brown {
background-color: #9c8061!important;
color: #fff
}
.bg-brown h1,
.bg-brown h2,
.bg-brown h3,
.bg-brown h4,
.bg-brown h5,
.bg-brown h6,
.bg-brown p,
.bg-brown>i {
color: #fff!important
}
.bg-dark-blue {
background-color: #2672ec!important;
color: #fff
}
.bg-dark-blue h1,
.bg-dark-blue h2,
.bg-dark-blue h3,
.bg-dark-blue h4,
.bg-dark-blue h5,
.bg-dark-blue h6,
.bg-dark-blue p,
.bg-dark-blue>i {
color: #fff!important
}
.bg-light-green {
background-color: #79d5b3!important;
color: #fff
}
.bg-light-green h1,
.bg-light-green h2,
.bg-light-green h3,
.bg-light-green h4,
.bg-light-green h5,
.bg-light-green h6,
.bg-light-green p,
.bg-light-green>i {
color: #fff!important
}
.bg-dark-red {
background-color: #a10f2b!important;
color: #fff
}
.bg-dark-red h1,
.bg-dark-red h2,
.bg-dark-red h3,
.bg-dark-red h4,
.bg-dark-red h5,
.bg-dark-red h6,
.bg-dark-red p,
.bg-dark-red>i {
color: #fff!important
}
.bg-teal {
background-color: #00a0b1!important;
color: #fff
}
.bg-teal h1,
.bg-teal h2,
.bg-teal h3,
.bg-teal h4,
.bg-teal h5,
.bg-teal h6,
.bg-teal p,
.bg-teal>i {
color: #fff!important
}
.list-inline {
margin: 0
}
.list-block {
margin: 0 0 20px;
padding: 0;
list-style: none
}
.list-block li {
margin-bottom: 10px
}
.list-block li a {
color: #818181
}
.list-block li a:hover {
color: #2e8def
}
.list-block li i {
color: #2e8def;
margin-right: 10px
}
.image-list img {
width: 80px;
float: left
}
.image-list .image-list-content {
margin-left: 90px
}
.tweets {
list-style: none;
padding: 0
}
.tweets li {
margin-bottom: 20px;
position: relative;
padding-left: 35px
}
.tweets li i {
position: absolute;
top: 4px;
left: 0;
width: 25px;
height: 25px;
text-align: center;
color: #777
}
.tweets li p {
margin-bottom: 5px
}
.tweets li p a {
color: #2e8def
}
.icon-holder {
position: relative;
display: inline-block;
vertical-align: top;
background-color: #f7f7f7;
text-align: center
}
.icon-holder:hover {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
background-color: #2e8def;
color: #fff
}
.icon-holder:hover i {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
color: #fff
}
.icon-holder.facebook {
background-color: #3b5998;
border: none
}
.icon-holder.facebook i {
color: #fff
}
.icon-holder.facebook:hover {
background-color: #2d4373
}
.icon-holder.twitter {
background-color: #00aced;
border: none
}
.icon-holder.twitter i {
color: #fff
}
.icon-holder.twitter:hover {
background-color: #0087ba
}
.icon-holder.pinterest {
background-color: #cb2027;
border: none
}
.icon-holder.pinterest i {
color: #fff
}
.icon-holder.pinterest:hover {
background-color: #9f191f
}
.icon-holder.vk {
background-color: #45668e;
border: none
}
.icon-holder.vk i {
color: #fff
}
.icon-holder.vk:hover {
background-color: #344d6c
}
.icon-holder.youtube {
background-color: #b00;
border: none
}
.icon-holder.youtube i {
color: #fff
}
.icon-holder.youtube:hover {
background-color: #800
}
.icon-holder.behance {
background-color: #4caccf;
border: none
}
.icon-holder.behance i {
color: #fff
}
.icon-holder.behance:hover {
background-color: #3193b7
}
.icon-holder.instagram {
background-color: #517fa4;
border: none
}
.icon-holder.instagram i {
color: #fff
}
.icon-holder.instagram:hover {
background-color: #406582
}
.icon-holder.google {
background-color: #c63d2d;
border: none
}
.icon-holder.google i {
color: #fff
}
.icon-holder.google:hover {
background-color: #9c3024
}
.icon-holder.linkedin {
background-color: #007bb6;
border: none
}
.icon-holder.linkedin i {
color: #fff
}
.icon-holder.linkedin:hover {
background-color: #005983
}
.icon-holder.flickr {
background-color: #ff0084;
border: none
}
.icon-holder.flickr i {
color: #fff
}
.icon-holder.flickr:hover {
background-color: #cc006a
}
.icon-holder.foursquare {
background-color: #0072b1;
border: none
}
.icon-holder.foursquare i {
color: #fff
}
.icon-holder.foursquare:hover {
background-color: #00517e
}
.icon-holder.yahoo {
background-color: #720e9e;
border: none
}
.icon-holder.yahoo i {
color: #fff
}
.icon-holder.yahoo:hover {
background-color: #500a6f
}
.icon-holder.dribbble {
background-color: #ea4c89;
border: none
}
.icon-holder.dribbble i {
color: #fff
}
.icon-holder.dribbble:hover {
background-color: #e51e6b
}
.icon-holder.wordpress {
background-color: #21759b;
border: none
}
.icon-holder.wordpress i {
color: #fff
}
.icon-holder.wordpress:hover {
background-color: #185571
}
.icon-holder.stumbleupon {
background-color: #eb4823;
border: none
}
.icon-holder.stumbleupon i {
color: #fff
}
.icon-holder.stumbleupon:hover {
background-color: #c93412
}
.icon-holder.soundcloud {
background-color: #ff3a00;
border: none
}
.icon-holder.soundcloud i {
color: #fff
}
.icon-holder.soundcloud:hover {
background-color: #cc2e00
}
.icon-holder.skype {
background-color: #12a5f4;
border: none
}
.icon-holder.skype i {
color: #fff
}
.icon-holder.skype:hover {
background-color: #0986ca
}
.icon-holder.vine {
background-color: #00bf8f;
border: none
}
.icon-holder.vine i {
color: #fff
}
.icon-holder.vine:hover {
background-color: #008c69
}
.icon-holder.twitch {
background-color: #4e3380;
border: none
}
.icon-holder.twitch i {
color: #fff
}
.icon-holder.twitch:hover {
background-color: #38245c
}
.icon-holder.github {
background-color: #3193b7;
border: none
}
.icon-holder.github i {
color: #fff
}
.icon-holder.github:hover {
background-color: #26738f
}
.icon-holder.spotify {
background-color: #679400;
border: none
}
.icon-holder.spotify i {
color: #fff
}
.icon-holder.spotify:hover {
background-color: #446100
}
.icon-holder.google-plus {
background-color: #9c3024;
border: none
}
.icon-holder.google-plus i {
color: #fff
}
.icon-holder.google-plus:hover {
background-color: #73231a
}
.icon-holder.tumblr {
background-color: #32506d;
border: none
}
.icon-holder.tumblr i {
color: #fff
}
.icon-holder.tumblr:hover {
background-color: #22364a
}
.icon-holder.lastfm {
background-color: #d51007;
border: none
}
.icon-holder.lastfm i {
color: #fff
}
.icon-holder.lastfm:hover {
background-color: #a40c05
}
.icon-holder.small {
width: 24px;
height: 24px;
line-height: 24px;
font-size: 12px
}
.icon-holder.medium {
width: 32px;
height: 32px;
line-height: 32px;
font-size: 14px
}
.icon-holder.large {
width: 46px;
height: 46px;
line-height: 46px;
font-size: 16px
}
.icon-holder.extra-large {
width: 64px;
height: 64px;
line-height: 64px;
font-size: 24px
}
.icon-holder i {
color: #888
}
.icon-holder.light {
background-color: #fff;
border: 1px solid #2e8def
}
.icon-holder.light:hover {
background-color: #2e8def
}
.icon-holder.light:hover i {
color: #fff
}
.icon-holder.light i {
color: #2b2b2b
}
.icon-holder.dark {
background-color: #2b2b2b;
border: none
}
.icon-holder.dark:hover {
background-color: #050505
}
.icon-holder.dark i {
color: #fff
}
.icon-holder.theme {
background-color: #2e8def;
border: none
}
.icon-holder.theme:hover {
background-color: #127be8
}
.icon-holder.theme i {
color: #fff
}
.circle {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
behavior: url(img/PIE.htc)
}
.rounded {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
behavior: url(img/PIE.htc)
}
.top-header {
background-color: #fff;
padding: 8px 0;
color: #888;
border-bottom: 1px solid #eee
}
.top-header a {
color: #888
}
.brand-holder.bg-dark,
.brand-holder.bg-light-dark,
.top-header.bg-dark,
.top-header.bg-light-dark {
border-bottom: 1px solid #525252
}
.brand-holder.bg-dark a,
.brand-holder.bg-light-dark a {
color: #fff
}
@media (max-width: 992px) {
.brand-holder {
text-align: center
}
.brand-holder .logo {
margin: 0 0 10px;
display: block
}
}
.top-address {
padding: 0;
margin: 0;
list-style: none
}
.top-address li {
display: inline-block;
padding: 5px 10px;
font-size: 16px
}
.top-address li i {
padding: 0 10px 0 0
}
.logo-center {
text-align: center;
padding: 35px;
background: #f9f9f9
}
.logo-left {
padding: 30px 0
}
@media (max-width: 767px) {
.logo.pull-left,
.top-address.pull-right {
float: none!important;
text-align: center
}
.logo-left .logo {
padding: 20px 0
}
}
@-webkit-keyframes fadeInDownMenuTop {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 7%, 0);
-moz-transform: translate3d(0, 7%, 0);
transform: translate3d(0, 7%, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
-moz-transform: none;
transform: none
}
}
@keyframes fadeInDownMenuTop {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 7%, 0);
-moz-transform: translate3d(0, 7%, 0);
transform: translate3d(0, 7%, 0)
}
100% {
opacity: 1;
-webkit-transform: none;
-o-transform: none;
-moz-transform: none;
transform: none
}
}
.navbar {
margin-bottom: 0;
border: none
}
.navbar-nav>li>a {
text-transform: uppercase;
color: #888
}
.navbar-brand {
font-size: 30px;
text-transform: uppercase;
color: #3a3a3a
}
.navbar-brand span {
color: #2e8def
}
.navbar-v1 {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
behavior: url(img/PIE.htc);
border-bottom: 1px solid #eee;
background: #fff
}
.navbar-v1 .navbar-nav>.active>a,
.navbar-v1 .navbar-nav>.active>a:focus,
.navbar-v1 .navbar-nav>.active>a:hover,
.navbar-v1 .navbar-nav>li>a:hover {
color: #2e8def;
background: 0 0
}
.navbar-v1 .navbar-nav>.open>a,
.navbar-v1 .navbar-nav>.open>a:focus,
.navbar-v1 .navbar-nav>.open>a:hover {
background: 0 0
}
.navbar-v1 .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-v1 .navbar-nav .open .dropdown-menu>li>a:hover {
color: #2e8def;
background: 0 0
}
.navbar-v1.dark-style {
background: #373737;
border-bottom: none
}
.navbar-v1.dark-style .navbar-nav>li>a {
color: #aeaeae;
background: 0 0
}
.navbar-v1.dark-style .navbar-nav>.open>a,
.navbar-v1.dark-style .navbar-nav>.open>a:focus,
.navbar-v1.dark-style .navbar-nav>.open>a:hover {
color: #aeaeae
}
.navbar-v1.dark-style .navbar-nav>.active>a,
.navbar-v1.dark-style .navbar-nav>.active>a:focus,
.navbar-v1.dark-style .navbar-nav>.active>a:hover {
color: #2e8def;
background: 0 0
}
.navbar-v1 .dropdown-menu>li>a {
color: #777
}
@media (min-width: 1200px) {
.navbar-transparent li.dropdown:hover>.dropdown-cart,
.navbar-transparent li.dropdown:hover>.dropdown-menu,
.navbar-transparent li.dropdown:hover>.dropdown-search,
.navbar-v1 li.dropdown:hover>.dropdown-cart,
.navbar-v1 li.dropdown:hover>.dropdown-menu,
.navbar-v1 li.dropdown:hover>.dropdown-search {
display: block;
-webkit-animation-duration: .33s;
animation-duration: .33s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInDownMenuTop;
animation-name: fadeInDownMenuTop
}
}
@media (min-width: 1200px) {
.navbar-transparent {
background: 0 0;
padding: 20px 0;
border: none
}
.navbar-transparent .navbar-nav>li>a {
color: #fff
}
.navbar-transparent .navbar-nav>li>a:focus,
.navbar-transparent .navbar-nav>li>a:hover {
background: 0 0!important;
color: #2e8def
}
.navbar-transparent .navbar-nav>.active>a,
.navbar-transparent .navbar-nav>.active>a:focus,
.navbar-transparent .navbar-nav>.active>a:hover {
color: #fff!important;
background: 0 0!important;
font-weight: 700
}
.navbar-transparent .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-transparent .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-transparent .navbar-nav>.open>a,
.navbar-transparent .navbar-nav>.open>a:focus,
.navbar-transparent .navbar-nav>.open>a:hover {
background: 0 0!important
}
}
@media (max-width: 1200px) {
.navbar-transparent {
background: #2b2b2b;
border: none
}
}
@media (min-width: 1200px) {
.navbar .dropdown-menu {
padding: 0;
margin: 0;
min-width: 210px;
border: 0;
border-radius: 0;
box-shadow: none;
top: 100;
background-color: #373737
}
.navbar .dropdown-menu li a {
font-size: 13px;
color: #aeaeae;
padding: 9px 15px;
line-height: 1.42857143;
text-transform: capitalize
}
.navbar .dropdown-menu li a:hover {
background-color: transparent;
color: #2e8def
}
.dropdown-cart .table>tbody>tr>td,
.dropdown-cart .table>tbody>tr>th,
.dropdown-cart .table>tfoot>tr>td,
.dropdown-cart .table>tfoot>tr>th,
.dropdown-cart .table>thead>tr>td,
.dropdown-cart .table>thead>tr>th {
color: #fff;
border: none
}
}
@media (max-width: 1200px) {
.navbar-v1 {
padding: 10px 0
}
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
font-size: 13px
}
.dropdown-submenu>.dropdown-menu {
display: block;
margin-left: 15px;
padding-left: 20px
}
.yamm-content h4.heading {
color: #777!important
}
.yamm-content .nav>li>a {
color: #777;
background: 0 0
}
.yamm-content .nav>li>a:hover {
color: #2e8def
}
}
.dropdown-submenu {
position: relative
}
.dropdown-submenu>.dropdown-menu {
top: 0;
left: 100%;
margin-top: 0;
margin-left: 0
}
.dropdown-submenu:hover>.dropdown-menu {
display: block
}
.dropdown-submenu>a:after {
top: 11px;
right: 9px;
font-size: 12px;
content: "\f105";
position: absolute;
font-weight: 400;
display: inline-block;
font-family: FontAwesome
}
.dropdown-submenu.pull-left,
.dropdown-submenu.pull-left>.dropdown-menu {
float: none
}
@media (max-width: 1200px) {
/* .navbar-header {
float: none
}*/
/* .navbar-left,
.navbar-right {
float: none!important
}*/
/* .navbar-toggle {
display: block
}*/
.navbar-collapse {
border: none;
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1)
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
background: rgba(0, 0, 0, .8)!important;
padding: 10px 0!important
}
.navbar-fixed-top .navbar-nav>li>a:hover {
background: 0 0!important;
color: #2e8def!important
}
/* .navbar-collapse.collapse {
display: none!important;
border-color: transparent
}*/
/* .navbar-nav {
float: none!important;
margin-top: 7.5px
}*/
/* .navbar-nav>li {
float: none
}*/
.navbar-nav>li>a {
padding-top: 10px;
padding-bottom: 10px
}
.collapse.in {
display: block!important
}
}
.navbar-toggle {
background-color: #2e8def!important;
border-color: transparent!important
}
.navbar-toggle:hover {
background-color: #2b2b2b!important
}
.navbar-toggle .icon-bar {
height: 3px;
background-color: #fff!important
}
.navbar-scroll {
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
background-color: rgba(0, 0, 0, .9);
padding: 10px 0;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999
}
.navbar-scroll .navbar-nav>li>a {
color: #fff
}
.navbar-scroll2 {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
padding: 10px 0;
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 999;
box-shadow: 1px 1px 5px rgba(0, 0, 0, .3)
}
.yamm-content {
padding: 25px;
box-sizing: border-box
}
.yamm-content h4.heading {
text-transform: uppercase;
padding: 0 14px;
font-size: 14px;
font-weight: 700;
color: #fff
}
.dropdown-menu.dropdown-cart {
padding: 10px;
min-width: 320px
}
.dropdown-menu.dropdown-cart table {
margin-bottom: 0
}
.menu-cart span.badge {
background: #2e8def;
vertical-align: text-bottom;
line-height: 14px
}
.dropdown-menu.dropdown-search {
padding: 10px;
min-width: 320px
}
.navbar-onepage {
background: 0 0;
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
padding: 20px 0;
border: none
}
.navbar-onepage .navbar-nav>li>a {
color: #fff;
text-transform: uppercase;
font-size: 15px;
font-weight: 700;
margin: 0 4px
}
.navbar-onepage .navbar-nav>li>a:focus,
.navbar-onepage .navbar-nav>li>a:hover {
color: #fff;
background: 0 0
}
.navbar-onepage .navbar-nav>li>a.active {
color: #2e8def
}
.navbar-onepage .navbar-brand {
font-size: 24px;
font-weight: 700;
color: #fff
}
.navbar-onepage .navbar-brand:hover {
color: #2e8def
}
.navbar-onepage.has-bg {
background: rgba(0, 0, 0, .6);
padding: 10px 0
}
.bannercontainer {
width: 100%;
position: relative;
padding: 0
}
.bannercontainer .banner {
width: 100%;
position: relative
}
.page-title {
position: relative;
border-top: none
}
.page-title h1,
.page-title h2,
.page-title h3,
.page-title h4,
.page-title h5 {
color: #fff;
margin: 10px 0;
font-size: 22px;
text-transform: capitalize;
font-weight: 400
}
.page-title p {
font-size: 15px;
color: #fff
}
.page-title .breadcrumb {
margin: 12px 0 0;
background: 0 0
}
.page-title .breadcrumb>.active {
color: #2e8def!important
}
.page-title .breadcrumb>li a {
color: #fff
}
.page-title .breadcrumb>li a:hover {
color: #888
}
.page-title .breadcrumb>li+li:before {
color: #fff
}
.page-title.bg-dark h1,
.page-title.bg-dark h2,
.page-title.bg-dark h3,
.page-title.bg-dark p {
color: #fff!important;
margin: 20px 0
}
.page-title.bg-dark .breadcrumb>li a,
.page-title.bg-dark .breadcrumb>li a:hover,
.page-title.bg-dark .breadcrumb>li+li:before {
color: #888
}
.page-title.bg-gray h1,
.page-title.bg-gray h2,
.page-title.bg-gray h3,
.page-title.bg-gray p,
.page-title.bg-white h1,
.page-title.bg-white h2,
.page-title.bg-white h3,
.page-title.bg-white p {
color: #888;
margin: 20px 0;
text-transform: capitalize
}
.page-title.bg-gray .breadcrumb>li a,
.page-title.bg-gray .breadcrumb>li a:hover,
.page-title.bg-gray .breadcrumb>li+li:before,
.page-title.bg-white .breadcrumb>li a,
.page-title.bg-white .breadcrumb>li a:hover,
.page-title.bg-white .breadcrumb>li+li:before {
color: #888
}
.img-overlay {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: #2e8def;
opacity: .3
}
.breadcrumb {
margin: 0
}
.breadcrumb>.active {
color: #888!important
}
.breadcrumb a {
color: #3a3a3a
}
.breadcrumb a:hover {
color: #2e8def
}
.gallery {
margin: 0;
padding: 0;
list-style: none
}
.gallery li {
width: 46.9%;
border: 2px solid #818181;
overflow: hidden;
margin: 4px;
float: left
}
.gallery-box {
position: relative;
overflow: hidden
}
.gallery-box:hover img {
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-o-transition: all .6s ease-in-out;
transition: all .6s ease-in-out
}
.gallery-box:hover i {
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.gallery-hover {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
display: inline-block;
visibility: visible;
opacity: 0;
background-color: rgba(0, 0, 0, .6);
z-index: 998;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
overflow: hidden
}
.gallery-hover:hover {
display: block;
opacity: 1
}
.gallery-hover i {
position: absolute;
top: 50%;
left: 50%;
margin: -15px 0 0 -15px;
font-size: 28px;
color: #fff!important;
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
display: inline-block;
background-color: #2e8def;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;
behavior: url(img/PIE.htc)
}
.gallery-hover i.small {
font-size: 10px
}
.footer.bg-dark .btn-more,
.footer.bg-dark label,
.footer.bg-dark span,
.footer.bg-light-dark .btn-more,
.footer.bg-light-dark label,
.footer.bg-light-dark span {
color: #818181!important
}
.footer.bg-dark .separator {
background-color: #373737
}
.footer.bg-light-dark .separator {
background-color: #2b2b2b
}
.footer-sub a {
color: #818181
}
.footer-sub a:hover {
text-decoration: underline
}
.copyright a {
color: #2e8def
}
@media (max-width: 979px) {
.footer-sub {
text-align: center
}
.footer-sub .pull-right {
float: none!important
}
.copyright {
padding: 10px 0
}
}
#widget-map {
height: 250px;
width: 100%
}
#contact-map {
height: 450px;
width: 100%
}
.tab-style1 .nav-tabs {
border-bottom: 1px solid #2e8def
}
.tab-style1 .nav-tabs>li a {
color: #3a3a3a;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
behavior: url(img/PIE.htc)
}
.tab-style1 .nav-tabs>li a:focus,
.tab-style1 .nav-tabs>li a:hover {
background: #2e8def;
color: #fff;
border: 1px solid #2e8def
}
.tab-style1 .nav-tabs>li a i {
margin-right: 10px
}
.tab-style1 .nav-tabs>li.active>a {
background: #2e8def;
color: #fff;
border: 1px solid #2e8def;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
behavior: url(img/PIE.htc)
}
.tab-style1 .tab-content {
padding: 25px 10px;
background-color: #fff
}
.tab-style2 .nav-tabs>li a {
color: #3a3a3a;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
behavior: url(img/PIE.htc)
}
.tab-style2 .nav-tabs>li a i {
margin-right: 10px
}
.tab-style2 .nav-tabs>li.active>a {
background: #f5f5f5;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
behavior: url(img/PIE.htc)
}
.tab-style2 .tab-content {
padding: 25px 10px;
background: #f5f5f5;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd
}
.tab-style3 .nav-tabs {
background-color: #f5f5f5
}
.tab-style3 .nav-tabs>li a {
color: #3a3a3a
}
.tab-style3 .nav-tabs>li a:focus,
.tab-style3 .nav-tabs>li a:hover {
background-color: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
behavior: url(img/PIE.htc)
}
.tab-style3 .nav-tabs>li a i {
margin-right: 10px
}
.tab-style3 .nav-tabs>li.active>a {
background-color: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
behavior: url(img/PIE.htc)
}
.tab-style3 .tab-content {
padding: 25px 10px;
border-left: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
background-color: #fff
}
.tab-style4 .nav-tabs>li a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
behavior: url(img/PIE.htc);
color: #3a3a3a
}
.tab-style4 .nav-tabs>li a i {
margin-right: 10px
}
.tab-style4 .nav-tabs>li.active>a {
background: #fff;
color: #3a3a3a;
border-top: 2px solid #2e8def
}
.tab-style4 .tab-content {
padding: 25px 10px;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background: #fff
}
.nav-pills>li>a {
padding: 5px 10px
}
.pills-style1 .nav-pills li a {
color: #3a3a3a;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
behavior: url(img/PIE.htc)
}
.pills-style1 .nav-pills li a i {
margin-right: 10px
}
.pills-style1 .nav-pills li.active>a {
background-color: #2e8def;
color: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
behavior: url(img/PIE.htc)
}
.pills-style1 .tab-content {
padding: 25px
}
.pills-style2 .nav-pills {
padding: 0;
background: #f9f9f9;
color: #3a3a3a;
min-height: 300px
}
.pills-style2 .nav-pills li a {
color: #3a3a3a;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
behavior: url(img/PIE.htc)
}
.pills-style2 .nav-pills li a:focus,
.pills-style2 .nav-pills li a:hover {
color: #3a3a3a
}
.pills-style2 .nav-pills li a i {
margin-right: 10px
}
.pills-style2 .nav-pills li.active>a {
background-color: #2e8def;
color: #fff
}
.pills-style2 .tab-content {
background: #fff;
min-height: 300px;
padding: 25px;
border: 1px solid #f9f9f9
}
.pills-style3 .nav-pills {
padding: 0;
background: #2b2b2b;
color: #fff;
min-height: 300px
}
.pills-style3 .nav-pills li a {
color: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
behavior: url(img/PIE.htc)
}
.pills-style3 .nav-pills li a:focus,
.pills-style3 .nav-pills li a:hover {
color: #3a3a3a
}
.pills-style3 .nav-pills li a i {
margin-right: 10px
}
.pills-style3 .nav-pills li.active>a {
background-color: #2e8def;
color: #fff
}
.pills-style3 .tab-content {
background: #f9f9f9;
min-height: 300px;
padding: 25px
}
.pills-style4 .nav-pills {
padding: 0;
background: #f9f9f9;
color: #3a3a3a;
min-height: 300px
}
.pills-style4 .nav-pills li a {
color: #3a3a3a;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
behavior: url(img/PIE.htc)
}
.pills-style4 .nav-pills li a:focus,
.pills-style4 .nav-pills li a:hover {
color: #3a3a3a
}
.pills-style4 .nav-pills li a i {
margin-right: 10px
}
.pills-style4 .nav-pills li.active>a {
border-left: 2px solid #2e8def;
color: #3a3a3a;
background: #f9f9f9
}
.pills-style4 .tab-content {
background: #fff;
min-height: 300px;
padding: 25px;
border: 1px solid #f9f9f9
}
@media (max-width: 767px) {
.pills-style1 .nav-pills,
.pills-style2 .nav-pills,
.pills-style3 .nav-pills,
.pills-style4 .nav-pills {
min-height: auto
}
}
.panel-group {
margin: 20px 0
}
.panel-group .panel {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
behavior: url(img/PIE.htc);
box-shadow: none
}
.panel-group .panel .panel-heading {
position: relative;
padding: 0;
background: #f9f9f9;
border-color: #eee;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
behavior: url(img/PIE.htc)
}
.panel-group .panel .panel-heading a {
position: relative;
display: block;
padding: 5px 15px;
color: inherit;
text-decoration: none
}
.panel-group .panel .panel-heading a:after {
position: absolute;
right: 10px;
top: 7px;
height: 20px;
width: 20px;
content: "\f068";
text-align: center;
line-height: 20px;
font-family: FontAwesome;
color: #888;
font-size: 12px
}
.panel-group .panel .panel-heading a i {
margin-right: 10px
}
.panel-group .panel .panel-heading .collapsed:after {
font-family: fontawesome;
content: "\f067"!important
}
.panel-group.accordion-style1 .panel .panel-heading {
position: relative;
padding: 0;
background: #2e8def;
color: #fff
}
.panel-group.accordion-style1 .panel .panel-heading a {
position: relative;
display: block;
padding: 5px 15px;
color: inherit;
text-decoration: none
}
.panel-group.accordion-style1 .panel .panel-heading a:after {
position: absolute;
right: 10px;
top: 7px;
height: 20px;
width: 20px;
content: "\f068";
text-align: center;
line-height: 20px;
font-family: FontAwesome;
color: #fff;
font-size: 12px
}
.panel-group.accordion-style1 .panel .panel-heading a i {
margin-right: 10px
}
.panel-group.accordion-style1 .panel .panel-heading .collapsed:after {
font-family: fontawesome;
content: "\f067"!important
}
.panel-group.accordion-style2 .panel .panel-heading {
position: relative;
padding: 0;
background: #373737;
color: #fff
}
.panel-group.accordion-style2 .panel .panel-heading a {
position: relative;
display: block;
padding: 5px 15px;
color: inherit;
text-decoration: none
}
.panel-group.accordion-style2 .panel .panel-heading a:after {
position: absolute;
right: 10px;
top: 7px;
height: 20px;
width: 20px;
content: "\f068";
text-align: center;
line-height: 20px;
font-family: FontAwesome;
color: #eee;
font-size: 12px
}
.panel-group.accordion-style2 .panel .panel-heading a i {
margin-right: 10px
}
.panel-group.accordion-style2 .panel .panel-heading .collapsed:after {
font-family: fontawesome;
content: "\f067"!important
}
.panel-group.accordion-style3 .panel {
background: #fff
}
.panel-group.accordion-style3 .panel .panel-heading {
position: relative;
padding: 0;
border: 1px solid #2e8def;
background: #fff
}
.panel-group.accordion-style3 .panel .panel-heading a {
position: relative;
display: block;
padding: 5px 15px;
color: inherit;
text-decoration: none
}
.panel-group.accordion-style3 .panel .panel-heading a:after {
position: absolute;
right: 10px;
top: 7px;
height: 20px;
width: 20px;
content: "\f068";
text-align: center;
line-height: 20px;
font-family: FontAwesome;
color: #888;
font-size: 12px
}
.panel-group.accordion-style3 .panel .panel-heading a i {
margin-right: 10px
}
.panel-group.accordion-style3 .panel .panel-heading .collapsed:after {
font-family: fontawesome;
content: "\f067"!important
}
.panel,
.panel .panel-heading {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
behavior: url(img/PIE.htc)
}
.panel .panel-heading .panel-title i {
margin-right: 7px
}
.panel .panel-body,
.panel .panel-footer {
color: #3a3a3a
}
.panel-theme .panel-heading {
background-color: #2e8def
}
.panel-theme .panel-heading .panel-title {
color: #fff
}
.panel-theme .panel-heading .panel-title i {
margin-right: 7px
}
.panel-theme .panel-body {
border-left: 1px solid #2e8def;
border-right: 1px solid #2e8def;
border-bottom: 1px solid #2e8def
}
.panel-green .panel-heading {
background-color: #00a600
}
.panel-green .panel-heading .panel-title {
color: #fff
}
.panel-green .panel-heading .panel-title i {
margin-right: 7px
}
.panel-green .panel-body {
border-left: 1px solid #00a600;
border-right: 1px solid #00a600;
border-bottom: 1px solid #00a600
}
.panel-blue .panel-heading {
background-color: #2e8def
}
.panel-blue .panel-heading .panel-title {
color: #fff
}
.panel-blue .panel-heading .panel-title i {
margin-right: 7px
}
.panel-blue .panel-body {
border-left: 1px solid #2e8def;
border-right: 1px solid #2e8def;
border-bottom: 1px solid #2e8def
}
.panel-orange .panel-heading {
background-color: #dc572e
}
.panel-orange .panel-heading .panel-title {
color: #fff
}
.panel-orange .panel-heading .panel-title i {
margin-right: 7px
}
.panel-orange .panel-body {
border-left: 1px solid #dc572e;
border-right: 1px solid #dc572e;
border-bottom: 1px solid #dc572e
}
.panel-red .panel-heading {
background-color: #bf1e4b
}
.panel-red .panel-heading .panel-title {
color: #fff
}
.panel-red .panel-heading .panel-title i {
margin-right: 7px
}
.panel-red .panel-body {
border-left: 1px solid #bf1e4b;
border-right: 1px solid #bf1e4b;
border-bottom: 1px solid #bf1e4b
}
.panel-light .panel-heading {
background-color: #ecf0f1
}
.panel-light .panel-heading .panel-title {
color: #3a3a3a
}
.panel-light .panel-heading .panel-title i {
margin-right: 7px
}
.panel-light .panel-body {
border-left: 1px solid #ecf0f1;
border-right: 1px solid #ecf0f1;
border-bottom: 1px solid #ecf0f1
}
.panel-purple .panel-heading {
background-color: #a700ae
}
.panel-purple .panel-heading .panel-title {
color: #fff
}
.panel-purple .panel-heading .panel-title i {
margin-right: 7px
}
.panel-purple .panel-body {
border-left: 1px solid #a700ae;
border-right: 1px solid #a700ae;
border-bottom: 1px solid #a700ae
}
.panel-aqua .panel-heading {
background-color: #27d7e7
}
.panel-aqua .panel-heading .panel-title {
color: #fff
}
.panel-aqua .panel-heading .panel-title i {
margin-right: 7px
}
.panel-aqua .panel-body {
border-left: 1px solid #27d7e7;
border-right: 1px solid #27d7e7;
border-bottom: 1px solid #27d7e7
}
.panel-brown .panel-heading {
background-color: #9c8061
}
.panel-brown .panel-heading .panel-title {
color: #fff
}
.panel-brown .panel-heading .panel-title i {
margin-right: 7px
}
.panel-brown .panel-body {
border-left: 1px solid #9c8061;
border-right: 1px solid #9c8061;
border-bottom: 1px solid #9c8061
}
.panel-dark-blue .panel-heading {
background-color: #2672ec
}
.panel-dark-blue .panel-heading .panel-title {
color: #fff
}
.panel-dark-blue .panel-heading .panel-title i {
margin-right: 7px
}
.panel-dark-blue .panel-body {
border-left: 1px solid #2672ec;
border-right: 1px solid #2672ec;
border-bottom: 1px solid #2672ec
}
.panel-light-green .panel-heading {
background-color: #79d5b3
}
.panel-light-green .panel-heading .panel-title {
color: #fff
}
.panel-light-green .panel-heading .panel-title i {
margin-right: 7px
}
.panel-light-green .panel-body {
border-left: 1px solid #79d5b3;
border-right: 1px solid #79d5b3;
border-bottom: 1px solid #79d5b3
}
.panel-dark-red .panel-heading {
background-color: #a10f2b
}
.panel-dark-red .panel-heading .panel-title {
color: #fff
}
.panel-dark-red .panel-heading .panel-title i {
margin-right: 7px
}
.panel-dark-red .panel-body {
border-left: 1px solid #a10f2b;
border-right: 1px solid #a10f2b;
border-bottom: 1px solid #a10f2b
}
.panel-teal .panel-heading {
background-color: #00a0b1
}
.panel-teal .panel-heading .panel-title {
color: #fff
}
.panel-teal .panel-heading .panel-title i {
margin-right: 7px
}
.panel-teal .panel-body {
border-left: 1px solid #00a0b1;
border-right: 1px solid #00a0b1;
border-bottom: 1px solid #00a0b1
}
.progress {
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
behavior: url(img/PIE.htc)
}
.progress .progress-bar {
box-shadow: none
}
.progress.progress-border {
border: 1px solid #eee;
background-color: transparent
}
.progress.progress-border.progress-bar {
box-shadow: none;
background-color: rgba(46, 141, 239, .5)
}
.progress.progress-small {
height: 10px
}
.progress.progress-small .progress-bar {
line-height: 10px!important
}
.progress.progress-medium {
height: 15px
}
.progress.progress-medium .progress-bar {
line-height: 15px!important
}
.progress.progress-large {
height: 20px
}
.progress.progress-large .progress-bar {
line-height: 20px!important
}
.progress.progress-extra-large {
height: 30px
}
.progress.progress-extra-large .progress-bar {
line-height: 30px!important
}
.progress .progress-bar-green {
background-color: #00a600
}
.progress .progress-bar-blue {
background-color: #2e8def
}
.progress .progress-bar-orange {
background-color: #dc572e
}
.progress .progress-bar-red {
background-color: #bf1e4b
}
.progress .progress-bar-light {
background-color: #ecf0f1;
color: #3a3a3a
}
.progress .progress-bar-purple {
background-color: #a700ae
}
.progress .progress-bar-aqua {
background-color: #27d7e7
}
.progress .progress-bar-brown {
background-color: #9c8061
}
.progress .progress-bar-dark-blue {
background-color: #2672ec
}
.progress .progress-bar-light-green {
background-color: #79d5b3
}
.progress .progress-bar-dark-red {
background-color: #a10f2b
}
.progress .progress-bar-teal {
background-color: #00a0b1
}
.pagination li a {
color: #3a3a3a;
margin: 1px
}
.pagination>.active a,
.pagination>.active a:focus,
.pagination>.active a:hover {
background-color: #2e8def;
border: 1px solid #2e8def
}
.pager.pager-square li a {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
behavior: url(img/PIE.htc)
}
.pager .disabled>a {
background-color: #f5f5f5
}
.pager li a {
border: 1px solid #2e8def;
color: #3a3a3a
}
.pager li a:hover {
background-color: #2e8def;
color: #fff
}
span.counter {
font-size: 26px
}
.sidebar-menu {
list-style: none;
margin: 0;
padding: 0;
background-color: #fff;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
behavior: url(img/PIE.htc)
}
.sidebar-menu li.active a {
background-color: #eee
}
.sidebar-menu li.active a:hover {
color: #3a3a3a
}
.sidebar-menu li a {
display: block;
padding: 7px 10px;
border-bottom: 1px solid #eee;
color: #3a3a3a;
font-weight: 700
}
.sidebar-menu li a:hover {
background-color: #eee
}
.sidebar-menu li a i {
margin-right: 10px
}
.sidebar-menu li ul.sub-menu {
padding: 0;
list-style: none
}
.sidebar-menu li ul.sub-menu li a {
position: relative;
padding-left: 50px;
font-weight: 400
}
.sidebar-menu li ul.sub-menu li a:before {
font-size: 12px;
content: "\f105";
font-weight: 400;
display: inline-block;
font-family: FontAwesome;
position: absolute;
top: 7px;
left: 35px
}
.badge {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
behavior: url(img/PIE.htc)
}
.badge-green,
.label-green {
background-color: #00a600
}
.badge-blue,
.label-blue {
background-color: #2e8def
}
.badge-orange,
.label-orange {
background-color: #dc572e
}
.badge-red,
.label-red {
background-color: #bf1e4b
}
.badge-light,
.label-light {
background-color: #ecf0f1;
color: #3a3a3a
}
.badge-purple,
.label-purple {
background-color: #a700ae
}
.badge-aqua,
.label-aqua {
background-color: #27d7e7
}
.badge-brown,
.label-brown {
background-color: #9c8061
}
.badge-dark-blue,
.label-dark-blue {
background-color: #2672ec
}
.badge-light-green,
.label-light-green {
background-color: #79d5b3
}
.badge-dark-red,
.label-dark-red {
background-color: #a10f2b
}
.badge-teal,
.label-teal {
background-color: #00a0b1
}
.notification {
margin: 20px 0;
padding: 0;
list-style: none
}
.notification li {
padding: 5px 10px
}
.notification li a {
position: relative;
border: 1px solid #eee;
padding: 8px;
color: #333
}
.notification li a:hover {
color: #fff;
background-color: #2e8def
}
.notification li a i {
margin: 10px
}
.notification li a span.badge {
position: absolute;
top: -10px;
right: -15px
}
blockquote {
font-size: 14px;
font-style: italic;
border-left: 2px solid #eee
}
blockquote.colored {
border-left: 2px solid #2e8def
}
.blockquote-reverse {
border-right: 2px solid #eee
}
.blockquote-reverse-colored {
border-right: 2px solid #2e8def;
padding-right: 15px;
padding-left: 0;
text-align: right;
border-left: 0
}
.feature-box {
margin: 15px 10px;
padding: 30px 20px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.feature-box.right {
text-align: right
}
.feature-box.right i {
float: right!important;
margin-left: 10px
}
.feature-box i {
padding: 20px;
font-size: 24px;
display: inline-block;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.feature-box i.circle {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;
behavior: url(img/PIE.htc)
}
.feature-box i.square {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
behavior: url(img/PIE.htc)
}
.feature-box i.rounded {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
behavior: url(img/PIE.htc)
}
.feature-box .separator {
margin: 0 auto
}
.feature-box h4 {
margin: 30px 0 15px;
font-size: 16px;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out
}
.feature-box.style1 {
text-align: center
}
.feature-box.style1 i {
background: #2e8def;
color: #fff
}
.feature-box.style1:hover {
background-color: #2e8def
}
.feature-box.style1:hover i {
background-color: #fff;
color: #2e8def
}
.feature-box.style1:hover h4,
.feature-box.style1:hover p {
color: #fff
}
.feature-box.style2 {
text-align: center
}
.feature-box.style2 i {
color: #2e8def;
border: 1px solid #2e8def
}
.feature-box.style2:hover i {
background-color: #2e8def;
color: #fff;
border: 1px solid #2e8def
}
.feature-box.style3 {
background-color: #fff;
border: 1px solid transparent;
text-align: center
}
.feature-box.style3 i {
background: 0 0;
color: #2b2b2b
}
.feature-box.style3 h4 {
margin: 15px 0
}
.feature-box.style3:hover {
border: 1px solid #2e8def
}
.feature-box.style3:hover i {
color: #2e8def
}
.feature-box.style4 {
background-color: #fff;
border: 1px solid #ddd;
text-align: center;
padding: 30px 0
}
.feature-box.style4 i {
background: 0 0;
color: #2b2b2b
}
.feature-box.style4 h4 {
margin: 15px 0 20px;
background: #eee;
padding: 10px
}
.feature-box.style4 p {
padding: 0 32px
}
.feature-box.style4:hover {
border: 1px solid #2e8def
}
.feature-box.style4:hover i {
color: #2e8def
}
.feature-box.style4:hover h4 {
background-color: #2e8def;
color: #fff
}
.feature-box.style5 i {
float: left;
padding: 0 10px 10px 0
}
.feature-box.style5 h4 {
margin: 0;
padding: 5px 0 5px 37px
}
.feature-box.style5 p {
clear: both
}
.feature-box.style5:hover {
background-color: #f5f5f5
}
.feature-box.style5:hover i {
color: #2e8def
}
.feature-box.style6 i {
float: left;
padding: 10px;
background: #2e8def;
color: #fff;
font-size: 16px;
line-height: 16px
}
.feature-box.style6 h4 {
margin: 0;
padding: 10px 0 20px 45px
}
.feature-box.style6 p {
clear: both
}
.feature-box.style6:hover {
background-color: #f5f5f5
}
.feature-box2 {
margin: 30px 10px
}
.feature-box2 .icon-holder {
float: left;
margin: -18px 10px 0 0
}
.feature-box2 p {
margin-top: 15px
}
.feature-box4 {
margin: 30px 10px
}
.feature-box4 i {
font-size: 60px;
color: #2e8def
}
.thumbnail {
overflow: hidden;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
behavior: url(img/PIE.htc)
}
.thumbnail.no-border {
border: none
}
.thumbnail .caption a.btn {
margin-top: 15px
}
.thumbnail p {
line-height: 1.8em;
color: #888
}
a.thumbnail.active,
a.thumbnail:focus,
a.thumbnail:hover {
border-color: #2e8def
}
.customNavigation {
text-align: right
}
.customNavigation.center {
text-align: center!important
}
.customNavigation a {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.zoom {
overflow: hidden
}
.zoom img {
transition: all .6s ease-in-out
}
.zoom img:hover {
transform: scale(1.2) rotate(1deg)
}
.testimonial {
background-color: #f9f9f9;
padding: 20px;
margin: 10px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
behavior: url(img/PIE.htc);
box-shadow: 0 3px 0 #eee;
border: 1px solid #eee
}
.testimonial .image-box {
float: left
}
.testimonial .image-box img {
width: 82px;
height: 82px
}
.testimonial .content-box {
padding-left: 100px
}
.testimonial .content-box strong {
display: block;
color: #3a3a3a;
font-style: italic
}
.testimonial .content-box span {
font-size: 13px;
font-style: italic;
color: #818181
}
.testimonial.light {
background-color: #fff!important
}
.testimonial.border {
background-color: #fff!important;
border: 1px solid #eee;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .09) inset;
box-shadow: 0 0 20px rgba(0, 0, 0, .09) inset;
-o-box-shadow: 0 0 20px rgba(0, 0, 0, .09) inset;
-moz-box-shadow: 0 0 20px rgba(0, 0, 0, .09) inset
}
.testimonial.clear {
background: #fff;
border: none;
box-shadow: none
}
.testimonial2 {
position: relative;
margin: 60px 0;
border: 1px solid #eee;
padding: 70px 40px 40px;
background: #fff;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
behavior: url(img/PIE.htc)
}
.testimonial2 .image-box {
position: absolute;
top: -43px;
left: 39%
}
.testimonial2 .image-box img {
width: 86px;
height: 86px;
border: 1px solid #eee;
padding: 2px;
background-color: #fff
}
.testimonial2 .content-box i {
color: #222;
margin: 10px 5px 0;
font-size: 18px
}
.testimonial2 .content-box strong {
color: #3a3a3a;
font-style: italic
}
.testimonial2 .content-box span {
font-size: 13px;
font-style: italic;
color: #818181
}
.testimonial2:hover {
border: 1px solid #2e8def
}
.testimonial3 {
margin: 30px 0;
position: relative
}
.testimonial3 .content-box {
background-color: #f6f6f6;
padding: 20px;
margin-bottom: 20px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
behavior: url(img/PIE.htc)
}
.testimonial3 .content-box i {
color: #222;
margin: 10px 5px 0;
font-size: 18px
}
.testimonial3 .image-box {
float: left
}
.testimonial3 .image-box img {
width: 82px;
height: 82px
}
.testimonial3 .info {
float: left;
padding: 30px 30px 30px 15px
}
.testimonial3 .info span {
font-size: 13px;
font-style: italic;
color: #818181
}
.testimonial3 .arrow-down {
width: 0;
height: 0;
border-left: 0 solid transparent;
border-right: 20px solid transparent;
border-top: 15px solid #f6f6f6;
position: absolute;
bottom: -13px;
left: 37px
}
.testimonial4 {
text-align: center
}
.testimonial4 .image-box img {
width: 90px;
height: 90px;
margin: 0 auto
}
.testimonial4 .content-box {
width: 65%;
margin: 20px auto
}
.testimonial4 .content-box i {
font-size: 18px;
margin-right: 10px
}
.testimonial4 .info strong {
color: #3a3a3a;
font-style: italic;
margin: 0 10px
}
.testimonial4 .info span {
font-size: 13px;
font-style: italic;
color: #818181
}
.bg-dark .info strong {
color: #2e8def!important
}
.bg-dark .info span {
color: #fff!important
}
@media (max-width: 767px) {
.testimonial3 {
margin-bottom: 140px
}
}
.callout {
background: #fff;
color: #222;
padding: 50px 30px;
margin: 30px 0
}
.callout h1,
.callout h2,
.callout h3,
.callout h4,
.callout h5 {
margin-top: 0
}
.callout a {
margin-top: 10px
}
.callout.border {
border: 2px solid #eee
}
.callout.bg-dark h1,
.callout.bg-dark h2,
.callout.bg-dark h3,
.callout.bg-dark h4,
.callout.bg-dark h5 {
color: #fff
}
.counter-box {
text-align: center;
margin-bottom: 20px
}
.counter-box-light {
padding: 20px;
text-align: center;
background-color: #f9f9f9;
border: 1px solid #eee;
box-shadow: 3px 3px 0 #eee;
margin-bottom: 20px
}
.counter-box-dark {
padding: 20px;
text-align: center;
background-color: rgba(0, 0, 0, .3);
box-shadow: 3px 3px 0 rgba(0, 0, 0, .4);
margin-bottom: 20px
}
#coupon {
font-size: 36px
}
#countdown.style1 .box {
background: rgba(0, 0, 0, .3);
color: #fff!important;
display: inline-block;
padding: 40px;
margin: 10px
}
#countdown.style1 span {
font-size: 80px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
}
#countdown.style2 {
margin: 30px 0
}
#countdown.style2 .box {
color: #fff!important;
display: inline-block;
margin: 10px
}
#countdown.style2 span {
font-size: 45px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
}
@media (max-width: 478px) {
#countdown.style1 .box {
padding: 20px;
margin: 10px
}
#countdown.style1 span {
font-size: 26px
}
}
.team {
margin: 10px 0;
text-align: center;
border: 1px solid #eee
}
.team img {
margin: 0 auto;
-webkit-filter: grayscale(100%);
-webkit-transition: .5s ease-in-out;
-moz-filter: grayscale(100%);
-moz-transition: .5s ease-in-out;
-o-filter: grayscale(100%);
-o-transition: .5s ease-in-out
}
.team img:hover {
-webkit-filter: grayscale(0);
-webkit-transition: .5s ease-in-out;
-moz-filter: grayscale(0);
-moz-transition: .5s ease-in-out;
-o-filter: grayscale(0);
-o-transition: .5s ease-in-out
}
.team .content {
background: #fff;
padding: 20px;
font-size: 16px
}
.team .content span {
display: block;
font-size: 13px
}
.team .content ul {
margin: 15px 0 0
}
.team.dark {
border: none
}
.team.dark .content {
color: #3a3a3a
}
.team2 {
position: relative;
background: #fff;
border: 1px solid #eee;
padding: 10px;
display: block
}
.team2 .content {
color: #222
}
.team2 .overlay {
opacity: 0;
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, .7);
display: block;
overflow: hidden;
width: 100%;
height: 100%;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.team2 .overlay ul {
margin: 50% 0 0;
width: 100%;
text-align: center
}
.team2:hover .overlay {
opacity: 1
}
.tp-caption.meduin_clarity_text {
font-size: 22px;
line-height: 58px;
font-weight: 400;
font-family: Montserrat;
color: #fff;
text-decoration: none;
background-color: transparent;
letter-spacing: 3px;
text-align: center;
border-width: 0;
border-color: #000;
border-style: none;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .3)
}
.tp-caption.large_clarity_text {
font-size: 72px;
line-height: 72px;
font-weight: 800;
font-family: Montserrat;
color: #fff;
text-decoration: none;
background-color: transparent;
text-transform: uppercase;
letter-spacing: 2px;
border-width: 0;
border-color: #000;
border-style: none;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .5)
}
.tp-caption.small_clarity_text {
font-size: 24px;
line-height: 32px;
font-weight: 400;
font-family: Raleway;
color: #fff;
text-decoration: none;
background-color: transparent;
border-width: 0;
border-color: #000;
border-style: none;
text-shadow: 1px 1px 1px rgba(0, 0, 0, .3)
}
.tp-caption.small_clarity_dark_text {
font-size: 24px;
line-height: 32px;
font-weight: 400;
font-family: Raleway;
color: #3a3a3a;
text-decoration: none;
background-color: transparent;
text-shadow: none;
border-width: 0;
border-color: #000;
border-style: none
}
.btn-rev {
background: 0 0;
color: #fff!important;
border: 2px solid #fff;
font-size: 16px;
background: rgba(0, 0, 0, .1)
}
.btn-rev:hover {
color: #fff;
background: 0 0;
border: 2px solid #fff
}
#preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
z-index: 1020
}
#status {
width: 200px;
height: 200px;
position: absolute;
left: 50%;
top: 50%;
background-image: url(../images/loading.gif);
background-repeat: no-repeat;
background-position: center;
margin: -100px 0 0 -100px
}
.scrollToTop {
width: 42px;
height: 42px;
padding: 8px 10px;
text-align: center;
font-weight: 700;
color: #fff;
text-decoration: none;
position: fixed;
bottom: 10px;
right: 10px;
display: none;
cursor: pointer;
border: none;
background-color: #2e8def;
z-index: 1005;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
-o-border-radius: 50px;
border-radius: 50px;
behavior: url(img/PIE.htc)
}
.scrollToTop:focus,
.scrollToTop:hover,
.scrollToTop:visited {
text-decoration: none;
background-color: rgba(46, 141, 239, .5);
color: #fff
}
.scrollToTop i {
line-height: 24px
}
.theme-icons {
margin: 0 -10px 20px;
overflow: hidden
}
.theme-icons-list {
padding-left: 0;
list-style: none
}
.theme-icons li {
float: left;
width: 16%;
height: 100px;
padding: 10px;
font-size: 12px;
line-height: 1.4;
text-align: center;
border: 1px solid #eee;
margin: 2px
}
.theme-icons .glyphicon {
margin-top: 5px;
margin-bottom: 10px;
font-size: 24px
}
.theme-icons .icons {
margin-top: 5px;
margin-bottom: 10px;
font-size: 24px;
line-height: 34px
}
.theme-icons .theme-icons-class {
display: block;
text-align: center;
word-wrap: break-word;
font-size: 12px
}
.owl-carousel .item {
margin: 10px
}
.customNavigation {
margin: 4px 15px
}
.owl-title {
float: left;
margin-left: 10px
}
.owl-title h3 {
margin: 8px 0
}
pre.code-block {
display: none
}
a.showcode {
font-weight: 700;
position: relative;
color: #2e8def
}
a.showcode:after {
top: -3px;
right: -20px;
font-size: 12px;
content: "\f121";
font-weight: 400;
display: inline-block;
font-family: FontAwesome;
position: absolute
}
ul#filter {
margin: 0;
padding: 0
}
ul#filter li {
display: inline-block
}
ul#filter li:last-child {
border-right: none;
margin-right: 0;
padding-right: 0
}
ul#filter a {
text-decoration: none;
padding: 4px 10px;
color: #999;
margin: 5px 2px;
display: block;
font-size: 14px
}
ul#filter a:hover,
ul#filter li.current a {
color: #2e8def
}
ul#filter li.current a {
font-weight: 600;
text-decoration: none;
color: #2e8def
}
ul#portfolio {
list-style: none;
padding: 0;
margin: 0;
display: block
}
ul#portfolio a:hover {
text-decoration: none
}
ul#portfolio img {
margin: 15px 0
}
ul#portfolio h4 {
margin-bottom: 0
}
ul#portfolio .item-wrapper {
position: relative;
text-align: center
}
ul#portfolio .item-wrapper .overlay {
position: absolute;
text-align: center;
width: 100%;
padding: 20px;
color: #fff;
zoom: 1;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@whole)";
filter: alpha(opacity=0);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
bottom: 0;
background: url(../img/trans-dot.png) top left
}
ul#portfolio .item-wrapper .overlay h4 {
color: #fff
}
ul#portfolio .item-wrapper:hover .overlay {
zoom: 1;
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=@whole)";
filter: alpha(opacity=100);
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
background: url(../img/trans-dot.png) top left
}
ul#portfolio .info {
text-align: center
}
ul#portfolio .no-padd img {
margin: 0
}
.pricing-tables {
background-color: #fff;
border: 1px solid #eee;
text-align: center;
margin: 20px 0
}
.pricing-tables.highlights {
background: #2e8def
}
.pricing-tables.highlights .heading {
background: #2e8def;
color: #fff
}
.pricing-tables.highlights .heading h3 {
color: #fff!important
}
.pricing-tables.style2 {
border: 2px solid #2e8def;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
behavior: url(img/PIE.htc)
}
.pricing-tables.style2 .title {
padding: 20px 0 10px;
color: #3a3a3a!important
}
.pricing-tables.style2 .title h3 {
margin: 0;
color: #3a3a3a!important;
font-size: 21px
}
.pricing-tables.style2 .circle {
width: 136px;
height: 136px;
background-color: #fff;
line-height: 136px;
margin: 0 auto;
border: 2px solid #2e8def
}
.pricing-tables.style2 .circle.highlights {
background-color: #2e8def;
color: #fff
}
.pricing-tables.style2 .heading {
padding: 10px 0;
font-size: 26px
}
.pricing-tables.style3 {
text-align: left
}
.pricing-tables.style3 .heading {
text-align: left;
padding: 20px;
background-color: #373737;
color: #fff
}
.pricing-tables.style3 .heading.highlights {
background-color: #2e8def
}
.pricing-tables.style3 .heading h3 {
color: #fff!important
}
.pricing-tables.style3 .footer {
text-align: left
}
.pricing-tables .heading {
text-align: center;
font-size: 32px;
background-color: #fff;
padding: 30px 20px!important;
color: #3a3a3a;
font-weight: 700
}
.pricing-tables .heading h3 {
margin-top: 0;
color: #3a3a3a!important;
font-size: 24px;
font-weight: 700
}
.pricing-tables .heading span {
font-size: 24px;
vertical-align: top;
margin-right: 4px
}
.pricing-tables .content ul {
padding: 0;
margin: 0;
list-style: none
}
.pricing-tables .content ul li {
padding: 10px 20px;
background-color: #fff;
color: #222
}
.pricing-tables .content ul li i {
margin-right: 15px;
color: #2e8def
}
.pricing-tables .footer {
padding: 20px;
background-color: #fff;
text-align: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
behavior: url(img/PIE.htc)
}
.error {
text-align: center
}
.error h1 {
font-size: 130px
}
.error p {
font-size: 18px
}
.client {
min-height: 170px;
margin: 30px 0
}
.client .client-logo {
width: 200px;
float: left;
border: 1px solid #eee;
padding: 20px;
text-align: center
}
.client .client-logo:hover {
border: 1px solid #2e8def
}
.client .client-logo img {
text-align: center;
margin: 0 auto
}
.client .client-content {
margin-left: 220px
}
@media (max-width: 767px) {
.client .client-logo {
float: none
}
.client .client-content {
margin: 20px 0
}
}
.client-v2 {
margin: 0 0 30px;
padding: 20px;
border: 1px solid #eee
}
.client-v2:hover {
border: 1px solid #2e8def
}
.career {
margin: 40px 0
}
.career .career-title {
margin-bottom: 10px;
border-bottom: 1px solid #eee
}
.career .career-content {
padding: 10px 0
}
.side-menu,
.side-menu a,
.side-menu li,
.side-menu ul {
margin: 0;
padding: 0;
border: 0;
list-style: none;
font-weight: 400;
text-decoration: none;
line-height: 1;
position: relative
}
.side-menu {
width: 100%
}
.side-menu ul li {
border-bottom: 1px solid #eee
}
.side-menu ul li:hover a {
color: #2e8def
}
.side-menu ul li a {
font-size: 14px;
color: #3a3a3a;
border-top: none;
display: block;
padding: 12px 10px
}
.side-menu ul li a:hover {
text-decoration: none
}
.side-menu ul li.active a {
color: #2e8def
}
.side-menu ul li.has-sub>a span:after {
position: absolute;
right: 10px;
top: 12px;
height: 12px;
width: 12px;
text-align: center;
line-height: 20px;
font-family: fontawesome;
content: "\f196"!important;
color: #2e8def
}
.side-menu ul li.has-sub.active>a span:after {
font-family: fontawesome;
content: "\f147"!important;
color: #2e8def
}
.side-menu a {
line-height: 1.3
}
.side-menu ul ul {
display: none;
background: #fff
}
.side-menu ul ul li {
padding: 0;
background: #f9f9f9
}
.side-menu ul ul li:first-child {
border-top: 1px solid #eee
}
.side-menu ul ul li:last-child {
border: none
}
.side-menu ul ul a {
padding: 10px 10px 10px 25px;
display: block;
color: #676767;
font-size: 13px;
font-weight: 400
}
.side-menu ul ul a:before {
content: ">";
position: absolute;
left: 10px;
color: #2e8def
}
.side-menu ul ul a:hover {
color: #2e8def
}
.result {
margin: 25px 0;
display: block
}
.result a {
color: #3a3a3a
}
.result a:hover {
color: #2e8def
}
.result img {
width: 125px
}
@media (max-width: 767px) {
.invoice .text-right {
text-align: left
}
}
.blog-post-item {
display: block;
margin-bottom: 80px;
padding-bottom: 60px;
border-bottom: #eee 1px solid;
position: relative
}
.blog-post-item.grid {
background-color: #fff;
padding: 20px;
margin-bottom: 30px
}
.blog-post-item.medium .flexslider img,
.blog-post-item.medium img {
min-height: 154px
}
.blog-post-item.medium h1,
.blog-post-item.medium h2,
.blog-post-item.medium h3,
.blog-post-item.medium h4,
.blog-post-item.medium h5 {
margin-top: 0
}
.blog-post-item .flexslider,
.blog-post-item .flexslider img {
margin-bottom: 0
}
.blog-post-item h1 a,
.blog-post-item h2 a,
.blog-post-item h3 a,
.blog-post-item h4 a,
.blog-post-item h5 a {
color: #3a3a3a;
font-size: 22px
}
.blog-post-item h1 a:hover,
.blog-post-item h2 a:hover,
.blog-post-item h3 a:hover,
.blog-post-item h4 a:hover,
.blog-post-item h5 a:hover {
color: #2e8def
}
.blog-post-item img,
.blog-post-item p {
margin-bottom: 20px
}
.blog-post-item .blog-post-info {
display: block;
border-bottom: #eaeaea 1px dotted;
padding-bottom: 20px;
margin-bottom: 20px
}
.blog-post-item .blog-post-info li {
margin-right: 5px
}
.blog-post-item .blog-post-info li a {
color: #888;
font-size: 13px
}
.blog-post-item .blog-post-info li a:hover {
color: #2e8def
}
.blog-post-item .blog-post-info li i {
color: #888;
margin-right: 5px
}
@media (max-width: 767px) {
.blog-post-item.medium h1,
.blog-post-item.medium h2,
.blog-post-item.medium h3,
.blog-post-item.medium h4,
.blog-post-item.medium h5 {
margin-top: 20px
}
}
.media,
.media:first-child {
margin-top: 30px
}
.media .reply {
float: right;
font-size: 13px
}
.media .date {
font-size: 12px;
font-style: italic;
display: block
}
.shop-item {
background-color: #fff;
text-align: center;
border-bottom: 1px solid #eee;
margin-bottom: 30px
}
.shop-item:hover {
border-bottom: 1px solid #2e8def
}
.shop-item .shop-item-image {
position: relative
}
.shop-item .shop-item-image .promo {
position: absolute;
top: 10px;
left: 10px;
opacity: 1;
color: #fff
}
.shop-item .shop-item-image .promo .sale {
background-color: #e67e22;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-o-border-radius: 100px;
border-radius: 100px;
behavior: url(img/PIE.htc);
width: 47px;
height: 46px;
line-height: 46px;
font-weight: 700;
text-transform: uppercase;
font-size: 11px;
margin-bottom: 5px;
text-align: center
}
.shop-item .shop-item-image .promo .new {
background-color: #3498db;
-webkit-border-radius: 100px;
-moz-border-radius: 100px;
-o-border-radius: 100px;
border-radius: 100px;
behavior: url(img/PIE.htc);
width: 47px;
height: 46px;
line-height: 46px;
font-weight: 700;
text-transform: uppercase;
font-size: 11px;
margin-bottom: 5px;
text-align: center
}
.shop-item.vertical {
min-height: 306px;
padding: 20px;
text-align: left
}
.shop-item.vertical .shop-item-image {
float: left
}
.shop-item.vertical .shop-item-image img {
max-width: 200px
}
.shop-item.vertical .quick-info {
margin-left: 200px
}
.shop-item.vertical .quick-info p {
margin-top: 10px
}
.shop-item .quick-info {
padding: 20px
}
.shop-item .quick-info a i {
margin-right: 5px
}
.shop-item .quick-info .btn {
margin-top: 10px
}
.shop-item .quick-info .cat {
font-size: 12px;
font-weight: 700;
text-transform: uppercase
}
.shop-item .quick-info .cat a {
border-bottom: 2px solid #f5f5f5;
padding-bottom: 3px
}
.shop-item .quick-info .price {
font-size: 18px;
color: #3a3a3a
}
.shop-item .quick-info .price .del {
text-decoration: line-through;
color: #818181
}
@media (max-width: 520px) {
.shop-item.vertical {
min-height: 306px;
padding: 20px;
text-align: left
}
.shop-item.vertical .shop-item-image {
float: none
}
.shop-item.vertical .shop-item-image img {
width: 100%
}
.shop-item.vertical .quick-info {
margin-left: 0;
padding: 20px 0
}
.shop-item.vertical .quick-info p {
margin-top: 10px
}
}
.sorting {
margin: 20px 0
}
.sorting .type a {
margin: 0 0 0 6px;
color: #818181
}
.sorting .type a:hover {
color: #2e8def
}
.shop-widget {
margin: 0;
padding: 0;
list-style: none
}
.shop-widget li {
display: block;
min-height: 116px;
border-bottom: 1px solid #eee;
margin: 10px 0
}
.shop-widget li img {
float: left;
width: 80px
}
.shop-widget li span {
display: block;
margin-left: 90px
}
.shop-widget li span.cat {
text-transform: uppercase;
font-size: 12px
}
.shop-widget li span.price {
font-weight: 700
}
.single-product .sku {
color: #a1a1a1
}
.single-product .price {
font-size: 32px;
margin: 30px 0;
color: #3a3a3a
}
.single-product .price .del {
text-decoration: line-through;
color: #818181
}
.single-product .rating {
margin: 20px 0
}
.single-product .quantity {
margin: 30px 0
}
.single-product .quantity input {
width: 50px
}
.single-product a i {
margin-right: 5px
}
.starRating:not(old) {
display: inline-block;
width: 7.5em;
height: 1.5em;
overflow: hidden;
vertical-align: bottom
}
.starRating:not(old)>input {
margin-right: -100%;
opacity: 0
}
.starRating:not(old)>label {
display: block;
float: right;
position: relative;
background: url(../img/shop/star-off.svg);
background-size: contain
}
.starRating:not(old)>label:before {
content: '';
display: block;
width: 1.5em;
height: 1.5em;
background: url(../img/shop/star-on.svg);
background-size: contain;
opacity: 0;
transition: opacity .2s linear
}
.starRating:not(:hover)>:checked~label:before,
.starRating:not(old)>label:hover:before,
.starRating:not(old)>label:hover~label:before {
opacity: 1
}
.cart-img {
width: 60px;
vertical-align: text-top;
margin-right: 15px
}
.cart-input {
width: 40px;
display: inline-block;
margin-right: 10px
}
.checkout-process {
padding: 0;
list-style: none;
margin: 40px auto
}
.checkout-process li {
float: left;
margin: 10px;
padding: 10px 20px;
background: #fff;
color: #aeaeae;
min-width: 248px;
border: 1px dashed #eee
}
.checkout-process li.active {
color: #fff;
background: #2e8def;
border: 1px solid #2e8def
}
.checkout-process li.active h4 {
color: #fff
}
.checkout-process li span {
font-size: 36px;
float: left
}
.checkout-process li h4 {
margin-left: 56px;
font-size: 16px;
font-weight: 400
}
@media (max-width: 989px) {
.checkout-process li {
margin: 2px
}
}
@media (max-width: 589px) {
.checkout-process li {
margin: 2px 0;
width: 100%
}
}
.shipping {
display: none
}
.cards {
position: relative;
overflow: hidden;
margin-bottom: 15px
}
.cards span {
position: absolute;
bottom: 20px;
left: 20px;
color: #fff;
font-size: 26px;
font-weight: 700;
text-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
z-index: 999
}
.cards img {
transition: all .4s ease-in-out;
-webkit-filter: grayscale(100%);
-webkit-transition: .5s ease-in-out;
-moz-filter: grayscale(100%);
-moz-transition: .5s ease-in-out;
-o-filter: grayscale(100%);
-o-transition: .5s ease-in-out
}
.cards img:hover {
transform: scale(1.2) rotate(1deg);
-webkit-filter: grayscale(0);
-webkit-transition: .5s ease-in-out;
-moz-filter: grayscale(0);
-moz-transition: .5s ease-in-out;
-o-filter: grayscale(0);
-o-transition: .5s ease-in-out
}
.embed-full {
width: 100%
}
pre {
word-wrap: normal
}
#contactForm .error {
text-align: left
}
#contactForm .error p {
font-size: 13px;
color: red
}
#contactForm .form-group {
text-align: left
}
#contactForm .help-block {
color: red;
font-size: 13px
}
a.last.menucat {
padding: 3px 10px;
font-weight: bold;
}
a.last.menuitem {
padding: 7px 30px;
}
/**Bootstap fixes */
.row {
display: block;
}
body {
font-size: 13px;
}
.btn {
font-size: 14px;
}
/*.fade.show {
opacity: 1;
}*/
.dropdown-menu {
font-size: 14px;
}
.form-control {
font-size: 14px;
}
.container, .navbar>.container, .navbar>.container-fluid {
display: block;
}
.navbar-nav .dropdown-menu {
position: absolute;
float: none;
}
ul.nav.navbar-nav {
flex-direction: row;
-webkit-box-orient: horizontal;
}
.dropdown-toggle::after{
display: none;
}
.modal-dialog.modal-dialog-gdpr {
max-width: 80% !important;
padding: 0;
margin: auto;
}
.modal-header {
display: block;
}
.modal-open {
overflow: hidden !important;
}
#divErrorMsg:not(.hidden) {
display: inline-block !important;
width: 100%;
}
@media (min-width: 768px) {
.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
margin-right: -15px;
margin-left: -15px;
}
}
@media (min-width: 576px) {
.container {
padding-right: 0px;
padding-left: 0px;
}
}
@media only screen and (max-width: 767px) {
ul.nav.navbar-nav {
flex-direction: column;
-webkit-box-orient: vertical;
}
}