/*Title:   Main Template Css File
Author:  http://themeforest.net/user/lorthemes // Bogdan Laurentiu  */


/* 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: #666666;
	background-color: #dcdcdc;
}

/* Typography */
a {
	color: #666666;
	font-weight: 500;
	
}
a:hover {
	text-decoration: none;
	color: #A30A0A;
}
a:hover img {
filter:alpha(opacity=80);       /* IE */
-moz-Chroma:0.8;              /* Moz + FF */
opacity: 0.8;           /* 支持CSS3的瀏覽器（FF 1.5也支持）*/

}
h1, h2, h3, h4, h5, h6 {margin-bottom: 20px;}
p {
	color: #666666;
	margin-bottom: 20px;
}

/* Lists */
ul, ol {margin-top: 0; margin-bottom: 10px; list-style-type: disc; padding-left: 15px; }
ol {list-style-type: decimal;}
.reset-list,
.reset-list ul,
.reset-list ol {margin:0; padding:0; list-style: none; }
.reset-list2,
.reset-list2 ul,
.reset-list2 ol {
	margin: 0;
	padding: 20px;
	list-style: none;
	background-color: #F5F5F5;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666;
	border-bottom-color: #666;
}
.reset-list2 .current{
	color: #09C;
}
.reset-list2 li{
	font-size: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
}
ul.styled-list li:before { content: "\f105"; font-family: 'icomoon'; color: #CCCCCC; font-size: 11px; margin-right: 5px;}
ul.styled-list li ul li:before { content: "\f105"; font-family: 'icomoon'; color: #CCCCCC; font-size: 11px; margin-right: 5px;}
ul.styled-list li ul li { list-style: none;}
ul.styled-list { list-style: none;}
ol.styled-list { list-style: none;}
.sitemap{}
.sitemap ul,
 {
	margin: 0;
	padding: 20px;


}

.sitemap ul li{
	font-size: 15px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-bottom: 20px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #CCC;
	list-style-type: none;
	padding-left: 15px;
	float: left;
	width: 50%;
}
.sitemap ul li a{
	color: #0D6FBF;
}
.sitemap ul li ul li{
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFF;
	margin-bottom: 5px;
	list-style-type: none;
	padding-left: 20px;
	background-image: url(../icon_arrow.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
		float: left;
	width: 100%;
}
.sitemap ul li ul li a{
	font-weight: normal;
	font-size: 12px;
	color: #666;

}
/* Tooltip */
.tooltip-test + .tooltip > .tooltip-inner {background-color: #CCCCCC; border-radius: 0; padding: 6px 10px;}
.tooltip.top .tooltip-arrow {border-top-color: #CCCCCC; }


h1.section-title {
	font-weight: 400;
	color: #a30a0a;
	font-size: 22px;
	line-height: 30px;
	margin: 0;
	padding-left: 15px;
}
h2.section-title {
	font-weight: 300;
	color: #A30A0A;
	font-size: 24px;
	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;
	display: inline-block;
	letter-spacing: 1px;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	padding-top: 5px;
	padding-right: 30px;
	padding-bottom: 5px;
	padding-left: 30px;
}
.btn-2 {
	background: #CCCCCC;
	color: #333;
	box-shadow: 0 4px #818181;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
}
.btn-2:hover {
	box-shadow: 0 3px #818181;
	top: 2px;
	color: #333;
}
.btn-2:active {box-shadow: 0 0 #ab3c3c; top: 4px; border: none;}
.btn-2:focus { outline: none;}

.btn-default {
	font-weight: 300;
	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;
	background-color: #666666;
}
.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; -webkit-transition: all 0.3s; 
-moz-transition: all 0.3s; transition: all 0.3s;}

.btn-small { background: #CCCCCC; 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: #003399 !important;
}
.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;}

.size17 { font-size: 17px !important; line-height: 22px !important;}
.size18 { font-size: 18px !important;}
.size20 { font-size: 20px !important;}

.l30 { line-height: 30px;}

.bg-white {
	background-color: #ffffff !important;
}
.bg-gray {
	background-color: #dcdcdc !important;
}
.bg-darkgray {
	background-color: #646464 !important;
}

.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: 132px !important;
}
.mtop130 { margin-top: 130px !important;}
.mbottom0 { margin-bottom: 0 !important;}
.mbottom5 { margin-bottom: 5px !important;}
.mbottom10 { margin-bottom: 10px !important;}
.mbottom15 { margin-bottom: 15px !important;}
.mbottom20 { margin-bottom: 20px !important;}
.mbottom25 { margin-bottom: 25px !important;}
.mbottom30 { margin-bottom: 30px !important;}
.mbottom35 { margin-bottom: 35px !important;}
.mbottom40 { margin-bottom: 40px !important;}
.mbottom50 { margin-bottom: 50px !important;}
.mbottom60 { margin-bottom: 60px !important;}
.mbottom70 { margin-bottom: 70px !important;}
.mbottom80 { margin-bottom: 80px !important;}
.mbottom90 { margin-bottom: 90px !important;}
.mbottom100 { margin-bottom: 100px !important;}
.mleft5 { margin-left: 5px;}
.mleft10 { margin-left: 10px;}
.mleft15 { margin-left: 15px;}
.mleft20 { margin-left: 20px;}
.mleft30 { margin-left: 30px;}
.mleft50 { margin-left: 50px;}
.mleft60 { margin-left: 60px;}
.mleft65 { margin-left: 65px;}
.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;}

.line {display: inline-block; width: 50px; border: solid 1px #CCCCCC; margin-bottom: 50px;}


.radius50 { border-radius: 50%;}

.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;}

.spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.separator {
	display: block;
	border: 1px dotted #CCCCCC;
}


/* Header */
#header {
	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);
	background-repeat: repeat-x;
	background-position: center top;
	background-image: url(../nav_bg.jpg);
	height: 132px;
}

.header1 + #slideshow, .header1 + #boxed-slideshow { margin-top: 106px;}
.header2 + #slideshow, .header2 + #boxed-slideshow { margin-top: 142px;}
.header3 + #slideshow, .header3 + #boxed-slideshow { margin-top: 146px;}
.header4 + #slideshow, .header4 + #boxed-slideshow { margin-top: 170px;}
.header5 + #slideshow, .header5 + #boxed-slideshow { margin-top: 0px;}

.header1 + #content { margin-top: 156px;}
.header2 + #content { margin-top: 142px;}
.header3 + #content {
	margin-top: 146px;
	
}
.header4 + #content { margin-top: 170px;}
.header5 + #content { margin-top: 156px;}

.header1 + .header-breadcrumb {margin-top: 106px;}
.header2 + .header-breadcrumb {margin-top: 142px;}
.header3 + .header-breadcrumb {margin-top: 146px;}
.header4 + .header-breadcrumb {margin-top: 170px;}
.header5 + .header-breadcrumb {margin-top: 106px;}

.header1 + #sub-header {margin-top: 106px;}
.header2 + #sub-header {margin-top: 142px;}
.header3 + #sub-header {margin-top: 146px;}
.header4 + #sub-header {margin-top: 170px;}
.header5 + #sub-header {margin-top: 106px;}

.header1 + #shop-header {margin-top: 106px;}
.header2 + #shop-header {margin-top: 142px;}
.header3 + #shop-header {margin-top: 146px;}
.header4 + #shop-header {margin-top: 170px;}
.header5 + #shop-header {margin-top: 106px;}

#header.nav-up  { top: -200px; }
#header.nav-up.sticky { top: 0;}


/* Logo */
h1#logo {
	margin-top: 31px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	height: 58px;
}
#logo {
	float: left;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0;
	margin-bottom: 0px;
}
#logo .only-transparent { display: none;}

