/* Reset CSS */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
body {font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 22px; color: #7e7e7e;
background-color: #ffffff;}
/* Typography */
a { color: #3d3d3d; font-weight: 500;}
a:hover { text-decoration: none; color: #000;}
.tooltip-test + .tooltip > .tooltip-inner {background-color: #ff525e; border-radius: 0; padding: 6px 10px;}
.tooltip.top .tooltip-arrow {border-top-color: #ff525e; }
h1.section-title {font-weight: 300; color: #161616; font-size: 22px; line-height: 30px; margin: 0;}
h2.section-title {font-weight: 300; color: #161616; font-size: 30px; line-height: 35px; margin-bottom: 15px;}
h2.section-title2 {font-weight: 300; color: #fff; font-size: 30px; line-height: 35px; margin-bottom: 10px;}
h2.section-title3 {font-weight: 300; color: #161616; font-size: 26px; line-height: 30px;}
h4.section-subtitle {color: #a1a1a1; font-size: 16px; line-height: 20px;}
h2.shop-title { font-size: 70px; font-weight: 300; color: #3d3d3d; line-height: 70px;}
h3.shop-title {font-size: 45px; font-weight: 300; color: #3d3d3d; line-height: 50px; }
h3.section-title {font-weight: 300; color: #161616; font-size: 26px; line-height: 30px;}
.feature-title { font-size: 45px; line-height: 50px;}
/* Buttons */
.btn {border: none; color: #fff; cursor: pointer; padding: 17px 50px; display: inline-block; letter-spacing: 1px;
outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.btn:active { border:none;}
.btn2 {border: none; border-radius: 4px; font-weight: 300; font-size: 15px; color: #fff; cursor: pointer; padding: 10px 40px;
display: inline-block; letter-spacing: 1px; outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s;
transition: all 0.3s;}
.btn-2 {background: #ff525e; color: #fff; box-shadow: 0 6px #d84852; -webkit-transition: none; -moz-transition: none; transition: none;}
.btn-2:hover {box-shadow: 0 4px #d84852; top: 2px; color: #fff;}
.btn-2:active {box-shadow: 0 0 #ab3c3c; top: 6px; border: none;}
.btn-2:focus { outline: none;}
.btn-default {font-weight: 300; background: #dd3e49; border: none; color: #fff; padding: 13px 40px;
-webkit-transition: background-color 60ms ease-in;
-moz-transition: background-color 60ms ease-in; -o-transition: background-color 60ms ease-in;
-ms-transition: background-color 60ms ease-in;
transition: background-color 60ms ease-in;}
.btn-default:focus { outline: none !important; border: 0;}
.btn-default2 { padding: 12px 50px;}
.btn-sm { cursor: pointer; display: inline-block; position: relative; color: #fff; border: none; border-radius: 4px; height: 31px;
width: 35px; font-size: 15px; line-height: 23px; outline: none; margin-left: -10px; -webkit-transition: all 0.3s;
-moz-transition: all 0.3s; transition: all 0.3s;}
.btn-small { background: #ff525e; box-shadow: 0 4px #d84852; -webkit-transition: none; -moz-transition: none; transition: none;}
.btn-small:hover { top: 2px; box-shadow: 0 2px #d84852;}
.btn-small:active { box-shadow: 0 0 #ab3c3c; top: 4px;}
/* Padding/Margin/Colors */
.tcolor { color: #ff525e;}
.gray { color: #a1a1a1;}
.black { color: #161616 !important;}
.white { color: #fff;}
.center { text-align: center;}
.left { text-align: left;}
.right { text-align: right;}
.fleft { float: left;}
.fright { float: right;}
.inline-block { display: inline-block;}
.block { display: block;}
.italic { font-style: italic;}
.rounded { border-radius: 50%;}
.width100 { width: 100%;}
.thin-shadow { box-shadow: 0 1px 1px rgba(0,0,0,0.15);}
.relative { position: relative !important;}
.weight300 { font-weight: 300;}
.size20 { font-size: 20px;}
.ptop5 { padding-top: 5px;}
.ptop50 { padding-top: 50px;}
.ptop100 { padding-top: 100px;}
.pbottom50 { padding-bottom: 50px;}
.pbottom70 { padding-bottom: 70px;}
.pbottom80 { padding-bottom: 80px;}
.pright0 { padding-right: 0;}
.pright30 { padding-right: 30px;}
.pleft0 { padding-left: 0;}
.mauto { margin: 0 auto;}
.m0 { margin: 0 !important;}
.mtop5 { margin-top: 5px;}
.mtop20 { margin-top: 20px;}
.mtop25 { margin-top: 25px;}
.mtop30 { margin-top: 30px;}
.mtop40 { margin-top: 40px;}
.mtop50 { margin-top: 50px;}
.mtop70 { margin-top: 70px;}
.mtop100 { margin-top: 100px !important;}
.mtop106 { margin-top: 106px !important;}
.mbottom5 { margin-bottom: 5px;}
.mbottom10 { margin-bottom: 10px;}
.mbottom15 { margin-bottom: 15px;}
.mbottom20 { margin-bottom: 20px !important;}
.mbottom25 { margin-bottom: 25px !important;}
.mbottom30 { margin-bottom: 30px !important;}
.mbottom35 { margin-bottom: 35px;}
.mbottom40 { margin-bottom: 40px !important;}
.mbottom50 { margin-bottom: 50px !important;}
.mbottom60 { margin-bottom: 60px;}
.mbottom70 { margin-bottom: 70px;}
.mbottom80 { margin-bottom: 80px;}
.mbottom90 { margin-bottom: 90px;}
.mbottom100 { margin-bottom: 100px;}
.mleft5 { margin-left: 5px;}
.mleft10 { margin-left: 10px;}
.mleft20 { margin-left: 20px;}
.mleft30 { margin-left: 30px;}
.mleft50 { margin-left: 50px;}
.mleft60 { margin-left: 60px;}
.mleft80 { margin-left: 80px;}
.mleft85 { margin-left: 85px;}
.mleft90 { margin-left: 90px;}
.mleft160 { margin-left: 160px;}
.mleft240 { margin-left: 240px;}
.mright5 { margin-right: 5px;}
.mright10 { margin-right: 10px;}
.mright25 { margin-right: 25px;}
.mleft230 { margin-left: 230px;}
.mright15 { margin-right: 15px;}
.animation {-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;}
.separator { display: block; border: solid 1px #e5e4e4 ;}
/* Header */
#header { background-color: #fff; min-height: 100px; position: fixed; top: 0; transition: top 0.2s ease-in-out; width: 100%;
z-index: 100; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
#header.nav-up { top: -200px; }
/* Logo */
h1#logo { margin: 0;}
#logo { float: left; padding: 30px 0;}
#logo .only-transparent { display: none;}
/* InfoCard */
.logo-container { z-index: 1001;}
.logo-container.hasinfocard { position: relative;}
.logo-container.hasinfocard:before { /*content: url(../images/hoverme.png);*/ width: 98px; height: 35px; right: 100%;
margin-right: 20px; top: 21px; position: absolute; }
#infocard { position: absolute; top: 98px; margin-top: 20px; width: 440px; padding: 30px 20px 25px; background: #FF525E;
color: #fff; border-radius: 2px; font-size: 12px; display: block; visibility: hidden; opacity: 0;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4); -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out;
-ms-transition: all 0.15s ease-out; transition: all 0.15s ease-out; -webkit-transition-delay: .3s;
-moz-transition-delay: .3s; -ms-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s;
-webkit-backface-visibility: hidden;}
.logo-container.hasinfocard:hover #infocard {visibility:visible; opacity:1; margin-top:10px; -webkit-transition-delay: 0s;
-moz-transition-delay: 0s; -ms-transition-delay: 0s; -o-transition-delay: 0s; -transition-delay: 0s;}
#infocard h2 { font-size: 12px; color: #fff; line-height: 20px;}
#infocard .info-social p {font-size: 15px; text-transform: uppercase;}
#infocard .info-social li { display: inline-block; margin-right: 20px;}
#infocard .info-social li:first-child { margin-right: 0;}
#infocard .info-social li:last-child { margin-right: 0;}
#infocard .info-social li a { color: #fff;}
#infocard .info-social li span { font-size: 18px;}
/* Back to top button */
#back-top { position: fixed; bottom: 30px; right: 15px; background: #ff525e; border-radius: 4px;
border-bottom: solid 2px #d84852; }
#back-top a { color: #fff; padding: 5px 13px; line-height: 30px;}
#back-top:active { border-bottom: none;}
/* Sliding Panel */
#panel { background: #ff525e; padding: 8px 0; display: none; }
.slide { border-top: solid 4px #ff525e; }
.active-panel { background-position: right 12px; }
.slide span {background: #ff525e; color: #fff; font-size: 13px; padding: 6px; border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px; position: absolute; right: 14px; line-height: 6px; z-index: 1002;}
#panel ul.info-left { float: left;}
#panel ul.info-left li { color: #fff; float: left; margin-right: 15px; border-right: solid 1px; padding-right: 10px;}
#panel ul.info-left li:last-child { border-right: 0;}
#panel ul.info-left li p {font-family: 'Roboto', Helvetica, Arial, sans-serif; display: inline-block;}
#panel ul.info-left li span { margin-right: 5px;}
#panel ul.info-right { float: right;}
#panel ul.info-right li { color: #fff; display: inline-block; width: 26px; height: 24px; text-align: center; margin-right: 7px;
background-color: rgba(255, 255, 255, 0.5); border-radius: 50%;}
#panel ul.info-right li span { color: #fff; margin-left: 1px;}
#panel ul.info-right li a {display: block; line-height: 26px;}
/* Slideshow */
.tp-bannertimer { display: none;}
.tp-bullets { /* display: none; */}
.tp-leftarrow.default , .tp-rightarrow.default { z-index: 100; width: 60px; background:transparent; height: 60px;
-webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s;
transition: all 0.2s; border-width: 2px; border-style: solid; border-color: #fff; color:#fff; text-align: center;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.tp-leftarrow.default:before , .tp-rightarrow.default:before { font-family: 'icomoon';line-height: 55px;
width: 60px;font-size: 28px;}
.tp-leftarrow.default:before { content: "\f104";}
.tp-rightarrow.default:before { content: "\f105";}
.tp-leftarrow.default:hover , .tp-rightarrow.default:hover {background: #ff525e; border-color:#ff525e;}
/* slider styles */
.firstslide h2 { font-size: 60px; color: #fff; font-weight: 300; line-height: 60px; margin-left: 70px; margin-top: 0;}
.firstslide h5 { color: #fff; font-size: 16px; line-height: 25px; margin-left: 15px;}
.firstslide .first-span { color: #ff525e; font-size: 60px; float: left; line-height: 60px; font-weight: 300; }
.firstslide .second-span { color: #ff525e; font-size: 60px; line-height: 60px; font-weight: 300; }
.secondslide h2 { font-size: 60px; color: #fff; font-weight: 300; line-height: 60px; margin-left: 70px; margin-top: 0; }
.secondslide h5 { color: #fff; font-size: 16px; line-height: 25px; }
.secondslide .first-span { color: #ff525e; font-size: 60px; float: left; line-height: 60px; font-weight: 300; }
.secondslide .second-span { color: #ff525e; font-size: 60px; line-height: 60px; font-weight: 300; }
.thirdslide h2 { font-size: 60px; color: #fff; font-weight: 300; line-height: 60px; margin-left: 70px; margin-top: 0;}
.thirdslide h5 { color: #fff; font-size: 16px; line-height: 25px; text-align: center;}
.thirdslide .first-span { color: #ff525e; font-size: 60px; float: left; line-height: 60px; font-weight: 300; }
.fourthslide h2 { font-size: 60px; color: #fff; font-weight: 300; line-height: 60px; margin-left: 80px; margin-top: 0;}
.fourthslide .first-span { color: #ff525e; font-size: 60px; float: left; line-height: 60px; font-weight: 300; }
/* Menu */
#main-menu { float: right; margin-right: 40px; position: relative; }
#main-menu ul { list-style: none; padding: 0; margin: 0; line-height: 1; }
#main-menu > ul { position: relative; display: block; width: 100%; z-index: 500; }
#main-menu > ul > li { display: block; position: relative; float: left; margin: 0; padding: 0; }
#main-menu > ul > #menu-button { display: none; }
#main-menu ul li a { display: block; font-family: 'Roboto', Helvetica, sans-serif; font-weight: 400;}
#main-menu > ul > li > a { line-height: 102px; font-size: 14px; padding: 0px 20px; color: #bababa; text-transform: uppercase; -webkit-transition: color 0.25s ease-out; -moz-transition: color 0.25s ease-out; -ms-transition: color 0.25s ease-out; -o-transition: color 0.25s ease-out; transition: color 0.25s ease-out; }
#main-menu > ul > li.has-sub > a:hover { color: #3d3d3d;}
#main-menu > ul > li > a:hover, #main-menu > ul > li.active > a { color: #3d3d3d; }
#main-menu > ul > li > a:hover, #main-menu > ul > li:hover > a { color: #3d3d3d;}
#main-menu ul ul li a:not(:only-child):after { position: absolute; top: 13px; right: 10px; font-family: 'icomoon';
speak: none; -webkit-font-smoothing: antialiased; content: "\f105"; color: #3d3d3d; font-size: 13px;}
#indicatorContainer { position: absolute; height: 12px; width: 100%; bottom: 0px; overflow: hidden; z-index: -1; }
#pIndicator { position: absolute; height: 0; width: 100%; border: 12px solid transparent; border-top-color: #2b2f3a; z-index: -2; -webkit-transition: left .25s ease; -moz-transition: left .25s ease; -ms-transition: left .25s ease; -o-transition: left .25s ease; transition: left .25s ease; }
#cIndicator { position: absolute; height: 0; width: 100%; border: 12px solid transparent; border-top-color: #2b2f3a; top: -12px; right: 100%; z-index: -2; }
#main-menu ul ul { position: absolute; left: -9999px; top: 80px; opacity: 0;
-webkit-transition: opacity .4s ease, top .45s ease; -moz-transition: opacity .4s ease, top .45s ease;
-ms-transition: opacity .4s ease, top .45s ease; -o-transition: opacity .4s ease, top .45s ease;
transition: opacity .4s ease, top .45s ease; z-index: 1000; }
#main-menu ul ul ul { top: 37px; }
#main-menu ul ul li { position: relative; }
#main-menu > ul > li:hover > ul { left: auto; top: 102px; opacity: 1; }
#main-menu ul ul li:hover > ul { left: 230px; top: 0; opacity: 1; }
#main-menu ul ul li a { min-width: 230px; border-bottom: 1px solid #eee; padding: 12px 20px; font-size: 14px; color: #3d3d3d; background: #fafafa; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -ms-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease; }
#main-menu ul ul li:hover > a, #main-menu ul ul li.active a { background: #f4f4f4; color: #3d3d3d; border-right: solid 3px #ff525e; }
#main-menu ul ul li.active:hover { border-right: 0;}
#main-menu ul ul li:last-child > a,
#main-menu ul ul li.last > a { border-bottom: 1px solid #fff; }
#main-menu ul ul li.has-sub::after { border: 4px solid ; border-left-color: #9ea2a5; right: 10px; top: 12px; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease; }
#main-menu ul ul li.has-sub:hover::after { border-left-color: #fff; right: -5px; -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); }
#main-menu ul ul li.has-sub span {position: absolute; right: 10px;font-size: 9px; top: 15px;}
/* Responsive Menu */
#dl-menu {text-align: right; padding-top: 37px; margin-right: 80px;}
.dl-menuwrapper { text-align: right !important; margin-right: 80px !important; padding-top: 36px; z-index: 1000;
-webkit-perspective: 1000px; perspective: 1000px; -webkit-perspective-origin: 50% 200%; perspective-origin: 50% 200%; }
.dl-menuwrapper:first-child { margin-right: 100px; }
.dl-menuwrapper button { background: transparent; border: none; width: 25px; height: 28px; text-indent: -900em;
overflow: hidden; position: relative; cursor: pointer; outline: none; padding: 0; }
.dl-menuwrapper button:hover,
.dl-menuwrapper button.dl-active,
.dl-menuwrapper ul { background: transparent; }
.dl-menuwrapper button:after { content: ''; position: absolute; width: 100%; height: 4px; background: #3d3d3d;
border-radius: 4px; left: 0; box-shadow: 0 8px 0 #3d3d3d, 0 16px 0 #3d3d3d; }
.dl-menuwrapper ul { padding: 0; list-style: none; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; }
.dl-menuwrapper li { position: relative; background: #fafafa; }
.dl-menuwrapper ul li.active { background: #EEEEEE;}
.dl-menu span.icon-angle-right.pull-right { position: absolute; right: 10px; font-size: 11px; top: 20px;}
.dl-menuwrapper li a { display: block; position: relative; padding: 15px 20px; font-size: 16px; line-height: 20px;
font-weight: 300; color: #3d3d3d; outline: none; }
.dl-menuwrapper li a.active {background: #EEEEEE;}
.dl-menuwrapper li a.active:hover { border-right: 0;}
.no-touch .dl-menuwrapper li a:hover { background: rgba(255,248,213,0.1); }
.dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(0,0,0,0.1); }
.dl-menuwrapper li.dl-back:after,
.dl-menuwrapper li > a:not(:only-child):after { position: absolute; top: 0; line-height: 50px; font-family: 'icomoon';
speak: none; -webkit-font-smoothing: antialiased; content: "\f105"; color: #3d3d3d; font-size: 12px; }
.dl-menuwrapper li.dl-back:after { left: 10px; color: #3d3d3d; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.dl-menuwrapper li > a:after { right: 10px; color: rgba(0,0,0,0.15); }
.dl-menuwrapper .dl-menu { text-align: left; margin: 5px 0 0 0; position: absolute; width: 100%; opacity: 0; display:none;
-webkit-transform: translateY(10px); transform: translateY(10px);
-webkit-backface-visibility: hidden; backface-visibility: hidden; }
.dl-menuwrapper .dl-menu.dl-menu-toggle { transition: all 0.3s ease; }
.dl-menuwrapper .dl-menu.dl-menuopen { opacity: 1; -webkit-transform: translateY(0px);
transform: translateY(0px); width: 100%; position: absolute; left: 45px; margin: 0; top: 102px; display: block; }
/* Hide the inner submenus */
.dl-menuwrapper li .dl-submenu { display: none; }
/*
When a submenu is openend, we will hide all li siblings.
For that we give a class to the parent menu called "dl-subview".
We also hide the submenu link.
The opened submenu will get the class "dl-subviewopen".
All this is done for any sub-level being entered.*/
.dl-menu.dl-subview li,
.dl-menu.dl-subview li.dl-subviewopen > a,
.dl-menu.dl-subview li.dl-subview > a { display: none; }
.dl-menu.dl-subview li.dl-subview,
.dl-menu.dl-subview li.dl-subview .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu,
.dl-menu.dl-subview li.dl-subviewopen > .dl-submenu > li { display: block; }*/
/* Dynamically added submenu outside of the menu context */
.dl-menuwrapper > .dl-submenu { position: absolute; width: 100%; top: 102px; left: 0; margin: 0; }
/* Animation classes for moving out and in*/
.dl-menu.dl-animate-out-1 { -webkit-animation: MenuAnimOut1 0.4s; animation: MenuAnimOut1 0.4s; }
/*@-webkit-keyframes MenuAnimOut1 {
0% { }
50% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
}
75% {
-webkit-transform: translateZ(-372.5px) rotateY(15deg);
opacity: .5;
}
100% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
}
@keyframes MenuAnimOut1 {
0% { }
50% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
transform: translateZ(-250px) rotateY(30deg);
}
75% {
-webkit-transform: translateZ(-372.5px) rotateY(15deg);
transform: translateZ(-372.5px) rotateY(15deg);
opacity: .5;
}
100% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
}
.dl-menu.dl-animate-in-1 { -webkit-animation: MenuAnimIn1 0.3s; animation: MenuAnimIn1 0.3s; }
@-webkit-keyframes MenuAnimIn1 {
0% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
20% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
opacity: 0.5;
}
100% {
-webkit-transform: translateZ(0px) rotateY(0deg);
opacity: 1;
}
}
@keyframes MenuAnimIn1 {
0% {
-webkit-transform: translateZ(-500px) rotateY(0deg);
transform: translateZ(-500px) rotateY(0deg);
opacity: 0;
}
20% {
-webkit-transform: translateZ(-250px) rotateY(30deg);
transform: translateZ(-250px) rotateY(30deg);
opacity: 0.5;
}
100% {
-webkit-transform: translateZ(0px) rotateY(0deg);
transform: translateZ(0px) rotateY(0deg);
opacity: 1;
}
}
.dl-menuwrapper > .dl-submenu.dl-animate-in-1 { -webkit-animation: SubMenuAnimIn1 0.4s ease; animation: SubMenuAnimIn1 0.4s ease; }
@-webkit-keyframes SubMenuAnimIn1 {
0% {
-webkit-transform: translateX(50%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
opacity: 1;
}
}
@keyframes SubMenuAnimIn1 {
0% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0;
}
100% {
-webkit-transform: translateX(0px);
transform: translateX(0px);
opacity: 1;
}
}
.dl-menuwrapper > .dl-submenu.dl-animate-out-1 { -webkit-animation: SubMenuAnimOut1 0.4s ease; animation: SubMenuAnimOut1 0.4s ease; }
@-webkit-keyframes SubMenuAnimOut1 {
0% {
-webkit-transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(50%);
opacity: 0;
}
}
@keyframes SubMenuAnimOut1 {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%);
opacity: 1;
}
100% {
-webkit-transform: translateX(50%);
transform: translateX(50%);
opacity: 0;
}
}
/* No JS Fallback */
.no-js .dl-menuwrapper .dl-menu { position: relative; opacity: 1; -webkit-transform: none; transform: none; }
.no-js .dl-menuwrapper li .dl-submenu { display: block; }
.no-js .dl-menuwrapper li.dl-back { display: none; }
.no-js .dl-menuwrapper li > a:not(:only-child) { background: rgba(0,0,0,0.1); }
.no-js .dl-menuwrapper li > a:not(:only-child):after { content: ''; }
/* Fullscreen Slideshow*/
.welcome-message {position: absolute; width: 100%; top: 44%; z-index: 1003; text-align: center; z-index: 50; }
.welcome-message h2 { color: #fff; text-transform: uppercase;font-size: 55px; color: #fff; -webkit-text-shadow: 0 2px 5px rgba(0,0,0,.4);
-moz-text-shadow: 0 2px 5px rgba(0,0,0,.4); -o-text-shadow: 0 2px 5px rgba(0,0,0,.4); -ms-text-shadow: 0 2px 5px rgba(0,0,0,.4);
text-shadow: 0 2px 5px rgba(0,0,0,.4); line-height: 60px; font-weight: 400;}
.welcome-message a { text-transform: uppercase;}
/* Home */
/* Services */
.services-box span { float: left; font-size: 25px; color: #ff525e; border-radius: 50%; border: solid 1px; padding: 31px;}
.services-box h3 {font-size: 24px; font-weight: 300; color: #3d3d3d; margin-left: 20px; margin-top: 18px; display: inline-block; line-height: 27px;}
.services-box p { margin-top: 40px; margin-bottom: 30px;}
/* Featured Projects */
#featured-projects { background-color: #fafafa;}
#featured-projects h2 { font-weight: 300; color: #161616; }
#featured-projects h4 {color: #a1a1a1; font-weight: 400; font-size: 14px; }
#featured-projects .overlay-effect figcaption span {position: absolute; top: 30px; right: 20px;}
/* Buy Section */
.buy { background: #ff525e; padding: 50px 0;}
.buy h2 { color: #fff; font-size: 38px; line-height: 39px; margin-top: 0;}
.buy span { color: #cd1320;}
.buy h5 {color: #ffbbc0; font-size: 15px; font-weight: 300;}
/* Services Section */
#services { padding-top: 80px; background: #fafafa;}
#services span { color: #ff525e; font-size: 30px; border-radius: 50%; border: solid 1px; padding: 20px;}
#services img { margin: 0 auto;}
#services h3 { color: #161616; font-size: 20px; margin-bottom: 10px;}
#services p { color: #a1a1a1;}
.icon-container-left { float: right; margin-top: 14px; display: block; min-height: 100px; margin-left: 25px;}
.icon-container-right { float: left; margin-top: 14px; display: block; min-height: 100px; margin-right: 25px;}
.services-left li { display: inline-block; margin-bottom: 30px;}
.services-left h3 { text-align: right;}
.services-left p { text-align: right;}
.services-right li { display: inline-block; margin-bottom: 30px;}
.services-right h3 { text-align: left;}
.services-right p { text-align: left;}
/* Designed Section */
#designed { background: #ff525e; padding: 50px 0;}
/* iCarousel Styles */
#iCarousel-timer {display: none !important;}
.carousel-container { width: 100%; overflow: hidden; }
#icarousel { width: 490px; height: 400px; position: relative; margin: 20px auto; -webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d;
-webkit-perspective: 1000px; -moz-perspective: 1000px; -o-perspective: 1000px; -ms-perspective: 1000px; perspective: 1000px; }
#icarousel .slide { display: block; width: 480px; height: 360px; }
/* The Navigation buttons in the Slider */
a.iCarouselNav { display: block; position: absolute; top: 178px; width: 43px; height: 43px; /*background: url(../img/arrows.png) no-repeat; */
z-index: 1000; text-indent: -9999px; }
a#iCarouselPrev { left: 10px; background-position: left top; }
a#iCarouselPrev:hover { background-position: left bottom; }
a#iCarouselNext { right: 10px; background-position: right top; }
a#iCarouselNext:hover { background-position: right bottom; }
/* Google Map */
#map {width: 100%; height: 300px;}
/* New Products Section */
.top-shop-section { color: #a1a1a1; }
.found {border-right: solid 1px; padding-right: 10px; margin-right: 7px; }
.select { float: right;}
.select .caret { margin-left: 65px; border: none; vertical-align: initial; }
.select .caret:after {content: "\e89a"; font-family: 'icomoon';}
.select .btn {border: solid 1px #e5e4e4; background: #fff; color: #a1a1a1; padding: 5px 15px; width: 150px; text-align: left;
border-radius: 0;}
.select ul.dropdown-menu { min-width: 150px; border-radius: 0;}
.sort {line-height: 32px; margin-right: 15px; }
.products h4 {margin-top: 10px; margin-bottom: 5px; font-size: 14px;}
.products .price {color: #161616; font-size: 16px; display: block; margin-bottom: 10px;}
.products .buy-cart {background: #ff525e; color: #fff; padding: 10px; font-size: 20px; display: inline-block; margin-right: 15px;}
.products .details {vertical-align: top; line-height: 40px;}
input[type="checkbox"] { -webkit-appearance:none; height:1em; width:1em; cursor:pointer; position:relative;
-webkit-transition: .15s; background-color: #fff; border: solid 1px #ddd; outline: none; }
input[type="checkbox"]:focus { outline: none;}
input[type="checkbox"]:checked { background-color:#ff525e; outline: none; }
/* Blog Page */
.header-breadcrumb { background: #fafafa; padding: 12px 0;}
.header-breadcrumb ul { float: right;}
.header-breadcrumb ul li { float: left; color: #161616; font-size: 15px; line-height: 34px; margin-right: 10px;}
.header-breadcrumb ul li:last-child { margin-right: 0;}
.header-breadcrumb ul li.active { color: #a1a1a1;}
.header-breadcrumb h2 {font-size: 22px; line-height: 35px;}
.sidebar2 img { float: left;}
.sidebar2 h4 { color: #161616; font-size: 13px; line-height: 16px; margin-left: 100px;}
.sidebar2 .tag {display: block; margin-left: 100px; font-style: italic; color: #aeaeae; font-size: 11px;}
.sidebar2 span { color: #aeaeae;}
.sidebar2 b { color: #161616;}
.sidebar2 ul li { margin-bottom: 30px;}
.sidebar2 ul.twitter-feed span {background: #ff525e; color: #fff; border-radius: 50%; padding: 5px; float: left; margin-right: 5px;
margin-top: 5px;}
.sidebar2 ul.twitter-feed .date { color: #161616; border-radius: 0; padding: 0; background: none; margin-left: 35px;}
.sidebar2 ul.twitter-feed h3 { font-size: 16px; color: #9f9f9f; margin-left: 35px; line-height: 25px;}
.blog-post { position: relative;}
.blog-post .post-head h2 { color: #161616; font-size: 25px; font-weight: 300; line-height: 35px; margin-bottom: 10px;}
.blog-post .post-head b { color: #161616;}
.blog-post .post-head span { color: #a1a1a1;}
.blog-post .post-content p {color: #a1a1a1; font-size: 17px; line-height: 22px;}
.blog-carousel .owl-buttons .owl-prev i {color: #505050; padding: 9px 15px; position: absolute; right: 45px; top: 5px; font-size: 16px;
background: #fff;}
.blog-carousel .owl-buttons .owl-next i {color: #505050; padding: 9px 15px; position: absolute; right: 5px; top: 5px; font-size: 16px;
background: #fff;}
.testimonials5 .item { background: #ff525e; color: #fff; padding: 30px 25px; border-radius: 4px;}
.testimonials5 blockquote {font-size: 20px; line-height: 30px; font-weight: 300; margin-bottom: 20px;}
.testimonials5 blockquote:before {content: "\e71d"; font-family: 'icomoon'; color: #fff; margin-right: 15px;}
.pagination { display: inline-block;}
.pagination li a {border: solid 1px #e5e4e4; color: #9f9f9f;}
.pagination li a:hover { color: #727272;}
.pagination > .active > a { color: #000; border: solid 1px #000; background: #fff;}
.pagination > .active > a:hover { background: #fff; color: #000; border: solid 1px #000;}
.pagination > li:first-child > a { color: #ff525e;}
.pagination > li:last-child > a { color: #ff525e;}
.blog-video {width:100%; height:281px;}
/* Blog Style 3 */
.blog3 .blog-post .post-head h2 { font-size: 20px; line-height: 30px;}
.blog-post2 .btn-default {background: #ff525e;}
.blog-post2 .btn-default:hover, .blog-post2 .btn-default:active { background: #ebebeb; }
/* Blog Style 4 */
.blog4 .blog-post .post-head h2 { font-size: 20px; line-height: 30px;}
/* Blog Post Page */
.blog-posted p {margin-top: 15px; font-size: 16px; color: #a1a1a1; }
.blog-posted .blog-social ul {margin-left: 115px;}
.blog-posted .blog-social ul li { float: left; margin-right: 5px;}
.form-row { margin-left: -10px; margin-right: -10px;}
.form-line.half {width: 50%;}
.form-line.full {width: 100%;}
.form-line {margin-bottom: 20px; float: left; position: relative; padding-left: 10px; padding-right: 10px;}
.br-form input[type=text] {width: 100%; border: 1px solid #ddd; background-color: #FCFCFC; font-size: 13px; color: #9ea3a7;
height: 40px; text-indent: 15px; outline: none; border-radius: 3px; background-clip: padding-box; box-shadow: inset 0 1px 0 #f1f3f3; }
.br-form input[type=text]:hover {border-color: #bbb;}
.br-form input[type=text]:focus {border-color: #B4B4B4;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(104, 104, 104, 0.19); background-color: #FFF; color: #23262D;}
.br-form textarea {width: 100%; height: 200px; padding: 15px; border: 1px solid #ddd; background-color: #FCFCFC; font-size: 13px;
color: #9ea3a7; outline: none; border-radius: 3px; background-clip: padding-box; box-shadow: inset 0 1px 0 #f1f3f3;}
.br-form textarea:hover {border-color: #bbb;}
.br-form textarea:focus {border-color: #B4B4B4;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(104, 104, 104, 0.19); background-color: #FFF; color: #23262D;}
.blog-social span { color: #c9c9c9; display: inline-block; margin-right: 10px;}
.blog-social span:hover { color: #a1a1a1;}
/* Blog Post Style 2 */
.comments span { color: #161616; }
.comments p {font-size: 18px; margin-top: 15px;}
/* Portfolio Page */
.portfolio .portfolio-wrapper .portfolio-item { position: relative; float: left; overflow: hidden; width: initial; }
.portfolio #portfolio-filters {text-align: right;}
.portfolio .portfolio-wrapper .portfolio-item h3 { display: block; width: 100%;}
/* Masonry */
.portfolio-item div { float: left;}
.portfolio-item .full-width { width: 100%; float: left;}
.portfolio-item .half-width { width: 49%; float: left;}
.portfolio-item .third-width { width: 33%; float: left;}
@media (max-width: 768px) {
.portfolio-item .half-width { width: 100%;}
.portfolio-item .third-width { width: 100%;}
}
/* Portfolio Style 2 Page */
.portfolio2 .portfolio-wrapper .portfolio-item { position: relative; float: left; overflow: hidden; width: initial; }
.portfolio2 #portfolio-filters {text-align: right;}
.ch-grid { margin: 20px 0 0 0; padding: 0; list-style: none; display: block; text-align: center; width: 100%; }
.ch-grid:after,
.ch-item:before { content: ''; display: table; }
.ch-grid:after { clear: both; }
.ch-grid li { width: 330px; height: 330px; display: inline-block; }
.ch-item { width: 100%; height: 100%; border-radius: 50%; position: relative; cursor: default;
box-shadow: inset 0 0 0 16px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1);
-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
/*.ch-img-1 { background-image: url(../images/blog/rounded.jpg); }
.ch-img-2 { background-image: url(../images/blog/rounded2.jpg); }
.ch-img-3 { background-image: url(../images/blog/rounded3.jpg); }
.ch-img-4 { background-image: url(../images/blog/rounded4.jpg); }
.ch-img-5 { background-image: url(../images/blog/rounded5.jpg); }
.ch-img-6 { background-image: url(../images/blog/rounded6.jpg); }
.ch-img-7 { background-image: url(../images/blog/rounded7.jpg); }
.ch-img-8 { background-image: url(../images/blog/rounded8.jpg); }
.ch-img-9 { background-image: url(../images/blog/rounded9.jpg); }*/
.ch-info { position: absolute; background: rgba(63,147,147, 0.8); width: inherit; height: inherit; border-radius: 50%;
opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;
-webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0);
transform: scale(0); -webkit-backface-visibility: hidden;}
.ch-info h3 { color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 22px; margin: 0 30px;
margin-bottom: 30px; padding: 130px 0 0 0; height: 140px; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3);}
.ch-info p { color: #fff; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px;
border-top: 1px solid rgba(255,255,255,0.5); opacity: 0; -webkit-transition: all 1s ease-in-out 0.4s;
-moz-transition: all 1s ease-in-out 0.4s; -o-transition: all 1s ease-in-out 0.4s; -ms-transition: all 1s ease-in-out 0.4s;
transition: all 1s ease-in-out 0.4s; }
.ch-info p a { display: block; color: #fff; color: rgba(255,255,255,0.7); font-style: normal; font-weight: 700;
text-transform: uppercase; font-size: 9px; letter-spacing: 1px; padding-top: 4px; }
.ch-info p a:hover { color: #fff222; color: rgba(255,242,34, 0.8); }
.ch-item:hover { box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1), 0 1px 2px rgba(0,0,0,0.1); }
.ch-item:hover .ch-info { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1);
-ms-transform: scale(1); transform: scale(1); opacity: 1; }
.ch-item:hover .ch-info p { opacity: 1; }
@media (min-width: 992px) and ( max-width: 1200px) {
.ch-grid li { width: 300px; height: 300px;}
.ch-info h3 { padding: 90px 0 0 0 !important; margin-bottom: 30px;}
}
@media (min-width: 768px) and (max-width: 992px) {
.ch-grid li { width: 220px !important; height: 220px !important;}
.ch-info h3 { font-size: 16px !important; height: 115px !important; padding-top: 55px !important;
margin-bottom: 10px !important;}
}
@media (max-width: 768px) {
.portfolio2 #portfolio-filters { text-align: center;}
.ch-grid li { width: 290px; height: 290px;}
}
/* Portfolio Single Project */
#project p { color: #9f9f9f;}
.project-info ul.info li span { color: #161616; font-size: 14px; margin-right: 30px; min-width: 50px; display: inline-block;}
.project-info ul.info li { border-bottom: solid 1px #e5e4e4; font-size: 14px; padding: 5px 0; color: #9f9f9f;}
.project-info ul.info li:last-child { border-bottom: none;}
.project-info ul.project-social { padding: 10px 15px; border: solid 1px #e4e4e4; text-align: center;}
.project-info ul.project-social li { display: inline-block; margin-left: 15px; color: #a1a1a1; border-left: solid 1px #efefef;
padding-left: 15px;}
.project-info ul.project-social li:first-child { margin-left: 0; border-left: 0; padding-left: 0;}
.project-info ul.project-social span { color: #161616;}
/* Project Carousel */
#wrapper { position: relative;}
#carousel-wrapper { padding-bottom: 1px; position: relative; }
#carousel, #thumbs { overflow: hidden; }
#carousel span, #carousel img,
#thumbs a, #thumbs img { display: block; float: left; }
#carousel span, #carousel a,
#thumbs span, #thumbs a { position: relative; }
#carousel img,
#thumbs img { border: none; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#carousel img.glare,
#thumbs img.glare { width: 102%; height: auto; display: none; }
#carousel span { width: 554px; height: 313px; }
#thumbs a { width: 150px; height: 100px; margin: 0 1px; overflow: hidden; }
#prev, #next { /*background: url('../images/carousel_nav.png') no-repeat 0 0;*/ display: block; width: 35px; height: 35px;
margin-top: -10px; position: absolute; top: 37%; }
#prev { background-position: 0 0; left: 5px; }
#next { background-position: -35px 0; right: 4px; }
#prev:hover { background-position: 0 -35px; }
#next:hover { background-position: -35px -35px; }
#prev, #next.hidden { display: block !important; visibility: visible !important;}
#recent-works2 { background: #fafafa;}
#recent-works2 h4 {font-size: 15px; color: #161616; margin-bottom: 5px;}
#recent-works2 img { margin-bottom: 10px;}
#recent-works2 .owl-buttons .owl-prev i {color: #fff; border-radius: 4px; padding: 9px 17px;
position: absolute; right: 75px; top: 50px; font-size: 20px; background: #ff525e; border-bottom: solid 3px #d84852;}
#recent-works2 .owl-buttons .owl-prev i:hover { background-color: #ff525e;}
#recent-works2 .owl-buttons .owl-prev i:active { margin-top: 3px; border-bottom: solid 1px #d84852;}
#recent-works2 .owl-buttons .owl-next i {color: #fff; border-radius: 4px; padding: 9px 17px;
position: absolute; right: 30px; top: 50px; font-size: 20px; background: #ff525e; border-bottom: solid 3px #d84852;}
#recent-works2 .owl-buttons .owl-next i:hover {background-color: #ff525e;}
#recent-works2 .owl-buttons .owl-next i:active { margin-top: 3px; border-bottom: solid 1px #d84852;}
/* 404 Page */
input.searchBox { border: solid 1px #e5e4e4; height: 35px; width: 200px;}
.searchForm span {font-size: 12px;}
/* Pricing Page */
h3.pricing { color: #a1a1a1; font-size: 18px; line-height: 28px;}
/* Pricing Tables */
.pricing-table.starter /* Starter */{ opacity: 0.85;}
.pricing-table.featured { box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.11); -webkit-transform: scale(1.10); transform: scale(1.10);
width: -moz-calc(110% - -7px); width: -webkit-calc(110% - -7px); width: -o-calc(110% - -7px); width: calc(110% - -7px);
margin-left: -16px; margin-top: 6px; position: relative; z-index: 1;}
.pricing-table .pricing-header /* Standard */ {
height: 200px;
text-align: center;
font-size: inherit;
background: #ff757e; /* Old browsers */
background: -moz-linear-gradient(-45deg, #ff757e 0%, #ff757e 41%, #ff757e 41%, #ff525e 41%, #ff525e 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ff757e), color-stop(41%,#ff757e), color-stop(41%,#ff757e),
color-stop(41%,#ff525e), color-stop(100%,#ff525e)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #ff757e 0%,#ff757e 41%,#ff757e 41%,#ff525e 41%,#ff525e 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #ff757e 0%,#ff757e 41%,#ff757e 41%,#ff525e 41%,#ff525e 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #ff757e 0%,#ff757e 41%,#ff757e 41%,#ff525e 41%,#ff525e 100%); /* IE10+ */
background: linear-gradient(148deg, #ff757e 0%,#ff757e 41%,#ff757e 41%,#ff525e 41%,#ff525e 100%); /* W3C */
}
.pricing-table.prof .pricing-header /* Professional */{
background: #d6686f; /* Old browsers */
background: -moz-linear-gradient(-45deg, #d6686f 0%, #d6686f 41%, #d6686f 41%, #cc424b 41%, #cc424b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#d6686f), color-stop(41%,#d6686f), color-stop(41%,#d6686f),
color-stop(41%,#cc424b), color-stop(100%,#cc424b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #d6686f 0%,#d6686f 41%,#d6686f 41%,#cc424b 41%,#cc424b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #d6686f 0%,#d6686f 41%,#d6686f 41%,#cc424b 41%,#cc424b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #d6686f 0%,#d6686f 41%,#d6686f 41%,#cc424b 41%,#cc424b 100%); /* IE10+ */
background: linear-gradient(148deg, #d6686f 0%,#d6686f 41%,#d6686f 41%,#cc424b 41%,#cc424b 100%); /* W3C */
}
.pricing-table.prof .btn { background: #cc424b; }
.pricing-table.prof .btn:hover {background: #ebebeb;}
.pricing-table.guru .pricing-header /* Guru */{
background: #997275; /* Old browsers */
background: -moz-linear-gradient(-45deg, #997275 0%, #997275 41%, #997275 41%, #7f4f53 41%, #7f4f53 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#997275), color-stop(41%,#997275), color-stop(41%,#997275),
color-stop(41%,#7f4f53), color-stop(100%,#7f4f53)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg, #997275 0%,#997275 41%,#997275 41%,#7f4f53 41%,#7f4f53 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg, #997275 0%,#997275 41%,#997275 41%,#7f4f53 41%,#7f4f53 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg, #997275 0%,#d6686f 41%,#d6686f 41%,#7f4f53 41%,#7f4f53 100%); /* IE10+ */
background: linear-gradient(148deg, #997275 0%,#997275 41%,#997275 41%,#7f4f53 41%,#7f4f53 100%); /* W3C */
}
.pricing-table.guru .btn { background: #7f4f53; }
.pricing-table.guru .btn:hover {background: #ebebeb;}
.pricing-table .pricing-header h3 {font-size: 29px; font-weight: 300; color: #fff; text-align: center; padding-top: 30px;
margin-bottom: 40px;}
.pricing-table ul { border-left: solid 1px #e5e4e4; border-right: solid 1px #e5e4e4; border-bottom: solid 1px #e5e4e4;}
.pricing-table ul li { text-align: center; font-size: 14px; color: #a1a1a1; padding: 10px 0; border-top: solid 1px #f4f4f4;
background: #fefefe}
.pricing-table ul li:nth-child(odd):not(:first-child) { background: #fafafa;}
.pricing-table .pricing-header .price { display: inline-block; text-align: center; background: #fff; border-radius: 50%; padding: 15px;}
.pricing-table .pricing-header .price span { display: block; color: #505050; font-size: 25px;}
.pricing-table .pricing-header .price b { display: block; color: #9f9f9f; font-weight: 300; font-size: 14px;}
.pricing-table .btn { border-radius: 0; padding: 15px 35px;}
.pricing-table .btn:active { border: none;}
.pricing-table .order { background: #fafafa; padding: 25px 0;}
.pricing2 .pricing-header { height: inherit; background: none !important;}
.pricing2 .pricing-table.featured .pricing-header img {-webkit-transform: scale(1.12); transform: scale(1.12); margin: 0 auto;}
.pricing2 .pricing-table .title {display: block; width: 100%; background: #fafafa; border-bottom: solid 1px #f4f4f4; margin-bottom: 15px;
text-align: center; margin-left: inherit;}
.pricing2 .pricing-table .title:before { content: none;}
.pricing2 .pricing-table .title h3 {color: #161616; font-size: 18px;}
.pricing2 .pricing-table .title p { color: #161616;}
.pricing2 .pricing-table ul li:nth-child(odd):not(:first-child) { background: none;}
.pricing2 .pricing-table ul li { background: none; border-top: 0; text-align: inherit; margin-left: 45px;}
.pricing2 .pricing-table ul li:before { content: "\f105"; font-family: 'icomoon'; color: #ff525e; padding-right: 5px; font-size: 13px; }
.pricing2 .pricing-table .order { border-top: solid 1px #f4f4f4; text-align: center; margin-left: inherit;}
.pricing2 .pricing-table .order:before {content: none;}
/* Cooming Soon Page */
.coming-soon h2.section-title {margin-top: 150px; margin-bottom: 10px;}
.coming-soon h3 {color: #a1a1a1; font-weight: 300; font-size: 20px;}
.coming-soon input { border: solid 1px #e5e4e4; padding: 12px 15px; width: 280px; margin-right: 5px; outline: none; margin-bottom: 10px;
height: 45px;}
.coming-soon .btn2 {padding: 10px 55px;}
.coming-soon .btn-2 {box-shadow: 0 4px #d84852;}
.coming-soon .btn-2:hover { top: 0;}
.coming-soon .btn-2:active { box-shadow: none; top: 3px;}
#countdown {margin-top: 80px;}
#countdown .counter ul {padding: 0;}
.count-widget { text-align: center; }
.count-widget ul { display: inline-block; padding: 0; margin-bottom: 60px;}
#countdown ul li {list-style: none; padding: 0; float: left; margin-right: 30px;}
#countdown ul li:last-child {margin-right: 0;}
#countdown span { font-size: 40px; line-height: 70px; color: #ff525e; font-weight: 100; padding: 10px 24px 36px 24px;
background: #FFF; border: solid 1px #ff525e; border-radius: 3px;}
#countdown p {font-size: 12px; text-align: center; text-transform: uppercase; font-weight: 100;}
.under-social ul li { display: inline-block; margin-left: 10px;}
.under-social span {color: #ff525e; font-size: 20px;}
/* Team Style 1 Page */
.team-members h3 {color: #161616; font-size: 18px; margin-bottom: 15px;}
.team-members p { color: #a1a1a1; margin-bottom: 15px;}
.sidebar3 { padding: 40px 25px; background: #fafafa; border: solid 1px #e5e4e4;}
.sidebar3 input {width: 100%; border: 1px solid #ddd; background-color: #FCFCFC; font-size: 13px; color: #9ea3a7; height: 40px;
text-indent: 15px; outline: none; border-radius: 3px; background-clip: padding-box; box-shadow: inset 0 1px 0 #f1f3f3; margin-bottom: 15px;}
.sidebar3 input:hover {border-color: #bbb;}
.sidebar3 input:focus {border-color: #B4B4B4;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(104, 104, 104, 0.19); background-color: #FFF; color: #23262D;}
.sidebar3 textarea {width: 100%; height: 200px; padding: 15px; border: 1px solid #ddd; background-color: #FCFCFC; font-size: 13px;
color: #9ea3a7; outline: none; border-radius: 3px; background-clip: padding-box; box-shadow: inset 0 1px 0 #f1f3f3; margin-bottom: 20px;}
.sidebar3 textarea:hover {border-color: #bbb;}
.sidebar3 textarea:focus {border-color: #B4B4B4;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(104, 104, 104, 0.19); background-color: #FFF; color: #23262D;}
.sidebar3 .btn { padding: 17px 54px;}
.sidebar3 h4 {color: #161616; font-size: 17px; margin-bottom: 10px;}
.sidebar3 p { color: #a1a1a1;}
/* Team Syle 2 Page */
.team-social ul li { display: inline-block; margin-right: 5px;}
.team-social span { color: #d1d0d0; font-size: 16px;}
.team-social span:hover { color: #3d3d3d;}
ul.activity li { color: #161616; margin-bottom: 5px;}
ul.activity li:before {content: "\f105"; font-family: 'icomoon'; color: #ff525e; font-size: 11px; margin-right: 5px;}
ul.activity li p { display: inline-block;}
.latest-projects .owl-buttons .owl-prev i {color: #fff; border-radius: 4px; padding: 9px 17px;
position: absolute; right: 75px; top: 0; font-size: 20px; background: #ff525e; border-bottom: solid 3px #d84852;}
.latest-projects .owl-buttons .owl-prev i:hover { background-color: #ff525e;}
.latest-projects .owl-buttons .owl-prev i:active { margin-top: 3px; border-bottom: solid 1px #d84852;}
.latest-projects .owl-buttons .owl-next i {color: #fff; border-radius: 4px; padding: 9px 17px; position: absolute; right: 30px; top: 0;
font-size: 20px; background: #ff525e; border-bottom: solid 3px #d84852;}
.latest-projects .owl-buttons .owl-next i:hover {background-color: #ff525e;}
.latest-projects .owl-buttons .owl-next i:active { margin-top: 3px; border-bottom: solid 1px #d84852;}
.latest-projects h4 { color: #161616; font-size: 16px;}
/* Contact Page */
.contact #contact_form input {width: 450px; border: 1px solid #ddd; background-color: #FCFCFC; font-size: 13px; color: #9ea3a7;
height: 40px; text-indent: 15px; outline: none; border-radius: 3px; background-clip: padding-box; box-shadow: inset 0 1px 0 #f1f3f3;
margin-bottom: 15px;}
.contact #contact_form input:hover {border-color: #bbb;}
.contact #contact_form input:focus { border-color: #B4B4B4;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(104, 104, 104, 0.19); background-color: #FFF; color: #23262D;}
.contact #contact_form textarea {width: 550px; height: 200px; padding: 15px; border: 1px solid #ddd; background-color: #FCFCFC;
font-size: 13px; color: #9ea3a7; outline: none; border-radius: 3px; background-clip: padding-box; box-shadow: inset 0 1px 0 #f1f3f3;
margin-bottom: 20px;}
.contact #contact_form textarea:hover {border-color: #bbb;}
.contact #contact_form textarea:focus {border-color: #B4B4B4;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(104, 104, 104, 0.19); background-color: #FFF; color: #23262D;}
.contact .btn2 { padding: 11px 35px;}
.contact-info span {font-size: 35px; float: left; color: #ff525e; border-right: solid 1px #e5e4e4; padding-right: 20px; margin-right: 15px;
line-height: 105px;}
.contact-info li { padding-bottom: 15px;}
.contact-info h4 {color: #161616; font-size: 16px; margin-bottom: 10px;}
.contact-info p { color: #9f9f9f;}
/* Text Page */
.sidebar4 { background: #f7f7f7; padding: 15px 10px;}
.sidebar4 .panel { background-color: transparent; border: none; box-shadow: none;}
.sidebar4 .panel-default { border-color: transparent;}
.sidebar4 .panel-heading { background-color: transparent; border-color: transparent; padding: 0 15px;}
.sidebar4 .panel-title { font-size: 14px; border-bottom: solid 1px #e5e4e4; position: relative; padding: 5px 0;}
.sidebar4 .panel .panel-group h4.panel-title:after { content: "\e607"; font-family: 'icomoon'; color: #ff525e; font-size: 11px; position: absolute;
right: 0;}
.sidebar4 h4.panel-title.nochild:after { content: none !important;}
.sidebar4 h4.panel-title.nochild { cursor: pointer;}
.sidebar4 .panel-default > .panel-heading + .panel-collapse .panel-body { border-top: none;}
.sidebar4 .panel-body ul li a { color: #9f9f9f; font-size: 14px;}
.sidebar4 .panel-body ul li {padding: 0px 10px 10px 10px;}
.sidebar4 .panel-body ul li:last-child { padding-bottom: 0;}
.sidebar4 .panel-body ul li a:hover {color: #707070;}
.text_page p { color: #9f9f9f;}
.text_page .blockquote-left {padding: 5px 10px 5px 0; margin: 10px 15px 10px 0; font-size: 17.5px; border-right: 5px solid #ff525e;
color: #161616; line-height: 25px; width: 330px; float: left;}
.text_page .blockquote-right {padding: 5px 0px 5px 25px; margin: 10px 0px 10px 15px; font-size: 17.5px; border-left: 5px solid #ff525e;
color: #161616; line-height: 25px; width: 330px; float: right;}
/* Diagram */
.circular-bar p { color: #a1a1a1; margin-top: 10px;}
.circular-bar h4 { color: #a1a1a1; font-size: 16px; margin-top: 5px;}
.circular-bar .sub-title { padding: 0 150px;}
.circular-bar span {font-size: 34px; color: #adadad; display: block; margin-top: -130px; margin-bottom: 150px;}
.circular-bar .procent { color: #161616; display: initial;}
.circular-bar .separator2 { border: solid 1px #dfdfdf; padding: 0 100px; display: inline-block;}
.circular-bar canvas { margin-top: 30px; position: relative;}
.circular-bar.featured canvas { width: 250px !important; height: 250px !important; margin-top: 0;}
.circular-bar.featured span { font-size: 50px; margin-top: -160px; margin-bottom: 140px;}
.text_page .owl-carousel { width: 60%;}
/* Custom Callout Box Page */
/*.custom-box-1 { background: url(../images/custom-boxes/box1.jpg) no-repeat;}*/
.custom-box-1 h2 {padding-top: 70px; margin-bottom: 30px;}
.custom-box-1 .btn { background: #fff; color: #3d3d3d;}
.custom-box-1 .btn:hover { background: #dd3e49; color: #fff;}
.custom-box-1 p {padding: 0 200px;}
/*.custom-box-2 { background: url(../images/custom-boxes/box2.jpg) no-repeat; background-size: cover;}
*/.custom-box-2 h2 { margin-bottom: 30px; padding: 70px 40px 0 0;}
.custom-box-2 p {padding: 0 40px 0 0;}
.custom-box-3 { background: #f7f7f7; padding: 50px 100px;}
.custom-box-3 span {font-size: 25px; color: #ff525e; border-radius: 50%; border: solid 1px; padding: 31px; display: inline-block;
margin-bottom: 20px;}
.custom-box-4 { background: #ff525e; padding: 50px;}
.custom-box-4 span {float: left; font-size: 25px; color: #fff; border-radius: 50%; border: solid 1px; padding: 31px;}
.custom-box-4 .line { border-left: solid 1px #ff757e; margin-left: 130px; padding-left: 30px;}
.sidebar5 { background: #f7f7f7; padding: 40px 25px}
.sidebar5 ul li { padding: 8px 0; border-bottom: solid 1px #e5e4e4;}
.sidebar5 ul li:last-child { border-bottom: none;}
.sidebar5 ul li.active a { color: #9f9f9f; }
.sidebar5 ul li a { font-size: 14px;}
/* Features Page */
.features .services4-boxes { background: #fafafa;}
.features-services span {color: #ff525e; font-size: 20px; float: left; padding: 5px;}
.features-services h3 {color: #161616; font-size: 16px; margin-left: 50px; margin-bottom: 20px;}
/* Testimonials Page */
.sidebar3 h3 {color: #161616; font-size: 14px;}
.sidebar3 .item h3 { font-size: 15px;}
.sidebar3 .owl-carousel { position: relative;}
.sidebar3 .owl-buttons .owl-prev i { background: #fff; color: #505050; padding: 5px; position: absolute;
right: 35px; top: -60px; font-size: 20px;}
.sidebar3 .owl-buttons .owl-prev i:hover { background-color: #fafafa; }
.sidebar3 .owl-buttons .owl-next i {background: #fff; color: #505050; padding: 5px; position: absolute;
right: 0; top: -60px; font-size: 20px;}
.sidebar3 .owl-buttons .owl-next i:hover {background-color: #fafafa;}
.testimonials .item { width: 33%; }
.testimonials .item .testimonial img {float: left; margin-right: 20px;}
.testimonials .item h3 {font-size: 16px; color: #161616;}
.testimonials .item .testimonial {padding: 20px 30px; margin: 10px; border: solid 1px #f5f4f4;}
.testimonials .item .testimonial:hover { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.1);}
.team-carousel .item { width: inherit;}
/* Typography Page */
h1 {font-weight: 300; color: #161616; font-size: 34px; line-height: 40px;}
h2 {font-weight: 300; color: #161616; font-size: 30px; line-height: 35px;}
h3 {font-weight: 300; color: #161616; font-size: 28px; line-height: 32px;}
h4 {font-weight: 300; color: #161616; font-size: 26px; line-height: 30px;}
h5 {font-weight: 300; color: #161616; font-size: 24px; line-height: 30px;}
h6 {font-weight: 300; color: #161616; font-size: 22px; line-height: 28px;}
::selection {color: #fff; background: #ff525e;}
::-moz-selection {color: #fff; background: #ff525e;}
.underline { text-decoration: underline;}
strong { font-weight: bold;}
.blockquote1 { background: #fafafa; border: solid 1px #e5e4e4; padding: 40px 30px; font-size: 28px; line-height: 40px; color: #161616; }
.blockquote1:before {content: "\e71d"; font-family: 'icomoon'; float: left; margin-right: 25px; color: #b2b2b2;}
.blockquote2 {padding: 15px 20px; font-size: 28px; line-height: 40px; border-left: 5px solid #ff525e; color: #161616; }
.firstcharacter { float: left; color: #ff525e; font-size: 43px; line-height: 43px; margin-right: 5px; }
.firstcharacter2 { float: left; color: #fff; background: #ff525e; font-size: 40px; line-height: 40px; margin-right: 10px; padding: 2px 9px;}
/* Buttons Page */
.buttons-intro { background: #ff525e; padding: 70px 0;}
.buttons-intro p { font-size: 14px; padding: 0 100px;}
ul.buttons li { display: inline-block; margin-right: 10px;}
/*3D Buttons*/
.simple-btn { background: #f3f3f3; color: #161616; box-shadow: 0 6px #e8e8e8; font-weight: 400; }
.simple-btn:hover { color: #161616; box-shadow: 0 4px #e8e8e8; }
.simple-btn:active {box-shadow: 0 0 #e8e8e8; top: 6px; border: none;}
.small-salmon { background: #fa8072; box-shadow: 0 4px #d36e62; color: #fff; padding: 8px 20px; }
.small-salmon:hover { color: #fff; box-shadow: 0 2px #d36e62; }
.small-salmon:active {box-shadow: 0 0 #d36e62; top: 4px; border: none;}
.small-dodger { background: #1e90ff; box-shadow: 0 4px #1c7bd8; color: #fff; padding: 8px 20px; }
.small-dodger:hover { color: #fff; box-shadow: 0 2px #1c7bd8; }
.small-dodger:active {box-shadow: 0 0 #1c7bd8; top: 4px; border: none;}
.small-sea-green { background: #8fbc8f; box-shadow: 0 4px #7aa07a; color: #fff; padding: 8px 20px; }
.small-sea-green:hover { color: #fff; box-shadow: 0 2px #7aa07a; }
.small-sea-green:active {box-shadow: 0 0 #7aa07a; top: 4px; border: none;}
.small-pale { background: #db7093; box-shadow: 0 4px #ba617e; color: #fff; padding: 8px 20px; }
.small-pale:hover { color: #fff; box-shadow: 0 2px #ba617e; }
.small-pale:active {box-shadow: 0 0 #ba617e; top: 4px; border: none;}
.small-slate { background: #708090; box-shadow: 0 4px #616e7b; color: #fff; padding: 8px 20px; }
.small-slate:hover { color: #fff; box-shadow: 0 2px #616e7b; }
.small-slate:active {box-shadow: 0 0 #616e7b; top: 4px; border: none;}
.medium-teal { background: #008080; box-shadow: 0 4px #046e6e; color: #fff; padding: 8px 25px; }
.medium-teal:hover { color: #fff; box-shadow: 0 2px #046e6e; }
.medium-teal:active {box-shadow: 0 0 #046e6e; top: 4px; border: none;}
.medium-pink { background: #ff9966; box-shadow: 0 4px #d88358; color: #fff; padding: 8px 25px; }
.medium-pink:hover { color: #fff; box-shadow: 0 2px #d88358; }
.medium-pink:active {box-shadow: 0 0 #d88358; top: 4px; border: none;}
.medium-sky { background: #87ceeb; box-shadow: 0 4px #74afc7; color: #fff; padding: 8px 25px; }
.medium-sky:hover { color: #fff; box-shadow: 0 2px #74afc7; }
.medium-sky:active {box-shadow: 0 0 #74afc7; top: 4px; border: none;}
.medium-robin { background: #00cccc; box-shadow: 0 4px #04adad; color: #fff; padding: 8px 25px; }
.medium-robin:hover { color: #fff; box-shadow: 0 2px #04adad; }
.medium-robin:active {box-shadow: 0 0 #04adad; top: 4px; border: none;}
.medium-slate-blue { background: #6a5acd; box-shadow: 0 4px #5c4eae; color: #fff; padding: 8px 25px; }
.medium-slate-blue:hover { color: #fff; box-shadow: 0 2px #5c4eae; }
.medium-slate-blue:active { box-shadow: 0 0 #5c4eae; top: 4px; border: none;}
.large-royal { background: #4169e1; box-shadow: 0 4px #3a5bbf; color: #fff; padding: 10px 30px; }
.large-royal:hover { color: #fff; box-shadow: 0 2px #3a5bbf; }
.large-royal:active { box-shadow: 0 0 #3a5bbf; top: 4px; border: none;}
.large-rosy { background: #bc8f8f; box-shadow: 0 4px #a07a7a; color: #fff; padding: 10px 30px; }
.large-rosy:hover { color: #fff; box-shadow: 0 2px #a07a7a; }
.large-rosy:active { box-shadow: 0 0 #a07a7a; top: 4px; border: none;}
.large-mountbatten { background: #997a8d; box-shadow: 0 4px #836979; color: #fff; padding: 10px 30px; }
.large-mountbatten:hover { color: #fff; box-shadow: 0 2px #836979; }
.large-mountbatten:active { box-shadow: 0 0 #836979; top: 4px; border: none;}
.large-pale { background: #abcdef; box-shadow: 0 4px #92aeca; color: #fff; padding: 10px 30px; }
.large-pale:hover { color: #fff; box-shadow: 0 2px #92aeca; }
.large-pale:active { box-shadow: 0 0 #92aeca; top: 4px; border: none;}
/* Outline Buttons */
.small-outline { background: #fff; color: #a1a1a1; border: solid 1px #dedede; box-shadow: none; padding: 8px 20px; }
.small-outline:hover { box-shadow: none; color: #a1a1a1; top: 0;}
.small-outline:active { border: solid 1px #dedede; box-shadow: none; top: 0;}
.medium-outline { background: #fff; color: #a1a1a1; border: solid 1px #dedede; box-shadow: none; padding: 10px 25px; }
.medium-outline:hover { box-shadow: none; color: #a1a1a1; top: 0;}
.medium-outline:active { border: solid 1px #dedede; box-shadow: none; top: 0;}
.large-outline { background: #fff; color: #a1a1a1; border: solid 1px #dedede; box-shadow: none; padding: 12px 25px; }
.large-outline:hover { box-shadow: none; color: #a1a1a1; top: 0;}
.large-outline:active { border: solid 1px #dedede; box-shadow: none; top: 0;}
/* 2D Buttons */
.small-2d-salmon { background: #fa8072; box-shadow: none; color: #fff; padding: 8px 20px; }
.small-2d-salmon:hover { background: #d36e62; color: #fff; box-shadow: none; top: 0; }
.small-2d-salmon:active { background: #d36e62; box-shadow: none; top: 0; border: none;}
.small-2d-dodger { background: #1e90ff; box-shadow: none; color: #fff; padding: 8px 20px; }
.small-2d-dodger:hover { background: #1c7bd8; color: #fff; box-shadow: none; top: 0; }
.small-2d-dodger:active { background: #1c7bd8; box-shadow: none; top: 0; border: none; }
.small-2d-sea-green { background: #8fbc8f; box-shadow: none; color: #fff; padding: 8px 20px; }
.small-2d-sea-green:hover { background: #7aa07a; color: #fff; box-shadow: none; top: 0; }
.small-2d-sea-green:active { background: #7aa07a; box-shadow: none; top: 0; border: none; }
.small-2d-pale { background: #db7093; box-shadow: none; color: #fff; padding: 8px 20px; }
.small-2d-pale:hover { background: #ba617e; color: #fff; box-shadow: none; top: 0; }
.small-2d-pale:active { background: #ba617e; box-shadow: none; top: 0; border: none; }
.small-2d-slate { background: #708090; box-shadow: none; color: #fff; padding: 8px 20px; }
.small-2d-slate:hover { background: #616e7b; color: #fff; box-shadow: none; top: 0; }
.small-2d-slate:active { background: #616e7b; box-shadow: none; top: 0; border: none; }
.medium-2d-teal { background: #008080; box-shadow: none; color: #fff; padding: 8px 25px; }
.medium-2d-teal:hover { background: #046e6e; color: #fff; box-shadow: none; top: 0; }
.medium-2d-teal:active { background: #046e6e; box-shadow: none; top: 0; border: none;}
.medium-2d-pink { background: #ff9966; box-shadow: none; color: #fff; padding: 8px 25px; }
.medium-2d-pink:hover { background: #d88358; color: #fff; box-shadow: none; top: 0; }
.medium-2d-pink:active { background: #d88358; box-shadow: none; top: 0; border: none;}
.medium-2d-sky { background: #87ceeb; box-shadow: none; color: #fff; padding: 8px 25px; }
.medium-2d-sky:hover { background: #74afc7; color: #fff; box-shadow: none; top: 0; }
.medium-2d-sky:active { background: #74afc7; box-shadow: none; top: 0; border: none;}
.medium-2d-robin { background: #00cccc; box-shadow: none; color: #fff; padding: 8px 25px; }
.medium-2d-robin:hover { background: #04adad; color: #fff; box-shadow: none; top: 0; }
.medium-2d-robin:active { background: #04adad; box-shadow: none; top: 0; border: none;}
.medium-2d-slate-blue { background: #6a5acd; box-shadow: none; color: #fff; padding: 8px 25px; }
.medium-2d-slate-blue:hover { background: #5c4eae; color: #fff; box-shadow: none; top: 0; }
.medium-2d-slate-blue:active { background: #5c4eae; box-shadow: none; top: 0; border: none;}
.large-2d-royal { background: #4169e1; box-shadow: none; color: #fff; padding: 10px 30px; }
.large-2d-royal:hover { background: #3a5bbf; color: #fff; box-shadow: none; top: 0; }
.large-2d-royal:active { background: #3a5bbf; box-shadow: none; top: 0; border: none;}
.large-2d-rosy { background: #bc8f8f; box-shadow: none; color: #fff; padding: 10px 30px; }
.large-2d-rosy:hover { background: #a07a7a; color: #fff; box-shadow: none; top: 0; }
.large-2d-rosy:active { background: #a07a7a; box-shadow: none; top: 0; border: none;}
.large-2d-mountbatten { background: #997a8d; box-shadow: none; color: #fff; padding: 10px 30px; }
.large-2d-mountbatten:hover { background: #836979; color: #fff; box-shadow: none; top: 0; }
.large-2d-mountbatten:active { background: #836979; box-shadow: none; top: 0; border: none;}
.large-2d-pale { background: #abcdef; box-shadow: none; color: #fff; padding: 10px 30px; }
.large-2d-pale:hover { background: #92aeca; color: #fff; box-shadow: none; top: 0; }
.large-2d-pale:active { background: #92aeca; box-shadow: none; top: 0; border: none;}
/* Accordion & Toggles Page */
.panel .panel-heading h4.panel-title { padding-left: 10px; position: relative;}
.panel .panel-heading h4.panel-title:after {content: "\f105"; font-family: 'icomoon'; color: #fff; background: #ff525e;
border-radius: 50%; padding: 4px; font-size: 14px; position: absolute; width: 23px; height: 23px; line-height: 15px; right: 0;
top: 5px; padding-left: 10px;}
.panel-heading span {float: left; line-height: 31px; font-size: 20px; margin-right: 10px; color: #b9b9b9;}
.panel-group .panel { border-radius: 0;}
.panel-body img { padding: 10px;}
.panel-body .img-p {float: left; width: 280px; margin-left: 10px; margin-top: 5px;}
.panel-heading.with-bg { background: #ff525e; color: #fff; border-radius: 0; }
.panel-heading.with-bg h4.panel-title:after { background: #fff; color: #ff525e; }
.panel-heading.with-bg span { color: #fff;}
.panel-heading.with-bg h4 a:hover { color: #fff;}
.panel-title > a { display: block;}
.simple-styles .panel-default { border: none;}
.simple-styles .panel-default > .panel-heading { background: none; border-bottom: solid 1px #e5e4e4;}
.simple-styles h4.panel-title:after { background: #e5e4e4; }
.simple-styles .panel-collapse .collapse.in h4.panel-title:after { content: "\e605"; font-family: 'icomoon';}
/* Product Page */
.price {font-size: 18px; color: #000; display: inline-block;}
.product-info span { float: left; font-size: 20px; color: #ff525e; line-height: 32px;}
.product-info b { display: block; margin-left: 30px; line-height: 17px;}
.product-info ul li { background: #f7f7f7; display: inline-block; padding: 20px 25px; min-width: 183px; margin-bottom: 3px;}
.thumbnails li { margin-bottom: 7px;}
.rating { width: 80px; height: 16px; margin: 0 0 20px 0; padding: 0; list-style: none; clear: both; position: relative;
/*background: url(../images/stars.png) no-repeat 0 0;*/ display: inline-block; margin:25px 0; display: block;}
.threestar { background-position: 0 -48px;}
ul.rating li { cursor: pointer; float: left; text-indent: -999em;}
ul.rating li a { position:absolute; left:0; top:0; width:16px; height:16px; text-decoration:none; z-index: 200; }
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover { z-index:2; width:80px; height:16px; overflow:hidden; left:0; /*background: url(../images/stars.png) no-repeat 0 0*/ }
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}
.cart-qty { display: inline-block; border:1px solid #eaebeb; border-radius: 3px; box-shadow: 0 1px 1px #F3F3F3; margin-bottom: 25px;}
.cart-qty button,
.cart-qty input {float:left; height: 35px; width:36px; border:0; margin:0; padding:0; background:none;outline: none;}
.cart-qty button { color:#d7d8da; font-size: 11px; font-weight: 600; }
.cart-qty button:hover { color:#ccc; }
.cart-qty button:active { color:#999; }
.cart-qty input {border-left:1px solid #eaebeb; border-right:1px solid #eaebeb; color:#45474d; font-size: 13px; font-weight: 600;
text-align: center;width: 42px;}
.info { font-size: 14px;}
.tab-content { padding: 20px;}
/* Left Tabs */
.left-tab .nav-tabs { float: left; margin-right: 20px; }
.left-tab .nav-tabs > li { float: none; }
.left-tab .nav-tabs > li > a { border-radius: 0; border-right: 1px solid #eeeeee; background: #f7f7f7; color: #a1a1a1;
margin-right: 0; border: solid 1px #eeeeee;}
.left-tab .nav-tabs li.active > a {border: 1px solid #eeeeee; border-right: 0; background: #fff; color: #ff525e;
min-width: 114px;}
.left-tab .nav-tabs > li.active > a:hover { border: solid 1px #eeeeee; border-right: 0;}
.left-tab .tab-content {margin-left: 113px; border: solid 1px #eeeeee; padding: 20px;}
.left-tab h6 { font-size: 14px; font-weight: 400;}
.nav-tabs > li.active > a { color: #ff525e;}
/* Right Tabs */
.right-tab .nav-tabs { float: right; }
.right-tab .nav-tabs > li { float: none; }
.right-tab .nav-tabs > li > a { border-radius: 0; border-right: 1px solid #eeeeee; background: #f7f7f7; color: #a1a1a1;
margin-right: 0; border: solid 1px #eeeeee;}
.right-tab .nav-tabs li.active > a {border: 1px solid #eeeeee; border-left: 0; background: #fff; color: #ff525e;
min-width: 114px;}
.right-tab .tab-content {margin-right: 113px; border: solid 1px #eeeeee; padding: 20px;}
.right-tab h6 { font-size: 14px; font-weight: 400;}
.related-products-carousel .owl-buttons .owl-prev i {color: #fff; border-radius: 4px; padding: 9px 17px;
position: absolute; right: 75px; top: 50px; font-size: 20px; background: #ff525e; border-bottom: solid 3px #d84852;}
.related-products-carousel .owl-buttons .owl-prev i:hover { background-color: #ff525e;}
.related-products-carousel .owl-buttons .owl-prev i:active { margin-top: 3px; border-bottom: solid 1px #d84852;}
.related-products-carousel .owl-buttons .owl-next i {color: #fff; border-radius: 4px; padding: 9px 17px;
position: absolute; right: 30px; top: 50px; font-size: 20px; background: #ff525e; border-bottom: solid 3px #d84852;}
.related-products-carousel .owl-buttons .owl-next i:hover {background-color: #ff525e;}
.related-products-carousel .owl-buttons .owl-next i:active { margin-top: 3px; border-bottom: solid 1px #d84852;}
.related-products-carousel h4 {margin-top: 10px; margin-bottom: 5px; font-size: 14px;}
.related-products-carousel .price {color: #161616; font-size: 16px; display: block; margin-bottom: 10px;}
.related-products-carousel .buy-cart {background: #ff525e; color: #fff; padding: 10px; font-size: 20px; display: inline-block; margin-right: 15px;}
.related-products-carousel .details {vertical-align: top; line-height: 40px;}
/* Shopping Cart Page */
.table-bordered { border: 1px solid #eeeeee;}
.table-bordered > tbody > tr > td { border: 1px solid #eeeeee; padding: 30px; vertical-align: middle;}
.table-bordered > thead > tr > th { border: 1px solid #eeeeee; color: #161616; font-size: 16px; font-weight: 300; text-align: center;
padding: 10px;}
.table-bordered > thead > tr { background: #f8f8f8;}
.shopping-table h4 { font-size: 14px; }
.shopping-table b { display: block; color: #8f8f8f;}
.shopping-table .price {color: #a3a2a2; font-size: 25px; font-weight: 300;}
.shopping-table .cart-qty { margin-bottom: 0;}
.shopping-table span { font-size: 20px;}
.shopping-table .cupon { background-color: #f8f8f8;}
.coupon b { color: #151515; font-size: 22px; font-weight: 300; float: left; margin-right: 20px; line-height: 40px;}
.coupon .btn { border-radius: 0; padding: 0 30px; height: 40px; line-height: 40px; vertical-align: top;}
.coupon input { padding: 0 10px; margin-right: 20px; outline: none; border: solid 1px #DFDFDF; height: 40px; }
.cart-total ul li { border: solid 1px #e8e8e8; padding: 7px 20px; }
.cart-total .total { background: #fdfdfd;}
.cart-total .total p {font-size: 16px;}
.cart-total b { color: #9f9f9f;}
/* Features Page */
.features-sidebar ul li { border: solid 1px #e4e4e4; padding: 10px 13px; border-bottom: 0;}
.features-sidebar ul li:last-child { border-bottom: solid 1px #e4e4e4; }
.features-sidebar ul li:before {content: "\f105"; font-family: 'icomoon'; color: #636363; display: inline-block; font-size: 11px;
margin-right: 5px;}
.features-sidebar ul li.active a { color: #000; font-size: 14px;}
.boots { display: inline-block;font-weight: 500; color: #5A4080; font-size: 60px; border: solid 1px #5A4080; padding: 30px 20px;
border-radius: 10px;}
/* Order Completed Page */
.order span {display: inline-block; height: 18px; line-height: 18px;}
/* Shop Account Login */
.register-panel {border: 1px solid #E6E7E8; padding: 20px 25px; border-radius: 5px; float: none; margin: 20px 0 40px;}
.register-panel .separator {background: #E6E7E8; padding: 0;margin: 10px 0;}
.register-panel input { width: 100%; border: 1px solid #ddd; background-color: #FCFCFC; font-size: 13px; color: #9ea3a7;
height: 40px; text-indent: 15px; outline: none; border-radius: 3px; background-clip: padding-box;
box-shadow: inset 0 1px 0 #f1f3f3; margin-bottom: 15px;}
.reg-panel-title {color: #161616; font-size: 15px; font-weight: 600; border-bottom: 1px solid #EDEDED;
display: block; padding-bottom: 10px; margin-bottom: 20px;}
/* Progress Bars & Skill Mater */
.progress2 {height: 30px; border-radius: 0;}
.progress-bar2 { background-color: #ff525e; line-height: 30px; }
/* Laptop Slider */
.laptop-mask {position: relative; margin-top: -10px; max-width: 601px; padding-bottom: 0; padding-top: 57.23%; height: 0;
margin: 0 auto;}
.laptop-mask .flexslider { position: absolute; top: 26px; left: 17.9%; right: 11.4%; bottom: 0; overflow: hidden;
max-width: 387px;}
.laptop-mask:after { /*background: url(../images/laptop-slider/laptop.png) no-repeat center top;*/ content: '';
position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-size: 100%; background-position: 50% 0;}
/* FAQ Page */
.support-box { background: #f4f4f4; border: solid 1px #e0e0e0; padding: 30px; margin-bottom: 50px;}
.support-box h3 {font-weight: 400; font-size: 18px; color: #000;border-bottom: solid 1px #ddd; padding-bottom: 15px; padding-bottom: 5px;
margin-bottom: 15px;}
.support-box span {font-size: 25px; border: solid 1px #FF525E; border-radius: 100px; padding: 15px; background: #FF525E; color: #fff;
position: absolute; top: -29px; right: 35px;}
.support-box p { margin-bottom: 20px;}
.support-box a { font-size: 14px;}
/* Maintenance Mode */
.maintenance-top { margin: 100px 0;}
.maintenance {background: #313338; border-top: solid 7px #ff525e; padding-top: 100px; padding-bottom: 100px;}
/* Footer */
.copyright {font-size: 11px; color: #a1a1a1; line-height: 17px;}
footer { padding: 50px 0; color: #161616;}
footer h3 {font-size: 24px; font-weight: 300; color: #3d3d3d; margin-bottom: 40px; }
footer ul.footer-blog { display: inline-block;}
footer ul.footer-blog li p { margin-left: 90px; margin-bottom: 3px;}
footer ul.footer-blog img { float: left;}
footer .default { margin-bottom: 5px;}
footer .only3 { display: none;}
.social ul li { float: left; background: #ececec; border-radius: 50%; width: 40px; height: 40px; text-align: center; margin-right: 5px; margin-bottom: 10px;}
.social ul li a { line-height: 40px; color: #161616; display: block;}
.ico-facebook:hover { background: #4c81d2 !important;}
.ico-facebook:hover > a { color: #fff;}
.ico-twitter:hover { background: #47daff !important;}
.ico-twitter:hover > a { color: #fff;}
.ico-pinterest:hover { background: #e43333 !important;}
.ico-pinterest:hover > a { color: #fff;}
.ico-dribbble:hover { background: #ff4978 !important;}
.ico-dribbble:hover > a { color: #fff;}
.ico-google:hover { background: #ff6252 !important;}
.ico-google:hover > a { color: #fff;}
.ico-instagram:hover { background: #3f729b !important}
.ico-instagram:hover > a { color: #fff;}
ul.menu-list li:before { content: "\f105"; font-family: 'icomoon'; color: #ff525e; font-size: 11px; margin-right: 5px;}
/* Footer Style 2 */
.footer-style2 { border-top: solid 6px #ff525e; }
/* Footer Style 3 */
.footer-style3 { background: #ff525e; color: #fff; }
.footer-style3 .only3 { display: block; margin-bottom: 10px;}
.footer-style3 .default { display: none;}
.footer-style3 .copyright { color: #fff; margin-top: 5px;}
.footer-style3 h3 { color: #fff;}
.footer-style3 ul.menu-list li a { color: #fff;}
.footer-style3 ul.menu-list li a:hover { color: #C4C4C4;}
.footer-style3 ul.menu-list li:before { color: #fff;}
footer.footer-style3 ul.footer-blog li p { color: #fff !important;}
/* Owl Carousel */
/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.owl-carousel{ display: none; width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; }
.owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item{ float: left; }
.owl-controls .owl-page,
.owl-controls .owl-buttons div{ cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* mouse grab icon */
/*.grabbing { cursor:url(grabbing.png) 8 8, move; }*/
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); }
/* Owl Carousel Owl Demo Theme v1.3.3 */
.owl-theme .owl-controls{ margin-top: 10px; text-align: center; }
/* Styling Next and Prev buttons */
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{ opacity: 1; text-decoration: none; }
/* Styling Pagination*/
.owl-theme .owl-controls .owl-page{ display: inline-block; }
.owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px;
opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; }
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{ opacity: 1; background: #cd3a44; }
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px;
-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
/* fade */
.owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease;
animation: fadeOut .7s both ease; }
.owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; }
@-webkit-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@-moz-keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
@keyframes fadeOut {
0% { opacity:1; }
100% { opacity:0; }
}
/* FlexSlider Necessary Styles
*********************************/
/* Icon Fonts
*********************************/
/* Font-face Icons */
@font-face {
font-family: 'flexslider-icon';
src:url('../fonts/flexslider/flexslider-icon.eot');
src:url('../fonts/flexslider/flexslider-icon.eot?#iefix') format('embedded-opentype'),
url('../fonts/flexslider/flexslider-icon.woff') format('woff'),
url('../fonts/flexslider/flexslider-icon.ttf') format('truetype'),
url('../fonts/flexslider/flexslider-icon.svg#flexslider-icon') format('svg');
font-weight: normal;
font-style: normal;
}
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flex-pauseplay span {text-transform: capitalize;}
/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
* include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}
/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 60px; position: relative;}
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.carousel li { margin-right: 5px; }
/* Direction Nav */
.flex-direction-nav a { text-decoration:none; display: block; width: 15px; height: 25px; margin: -20px 0 0;
position: absolute; top: 34%; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0,0,0,0.8);
text-shadow: 1px 1px 0 rgba(255,255,255,0.3); -webkit-transition: all .3s ease; -moz-transition: all .3s ease;
transition: all .3s ease; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; cursor: default; }
.flex-direction-nav a:before { font-family: "flexslider-icon"; font-size: 22px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before { content: '\f002'; }
/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8;
z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}