/* InfoCard */
.logo-container { z-index: 1001;}
.logo-container.hasinfocard { position: relative;}
.logo-container.hasinfocard:before { content: url(../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: #CCCCCC; 
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:12px; -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 p { color: #fff; margin-bottom: 0;}
#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;
	border-radius: 4px;
	background-color: #A30B0A;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #592427;
}
#back-top a { color: #fff; padding: 5px 13px; line-height: 30px;}
#back-top:active { border-bottom: none;}


/* Sliding Panel */
#panel { background: #CCCCCC; padding: 8px 0; display: none; }
.slide { border-top: solid 4px #CCCCCC; }
.active-panel { background-position: right 12px; }
.slide span {background: #CCCCCC; 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; margin-bottom: 0; color: #fff;}
#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; line-height: 24px;}
#panel ul.info-right li a {display: block; line-height: 26px;}


/* Search */
.searchPanel {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	position: absolute;
	top: 93px;
	right: 0px;
}
.searchPanel span {
	cursor: pointer;
	color: #FFF;
	font-size: 15px;
}
.searchPanel .searchForm { display: none; opacity:0; position:absolute; right:-15px; top:30px; width:260px; z-index:999; border:0; 
border-radius:2px; border: solid 1px #ddd; background: #fff;}
.searchPanel .searchForm:before { content:' '; border:11px solid transparent; border-bottom-color:#ddd; position:absolute; 
top:-22px; right:5px; }
.searchPanel .searchForm:after, .searchPanel .searchForm:before { bottom: 40px; right: 5px; border: solid transparent; 
content: " "; height: 0; width: 0; position: absolute;}
.searchPanel .searchForm:after {border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 11px; margin-left: -11px;}
.searchPanel .searchForm:before {border-color: rgba(221, 221, 221, 0); border-bottom-color: #ddd; border-width: 11px; margin-left: -12px;}
.searchPanel .searchForm.active { display:block; opacity:1; top: 32px; right: 0px;}
.searchPanel .searchBox { font-size:14px;  padding: 10px 15px; width:100%; height:100%; border:0; outline:none;}



/* Cart */
#cart { float: right; margin-top: 40px; font-size: 15px; color: #000; cursor: pointer; padding-bottom: 40px; 
padding-left: 20px;}
#cart .cart-container { position: absolute; z-index: 111; visibility: hidden; right: 0; top: 130px; 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;}
#cart:hover .cart-container { visibility: visible; opacity: 1; top: 102px; }
#cart .cart-container ul { min-width: 250px; cursor: initial; }
#cart .cart-container .cart-item { display: inline-block; width: 100%; padding: 10px; position: relative;}
#cart .cart-container .cart-item img { float: left; margin-right: 20px;}
#cart .cart-container .cart-item h4 { display: inline-block; margin-top: 10px; font-size: 16px; margin-bottom: 0;}
#cart .cart-container .cart-item span { display: block; font-size: 13px;}
#cart .cart-container li { border-top: solid 1px #e6e6e6; background: #fff;}
#cart .cart-container .total { background-color: #f4f4f4; color: #505050; display: block; padding: 10px;}
#cart .cart-container .total p { margin-bottom: 0;}
#cart .cart-container .checkout { background: #CCCCCC; }
#cart .cart-container .checkout a {color: #fff; padding: 10px; display: block; }
#cart .cart-container .close-btn {content: "\e607"; font-family: 'icomoon'; color: #CCCCCC; font-size: 11px;}
.remove-item {font-size: 9px; float: right; position: absolute; right: 15px; top: 39px;}



/* Slideshow 箭頭*/
.tp-leftarrow.default, .tp-rightarrow.default { z-index: 100; width: 35px; background: transparent; height: 35px; -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: 30px; width: 35px; font-size: 28px; }
.tp-leftarrow.default:before { content: "\f104"; }
.tp-rightarrow.default:before { content: "\f105"; }
.tp-leftarrow.default:hover, .tp-rightarrow.default:hover { background: #CCCCCC; border-color: #CCCCCC; }

.tp-bannertimer { display: none;}
.tp-bullets { display: none;}
.tp-leftarrow.default , .tp-rightarrow.default { z-index: 100; width: 35px; background:transparent; height: 35px; 
-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: 30px;
width: 35px;font-size: 28px;}
.tp-leftarrow.default:before { content: "\f104";}
.tp-rightarrow.default:before { content: "\f105";}
.tp-leftarrow.default:hover , .tp-rightarrow.default:hover {background: #CCCCCC; border-color:#CCCCCC;}



/* Only Demo 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: #CCCCCC; font-size: 60px; float: left; line-height: 60px; font-weight: 300; }
.firstslide .second-span { color: #CCCCCC; 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: #CCCCCC; font-size: 60px; float: left; line-height: 60px; font-weight: 300; }
.secondslide .second-span { color: #CCCCCC; 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: #CCCCCC; 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: #CCCCCC; font-size: 60px; float: left; line-height: 60px; font-weight: 300; }


/* Menu */
#main-menu {
	float: left;
	position: relative;
	width: 90%
}
#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: bold;
}
#main-menu > ul > li > a {
	line-height: 42px;
	font-size: 14px;
	color: #666666;
	text-transform: uppercase;

	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 0px;
	padding-left: 40px;
	text-shadow:1px 1px 2px #ffffff;
}
#main-menu > ul > li.has-sub > a:hover {
	color: #99F02F;
}
#main-menu > ul > li > a:hover, #main-menu > ul > li.active > a { color: #99F02F; }
#main-menu > ul > li > a:hover, #main-menu > ul > li:hover > a {
	color: #FFFFFF;
	background-image: url(../nav_over.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	text-shadow:1px 1px 2px #999999;
}

#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: 43px; opacity: 0; 
-webkit-transition: opacity .4s ease, top .3s ease; -moz-transition: opacity .4s ease, top .3s ease; 
-ms-transition: opacity .4s ease, top .3s ease; -o-transition: opacity .4s ease, top .3s ease; 
transition: opacity .4s ease, top .3s ease; z-index: 1000;	-moz-box-shadow: 1px 1px 2px #828282;
	-webkit-box-shadow: 1px 1px 2px #828282;
	box-shadow: 1px 1px 2px #828282; }
#main-menu ul ul ul { top: 43px; }
#main-menu ul ul li { position: relative; }
#main-menu > ul > li:hover > ul { left: auto; top: 43px; opacity: 1; }
#main-menu ul ul li:hover > ul { left: 230px; top: 0; opacity: 1; }
#main-menu ul ul li a {
	min-width: 230px;
	padding: 12px 20px;
	font-size: 14px;
	color: #3d3d3d;
	-webkit-transition: all .35s ease;
	-moz-transition: all .35s ease;
	-ms-transition: all .35s ease;
	-o-transition: all .35s ease;
	transition: all .35s ease;
	background-image: url(../white-opacity-80.png);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
#main-menu ul ul li:hover > a, #main-menu ul ul li.active a {
	background-image: url(../white-opacity-80.png);
	color: #3d3d3d;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #a30a0a;
}
#main-menu ul ul li a:hover { padding-left: 25px;}
#main-menu ul ul li.active a { padding-left: 25px;}
#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;}
#main-menu > ul > li:hover ul.second-submenu { left: 230px;}

/* Header Style 2 */
.header2 #slideshow {}
.header2 .btn-slide {display: none;}
.header2 #panel { display: block;}
.header2.nav-up { top: -255px !important;}
.header2 .slide { border-top: 0;}
.header2 #main-menu ul ul { top: 120px;}
.header2 .dl-menuwrapper { text-align: right !important; margin-right: 80px;}

/* Header Style 3 */
.header3 .onlyh3 { text-align: center;}
.header3.nav-up {top: -180px !important;}
.header3 .btn-slide {display: initial;}
.header3 #panel { display: none;}

.header3 #main-menu { text-align: center; float: none; margin-right: 65px;}
.header3 #main-menu ul ul { top: 70px;}
.header3 #main-menu > ul > li { display: inline-block; float: none;}
.header3 #main-menu > ul > li > a { line-height: 49px;}
.header3 #main-menu > ul > li:hover > ul { top: 49px;}
.header3 #main-menu ul ul li a { text-align: left;}
.header3 .searchPanel {margin-top: 90px;}
.header3 .searchPanel .searchForm.active {top: 140px; right: 12px;}
.header3 #cart {margin-top: 90px; padding-bottom: 14px;}
.header3 #cart .cart-container { top: 145px;}
.header3 #cart:hover .cart-container {top: 126px;}
.header3 .logo-container { display: inline-block;}
.header3 .logo-container.hasinfocard:before { display: none;}
.header3 #infocard { top: 119px; left: -100px;}
.header3 .dl-menuwrapper { text-align: right !important; margin-right: 80px;}
.header3 .new-item { top: -15px;}



/* Header Style 4 */
.header4.nav-up { top: -230px !important;}
.header4 .btn-slide {display: none;}
.header4 #panel { display: block;}
.header4 #logo { float: none; margin: 0 auto; padding: 15px 0;}
.header4 .dl-menuwrapper { padding-top: 0; margin-top: -65px; padding-bottom: 31px; text-align: right !important;}
.header4 .dl-menuwrapper .dl-menu.dl-menuopen { top: 65px;}
.header4 .dl-menuwrapper > .dl-submenu { top: 65px;}
.header4 #main-menu { text-align: center; float: none; margin-right: 65px;}
.header4 #main-menu > ul > li { display: inline-block; float: none;}
.header4 #main-menu > ul > li > a { line-height: 53px;}
.header4 #main-menu ul ul li a { text-align: left;}
.header4 #main-menu > ul > li:hover > ul { top: 53px;}
.header4 #main-menu ul ul { top: 75px;}
.header4 #cart { margin-top: 92px; padding-bottom: 16px;}
.header4 .searchPanel {margin-top: 92px;}
.header4 .searchPanel .searchForm.active {top: 144px;}
.header4 #cart .cart-container { top: 130px;}
.header4 #cart:hover .cart-container {top: 130px;}
.header4 .slide { border-top: 0;}
.header4 > #slideshow {margin-top: 167px !important;}
.header4 .logo-container.hasinfocard:before { display: none;}
.header4 .logo-container { display: inline-block;}
.header4 .onlyh3 { text-align: center;}
.header4 #infocard { top: 125px; left: -120px;}
.header4 .new-item { top: -15px;}


/* Header Style 5 (Transparent) */
.header5:not(.fillbg) { background-color: transparent !important; box-shadow: none; border-bottom: solid 1px rgba(255, 255, 255, 0.36);}
.header5:not(.fillbg) #main-menu > ul > li > a { color: #fff !important; font-size: 15px; font-weight: 600;}
.header5:not(.fillbg) #main-menu > ul > li.has-sub > a:hover { color: #D3D3D3;}
.header5:not(.fillbg) #main-menu > ul > li.active > a { color: #D3D3D3;}
.header5:not(.fillbg) .searchPanel span { color: #fff;}
.header5:not(.fillbg) #cart span { color: #fff;}
.header5:not(.fillbg) #logo .only-transparent { display: block; }
.header5:not(.fillbg) .non-transparent { display: none;}



/* 響應式主選單 Responsive Menu */
#dl-menu {
	text-align: right;
	padding-top: 100px;
	margin-right: 80px;

}
.dl-menuwrapper {
	text-align: left !important;
	padding-top: 90px;
	z-index: 99;
	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 200%;
	perspective-origin: 50% 200%;
	margin-left: 20px;
}
.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;
	border-radius: 4px;
	left: 0;
	box-shadow: 0 8px 0 #a30a0a, 0 16px 0 #a30a0a;
	background-color: #a30a0a;
}
.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: 0px; margin: 0; top: 132px; display: block;  
overflow-x: hidden; }/* 選單位置 */

/* 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;}


/* Boxed Slideshow */
body.boxed .boxedcontainer { max-width: 1200px; margin: 0; padding: 0}
.boxedcontainer	{max-width: 1170px; margin:auto; position: relative;}
#boxed-slideshow .boxed-container .tp-leftangle.default {top: 50% !important;}
#boxed-slideshow .boxed-container .tp-rightangle.default {top: 50% !important;}
#boxed-slideshow .welcome-message { top: 36%; }


/* Video Bg Slider */
.tp-caption { font-family: 'Roboto', Helvetica, Arial, sans-serif !important;}


/* Home Layout 1 */
/* Services */
.services-box span { float: left; font-size: 25px; color: #CCCCCC; 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; margin-bottom: 0;}
.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;}


/* Home Portfolio */
.portfolio-header { margin-bottom: 50px;}
.filters-nav ul li.filter-item.is-active:first-child { color: #fff !important; background: #CCCCCC !important; 
border-bottom: solid 4px #d84852 !important; border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.filters-nav ul li.filter-item.is-active { color: #fff !important; background: #CCCCCC !important; 
border-bottom: solid 4px #d84852 !important;  }
.filters-nav ul li.filter-item.is-active:last-child { color: #fff !important; background: #CCCCCC !important; 
border-bottom: solid 4px #d84852 !important; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

#portfolio-filters { text-align: center; margin-top: 33px; }
#portfolio-filters ul li.filter-item { display: inline-block; color: #161616; font-weight: 500; cursor: pointer; padding: 5px 17px; 
background: #fff; border-bottom: solid 4px #fff; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; 
-o-transition: all 0.2s; transition: all 0.2s; }
#portfolio-filters ul li.filter-item:first-child {border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
#portfolio-filters ul li.filter-item:last-child {border-top-right-radius: 5px; border-bottom-right-radius: 5px;}


.portfolio-wrapper .portfolio-item { position: relative; float: left; width: 25%; overflow: hidden; }
.portfolio-wrapper .portfolio-item img { display: block; margin: 0; padding: 0; max-width: 100%; height: auto; }
.portfolio-wrapper .portfolio-item .item-overlay { display: block; position: absolute; z-index: 20; background: rgba(55, 186, 133, 0.87); 
overflow: hidden; transition: all 0.5s; }
.portfolio-wrapper .portfolio-item a.close-overlay { display: block; position: absolute; top: 0; right: 0; z-index: 100; width: 45px; 
height: 45px; font-size: 20px; font-weight: 700; color: #fff; line-height: 45px; text-align: center; background-color: #000; 
cursor: pointer; }
.portfolio-wrapper .portfolio-item a.close-overlay.hidden { display: none; }
.portfolio-wrapper .portfolio-item .item-name { display: block; position: absolute; z-index: 100; text-align: center; color: #fff; }

.portfolio-wrapper .item-overlay { top: 0; bottom: 0; left: 0; right: 0; opacity: 0; }
.portfolio-wrapper .item-overlay .item-name { left: 0; right: 0; top: 0; margin: 0 auto; opacity: 0; -webkit-transition: all 0.5s; 
-moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.portfolio-wrapper .portfolio-item.hover .item-overlay { opacity: 1; }
.portfolio-wrapper .portfolio-item.hover .item-overlay .item-name { top: 50%; margin-top: -30px; opacity: 1; }

.overlay figure { margin: 0; position: relative; overflow: hidden; }
.overlay figure img { max-width: 100%; display: block; position: relative;}
.overlay figcaption { position: absolute; top: 0; left: 0; padding: 20px; background: #CCCCCC; color: #fff;}
.overlay figcaption h3 { margin: 0; padding: 0; color: #fff; font-size: 16px; }
.overlay figcaption h5 {margin: 0; padding: 0; color: #fff; font-size: 12px;}
.overlay-effect figure img { -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s;}

.no-touch .overlay-effect figure:hover img,
.overlay-effect figure.cs-hover img { -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none;}

.overlay-effect figcaption { min-height: 100px; width: 100%; top: auto; bottom: 0; opacity: 0; -webkit-transform: translateY(100%); 
-moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: 
-webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, 
opacity 0.1s 0.3s;-webkit-backface-visibility: hidden;}
.overlay-effect figure:hover img {-webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none;}

.no-touch .overlay-effect figure:hover figcaption,
.overlay-effect figure.cs-hover figcaption { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); 
-ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; 
-moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s;}


/* Home 1 Whats New*/
.news-header {display: inline-block;}
.news-boxes span {font-size: 40px; color: #ee414d; float: left; clear: left; line-height: 40px; font-weight: 300; margin-right: 20px;}
.news-boxes span:first-child { border-bottom: solid 1px;}
.news-boxes h3 {color: #161616; font-weight: 400; font-size: 17px; line-height: 28px;}


/* Our Team Carousel */
#team { background: url(../team/team-bg.jpg) no-Repeat; background-size: cover;}
#team h2 { color: #fff;}
#our-team ul { margin-top: 15px; text-align: center; }
#our-team ul li { display: inline-block; width: 40px; height: 40px; text-align: center; margin-left: 5px; 
background-color: rgba(255, 255, 255, 0.3); border-radius: 50%; margin-bottom: 5px;}
#our-team ul li:first-child { margin-left: 0;}
#our-team ul li a {color: #fff; line-height: 40px; display: block;}
#our-team .overlay-effect figcaption { min-height: 150px; padding-right: 25px;}
#our-team .overlay figcaption h3 { font-size: 24px; font-weight: 300;line-height: 25px;}

#our-team.owl-carousel { padding-top: 50px;}
#our-team .owl-buttons { position: absolute; top: 0; right: 0;top: 10px; right: 16px; }
#our-team .owl-buttons .owl-prev i {color: #fff; border: solid 2px; border-radius: 4px; padding: 13px 20px; position: absolute; 
right: 58px; font-size: 20px;}
#our-team .owl-buttons .owl-prev i:hover { background-color: #CCCCCC; border: solid 2px #CCCCCC;}
#our-team .owl-buttons .owl-next i {color: #fff; border: solid 2px; border-radius: 4px; padding: 13px 20px; position: absolute; 
right: 0; font-size: 20px;}
#our-team .owl-buttons .owl-next i:hover {background-color: #CCCCCC; border: solid 2px #CCCCCC;}


/* Buy Section */
.buy { background: #CCCCCC; padding: 50px 0;}
.buy h2 { color: #fff; font-size: 38px; line-height: 39px; margin-top: 0; margin-bottom: 0;}
.buy span { color: #cd1320;}
.buy h5 {color: #ffbbc0; font-size: 15px; font-weight: 300; margin-bottom: 0;}


/* Home Layout 2 */
/* Subscribe */
/* Mailchimp */
#subscribe h2 { margin-top: 0;}
#subscribe h5 { color: #a1a1a1; margin-bottom: 25px;}
#subscribe input {background: #E4E4E4; border: none; border-radius: 4px; outline: none; height: 35px; 
width: 300px; padding: 5px 10px;}
.alert { display: inline-block; width: 100%; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; 
line-height: 0; margin: 0; max-height: 0; padding-top: 0; padding-bottom: 0; overflow: hidden; vertical-align: top; 
border-width: 0; }
.alert { opacity:0; visibility:hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; 
-o-transition: all 0.3s; transition: all 0.3s; }
.alert.animate { opacity:1; visibility:visible; padding-top: 10px; padding-bottom: 10px; max-height:100px; 
line-height: 2.4em; margin-bottom: 20px; vertical-align: top; border-width: 1px; width: 40%; margin-top: 30px; }
.close {background: none; border: 0; float: right; font-size: 12px;}



/* Amazing Section */
#amazing { background: #CCCCCC; padding: 70px 0;}
#amazing p { color: #fff;}
ul.number-list span {color: #fff; font-size: 70px; margin-right: 15px; }
ul.number-list li { color: #fff; display: table; margin-bottom: 15px;}
ul.number-list li h4 {font-size: 16px; display: table-cell; line-height: 27px; vertical-align: middle; color: #fff;}

.amazing-left { margin-top: 70px;}
.amazing-right { margin-top: 70px;}



/* Feedbacks Section */
#feedbacks {padding: 70px 0;}
#feedbacks .feedbacks-header span {font-size: 65px; color: #CCCCCC; font-weight: 300; display: inline-block; line-height: 65px; 
margin-bottom: 10px;}
#feedbacks .feedbacks-header p {color: #a1a1a1;}
#feedbacks h5 {color: #161616; font-size: 15px; margin-bottom: 0; }
.feedback-box {background: #fafafa; border-radius: 6px; padding: 35px; margin-bottom: 20px; position: relative;}
.feedback-box:hover { border-bottom: solid 4px #CCCCCC; margin-bottom: -4px; }
.feedback-box:hover:after, .feedback-box:hover:before { top: 100%; left: 10%; border: solid transparent; content: " "; height: 0; 
width: 0; position: absolute; }
.feedback-box:hover:after { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 5px; margin-left: -5px; }
.feedback-box:hover:before { border-color: rgba(245, 37, 14, 0); border-top-color: #CCCCCC; border-width: 11px; margin-left: -11px; }
.feedback-box img { float: left;}
.feedback-box blockquote { color: #161616; background: url(../quotes.png) no-repeat left top; padding-left: 30px;
margin-left: 120px; line-height: 25px;}


/* Services Section */
#services { padding-top: 80px; background: #fafafa;}
#services span { color: #CCCCCC; 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: #CCCCCC; 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 .slide2 { display: block; width: 480px; height: 360px; top:0; border-top:0; }

/* The Navigation buttons in the Slider */
a.iCarouselNav { display: block; position: absolute; top: 178px; width: 43px; height: 43px; background: url(../iarrows.png) no-repeat; 
z-index: 1000; text-indent: -9999px; cursor: pointer; }
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; }


/* Home Layout 3 */
/* Purchase Section */
#purchase { padding-bottom: 70px;}
#purchase p { color: #a1a1a1;}


/* Expertise Section */
#expertise { background: #CCCCCC; padding: 70px 0;}
#expertise p { color: #ffbbc0;}
h4.expertise { color: #fff; font-size: 15px; font-weight: 300; margin-left: 40px; border-bottom: 1px dashed #ff8089; 
padding-bottom: 10px; margin-bottom: 0;}
ul.expertise li {padding: 5px 0;}
span.expertise { color: #fff; font-size: 20px; float: left; margin-right: 20px; line-height: 30px;}


/* Designed2 Section */
#designed2 { padding-top: 70px;}
#designed2 p { color: #a1a1a1;}
.designed2-margin { margin-top: 120px;}


/* Services2 Section */
#services2 { background: #fafafa; padding: 70px 0;}
#services2 span { color: #CCCCCC; font-size: 25px; float: left;}
#services2 h3 {color: #161616; font-size: 20px; font-weight: 300; margin-left: 50px; margin-bottom: 25px;}
#services2 p { color: #a1a1a1;}


/* Featured Projects */
.home3 #featured-projects { background: none;}
.home3 #portfolio-filters { margin-top: 0;}


/* Testimonials Carousel Section */
#testimonials { background: #1f2629; padding: 50px 0;}
#testimonials blockquote { color: #fff; font-size: 23px; font-weight: 300; line-height: 30px; padding: 0 200px; margin-bottom: 25px;}
#testimonials blockquote:before { content: "\e71a"; font-family: 'icomoon'; position: absolute; left: 120px;}
#testimonials p {padding: 0 200px;}


/* Get in Touch Section */
#getintouch { padding: 50px 0;}
#getintouch p { color: #aeaeae; margin-bottom: 0;}
#getintouch span { display: block;}
#getintouch ul li { margin-bottom: 20px;}


/* Google Map */
#map {
	width: 100%;
	height: 300px;
	background-color: #CCC;
}


/* Home Layout 4 */
/* Sub Header */
#sub-header { background: #CCCCCC; color: #fff; padding: 15px 0;}
.breakingnews-date { float: left; background: rgba(255, 255, 255, 0.25); padding: 5px 10px; border-radius: 4px;}
.breakingnews-date p { color: #fff; margin-bottom: 0;}
.breakingnews-title p { color: #fff; margin-bottom: 0;}
.breakingnews-title { float: left; padding: 5px 15px;}


/* Home 4 What's new */
#news { padding: 60px 0;}
#news h2 { margin-bottom: 60px;}
#news-big .overlay figcaption {background: rgba(255, 82, 94, 0.61); color: #fff; width: 65%; padding: 35px 25px;}
#news-big .overlay figcaption a { color: #fff; font-weight: 300; }
#news-big p { color: #fff;}
.caption-date {font-size: 26px; font-weight: 300; display: inline-block; margin-bottom: 15px;}
#news-small .news-small-post {padding: 40px 0; float: left; margin-left: 30px; width: calc( 50% - 30px );}
#news-small2 .news-small-post {padding: 40px 0; float: left; margin-right: 30px; padding-left: 30px; width: calc( 50% - 30px );}
#news-small .news-small-post .caption-date, #news-small2 .news-small-post .caption-date { font-size: 30px; font-weight: 300; 
display: inline-block; margin-bottom: 15px; color: #CCCCCC;}
#news-small .news-small-post span, #news-small2 .news-small-post span {color: #c1c1c1;}
#news-small .news-small-post span b, #news-small2 .news-small-post span b { color: #161616;}
#news-small .news-small-post h4, #news-small2 .news-small-post h4 {font-size: 18px; font-weight: 400;}
#news-small img { float: left;}
#news-small2 img { float: right;}


/* New Projects Section */
#new-projects { background: #fafafa; padding: 70px 0;}
#new-projects .portfolio-wrapper .portfolio-item { padding-right: 15px;}
#new-projects .portfolio-wrapper .portfolio-item h3 {color: #161616; font-size: 17px; margin: 15px 0; margin-bottom: 0;}
#new-projects .portfolio-wrapper .portfolio-item span {color: #c1c1c1;}
#new-projects .portfolio-wrapper .portfolio-item span b { color: #3d3d3d;}
.projects-date { color: #CCCCCC !important;}


/* Web Design Section */
#web-design { padding: 70px 0;}
#web-design .webdesign-post .post-header h3 {color: #161616; font-size: 20px; line-height: 30px; font-weight: 300; margin-bottom: 15px;}
#web-design .webdesign-post .post-header span {color: #c1c1c1;}
#web-design .webdesign-post .post-header span p { display: inline-block; color: #3d3d3d;}
#web-design .webdesign-post .post-header .post-tag { font-style: italic; margin-left: 20px;}
#web-design .webdesign-post .post-content p { color: #a1a1a1;}
.releated-posts h3 {font-size: 22px; font-weight: 300; color: #3d3d3d; margin-bottom: 30px; padding-bottom: 20px; 
border-bottom: solid 1px #eaeaea;}
#web-design h4 {font-size: 16px; color: #161616; margin: 20px 0 30px 0; font-weight: 400; line-height: 22px;}
.releated-posts p { color: #a1a1a1;}


/* Sidebar */
.sidebar h3 {
	font-size: 24px;
	color: #D87D03;
	font-weight: 300;
	margin-bottom: 10px;
	padding-left: 15px;
}
.widget-categories ul li { margin-bottom: 10px;}
.widget-categories ul li:before {content: "\f105"; font-family: 'icomoon'; border: solid 1px; border-radius: 50%; color: #cbcbcb; 
padding-left: 8px; font-size: 11px; margin-right: 5px; width: 20px; display: inline-block; height: 20px; line-height: 20px;}
.widget-tags ul { display: inline-block;}
.widget-tags ul li { display: inline-block; float: left; margin: 0 3px 12px 0;}
.widget-tags ul li a {padding: 5px 10px; border-radius: 4px; -moz-transition: background-color 200ms; 
-o-transition: background-color 200ms; -ms-transition: background-color 200ms; 
transition: background-color 200ms; border: solid 1px #d6d6d6;}
.widget-tags ul li a:hover { background: #CCCCCC; color: #fff; border: none; border: solid 1px #CCCCCC; }

.advertisment { background: #fbfbfb; padding: 5px 0;}
.advertisment p {text-transform: uppercase; text-align: center; font-size: 10px; }
.advertisment img { margin: 0 auto; }
.advertisment2 { background: #fbfbfb; padding: 5px 0;}
.advertisment2 p {text-transform: uppercase; text-align: center; font-size: 10px; }
.advertisment2 img { padding: 3px; float: left;}


/* Home Layout 5 */
/* Agency Section */
#agency {padding-bottom: 70px;}
#agency p {color: #a1a1a1; font-size: 17px; line-height: 24px;}
#agency .nav-tabs { border-bottom: none;}
#agency .nav-tabs > li { display: inline-block; float: none;}
#agency .nav-tabs > li > a { background: #f7f7f7; border: 0; border-bottom: solid 5px #f7f7f7; margin-right: 0;}
#agency .nav-tabs > li > a:hover { border: none; border-bottom: solid 5px #f7f7f7;}
#agency .nav-tabs > li.active > a { background: #CCCCCC; color: #fff; border: none; border-bottom: solid 5px #d84852;  border-radius: 0; }
#agency .nav-tabs > li.active:first-child > a { border-bottom-left-radius: 4px; border-top-left-radius: 4px; }
#agency .nav-tabs > li.active:last-child > a { border-bottom-right-radius: 4px; border-top-right-radius: 4px; }
#agency .tab-content h3 {color: #161616; font-size: 24px; line-height: 32px; font-weight: 300; margin-bottom: 30px;}


/* Help Section */
#help { background: #fafafa; padding: 70px 0;}
#help span { float: left; font-size: 25px; color: #CCCCCC; border: solid 1px; border-radius: 50%; padding: 20px;}
#help h3 { color: #161616; font-size: 16px; margin-left: 85px; margin-bottom: 10px;}
#help p { margin-left: 85px; margin-bottom: 10px;}
#help a {margin-left: 85px;}


/* Featured Projects Section */
.home5 #featured-projects { background: #fff;}
.home5 .overlay figcaption h3 { text-align: left;}
.home5 .overlay figcaption h5 { text-align: left;}
.home5 .portfolio-wrapper .portfolio-item {width: 100%;}


/* Testimonials2 Section */
#testimonials2 { background: #CCCCCC; color: #fff; text-align: center; padding: 70px 0;}
.testimonials2-carousel blockquote {font-size: 40px; line-height: 50px; font-weight: 300; margin-bottom: 20px; color: #fff;}
.testimonials2-carousel h6 {font-size: 16px; color: #fff;}
.test-quotes { color: #fff; font-size: 22px; border: solid 2px; border-radius: 50%; padding: 20px; margin-bottom: 10px; 
display: inline-block;}


/* Home Layout 6 */
/* Services Section */
.services-box2 span { float: none; display: inline-block; margin-bottom: 20px;}
.services-box2 h3 { display: block; margin: 0; margin-bottom: 20px; }
.services-box2 p { margin: 0; margin-bottom: 20px;}


/* Produce Section */
#produce { background: #fafafa; padding: 70px 0;}
#produce h2 {color: #161616; font-size: 28px; line-height: 35px; font-weight: 300; margin-bottom: 20px;}
#produce p { color: #a1a1a1; margin-bottom: 30px;}
#produce img { margin: 0 auto;}
#produce .left { margin-top: 50px;}


/* Testimonials3 Section */
#testimonials3 { background: url(../testimonials-bg.jpg) no-repeat; background-size: cover; padding: 70px 0;}
#testimonials3 blockquote {color: #161616; font-size: 20px; line-height: 32px; font-weight: 300; background: rgba(255, 255, 255, 0.5); 
padding: 30px 40px; border-radius: 4px; width: 450px; margin: 0 auto; position: relative; margin-bottom: 25px;}
#testimonials3 blockquote:before { content: "\e11c"; font-family: 'icomoon'; color: #CCCCCC; margin-right: 10px;}
#testimonials3 blockquote:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; 
position: absolute; border-color: rgba(255, 255, 255, 0); border-top-color: rgba(255, 255, 255, 0.5); 
border-width: 10px; margin-left: -10px; }
#testimonials3 h5 { color: #161616; font-size: 15px; margin-bottom: 0;}
#testimonials3 p { color: #fff;}
#testimonials3 .owl-buttons .owl-prev i {color: #fff; border: solid 2px; border-radius: 4px; padding: 13px 20px; position: absolute; 
left: 0; top: 43%; font-size: 20px;}
#testimonials3 .owl-buttons .owl-prev i:hover { background-color: #CCCCCC; border: solid 2px #CCCCCC;}
#testimonials3 .owl-buttons .owl-next i {color: #fff; border: solid 2px; border-radius: 4px; padding: 13px 20px; position: absolute; 
right: 0; top: 43%; font-size: 20px;}
#testimonials3 .owl-buttons .owl-next i:hover {background-color: #CCCCCC; border: solid 2px #CCCCCC;}


/* Our Office Section */
#our-office { padding: 70px 0;}
#our-office h3 { color: #161616; font-size: 18px; margin-bottom: 30px;}
#our-office p { color: #a1a1a1;}


/* From the Blog Section */
#from-blog { background: #fafafa; padding: 70px 0;}
#from-blog .blog-date { font-size: 32px; font-weight: 300; color: #CCCCCC; margin-bottom: 25px; display: inline-block;}
#from-blog h3 { color: #161616; font-size: 16px; margin-bottom: 5px; line-height: 25px;}
#from-blog .blog-boxes { background: #fff; padding: 20px 25px; position: relative;}
#from-blog .blog-boxes:after {bottom: 100%; left: 7%; border: solid transparent; content: " "; height: 0; width: 0; 
position: absolute; border-color: rgba(255, 255, 255, 0); border-bottom-color: #fff; border-width: 10px; 
margin-left: -10px;}


/* Buy-now Section */
#buy-now { background: #CCCCCC; padding: 20px 0;}
#buy-now h3 {color: #fff; font-size: 27px; font-weight: 300; float: left; line-height: 54px; margin-left: 20px; margin-bottom: 0;}
#buy-now img { margin-top: 7px;}


/* Home Layout 7 */
/* Hello Section */
#hello { background: #fafafa; border-bottom: solid 3px #CCCCCC; padding: 70px 150px; text-align: center;} 
#hello p { color: #a1a1a1;}


/* Digital Content Section */
#digital-content { padding-top: 70px;}
#digital-content h2 { margin-top: 50px; margin-bottom: 30px;}
#digital-content p { color: #9f9f9f;}


/* Amazing Team Setion */
#amazing-team { background: #fafafa; padding: 70px 0;}
#amazing-team h4 {color: #161616; font-size: 16px; margin-bottom: 10px;}
#amazing-team p { color: #a1a1a1;}
#amazing-team img { margin: 0 auto;}


/* Testimonials4 Section */
#testimonials4 { padding: 70px 0;}
#testimonials4 blockquote { background: #fafafa; padding: 25px; font-size: 20px; line-height: 30px; font-weight: 300; color: #161616;
margin-bottom: 30px; position: relative;}
#testimonials4 blockquote:before { content: "\e71d"; font-family: 'icomoon'; color: #CCCCCC; margin-right: 20px;}
#testimonials4 blockquote:after { top: 100%; left: 10%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; 
border-color: rgba(250, 250, 250, 0); border-top-color: #fafafa; border-width: 10px; margin-left: -10px; }
#testimonials4 h4 {color: #161616; font-size: 15px;}
#testimonials4 p { color: #a1a1a1;}


/* Recent Works */
#recent-works { padding: 70px 0;}
#recent-works .owl-buttons .owl-prev i, #testimonials4 .owl-buttons .owl-prev i {color: #fff; border-radius: 4px; padding: 9px 17px; 
position: absolute; right: 60px; top: 68px; font-size: 20px; background: #CCCCCC; border-bottom: solid 3px #d84852;}
#recent-works .owl-buttons .owl-prev i:hover, #testimonials4 .owl-buttons .owl-prev i:hover { background-color: #CCCCCC;}
#recent-works .owl-buttons .owl-prev i:active, #testimonials4 .owl-buttons .owl-prev i:active { margin-top: 3px; 
border-bottom: solid 1px #d84852;}
#recent-works .owl-buttons .owl-next i, #testimonials4 .owl-buttons .owl-next i {color: #fff; border-radius: 4px; padding: 9px 17px; 
position: absolute; right: 15px; top: 68px; 
font-size: 20px; background: #CCCCCC; border-bottom: solid 3px #d84852;}
#recent-works .owl-buttons .owl-next i:hover, #testimonials4 .owl-buttons .owl-next i:hover {background-color: #CCCCCC;}
#recent-works .owl-buttons .owl-next i:active, #testimonials4 .owl-buttons .owl-next i:active { margin-top: 3px; 
border-bottom: solid 1px #d84852;}


/* Amazing2 Section */
#amazing2 { padding: 100px 0; background: url(../amazing2bg.jpg) no-repeat center bottom; background-size: cover;}
#amazing2 p { color: #fff;}
.amazing2-left { margin-top: 100px;}
.amazing2-right { margin-top: 100px;}


/* Home Layout 8 */
/* Hello Section */
.home8 #hello { background: #fff; border-bottom: none; padding: 0 200px 70px 200px;}


/* Services3 Section */
#services3 { background: url(../services3.jpg) no-repeat center top fixed; padding: 70px 0;}
.services3-boxes { background: #fff; border-radius: 4px; padding: 30px 25px; margin-bottom: 20px;}
.services3-boxes span {font-size: 24px; color: #CCCCCC; border: solid 1px; border-radius: 50%; padding: 15px; 
display: inline-block; margin-bottom: 20px;}
.services3-boxes h3 {color: #161616; font-size: 23px; line-height: 27px; font-weight: 300; margin-bottom: 20px;}
.services3-boxes p { color: #a1a1a1; margin-bottom: 20px;}


/* Featured Projects2 Section */
#featured-projects2 { padding: 70px 0;}
.home8 .portfolio-wrapper .portfolio-item { width: 33%;}


/* Our Skills Section */
#skills { background: #fafafa; padding: 70px 0; text-align: center;}
#skills p { color: #a1a1a1; margin-top: 10px;}
#skills h4 { color: #a1a1a1; font-size: 16px; margin-top: 5px;}
#skills .sub-title { padding: 0 150px;}
#skills span {font-size: 34px; color: #adadad; display: block; margin-top: -130px; margin-bottom: 150px;}
#skills .procent { color: #161616; display: initial;}
#skills .separator2 { border: solid 1px #dfdfdf; padding: 0 100px; display: inline-block;}

#skills .circular-bar canvas { margin-top: 30px; position: relative;}
#skills .circular-bar.featured canvas { width: 250px !important; height: 250px !important; margin-top: 0;}
#skills .circular-bar.featured span { font-size: 50px; margin-top: -160px; margin-bottom: 140px;}


/* Get in Touch2 Section */
#getintouch2 { padding: 70px 0;}
.getintouch-info ul li { margin-bottom: 20px;}
.getintouch-info span { font-size: 30px; color: #d7d7d7; float: left; margin-right: 25px;}
.getintouch-info h4 {color: #161616; font-size: 14px; margin-left: 60px; margin-bottom: 0;}
.getintouch-info p { color: #a1a1a1; margin-left: 60px; margin-bottom: 0;}


/* Home Layout 9 */
/* Services4 Section */
#services4 { background: url(../home9-bg/img1.jpg) center bottom fixed; padding: 70px 0;}
.services4-boxes { background: #fff; border-radius: 4px; padding: 25px; margin-bottom: 20px;}
.services4-boxes span {font-size: 24px; color: #CCCCCC; padding: 15px; display: inline-block; margin-bottom: 30px;}
.services4-boxes h3 {color: #161616; font-size: 23px; line-height: 27px; font-weight: 300; margin-bottom: 30px; padding-top: 20px;}
.services4-boxes p { color: #a1a1a1; margin-bottom: 30px;}


/* New Theme Section */
#new-theme { background: url(../home9-bg/img2.jpg) center bottom fixed; padding: 70px 0; color: #fff;}
#new-theme span { font-size: 26px; float: left;}
#new-theme h4 {margin-left: 40px; margin-bottom: 20px;}
#new-theme p { color: #fff;}


/* Other Say Section */
#other-say { background: url(../home9-bg/img3.jpg) center bottom fixed; padding: 70px 0; color: #fff;}
#other-say .item { background: #3d3d3d; padding: 30px 25px;}
#other-say blockquote {font-size: 18px; font-weight: 300; line-height: 25px; margin-bottom: 30px;}
#other-say blockquote:before {content: "\e71d"; font-family: 'icomoon'; color: #fff; margin-right: 20px;}


/* Few Words Section */
#few-words { background: url(../home9-bg/img4.jpg) center bottom fixed; padding: 70px 0; color: #fff;}
#few-words h4 {font-size: 18px; line-height: 25px; margin-left: 230px; margin-bottom: 20px;} 
#few-words p { margin-bottom: 20px; color: #fff;}


/* Why Section */
#why { background: url(../home9-bg/img5.jpg) center bottom fixed; padding: 70px 0; color: #fff;}
#why span {font-size: 20px; float: left; margin-right: 25px; line-height: 30px;}
#why h4 { font-size: 14px; margin-bottom: 0;}
#why ul li { background: rgba(255, 255, 255, 0.25); margin-bottom: 1px; padding: 15px;}


/* Recent Projects Section */
#recent-projects { background: url(../home9-bg/img6.jpg) center bottom fixed; padding: 70px 0; color: #fff;}
#recent-projects .owl-buttons { position: absolute; top: 0; right: 0;top: 10px; right: 16px; }
#recent-projects .owl-buttons .owl-prev i {color: #fff; border: solid 2px; border-radius: 4px; padding: 13px 20px; position: absolute; 
right: 58px; font-size: 20px;}
#recent-projects .owl-buttons .owl-prev i:hover { background-color: #CCCCCC; border: solid 2px #CCCCCC;}
#recent-projects .owl-buttons .owl-next i {color: #fff; border: solid 2px; border-radius: 4px; padding: 13px 20px; position: absolute; 
right: 0; font-size: 20px;}
#recent-projects .owl-buttons .owl-next i:hover {background-color: #CCCCCC; border: solid 2px #CCCCCC;}
#recent-projects .overlay figure { position: relative;}
#recent-projects .overlay-effect figcaption { min-height: 60px;}
#recent-projects h3 { float: left;}
#recent-projects span { float: right; margin-top: 10px;}


/* Home Layout 10 (Shop) */
/* Shop-Header */
#shop-header { min-height: 520px; position: relative; margin-bottom: 30px;}
#shop-header .shop-header-caption { position: absolute; width: 100%; bottom: 10%; margin-bottom: 30px;}
#shop-header .shop-bg { position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%); transform: translateX(-50%);}
#shop-header .banners img { margin-top: 20px;}
#shop-header p {color: #6e6e6e;}


/* Shop Banners Section */
#shop-banners { margin-bottom: 70px;}
#shop-banners .shop-banner { border: solid 1px #d7dadb; padding: 30px 20px; color: #3d3d3d; }
#shop-banners .shop-banner span { float: left; font-size: 40px; border-right: dashed 1px #d7dadb; padding-right: 20px; margin-right: 25px;
line-height: 50px;}
#shop-banners .shop-banner h3 {font-size: 24px; font-weight: 300; line-height: 26px; margin-bottom: 0;}


/* Shop Sidebar */
.shop-sidebar .widget { margin-bottom: 50px;}
.shop-sidebar .checkbox label { display: block; border-bottom: dashed 1px rgba(221, 221, 221, 0.71); padding: 10px; padding-left: 40px;}
.shop-sidebar .checkbox label:hover { color: #CCCCCC;}


/* price-range */
.price-range { position: relative;}
.price-range-slider {height:4px; background:#e7e7e7; border-radius:4px;margin-bottom: 13px;}
.price-range-slider .ui-slider-range {background:#e5e5e7; border-radius:4px;}
.price-range-slider .ui-slider-handle {border-radius: 9px; background-color: #CCCCCC; width: 17px; height: 17px; margin-top: -6px; 
outline: none; cursor: pointer; }
.price-range-slider .ui-slider-handle:active {outline:none; }
.price-range .price-result {border:0; background:none; max-width: 120px; font-size: 13px; font-weight: 600; color: #a1a1a1; outline: none;
 height: 32px; position: absolute; top: 12px; left: 40px;}
.price-range:hover .price-range-slider {background: #e7e7e7;}
.price-range:hover .price-range-slider .ui-slider-range {background: #c1c1c1;}
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.price-range .filter {position: absolute; right: 20px;}
.price-range span {color: #a1a1a1; display: inline-block;}


/* 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: 15px;}
.products .buy-cart {background: #CCCCCC; 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:#CCCCCC; outline: none; }


/* Blog Page */
.header-breadcrumb {
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	-moz-box-shadow: -1px -1px 8px #828282;
	-webkit-box-shadow: -1px -1px 8px #828282;
	box-shadow: -1px -1px 8px #828282;

	
}
.header-breadcrumb ul { float: right;}
.header-breadcrumb ul li {
	float: left;
	color: #161616;
	font-size: 12px;
	line-height: 34px;
	margin-right: 10px;
}
.header-breadcrumb ul li a{
	color: #666;
}
.header-breadcrumb ul li:last-child { margin-right: 0;}
.header-breadcrumb ul li.active p {
	color: #a30a0a;
}
.header-breadcrumb h2 {font-size: 22px; line-height: 35px;}
.header-breadcrumb h2.section-title { margin-bottom: 0;}
.header-breadcrumb p { margin-bottom: 0;}


.sidebar2 img { float: left;}
.sidebar2 h4 { color: #161616; font-size: 13px; line-height: 16px; margin-left: 100px; margin-bottom: 0;}
.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: #CCCCCC; 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; margin-bottom: 0;}

.blog-post { position: relative;}
.blog-post figcaption {min-height: 65px;}
.blog-post .post-head h2 {
	color: #333333;
	font-size: 22px;
	font-weight: 300;
	line-height: 28px;
	margin-bottom: 10px;
}
.blog-post .post-head h2 a{
	color: #333333;
	font-weight: normal;
}
.blog-post .post-head b { color: #161616;}
.blog-post .post-head span { color: #a1a1a1;}
.blog-post .post-content p {
	color: #666666;
	font-size: 12px;
	line-height: 18px;
}

.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: #CCCCCC; 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: 1px solid #FFFFFF;
	color: #868686;
	background-color: #D9D9D9;
}
.pagination li a:hover {
	color: #FFFFFF;
	background-color: #CCCCCC;
}
.pagination > .active > a {
	color: #FFF;
	border: solid 1px #FFFFFF;
	background-color: #CCCCCC;
}
.pagination > .active > a:hover {
	color: #FFFFFF;
	border: solid 1px #FFFFFF;
	background-color: #CCCCCC;
}
.pagination > li:first-child > a {
	color: #FFFFFF;
}
.pagination > li:last-child > a {
	color: #FFFFFF;
}

.blog-video {width:100%; height:281px;}
.soundcloud iframe {width:100%; height:166px;}

.attachment { background-color: #f7f7f7; padding: 50px 40px;}
.attachment-span {color: #CCCCCC; font-size: 26px; float: left; margin-right: 25px; line-height: 42px;}
.attachment p { text-decoration: underline; font-size: 24px; font-weight: 300; margin-bottom: 0; line-height: 40px;}

/* Blog Style 3 */
.blog3 .blog-post .post-head h2 { font-size: 20px; line-height: 30px;}
.blog-post2 .btn-default {background: #CCCCCC;}
.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 #818181; }
.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 #818181;}
.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(../blog/rounded.jpg); }
.ch-img-2 { background-image: url(../blog/rounded2.jpg); }
.ch-img-3 { background-image: url(../blog/rounded3.jpg); }
.ch-img-4 { background-image: url(../blog/rounded4.jpg); }
.ch-img-5 { background-image: url(../blog/rounded5.jpg); }
.ch-img-6 { background-image: url(../blog/rounded6.jpg); }
.ch-img-7 { background-image: url(../blog/rounded7.jpg); }
.ch-img-8 { background-image: url(../blog/rounded8.jpg); }
.ch-img-9 { background-image: url(../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; 
padding: 130px 0 0 0; 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;}
}
@media (min-width: 768px) and (max-width: 992px) { 
	.ch-grid li { width: 220px; height: 220px;}
	.ch-info h3 { font-size: 16px; height: 115px; padding-top: 55px; 
	margin-bottom: 5px;}
}
@media (max-width: 768px) { 
	.portfolio2 #portfolio-filters { text-align: center;}
	.ch-grid li { width: 290px; height: 290px;}
	.ch-info h3 { padding: 90px 0 0 0;}
}


/* Portfolio Single Project */
#project p { color: #9f9f9f;}
.project-info ul.info li span {
	color: #2c6d1f;
	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: #666666;
}
.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 */
#single-project .owl-controls .item-link { position: relative; display: block; width: 161.1px; height: 106px; margin: 0 1px; 
outline: none; }
#single-project .owl-controls .item-link:focus { -webkit-box-shadow: 0 0 8px #cc4895; -moz-box-shadow: 0 0 8px #cc4895; 
box-shadow: 0 0 8px #cc4895; outline: none; }
#single-project .owl-controls .owl-page span { display: none; }
#single-project .owl-controls { margin-top: 1px;}
#single-project .item img { height: 366px; width: 100%;}
#single-project .owl-buttons .owl-prev i {color: #505050; padding: 9px 15px; position: absolute; left: 25px; top: 35%; 
font-size: 16px; background: #fff;}
#single-project .owl-buttons .owl-next i {color: #505050; padding: 9px 15px; position: absolute; right: 25px; top: 35%; 
font-size: 16px; background: #fff;}

#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: #CCCCCC; border-bottom: solid 3px #d84852;}
#recent-works2 .owl-buttons .owl-prev i:hover { background-color: #CCCCCC;}
#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: #CCCCCC; border-bottom: solid 3px #d84852;}
#recent-works2 .owl-buttons .owl-next i:hover {background-color: #CCCCCC;}
#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%, #CCCCCC 41%, #CCCCCC 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%,#CCCCCC), color-stop(100%,#CCCCCC)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #ff757e 0%,#ff757e 41%,#ff757e 41%,#CCCCCC 41%,#CCCCCC 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #ff757e 0%,#ff757e 41%,#ff757e 41%,#CCCCCC 41%,#CCCCCC 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #ff757e 0%,#ff757e 41%,#ff757e 41%,#CCCCCC 41%,#CCCCCC 100%); /* IE10+ */
background: linear-gradient(148deg,  #ff757e 0%,#ff757e 41%,#ff757e 41%,#CCCCCC 41%,#CCCCCC 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: #CCCCCC; 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: #CCCCCC; font-weight: 100; padding: 10px 24px 36px 24px; 
background: #FFF; border: solid 1px #CCCCCC; 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: #CCCCCC; font-size: 20px;}


/* Team Style 1 Page */
.team-members h3 {
	color: #2c6d1f;
	font-size: 18px;
	margin-bottom: 8px;
}
.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 #818181; 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 #818181; 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: #CCCCCC; font-size: 11px; margin-right: 5px;}
ul.activity li p { display: inline-block; margin-bottom: 0;}

.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: #CCCCCC; border-bottom: solid 3px #d84852;}
.latest-projects .owl-buttons .owl-prev i:hover { background-color: #CCCCCC;}
.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: #CCCCCC; border-bottom: solid 3px #d84852;}
.latest-projects .owl-buttons .owl-next i:hover {background-color: #CCCCCC;}
.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 .label-form input {
	width: 450px;
	border: 1px solid #ddd;
	background-color: #FCFCFC;
	font-size: 13px;
	color: #333333;
	height: 30px;
	text-indent: 15px;
	outline: none;
	border-radius: 3px;
	background-clip: padding-box;
	box-shadow: inset 0 1px 0 #818181;
	margin-bottom: 15px;
}
.code input{
	width: 150px;
	border: 1px solid #ddd;
	background-color: #FCFCFC;
	font-size: 13px;
	color: #333333;
	height: 30px;
	text-indent: 15px;
	outline: none;
	border-radius: 3px;
	background-clip: padding-box;
	box-shadow: inset 0 1px 0 #818181;
	float: left;
	margin-right: 20px;
	}
.label-form select{
	border: 1px solid #ddd;
	background-color: #FCFCFC;
	font-size: 13px;
	color: #333333;
	height: 30px;
	text-indent: 15px;
	outline: none;
	border-radius: 3px;
	background-clip: padding-box;
	box-shadow: inset 0 1px 0 #818181;
	margin-bottom: 15px;
}
.contact #contact_form .label-form input:hover {border-color: #bbb;}
.contact #contact_form .label-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 .label-form textarea {
	width: 550px;
	height: 150px;
	padding: 15px;
	border: 1px solid #ddd;
	background-color: #FCFCFC;
	font-size: 13px;
	color: #666666;
	outline: none;
	border-radius: 3px;
	background-clip: padding-box;
	box-shadow: inset 0 1px 0 #818181;
	margin-bottom: 20px;
}
.contact #contact_form .label-form textarea:hover {border-color: #bbb;}
.contact #contact_form .label-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: #CCCCCC; 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; margin-bottom: 0;}


/* 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: #CCCCCC; 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;}
.blockquote-left {padding: 5px 10px 5px 0; margin: 10px 15px 10px 0; font-size: 17.5px; border-right: 5px solid #CCCCCC; 
color: #161616; line-height: 25px; width: 330px; float: left;}
.blockquote-right {padding: 5px 0px 5px 25px; margin: 10px 0px 10px 15px; font-size: 17.5px; border-left: 5px solid #CCCCCC; 
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(../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(../custom-boxes/box2.jpg) no-repeat;}
.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: #CCCCCC; border-radius: 50%; border: solid 1px; padding: 31px; display: inline-block; 
margin-bottom: 20px;}

.custom-box-4 { background: #CCCCCC; padding: 50px;}
.custom-box-4 span {float: left; font-size: 25px; color: #fff; border-radius: 50%; border: solid 1px; padding: 31px;}
.custom-box-4 .line2 { 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; position: relative;}
.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: #CCCCCC; 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: #2c6d1f;
	font-size: 22px;
	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: 26px;}
h6 {font-weight: 300; color: #161616; font-size: 22px; line-height: 28px;}
h2.satisfy-title { font-family: 'Satisfy'; font-size: 32px; line-height: 37px; color: #3d3d3d; margin-bottom: 15px;}
h2.default-title { font-size: 32px; color: #3d3d3d; line-height: 37px; margin-bottom: 15px;}
h2.romanesco-title { font-family: 'Romanesco'; font-size: 32px; line-height: 37px; color: #3d3d3d; margin-bottom: 15px;}

::selection {color: #fff; background: #CCCCCC;}
::-moz-selection {color: #fff; background: #CCCCCC;}

.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 #CCCCCC; color: #161616; }

.firstcharacter { float: left; color: #CCCCCC; font-size: 43px; line-height: 43px; margin-right: 5px; }
.firstcharacter2 { float: left; color: #fff; background: #CCCCCC; font-size: 40px; line-height: 40px; margin-right: 10px; padding: 2px 9px;}


/* Buttons Page */
.buttons-intro { background: #CCCCCC; 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 !important; color: #161616 !important; box-shadow: 0 6px #e8e8e8 !important; font-weight: 400; }
.simple-btn:hover { color: #161616 !important; box-shadow: 0 4px #e8e8e8 !important; } 
.simple-btn:active {box-shadow: 0 0 #e8e8e8 !important; top: 6px; border: none;}

.small-salmon { background: #fa8072 !important; box-shadow: 0 4px #d36e62 !important; color: #fff; padding: 8px 20px; }
.small-salmon:hover { color: #fff; box-shadow: 0 2px #d36e62 !important; } 
.small-salmon:active {box-shadow: 0 0 #d36e62 !important; top: 4px; border: none;}

.small-dodger { background: #1e90ff !important; box-shadow: 0 4px #1c7bd8 !important; color: #fff; padding: 8px 20px; }
.small-dodger:hover { color: #fff; box-shadow: 0 2px #1c7bd8 !important; } 
.small-dodger:active {box-shadow: 0 0 #1c7bd8 !important; top: 4px; border: none;}

.small-sea-green { background: #8fbc8f !important; box-shadow: 0 4px #7aa07a !important; color: #fff; padding: 8px 20px; }
.small-sea-green:hover { color: #fff; box-shadow: 0 2px #7aa07a !important; } 
.small-sea-green:active {box-shadow: 0 0 #7aa07a !important; top: 4px; border: none;}

.small-pale { background: #db7093 !important; box-shadow: 0 4px #ba617e !important; color: #fff; padding: 8px 20px; }
.small-pale:hover { color: #fff; box-shadow: 0 2px #ba617e !important; } 
.small-pale:active {box-shadow: 0 0 #ba617e !important; top: 4px; border: none;}

.small-slate { background: #708090 !important; box-shadow: 0 4px #616e7b !important; color: #fff; padding: 8px 20px; }
.small-slate:hover { color: #fff; box-shadow: 0 2px #616e7b !important; } 
.small-slate:active {box-shadow: 0 0 #616e7b !important; top: 4px; border: none;}

.medium-teal { background: #008080 !important; box-shadow: 0 4px #046e6e !important; color: #fff; padding: 8px 25px; }
.medium-teal:hover { color: #fff; box-shadow: 0 2px #046e6e !important; } 
.medium-teal:active {box-shadow: 0 0 #046e6e !important; top: 4px; border: none;}

.medium-pink { background: #ff9966 !important; box-shadow: 0 4px #d88358 !important; color: #fff; padding: 8px 25px; }
.medium-pink:hover { color: #fff; box-shadow: 0 2px #d88358 !important; } 
.medium-pink:active {box-shadow: 0 0 #d88358 !important; top: 4px; border: none;}

.medium-sky { background: #87ceeb !important; box-shadow: 0 4px #74afc7 !important; color: #fff; padding: 8px 25px; }
.medium-sky:hover { color: #fff; box-shadow: 0 2px #74afc7 !important; } 
.medium-sky:active {box-shadow: 0 0 #74afc7 !important; top: 4px; border: none;}

.medium-robin { background: #00cccc !important; box-shadow: 0 4px #04adad !important; color: #fff; padding: 8px 25px; }
.medium-robin:hover { color: #fff; box-shadow: 0 2px #04adad !important; } 
.medium-robin:active {box-shadow: 0 0 #04adad !important; top: 4px; border: none;}

.medium-slate-blue { background: #6a5acd !important; box-shadow: 0 4px #5c4eae !important; color: #fff; padding: 8px 25px; }
.medium-slate-blue:hover { color: #fff; box-shadow: 0 2px #5c4eae !important; } 
.medium-slate-blue:active { box-shadow: 0 0 #5c4eae !important; top: 4px; border: none;}

.large-royal { background: #4169e1 !important; box-shadow: 0 4px #3a5bbf !important; color: #fff; padding: 10px 30px; }
.large-royal:hover { color: #fff; box-shadow: 0 2px #3a5bbf !important; } 
.large-royal:active { box-shadow: 0 0 #3a5bbf !important; top: 4px; border: none;}

.large-rosy { background: #bc8f8f !important; box-shadow: 0 4px #a07a7a !important; color: #fff; padding: 10px 30px; }
.large-rosy:hover { color: #fff; box-shadow: 0 2px #a07a7a !important; } 
.large-rosy:active { box-shadow: 0 0 #a07a7a !important; top: 4px; border: none;}

.large-mountbatten { background: #997a8d !important; box-shadow: 0 4px #836979 !important; color: #fff; padding: 10px 30px; }
.large-mountbatten:hover { color: #fff; box-shadow: 0 2px #836979 !important; } 
.large-mountbatten:active { box-shadow: 0 0 #836979 !important; top: 4px; border: none;}

.large-pale { background: #abcdef !important; box-shadow: 0 4px #92aeca !important; color: #fff; padding: 10px 30px; }
.large-pale:hover { color: #fff; box-shadow: 0 2px #92aeca !important; } 
.large-pale:active { box-shadow: 0 0 #92aeca !important; top: 4px; border: none;}

/* Outline Buttons */
.small-outline { background: #fff !important; color: #a1a1a1 !important; border: solid 1px #dedede !important; box-shadow: none !important; 
padding: 8px 20px; }
.small-outline:hover { box-shadow: none !important; color: #a1a1a1 !important; top: 0;}
.small-outline:active { border: solid 1px #dedede !important; box-shadow: none !important; top: 0;}

.medium-outline { background: #fff !important; color: #a1a1a1 !important; border: solid 1px #dedede !important; box-shadow: none !important;
padding: 10px 25px; }
.medium-outline:hover { box-shadow: none !important; color: #a1a1a1 !important; top: 0;}
.medium-outline:active { border: solid 1px #dedede !important; box-shadow: none !important; top: 0;}

.large-outline { background: #fff !important; color: #a1a1a1 !important; border: solid 1px #dedede !important; 
 box-shadow: none !important; padding: 12px 25px; }
.large-outline:hover { box-shadow: none !important; color: #a1a1a1 !important; top: 0;}
.large-outline:active { border: solid 1px #dedede !important; box-shadow: none !important; top: 0;}

/* 2D Buttons */
.small-2d-salmon { background: #fa8072 !important; box-shadow: none !important; color: #fff; padding: 8px 20px; }
.small-2d-salmon:hover { background: #d36e62 !important; color: #fff; box-shadow: none !important; top: 0; } 
.small-2d-salmon:active { background: #d36e62 !important; box-shadow: none !important; top: 0; border: none;}

.small-2d-dodger { background: #1e90ff !important; box-shadow: none !important; color: #fff; padding: 8px 20px; }
.small-2d-dodger:hover { background: #1c7bd8 !important; color: #fff; box-shadow: none !important; top: 0; } 
.small-2d-dodger:active { background: #1c7bd8 !important; box-shadow: none !important; top: 0; border: none; }

.small-2d-sea-green { background: #8fbc8f !important; box-shadow: none !important; color: #fff; padding: 8px 20px; }
.small-2d-sea-green:hover { background: #7aa07a !important; color: #fff; box-shadow: none !important; top: 0; } 
.small-2d-sea-green:active { background: #7aa07a !important; box-shadow: none !important; top: 0; border: none; }

.small-2d-pale { background: #db7093 !important; box-shadow: none !important; color: #fff; padding: 8px 20px; }
.small-2d-pale:hover { background: #ba617e !important; color: #fff; box-shadow: none !important; top: 0; } 
.small-2d-pale:active { background: #ba617e !important; box-shadow: none !important; top: 0; border: none; }

.small-2d-slate { background: #708090 !important; box-shadow: none !important; color: #fff; padding: 8px 20px; }
.small-2d-slate:hover { background: #616e7b !important; color: #fff; box-shadow: none !important; top: 0; } 
.small-2d-slate:active { background: #616e7b !important; box-shadow: none !important; top: 0; border: none; }

.medium-2d-teal { background: #008080 !important; box-shadow: none !important; color: #fff; padding: 8px 25px; }
.medium-2d-teal:hover { background: #046e6e !important; color: #fff; box-shadow: none !important; top: 0; } 
.medium-2d-teal:active { background: #046e6e !important; box-shadow: none !important; top: 0; border: none;}

.medium-2d-pink { background: #ff9966 !important; box-shadow: none !important; color: #fff; padding: 8px 25px; }
.medium-2d-pink:hover { background: #d88358 !important; color: #fff; box-shadow: none !important; top: 0; } 
.medium-2d-pink:active { background: #d88358 !important; box-shadow: none !important; top: 0; border: none;}

.medium-2d-sky { background: #87ceeb !important; box-shadow: none !important; color: #fff; padding: 8px 25px; }
.medium-2d-sky:hover { background: #74afc7 !important; color: #fff; box-shadow: none !important; top: 0; } 
.medium-2d-sky:active { background: #74afc7 !important; box-shadow: none !important; top: 0; border: none;}

.medium-2d-robin { background: #00cccc !important; box-shadow: none !important; color: #fff; padding: 8px 25px; }
.medium-2d-robin:hover { background: #04adad !important; color: #fff; box-shadow: none !important; top: 0; } 
.medium-2d-robin:active { background: #04adad !important; box-shadow: none !important; top: 0; border: none;}

.medium-2d-slate-blue { background: #6a5acd !important; box-shadow: none !important; color: #fff; padding: 8px 25px; }
.medium-2d-slate-blue:hover { background: #5c4eae !important; color: #fff; box-shadow: none !important; top: 0; } 
.medium-2d-slate-blue:active { background: #5c4eae !important; box-shadow: none !important; top: 0; border: none;}

.large-2d-royal { background: #4169e1 !important; box-shadow: none !important; color: #fff; padding: 10px 30px; }
.large-2d-royal:hover { background: #3a5bbf !important; color: #fff; box-shadow: none !important; top: 0; } 
.large-2d-royal:active { background: #3a5bbf !important; box-shadow: none !important; top: 0; border: none;}

.large-2d-rosy { background: #bc8f8f !important; box-shadow: none !important; color: #fff; padding: 10px 30px; }
.large-2d-rosy:hover { background: #a07a7a !important; color: #fff; box-shadow: none !important; top: 0; } 
.large-2d-rosy:active { background: #a07a7a !important; box-shadow: none !important; top: 0; border: none;}

.large-2d-mountbatten { background: #997a8d !important; box-shadow: none !important; color: #fff; padding: 10px 30px; }
.large-2d-mountbatten:hover { background: #836979 !important; color: #fff; box-shadow: none !important; top: 0; } 
.large-2d-mountbatten:active { background: #836979 !important; box-shadow: none !important; top: 0; border: none;}

.large-2d-pale { background: #abcdef !important; box-shadow: none !important; color: #fff; padding: 10px 30px; }
.large-2d-pale:hover { background: #92aeca !important; color: #fff; box-shadow: none !important; top: 0; } 
.large-2d-pale:active { background: #92aeca !important; box-shadow: none !important; 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: #CCCCCC; 
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: #CCCCCC; color: #fff; border-radius: 0; }
.panel-heading.with-bg h4.panel-title:after { background: #fff; color: #CCCCCC; }
.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: #CCCCCC; 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: 182px; 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(../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(../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: #666666;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	width: 60px;
}
.info_title{
	background-image: url(../info_bg.jpg);
	float: left;
	height: 100px;
	width: 100%;
	font-size: 24px;
	color: #09C;
	line-height: 70px;
	margin-bottom: 20px;
}
.info_title img{
	float: left;
	margin-right: 15px;
}
.info_right{
	background-color: #EFEFEF;
	padding: 20px;
}
.info { }
.info table {
	width:100%;
	border:1px solid #DEDEDE;
	border-collapse:collapse;
}
.info th {
	text-align: center;
	visibility: visible;
	border: 1px solid #DEDEDE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	color: #FFF;
	background-color: #09C;
	vertical-align: middle;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
}
.info thead {
	text-align: center;
	visibility: visible;
	border: 1px solid #DEDEDE;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 18px;
	font-weight: bold;
	color: #FFF;
	background-color: #999;
	vertical-align: middle;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
}

.info tr td {
	border: 1px solid #DEDEDE;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	text-align: center;
	vertical-align: middle;
}
.relate{	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #666;}
.relate h1{
	float: left;
	width: 99%;
	font-size: 26px;
	color: #000;
	line-height: 50px;
	padding-left: 1%;
}
.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: #CCCCCC; 
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: #2c6d1f;}

/* 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: #CCCCCC; 
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: #CCCCCC; border-bottom: solid 3px #d84852;}
.related-products-carousel .owl-buttons .owl-prev i:hover { background-color: #CCCCCC;}
.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: #CCCCCC; border-bottom: solid 3px #d84852;}
.related-products-carousel .owl-buttons .owl-next i:hover {background-color: #CCCCCC;}
.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: #CCCCCC; 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 #999999;
}
.table-bordered > tbody > tr > td {
	border: 1px solid #999999;
	padding: 20px;
	vertical-align: middle;
}
.table-bordered > thead > tr > th {
	border: 1px solid #999999;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	padding: 10px;
}
.table-bordered > thead > tr {
	background-color: #999999;
	color: #a3a2a2;
}

.shopping-table h4 { font-size: 14px; margin-bottom: 0; }
.shopping-table b { display: block; color: #8f8f8f;}

.shopping-table .price {
	color: #666666;
	font-size: 13px;
	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; position: relative;}
.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 #818181; 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: #CCCCCC; 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(../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;}


/* Gallery */
.gallery-overlay { position: relative;}
.gallery-overlay a:before {content: "";
display: block;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #000 url("../image-overlay-icon.png") center center no-repeat;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-opacity: 0;
-khtml-opacity: 0;
opacity: 0;
visibility: hidden;
transition: all .25s ease-in-out;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;}
.gallery-overlay a:hover:before {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.7;}


/* 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 #CCCCCC; border-radius: 100px; padding: 15px; background: #CCCCCC; 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 #CCCCCC; padding-top: 100px; padding-bottom: 100px;}

/* Our Office */
.our-office .owl-prev i {color: #fff; border: solid 2px; border-radius: 4px; padding: 13px 20px; position: absolute; left: 30px; 
top: 33%; font-size: 20px;}
.our-office .owl-next i {color: #fff; border: solid 2px; border-radius: 4px; padding: 13px 20px; position: absolute; right: 30px; 
top: 33%; font-size: 20px;}
.our-office .owl-prev:hover i, .our-office .owl-next:hover i {background-color: #CCCCCC; border: solid 2px #CCCCCC;}
@media (max-width: 1200px) {
	.our-office .owl-prev i { top: 29%;}
	.our-office .owl-next i { top: 29%;}
}
@media (min-width: 992px) and (max-width: 1200px) {
	.our-office .owl-prev i { top: 29%;}
	.our-office .owl-next i { top: 29%;}
}
@media (min-width: 768px) and (max-width: 992px) {
	.our-office .owl-prev i { top: 24%;}
	.our-office .owl-next i { top: 24%;}
}
@media (max-width: 768px) {
	.our-office .owl-prev i { top: 20%;}
	.our-office .owl-next i { top: 20%;}
}


/* About Us Page */
/* Fancy Boxes */
.fancy-box { padding:0; }
.fancy-box li{ height: 300px; overflow: hidden; position: relative; background: #fff; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; 
-ms-transition: all 300ms linear; transition: all 300ms linear; }
.fancy-box li:hover{ background-color: #CCCCCC; }
.fancy-box li:hover .fancy-icon{ color: #fff; font-size: 90px; }
.fancy-box li:hover .fancy-main{ color: #fff; -webkit-animation: moveFromLeftRotate 300ms ease; -moz-animation: moveFromLeftRotate 300ms ease; -ms-animation: moveFromLeftRotate 300ms ease; }
.fancy-box li:hover .fancy-sub{ color: #fff; -webkit-animation: moveFromBottom 500ms ease; -moz-animation: moveFromBottom 500ms ease; -ms-animation: moveFromBottom 500ms ease; }
.fancy-box li a{ text-align: left; width: 100%; height: 100%; display: block; color: #333; position: relative; }
.fancy-icon{ font-size: 60px; color: #CCCCCC; line-height: 150px; position: absolute; width: 100%; height: 50%; left: 0px; top: 0px; text-align: center; 
-webkit-transition: all 400ms linear; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear; transition: all 400ms linear; }
.fancy-content{ position: absolute; left: 0px; width: 100%; height: 50%; top: 50%; }
.fancy-main{ font-size: 26px; font-weight: 400; text-align: center; margin-top: 0; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; 
-o-transition: all 200ms linear; -ms-transition: all 200ms linear; transition: all 200ms linear; }
.fancy-sub{ text-align:center; font-size: 14px; color: #666; -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear;
-ms-transition: all 200ms linear; transition: all 200ms linear; }

@-webkit-keyframes moveFromLeftRotate{
    from { -webkit-transform: translateX(-100%) rotate(-90deg); }
    to { -webkit-transform: translateX(0%) rotate(0deg); }
}
@-moz-keyframes moveFromLeftRotate{
    from { -moz-transform: translateX(-100%) rotate(-90deg); }
    to { -moz-transform: translateX(0%) rotate(0deg); }
}
@-ms-keyframes moveFromLeftRotate{
    from { -ms-transform: translateX(-100%) rotate(-90deg); }
    to { -ms-transform: translateX(0%) rotate(0deg); }
}

@-webkit-keyframes moveFromBottom {
    from { -webkit-transform: translateY(100%); }
    to { -webkit-transform: translateY(0%); }
}
@-moz-keyframes moveFromBottom {
    from { -moz-transform: translateY(100%); }
    to { -moz-transform: translateY(0%); }
}
@-ms-keyframes moveFromBottom {
    from { -ms-transform: translateY(100%); }
    to { -ms-transform: translateY(0%); }
}



/* Footer */
.bg_foot{
	background-repeat: repeat-x;
	background-position: center top;
	float: left;
	width: 100%;
	height: 130px;
	background-image: url(../footer.png);
}
.copyright {
	font-size: 11px;
	color: #CCCCCC;
	line-height: 17px;
	margin-top: 8px;
}
.copyright a, .copyright a:visited {color: #CCCCCC;}
footer {
	color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #676773;
	width: 100%;
	padding-left: 3%;
	float: left;
}
footer h3{margin-bottom: 5px;}
footer h3 a, footer h3 a:visited{
	font-size: 18px;
	font-weight: 300;
	color: #00BFFF;
	
}
footer h3 a:hover{
	color: #FFF;
}
footer ul { display: inline-block;}
footer ul li {
	margin-bottom: 3px;
	margin-left: 0px;
}
footer ul li a, footer ul li a:visited{
	color: #FFF;
}
footer ul li a:hover{
	color: #CCC;
}
footer ul img { float: left;}
footer .default { margin-bottom: 5px;}
footer .only3 { display: none;}
address{
    float: left;
    margin-top: 15px;
    padding-top: 15px;
    padding-right: 2%;
    padding-left: 2%;
    text-align: right;
    width: 96%;
}

/* Footer Style 2 */
.footer-style2 {
	color: #333333;
	background-image: url(../footer_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}



/* 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); }

/* 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;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}


/*
 * Nivo Lightbox v1.2.0
 * http://dev7studios.com/nivo-lightbox
 *
 * Copyright 2013, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

.nivo-lightbox-theme-default.nivo-lightbox-overlay { 
	background: #666;
	background: rgba(0,0,0,0.6); 
}
.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { background: url(../nivo/loading.gif) no-repeat 50% 50%; }

.nivo-lightbox-theme-default .nivo-lightbox-nav {
	top: 10%;
	width: 8%;
	height: 80%;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	opacity: 0.5;
}
.nivo-lightbox-theme-default .nivo-lightbox-nav:hover { 
	opacity: 1; 
}
.nivo-lightbox-theme-default .nivo-lightbox-prev { 
	background-image: url(../nivo/prev.png); 
	border-radius: 0 3px 3px 0;
}
.nivo-lightbox-theme-default .nivo-lightbox-next { 
	background-image: url(../nivo/next.png); 
	border-radius: 3px 0 0 3px;
}

.nivo-lightbox-theme-default .nivo-lightbox-close {
	display: block;
	background: url(../nivo/close.png) no-repeat 5px 5px;
	width: 27px;
	height: 27px;
	text-indent: -9999px;
	padding: 5px;
	opacity: 0.5;
}
.nivo-lightbox-theme-default .nivo-lightbox-close:hover { opacity: 1; }

.nivo-lightbox-theme-default .nivo-lightbox-title-wrap { bottom: -7%; }
.nivo-lightbox-theme-default .nivo-lightbox-title {
	font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	background: #000;
	color: #fff;
	padding: 7px 15px;
	border-radius: 30px;
}

.nivo-lightbox-theme-default .nivo-lightbox-image img {
	background: #fff;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	   -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	        box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}
.nivo-lightbox-theme-default .nivo-lightbox-ajax,
.nivo-lightbox-theme-default .nivo-lightbox-inline {
	background: #fff;
	padding: 40px;
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	   -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
	        box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}

@media (-webkit-min-device-pixel-ratio: 1.3),
       (-o-min-device-pixel-ratio: 2.6/2),
       (min--moz-device-pixel-ratio: 1.3),
       (min-device-pixel-ratio: 1.3),
       (min-resolution: 1.3dppx) {

	.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { 
		background-image: url(../nivo/loading@2x.gif); 
		background-size: 32px 32px;
	}
	.nivo-lightbox-theme-default .nivo-lightbox-prev { 
		background-image: url(../nivo/prev@2x.png); 
		background-size: 48px 48px;
	}
	.nivo-lightbox-theme-default .nivo-lightbox-next { 
		background-image: url(../nivo/next@2x.png); 
		background-size: 48px 48px;
	}
	.nivo-lightbox-theme-default .nivo-lightbox-close { 
		background-image: url(../nivo/close@2x.png); 
		background-size: 16px 16px;
	}
	
}

/*
 * Nivo Lightbox v1.1
 * http://dev7studios.com/nivo-lightbox
 *
 * Copyright 2013, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */

.nivo-lightbox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99998;
	width: 100%;
	height: 100%;
	overflow: hidden;
	visibility: hidden;
	opacity: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.nivo-lightbox-overlay.nivo-lightbox-open {
	visibility: visible;
	opacity: 1;
}
.nivo-lightbox-wrap  {
	position: absolute;
	top: 10%;
	bottom: 10%;
	left: 10%;
	right: 10%;
}
.nivo-lightbox-content {
	width: 100%;
	height: 100%;
}
.nivo-lightbox-title-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 99999;
	text-align: center;
}
.nivo-lightbox-nav { display: none; }
.nivo-lightbox-prev {
	position: absolute;
	top: 50%;
	left: 0;
}
.nivo-lightbox-next {
	position: absolute;
	top: 50%;
	right: 0;
}
.nivo-lightbox-close {
	position: absolute;
	top: 2%;
	right: 2%;
}

.nivo-lightbox-image { text-align: center; }
.nivo-lightbox-image img {
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	vertical-align: middle;
}
.nivo-lightbox-content iframe {
	width: 100%;
	height: 100%;
}
.nivo-lightbox-inline,
.nivo-lightbox-ajax {
	max-height: 100%;
	overflow: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	/* https://bugzilla.mozilla.org/show_bug.cgi?id=308801 */
}
.nivo-lightbox-error {
	display: table;
	text-align: center;
	width: 100%;
	height: 100%;
	color: #fff;
	text-shadow: 0 1px 1px #000;
}
.nivo-lightbox-error p {
	display: table-cell;
	vertical-align: middle;
}

/* Effects
 **********************************************/
.nivo-lightbox-notouch .nivo-lightbox-effect-fade,
.nivo-lightbox-notouch .nivo-lightbox-effect-fadeScale,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideLeft,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideRight,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideUp,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideDown,
.nivo-lightbox-notouch .nivo-lightbox-effect-fall {
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
	    -ms-transition: all 0.2s ease-in-out;
	     -o-transition: all 0.2s ease-in-out;
	        transition: all 0.2s ease-in-out;
}

/* fadeScale */
.nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap {
	-webkit-transition: all 0.3s;
	   -moz-transition: all 0.3s;
	    -ms-transition: all 0.3s;
	     -o-transition: all 0.3s;
	        transition: all 0.3s;
	-webkit-transform: scale(0.7);
	   -moz-transform: scale(0.7);
	    -ms-transform: scale(0.7);
	        transform: scale(0.7);
}
.nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: scale(1);
	   -moz-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
}

/* slideLeft / slideRight / slideUp / slideDown */
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	   -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	    -ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	     -o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
	        transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap {
	-webkit-transform: translateX(-10%);
	   -moz-transform: translateX(-10%);
	    -ms-transform: translateX(-10%);
	        transform: translateX(-10%);
}
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap {
	-webkit-transform: translateX(10%);
	   -moz-transform: translateX(10%);
	    -ms-transform: translateX(10%);
	        transform: translateX(10%);
}
.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: translateX(0);
	   -moz-transform: translateX(0);
	    -ms-transform: translateX(0);
	        transform: translateX(0);
}
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
	-webkit-transform: translateY(-10%);
	   -moz-transform: translateY(-10%);
	    -ms-transform: translateY(-10%);
	        transform: translateY(-10%);
}
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap {
	-webkit-transform: translateY(10%);
	   -moz-transform: translateY(10%);
	    -ms-transform: translateY(10%);
	        transform: translateY(10%);
}
.nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: translateY(0);
	   -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
}

/* fall */
.nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall {
	-webkit-perspective: 1000px;
	   -moz-perspective: 1000px;
	        perspective: 1000px;
}
.nivo-lightbox-effect-fall .nivo-lightbox-wrap {
	-webkit-transition: all 0.3s ease-out;
	   -moz-transition: all 0.3s ease-out;
	    -ms-transition: all 0.3s ease-out;
	     -o-transition: all 0.3s ease-out;
	        transition: all 0.3s ease-out;
	-webkit-transform: translateZ(300px);
	   -moz-transform: translateZ(300px);
	    -ms-transform: translateZ(300px);
	        transform: translateZ(300px);
}
.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap {
	-webkit-transform: translateZ(0);
	   -moz-transform: translateZ(0);
	    -ms-transform: translateZ(0);
	        transform: translateZ(0);
}



.alerts {
  margin: 20px;
}

.alerts p {
  /* quick and dirty hack added by me, you may remove it if not needed */
  margin: 0; padding: 0;
}

.alert-message.danger, .alert-message.danger:hover, .alert-message.error, .alert-message.error:hover, .alert-message.success, alert-message.success:hover, .alert-message.info, .alert-message.info:hover {
  color: #ffffff;
}
.alert-message .close {
  font-family: Arial, sans-serif; 
  line-height: 18px;
}
.alert-message.danger, .alert-message.error {
  background-color: #c43c35;
  background-repeat: repeat-x;
  
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
  background-image: linear-gradient(top, #ee5f5b, #c43c35);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
  
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #c43c35 #c43c35 #882a25;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.alert-message.success {
  background-color: #57a957;
  background-repeat: repeat-x;
  
  background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
  background-image: -moz-linear-gradient(top, #62c462, #57a957);
  background-image: -ms-linear-gradient(top, #62c462, #57a957);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
  background-image: -o-linear-gradient(top, #62c462, #57a957);
  background-image: linear-gradient(top, #62c462, #57a957);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#62c462', endColorstr='#57a957', GradientType=0);
  
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #57a957 #57a957 #3d773d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.alert-message.info {
  background-color: #339bb9;
  background-repeat: repeat-x;
  
  background-image: -khtml-gradient(linear, left top, left bottom, from(#5bc0de), to(#339bb9));
  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -ms-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5bc0de), color-stop(100%, #339bb9));
  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
  background-image: linear-gradient(top, #5bc0de, #339bb9);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#339bb9', GradientType=0);
  
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #339bb9 #339bb9 #22697d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

:root .alert-message {
  border-radius: 0 \0;
}
.close {
  float: right;
  color: #000000;
  font-size: 20px;
  font-weight: bold;
  line-height: 13.5px;
  text-shadow: 0 1px 0 #ffffff;
  filter: alpha(opacity=25);
  -khtml-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
}
.close:hover {
  color: #000000;
  text-decoration: none;
  filter: alpha(opacity=40);
  -khtml-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
}
.alert-message {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;

  position: relative;
  padding: 7px 15px;
  margin-bottom: 18px;
  color: #404040;

  background-color: #eedc94;
  background-repeat: repeat-x;

  background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
  background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
  background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
  background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
  background-image: -o-linear-gradient(top, #fceec1, #eedc94);
  background-image: linear-gradient(top, #fceec1, #eedc94);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceec1', endColorstr='#eedc94', GradientType=0);
  
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  border-color: #eedc94 #eedc94 #e4c652;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  border-width: 1px;
  border-style: solid;
  
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.alert-message .close {
  margin-top: 0;
}
.alert-message a {
  font-weight: bold;
  color: #404040;
  text-decoration: none;
}
.alert-message.danger p a, .alert-message.error p a, .alert-message.success p a, .alert-message.info p a {
  color: #ffffff;
}
.alert-message p a:hover {
  text-decoration: underline;
}
.alert-message p {
  margin-bottom: 0;
}


/**
 * fullPage 2.1.9
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */

#superContainer {
    height: 100%;
    position: relative;

    /* Touch detection for Windows 8 */
    -ms-touch-action: none;

    /* IE 11 on Windows Phone 8.1*/
    touch-action: none;
}
.fp-section {
    position: relative;
    -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
    -moz-box-sizing: border-box; /* <=28 */
    box-sizing: border-box;
}
.fp-slide {
    float: left;
}
.fp-slide, .fp-slidesContainer {
    height: 100%;
    display: block;
}
.fp-slides {
    z-index:1;
    height: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.3s ease-out;
}
.fp-section.fp-table, .fp-slide.fp-table {
    display: table;
    width: 100%;
}
.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}
.fp-slidesContainer {
    float: left;
    position: relative;
}
.fp-controlArrow {
    position: absolute;
    z-index: 4;
    top: 50%;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -38px;
}
.fp-controlArrow.fp-prev {
    left: 15px;
    width: 0;
    border-width: 38.5px 34px 38.5px 0;
    border-color: transparent #fff transparent transparent;
}
.fp-controlArrow.fp-next {
    right: 15px;
    border-width: 38.5px 0 38.5px 34px;
    border-color: transparent transparent transparent #fff;
}
.fp-scrollable {
    overflow: scroll;
}
.fp-easing {
    -webkit-transition: all 0.7s ease-out; /* Safari<=6 Android<=4.3 */
    transition: all 0.7s ease-out;
}
#fp-nav {
    position: fixed;
    z-index: 100;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
}
.fp-slidesNav.bottom {
    bottom: 17px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav li,
.fp-slidesNav li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav li {
    display: inline-block;
}
#fp-nav li a,
.fp-slidesNav li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav li .active span,
.fp-slidesNav .active span {
    background: #333;
}
#fp-nav span,
.fp-slidesNav span {
    top: 2px;
    left: 2px;
    width: 8px;
    height: 8px;
    border: 1px solid #000;
    background: rgba(0, 0, 0, 0);
    border-radius: 50%;
    position: absolute;
    z-index: 1;
}
.fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
}
.fp-tooltip.right {
    right: 20px;
}
.fp-tooltip.left {
    left: 20px;
}

.section.slide1 { background-image: url(../full-page/full-bg-1.jpg); background-size: cover;}
.section.slide1 h2 {padding-top: 170px; text-align: center; font-size: 49px; color: #756868; text-transform: uppercase; 
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); font-weight: 600;}
.section.slide2 { background-image: url(../full-page/full-bg-2.jpg); background-size: cover;}
.section.slide3 { background-image: url(../full-page/full-bg-3.jpg); background-size: cover;}
.section.slide4 { background-image: url(../full-page/full-bg-4.jpg); background-size: cover;}