/* Reset CSS */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed, 

figure, figcaption, footer, header, hgroup, 

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	font: inherit;

	vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section {

	display: block;

}

body {

	line-height: 1;

}

ol, ul {

	list-style: none;

}

blockquote, q {

	quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

	content: '';

	content: none;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}





body {font-family: 'Roboto', Helvetica, Arial, sans-serif;  font-size: 13px;  line-height: 22px;  color: #7e7e7e; 

background-color: #ffffff;}



/* Typography */

a { color: #3d3d3d; font-weight: 500;}

a:hover, a:focus { text-decoration: none;}

a:hover { text-decoration: none; color: #000;}

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

p { color: #7e7e7e; margin-bottom: 20px;}



/* Lists */

ul, ol {margin-top: 0; margin-bottom: 10px; list-style-type: disc; padding-left: 40px; }

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 {list-style: none; }



ul.styled-list li:before { content: "\f105"; font-family: 'icomoon'; color: #f05a29; font-size: 11px; margin-right: 5px;}

ul.styled-list li ul li:before { content: "\f105"; font-family: 'icomoon'; color: #f05a29; 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;}



/* Tooltip */

.tooltip-test + .tooltip > .tooltip-inner {background-color: #f05a29; border-radius: 0; padding: 6px 10px;}

.tooltip.top .tooltip-arrow {border-top-color: #f05a29; }





h1.section-title {font-weight: 300; color: #161616; font-size: 22px; line-height: 30px; margin: 0;}

h2.section-title {font-weight: 300; color: #161616; font-size: 30px; line-height: 35px; margin-bottom: 15px;}

h2.section-title2 {font-weight: 300; color: #fff; font-size: 30px; line-height: 35px; margin-bottom: 10px;}

h2.section-title3 {font-weight: 300; color: #161616; font-size: 26px; line-height: 30px;}

h4.section-subtitle {color: #a1a1a1; font-size: 16px; line-height: 20px;}

h2.shop-title { font-size: 70px; font-weight: 300; color: #3d3d3d; line-height: 70px;}

h3.shop-title {font-size: 45px; font-weight: 300; color: #3d3d3d; line-height: 50px; }

h3.section-title {font-weight: 300; color: #161616; font-size: 26px; line-height: 30px;}



.feature-title { font-size: 45px; line-height: 50px;}



/* Buttons */

.btn {border: none; color: #fff; cursor: pointer; padding: 17px 50px; display: inline-block; letter-spacing: 1px;

outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}

.btn:active { border:none;}



.btn2 {border: none; border-radius: 4px; font-weight: 300; font-size: 15px; color: #fff; cursor: pointer; padding: 10px 40px; 

display: inline-block; letter-spacing: 1px;  outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; 

transition: all 0.3s;}

.btn-2 {background: #f05a29; color: #fff; box-shadow: 0 6px #d84852; -webkit-transition: none; -moz-transition: none; transition: none;}

.btn-2:hover {box-shadow: 0 4px #d84852; top: 2px; color: #fff;}

.btn-2:active {box-shadow: 0 0 #ab3c3c; top: 6px; border: none;}

.btn-2:focus { outline: none;}



.btn-default {font-weight: 300; background: #e93d18; border: none; color: #fff; padding: 13px 40px;

-webkit-transition: background-color 60ms ease-in;

-moz-transition: background-color 60ms ease-in; -o-transition: background-color 60ms ease-in; 

-ms-transition: background-color 60ms ease-in;

transition: background-color 60ms ease-in;}

.btn-default:focus { outline: none !important; border: 0;}

.btn-default2 { padding: 12px 31px;}



.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: #f05a29; 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: #f05a29 !important;}

.gray { color: #a1a1a1;}

.black { color: #161616 !important;}

.white { color: #fff;}

.center { text-align: center;}

.left { text-align: left;}

.right { text-align: right;}

.fnone { float: none !important;}

.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: #fff !important;}



/*Paddings*/

.p10{padding:10px;}

.p20{padding:20px;}

.p30{padding:30px;}

.p40{padding:40px;}

.p50{padding:50px;}

.ptop0 { padding-top: 0px !important;;}

.ptop5 { padding-top: 5px !important;;}

.ptop10 { padding-top: 10px !important;}

.ptop20 { padding-top: 20px !important;}

.ptop30 { padding-top: 30px !important;}

.ptop40 { padding-top: 40px !important;}

.ptop50 { padding-top: 50px;}

.ptop70 { padding-top: 70px;}

.ptop100 { padding-top: 100px;}

.pbottom0 { padding-bottom: 0px !important;}

.pbottom50 { padding-bottom: 50px;}

.pbottom70 { padding-bottom: 70px;}

.pbottom80 { padding-bottom: 80px;}

.pright0 { padding-right: 0;}

.pright25 {padding-right: 25px;}

.pright30 { padding-right: 30px;}

.pleft0 { padding-left: 0;}



/* Margins */

.m10{margin:10px;}

.m20{margin:20px;}

.m30{margin:30px;}

.m40{margin:40px;}

.m50{margin:50px;}

.mauto { margin: 0 auto;}

.m0 { margin: 0;}

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

.mtop106 { margin-top: 106px;}

.mtop130 { margin-top: 130px;}

.mbottom0 { margin-bottom: 0 !important;}

.mbottom5 { margin-bottom: 5px;}

.mbottom10 { margin-bottom: 10px;}

.mbottom15 { margin-bottom: 15px;}

.mbottom20 { margin-bottom: 20px;}

.mbottom25 { margin-bottom: 25px;}

.mbottom30 { margin-bottom: 30px;}

.mbottom35 { margin-bottom: 35px;}

.mbottom40 { margin-bottom: 40px;}

.mbottom50 { margin-bottom: 50px !important;}

.mbottom60 { margin-bottom: 60px;}

.mbottom70 { margin-bottom: 70px;}

.mbottom80 { margin-bottom: 80px;}

.mbottom90 { margin-bottom: 90px;}

.mbottom100 { margin-bottom: 100px;}

.mleft5 { margin-left: 5px;}

.mleft10 { margin-left: 10px;}

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

.mright15 {margin-right: 15px;}

.mright25 { margin-right: 25px;}

.mleft230 { margin-left: 230px;}

.mright15 { margin-right: 15px;}



.line {display: inline-block; width: 50px; border: solid 1px #f05a29; 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: solid 1px #e5e4e4 ;}



#page-wrapper { background: #fff;}



/* Header */

#header { background: white; min-height: 90px; position: fixed; top: 0; transition: top 0.2s ease-in-out; width: 100%; 

z-index: 11111; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }



.header1 + #slideshow, .header1 + #boxed-slideshow { margin-top: 106px;}

.header2 + #slideshow, .header2 + #boxed-slideshow { margin-top: 132px;}

.header3 + #slideshow, .header3 + #boxed-slideshow { margin-top: 130px;}

.header4 + #slideshow, .header4 + #boxed-slideshow { margin-top: 170px;}

.header5 + #slideshow, .header5 + #boxed-slideshow { margin-top: 0px;}

.header6 + #slideshow, .header6 + #boxed-slideshow { margin-top: 106px;}



.header1 + #content { margin-top: 106px;}

.header2 + #content { margin-top: 132px;}

.header3 + #content { margin-top: 130px;}

.header4 + #content { margin-top: 170px;}

.header5 + #content { margin-top: 106px;}

.header6 + #content { margin-top: 106px;}



.header1 + .header-breadcrumb {margin-top: 126px;}

.header2 + .header-breadcrumb {margin-top: 134px;}

.header3 + .header-breadcrumb {margin-top: 130px;}

.header4 + .header-breadcrumb {margin-top: 170px;}

.header5 + .header-breadcrumb {margin-top: 106px;}

.header6 + .header-breadcrumb {margin-top: 106px;}



.header1 + #sub-header {margin-top: 106px;}

.header2 + #sub-header {margin-top: 142px;}

.header3 + #sub-header {margin-top: 130px;}

.header4 + #sub-header {margin-top: 170px;}

.header5 + #sub-header {margin-top: 106px;}

.header6 + #sub-header {margin-top: 106px;}



.header1 + #shop-header {margin-top: 106px;}

.header2 + #shop-header {margin-top: 142px;}

.header3 + #shop-header {margin-top: 130px;}

.header4 + #shop-header {margin-top: 170px;}

.header5 + #shop-header {margin-top: 106px;}

.header6 + #shop-header {margin-top: 106px;}



/*#header.nav-up  { top: -200px; }*/

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



#preloader {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background-color: #fff;

  z-index: 99999;

  position: fixed;

}



#status {

  width: 200px;

  height: 200px;

  position: absolute;

  left: 50%;

  top: 50%;

  background-image: url(../images/preload.gif);

  background-repeat: no-repeat;

  background-position: center;

  margin: -100px 0 0 -100px;

}



/* Logo */

h1#logo { margin: 0;}

#logo { float: left; padding: 18px 0 19px 0;}

#logo .only-transparent { display: none;}



/* InfoCard */

.logo-container { z-index: 1001;}

.logo-container.hasinfocard { position: relative;}



#infocard { position: absolute; top: 78px; margin-top: 20px; width: 440px; padding: 30px 20px 25px; background: #f05a29; 

color: #fff; border-radius: 2px; font-size: 13px; 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; background: #f05a29; border-radius: 4px; 

border-bottom: solid 2px #d84852; }

#back-top a { color: #fff; padding: 5px 13px; line-height: 30px;}

#back-top:active { border-bottom: none;}





/* Sliding Panel */

#panel { background: #232323; padding: 8px 0; display:none;}

.slide {border-top: solid 4px #f05a29;}

.active-panel { background-position: right 12px; }

.slide span {background: #f05a29; 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; margin-top:5px;}

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





/* Language */

.language .globe { float: right; font-size: 15px; color: #000; cursor: pointer; margin-top: 42px; margin-right: 18px;}

.language .dropdown-menu { min-width: 120px; top: 100px; right: 0; left: auto; border-radius: 0; box-shadow: none;}

.language .dropdown-menu > li > a { float: left;}

.language .dropdown-menu > li > a:hover { background: none !important;}

.language .dropdown-menu > li > a:hover + .flag-img { opacity: 1;}

.language .dropdown-menu > li > a:focus { outline: none; background: none !important;}

.flag-img { float: right; opacity: 0.7; margin-top: 7px; margin-right: 20px;}





.header3 #main-menu { margin-right: 100px;}

.header3 .globe { margin-top: 15px;}

.header3 .language .dropdown-menu { top: 47px;}

.header4 .language .globe { margin-top: 17px;}

.header4 #main-menu { margin-right: 100px;}

.header4 .language .dropdown-menu { top: 51px;}

.header5:not(.fillbg) .language .globe { color: #fff;}







/* Search */

.searchPanel { float: right; margin-top: 40px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; 

-o-transition: all 0.3s; margin-left: 19px; }

.searchPanel span { cursor:pointer; color:#000; 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:15px; }

.searchPanel .searchForm:after, .searchPanel .searchForm:before { bottom: 40px; right: 17px; 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: 115px; right: 12px;}

.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: #f05a29; }

#cart .cart-container .checkout a {color: #fff; padding: 10px; display: block; }

#cart .cart-container .close-btn {content: "\e607"; font-family: 'icomoon'; color: #f05a29; font-size: 11px;}

.remove-item {font-size: 9px; float: right; position: absolute; right: 15px; top: 39px;}



/* Breadcrumb */

.header-breadcrumb { background: #fafafa; padding: 12px 0;}

.header-breadcrumb ul { float: right;}

.header-breadcrumb ul li { float: left; color: #161616; font-size: 15px; line-height: 31px; margin-right: 10px;}

.header-breadcrumb ul li:last-child { margin-right: 0;}

.header-breadcrumb ul li.active p { color: #000;}

.header-breadcrumb h2 {font-size: 22px; line-height: 35px;}

.header-breadcrumb h2.section-title { margin-bottom: 0;}

.header-breadcrumb p { margin-bottom: 0;}



/* Style 2 */

.header-breadcrumb.page-header { background: url(../images/page-header.jpg) no-repeat center center; padding: 80px 0;}

.header-breadcrumb.page-header ul { background: #000; color: #fff;}

.header-breadcrumb.page-header ul li { padding-left: 10px; color: #f05a29; margin-right: 0;}

.header-breadcrumb.page-header ul li.active { padding-right: 10px;}

.header-breadcrumb.page-header ul li p { color: #fff;}

.header-breadcrumb.page-header ul li.active p { color: #fff; }

.header-breadcrumb.page-header h1.section-title { color: #fff; text-transform: uppercase; text-shadow: 1px 1px 0 rgba(0,0,0,0.5); 

font-size: 30px; font-weight: 400;}



#current-date {float: right; clear: right; background: rgba(255, 255, 255, 0.56); color: #383838; padding: 0 10px; margin-top: 10px;}





/* Slideshow */

.tp-leftarrow.default, .tp-rightarrow.default { z-index: 100; width: 60px; background: transparent; height: 60px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; border-width: 2px; border-style: solid; border-color: #fff; color: #fff; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.tp-leftarrow.default:before, .tp-rightarrow.default:before { font-family: 'icomoon'; line-height: 55px; width: 60px; font-size: 28px; }

.tp-leftarrow.default:before { content: "\f104"; }

.tp-rightarrow.default:before { content: "\f105"; }

.tp-leftarrow.default:hover, .tp-rightarrow.default:hover { background: #f05a29; border-color: #f05a29; }



.tp-bannertimer { display: none;}

.tp-bullets { display: none;}

.tp-leftarrow.default , .tp-rightarrow.default { z-index: 100; width: 60px; background:transparent; height: 60px; 

-webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; 

transition: all 0.2s; border-width: 2px; border-style: solid; border-color: #fff; color:#fff; text-align: center; 

-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.tp-leftarrow.default:before , .tp-rightarrow.default:before { font-family: 'icomoon';line-height: 55px;

width: 60px;font-size: 28px;}

.tp-leftarrow.default:before { content: "\f104";}

.tp-rightarrow.default:before { content: "\f105";}

.tp-leftarrow.default:hover , .tp-rightarrow.default:hover {background: #f05a29; border-color:#f05a29;}







/* 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: #f05a29; font-size: 60px; float: left; line-height: 60px; font-weight: 300; }

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

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





/* Menu */

#main-menu { float: right; margin-right: 0px; }

#main-menu ul { list-style: none; padding: 0; margin: 0; line-height: 1; }

#main-menu > ul { display: block; width: 100%; z-index: 500; }

#main-menu > ul > li { display: block; float: left; margin: 0; padding: 0; }

#main-menu > ul > #menu-button { display: none; }

#main-menu ul li a { display: block; font-family: 'Roboto', Helvetica, sans-serif; font-weight: 400;}

#main-menu > ul > li > a { line-height: 86px; font-size: 14px; padding: 0px 20px; color: #3d3d3d; text-transform: uppercase; 

-webkit-transition: all 0.2s ease-out;

-moz-transition: all 0.2s ease-out;

-o-transition: all 0.2s ease-out;

-ms-transition: all 0.2s ease-out;

transition: all 0.2s ease-out;  }

/*#main-menu > ul > li.has-sub > a:hover { color: #3d3d3d;}*/

#main-menu > ul > li > a:hover, #main-menu > ul > li.active > a { color: #f05a29; }

#main-menu > ul > li > a:hover, #main-menu > ul > li:hover > a { color: #f05a29; }



#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; top: 96px; opacity: 0;  visibility: hidden;

-webkit-transition: all .4s ease; -moz-transition: all .4s ease; 

-ms-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; z-index: 1000; border-top: solid 3px #f05a29; }

#main-menu ul ul ul { top: 37px; }

#main-menu ul ul li { position: relative; }

#main-menu > ul > li:hover > ul { left: auto; top: 86px; opacity: 1; visibility: visible; }

#main-menu ul ul li:hover > ul { left: 230px; top: 0; opacity: 1; }

#main-menu ul ul li a { min-width: 230px; border-bottom: 1px solid #eee; padding: 12px 20px; font-size: 14px; color: #3d3d3d; background: #fafafa; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -ms-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease; }

#main-menu ul ul li:hover > a, #main-menu ul ul li.active a { background: #f4f4f4; color: #3d3d3d; border-right: solid 3px #f05a29; }

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





/* MEGAMENU OVERRIDES */

#main-menu .mega-menu { background-color: #ffffff; border-top-color: #f05a29; visibility: hidden; 

box-shadow: 0 5px 5px rgba(0, 0, 0, 0.04); border-top-width: 3px; border-top-style: solid; position: absolute; top: 110%; 

left: -15px; top: 120px; opacity: 0; margin: 0; padding: 20px 10px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; 

-ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; z-index: 1001; }

#main-menu ul li:hover > ul.mega-menu { left: -15px; opacity: 1; visibility: visible;}

#main-menu .mega-menu li a.mega-title,

#main-menu ul.mega-menu ul li:last-child > a.mega-title { font-size: 14px; padding-left: 0;padding-right: 0;border-bottom-width:1px;

border-bottom-style: solid;padding: 12px 0px;margin-bottom: 15px; border-right: none !important;}

#main-menu .mega-menu ul { position: relative !important; opacity: 1 !important;left: auto !important;top:0 !important; }

#main-menu .mega-menu li { visibility: hidden;}

#main-menu .mega:hover li { visibility: visible;}

#main-menu .mega-menu li a { background-color:transparent !important; border-right-color:transparent !important;border-bottom-width: 0px;

 padding: 5px 20px; position: relative; }

#main-menu .mega-menu ul li a:before {content: " ";  width: 4px; height: 4px; display: block; position: absolute; left: 0px; top: 50%; 

-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin-top: -2px; background: #ddd; }

#main-menu .mega-menu li a:after { display: none !important; }

#main-menu .mega-menu li a:hover:before, #main-menu .mega-menu li.active > a:before {

background: #f05a29;}

#main-menu .mega-menu ul li:hover > a, #main-menu .mega-menu ul li.active a { color: #f05a29; border-right: none !important;}




/* Header Style 2 */

.header2 .btn-slide {display: none;}

.header2 #panel { display: block;}

/*.header2.nav-up { top: -255px !important;}*/

.header2 .slide { border-top: 0; display:none}

.header2 #main-menu ul ul { top: 96px;}

.header2 .zn-res-menuwrapper { margin-top: 36px;}


/* Header Style 3 */

.header3 .onlyh3 { text-align: center;}

.header3.nav-up {top: -180px !important;}

.header3 .btn-slide {display: initial;}

.header3 #panel { display: none;}

.header3 #logo { float: none; margin: 0 auto; padding: 15px 0; display: inline-block;}

.header3 #main-menu { text-align: center; float: none;}

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

.header3 #main-menu > ul { position: relative;}



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

.header4 #main-menu > ul { position: relative;}

.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: 129px !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;}

.header4 .zn-res-menuwrapper { margin-top: 36px;}









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

.header5 .zn-res-menuwrapper { margin-top: 36px;}





/* Header 6 */

.header6 .zn-res-menuwrapper { margin-top: 36px;}







/* Responsive Menu */

#zn-res-menu, #zn-res-menu ul, #zn-res-menu li { padding: 0;margin: 0; list-style: none;}

#zn-res-menu * {-webkit-backface-visibility: hidden;}

.zn_res_menu_visible #zn-res-menu ,.zn_res_menu_visible #zn-res-menu li ul {display: block;}

#zn-res-menu , #zn-res-menu li ul { right: 0; top:0; position: fixed; width: 100%; height: 100%; background: #fff; overflow: hidden; 

 z-index: 11112; -webkit-backface-visibility: hidden; -webkit-overflow-scrolling: touch; -ms-transform: translate(100%, 0); 

-webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); 

-o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); -webkit-transition: -webkit-transform 500ms ease; 

-moz-transition: -moz-transform 500ms ease; -ms-transition: -ms-transform 500ms ease; -o-transition: -o-transform 500ms ease; 

transition: transform 500ms ease; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; 

-ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; padding: 0; display: none; }



#zn-res-menu.zn-menu-visible, #zn-res-menu ul.zn-menu-visible { -ms-transform: translate(0%, 0);-webkit-transform: translate3d(0%, 0, 0);-moz-transform: translate3d(0%, 0, 0);-ms-transform: translate3d(0%, 0, 0);-o-transform: translate3d(0%, 0, 0);transform: translate3d(0%, 0, 0);}

#zn-res-menu li {position: initial; width: 100%;}

#zn-res-menu .zn_mega_container { width: 100%; }

#zn-res-menu .zn_mega_container li { width: 100%;float: none; }

#zn-res-menu li a {padding: 13px 28px; border-bottom: 1px solid;border-bottom-color: inherit; display: block; z-index: 1; }

/* RESPONSIVE SUBMENUS */

#zn-res-menu a {cursor: pointer;}

#zn-res-menu  .zn_res_has_submenu > span,#zn-res-menu .zn_res_menu_go_back > span {position: absolute; right: 0; width: 49px; 

height: 49px; border-left: 1px solid;border-left-color: inherit; line-height: 49px; vertical-align: middle; text-align: center;

cursor: pointer; z-index: 2;}

#zn-res-menu .zn_res_menu_go_back > a { text-align: center; padding-right: 0;padding-left: 49px; }

#zn-res-menu .zn_res_menu_go_back > span {left: 0;right: auto;border-left: none;border-right: 1px solid;border-right-color: inherit;}

.zn-res-menuwrapper {float: right; display: block; margin-top: 32px; }

.zn-res-trigger { vertical-align: middle; position: relative; display: inline-block; width: 25px; 

 height: 28px; margin-right: 25px;}

.zn-res-trigger::after { content: ''; position: absolute; width: 25px; height: 4px; top: 50%;margin-top: -10px; 

background: #3d3d3d; border-radius: 4px; left: 0; box-shadow: 0 8px 0 #3d3d3d, 0 16px 0 #3d3d3d; }

.zn_res_has_submenu .new-item { display: none;}







/* 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: #f05a29; 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: #f05a29 !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: #f05a29 !important; 

border-bottom: solid 4px #d84852 !important;  }

.filters-nav ul li.filter-item.is-active:last-child { color: #fff !important; background: #f05a29 !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: #f05a29; 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(../images/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: #f05a29; border: solid 2px #f05a29;}

#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: #f05a29; border: solid 2px #f05a29;}





/* Buy Section */

.buy { background: #f05a29; 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 */

/* Video Presentation */

.video-presentation { height: 500px; width: 100%; z-index: 1; position: relative; background: url(../images/video-bg.jpg) center center;

background-size: cover; }

.video-overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: center; }

.video-overlay .thin-line-white { width: 30px;}

.video-overlay h2 {color: #fff; text-transform: uppercase; font-size: 40px; font-weight: 400;}

.play-button {margin-top: 120px; margin-bottom: 70px; z-index: 2;}

.play-button i { color: rgba(255, 255, 255, 0.85); width: 100px; height: 100px; line-height: 90px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; 

font-size: 70px; line-height: 100px; padding-left: 5px; -moz-backface-visibility: hidden; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; 

transition: all 0.3s;}

.play-button i:hover{ color: #f05a29;}

.nivo-lightbox-close { position: absolute; top: 2%; right: 2%;}

.nivo-lightbox-theme-default.nivo-lightbox-overlay { background: rgba(0,0,0,0.9) !important;}

.nivo-lightbox-theme-default .nivo-lightbox-close { display: block; background: url(../images/close.png) no-repeat 5px 5px !important; 

width: 69px; height: 69px; 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 { top: -55px; display: block; height: 30px;}

.nivo-lightbox-theme-default .nivo-lightbox-title { color: #fff; font-size: 20px;}

.video-presentation iframe body {background-color: transparent !important;}





/* Subscribe */

/* Mailchimp */

#subscribe h2 { margin-top: 0;}

#subscribe h5 { color: #a1a1a1; margin-bottom: 25px;}

#subscribe input {background: #E4E4E4; color: #575656 !important; 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: 1.5em; margin-bottom: 20px; vertical-align: top; border-width: 1px; width: 40%; margin-top: 30px; }

.close {background: none; border: 0; float: right; font-size: 12px;}



@media (max-width: 1200px) {

#subscribe.footer-subscribe input { width: 174px !important;}

}

@media (min-width: 768px) and (max-width: 992px) {

#subscribe.footer-subscribe input { width: 119px !important;}

}

@media (max-width: 768px) {

#subscribe { text-align: left;}

}



/* Amazing Section */

#amazing { background: #f05a29; 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: #f05a29; 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 #f05a29; 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: #f05a29; border-width: 11px; margin-left: -11px; }

.feedback-box img { float: left;}

.feedback-box blockquote { color: #161616; background: url(../images/quotes.png) no-repeat left top; padding-left: 30px;

margin-left: 120px; line-height: 25px;}





/* Services Section */

#services { padding-top: 80px; background: #fff;}

#services span { color: #f05a29; 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 { padding: 0 0 50px 0;}

/* Browsers Carousel */

.ms-caro3d-template { max-width: 1024px; margin: 0 auto; }

.ms-caro3d-template .master-slider .ms-container{ padding: 10px 0 50px 0; }

/* reflect */

.ms-caro3d-template .ms-slide{ -webkit-box-reflect: below 1px -webkit-gradient(linear, left top, left bottom, from(transparent), 

color-stop(90%, transparent), to(rgba(255,255,255,0.5))); }

.ms-caro3d-template .ms-slide-bgcont{ border-radius: 8px; }







/* Home Layout 3 */

/* Purchase Section */

#purchase { padding-bottom: 70px;}

#purchase p { color: #a1a1a1;}





/* Expertise Section */

#expertise { background: #f05a29; 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;}

.reset-list li:last-child  h4 {border-bottom:none !important;}

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: 95px; text-align: justify; font-size:16px;}





/* Services2 Section */

#services2 { background: #fafafa; padding: 70px 0;}

#services2 span { color: #f05a29; font-size: 25px; float: left; line-height: 32px;}

#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: 550px;}





/* Home Layout 4 */

/* Sub Header */

#sub-header { background: #f05a29; 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: #f05a29;}

#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: #f05a29 !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: #161616; font-weight: 300; margin-bottom: 30px;}

.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: #f05a29; color: #fff; border: none; border: solid 1px #f05a29; }



.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: #f05a29; 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: #f05a29; 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: #f05a29; 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(../images/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: #f05a29; 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: #f05a29; border: solid 2px #f05a29;}

#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: #f05a29; border: solid 2px #f05a29;}





/* 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: #f05a29; 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: #f05a29; 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 #f05a29; 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: #f05a29; 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: #f05a29; border-bottom: solid 3px #d84852;}

#recent-works .owl-buttons .owl-prev i:hover, #testimonials4 .owl-buttons .owl-prev i:hover { background-color: #f05a29;}

#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: #f05a29; border-bottom: solid 3px #d84852;}

#recent-works .owl-buttons .owl-next i:hover, #testimonials4 .owl-buttons .owl-next i:hover {background-color: #f05a29;}

#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(../images/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: #f05a29; padding: 70px 0;}

.services3-boxes { background: #fff; border-radius: 4px; padding: 30px 25px; 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(../images/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: #f05a29; 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(../images/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(../images/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(../images/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(../images/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(../images/home9-bg/img6.jpg) center bottom fixed; padding: 70px 0; color: #fff;}

#recent-projects .owl-buttons { position: absolute; top: 0; right: 0;top: -13px; 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: #f05a29; border: solid 2px #f05a29;}

#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: #f05a29; border: solid 2px #f05a29;}

#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: #f05a29;}





/* 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: #f05a29; 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: #f05a29; color: #fff; padding: 10px; font-size: 20px; display: inline-block; margin-right: 15px;}

.products .details {vertical-align: top; line-height: 40px;}









/* Blog Page */

.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: #f05a29; 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: #161616; font-size: 25px; font-weight: 300; line-height: 35px; margin-bottom: 10px;}

.blog-post .post-head b { color: #161616;}

.blog-post .post-head span { color: #a1a1a1;}

.blog-post .post-content p {color: #a1a1a1; font-size: 17px; line-height: 22px;}



.blog-carousel .owl-buttons .owl-prev i {color: #505050; padding: 9px 15px; position: absolute; right: 45px; top: 5px; font-size: 16px; 

background: #fff;}

.blog-carousel .owl-buttons .owl-next i {color: #505050; padding: 9px 15px; position: absolute; right: 5px; top: 5px; font-size: 16px; 

background: #fff;}



.testimonials5 .item { background: #f05a29; color: #fff; padding: 30px 25px; border-radius: 4px;}

.testimonials5 blockquote {font-size: 20px; line-height: 30px; font-weight: 300; margin-bottom: 20px;}

.testimonials5 blockquote:before {content: "\e71d"; font-family: 'icomoon'; color: #fff; margin-right: 15px;}



.pagination { display: inline-block;}

.pagination li a {border: solid 1px #e5e4e4; color: #9f9f9f;}

.pagination li a:hover { color: #727272;}

.pagination > .active > a { color: #000; border: solid 1px #000; background: #fff;}

.pagination > .active > a:hover { background: #fff; color: #000; border: solid 1px #000;}

.pagination > li:first-child > a { color: #f05a29;}

.pagination > li:last-child > a { color: #f05a29;}



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

.soundcloud iframe {width:100%; height:166px;}



.attachment { background-color: #f7f7f7; padding: 50px 40px;}

.attachment-span {color: #f05a29; 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: #f05a29;}

.blog-post2 .btn-default:hover, .blog-post2 .btn-default:active  { background: #ebebeb; }





/* Blog Style 4 */

.blog4 .blog-post .post-head h2 { font-size: 20px; line-height: 30px;}





/* Blog Post Page */

.blog-posted p {margin-top: 15px; font-size: 16px; color: #a1a1a1; }

.blog-posted .blog-social ul {margin-left: 115px;}

.blog-posted .blog-social ul li { float: left; margin-right: 5px;}



.form-row { margin-left: -10px; margin-right: -10px;}

.form-line.half {width: 50%;}

.form-line.full {width: 100%;}

.form-line {margin-bottom: 20px; float: left; position: relative; padding-left: 10px; padding-right: 10px;}

.br-form input[type=text] {width: 100%; border: 1px solid #ddd; background-color: #FCFCFC; font-size: 13px; color: #9ea3a7; 

height: 40px; text-indent: 15px; outline: none; border-radius: 3px; background-clip: padding-box; box-shadow: inset 0 1px 0 #f1f3f3; }

.br-form input[type=text]:hover {border-color: #bbb;}

.br-form input[type=text]:focus {border-color: #B4B4B4; 

box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(104, 104, 104, 0.19); background-color: #FFF; color: #23262D;}

.br-form textarea {width: 100%; height: 200px; padding: 15px; border: 1px solid #ddd; background-color: #FCFCFC; font-size: 13px; 

color: #9ea3a7; outline: none; border-radius: 3px; background-clip: padding-box; box-shadow: inset 0 1px 0 #f1f3f3;}

.br-form textarea:hover {border-color: #bbb;}

.br-form textarea:focus {border-color: #B4B4B4; 

box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(104, 104, 104, 0.19); background-color: #FFF; color: #23262D;}



.blog-social span { color: #c9c9c9; display: inline-block; margin-right: 10px;}

.blog-social span:hover { color: #a1a1a1;}



/* Blog Post Style 2 */

.comments span { color: #161616; }

.comments p {font-size: 18px; margin-top: 15px;}





/* Portfolio Page */

.portfolio .portfolio-wrapper .portfolio-item { position: relative; float: left; overflow: hidden; width: initial; }

.portfolio #portfolio-filters {text-align: right;}

.portfolio .portfolio-wrapper .portfolio-item h3 { display: block; width: 100%;}



/* Masonry */

.portfolio-item div { float: left;}

.portfolio-item .full-width { width: 100%; float: left;}

.portfolio-item .half-width { width: 49%; float: left;}

.portfolio-item .third-width { width: 33%; float: left;}

@media (max-width: 768px) {

.portfolio-item .half-width { width: 100%;}

.portfolio-item .third-width { width: 100%;}

}



/* Portfolio Style 2 Page */

.portfolio2 .portfolio-wrapper .portfolio-item { position: relative; float: left; overflow: hidden; width: initial; }

.portfolio2 #portfolio-filters {text-align: right;}

.ch-grid { margin: 20px 0 0 0; padding: 0; list-style: none; display: block; text-align: center; width: 100%; }

 

.ch-grid:after,

.ch-item:before { content: ''; display: table; }

.ch-grid:after { clear: both; }

.ch-grid li { width: 330px; height: 330px; display: inline-block; }

.ch-item { width: 100%; height: 100%; border-radius: 50%; position: relative; cursor: default; 

box-shadow: inset 0 0 0 16px rgba(255,255,255,0.6), 0 1px 2px rgba(0,0,0,0.1);  

-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; 

-o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }



.ch-img-1 { background-image: url(../images/blog/rounded.jpg); }

.ch-img-2 { background-image: url(../images/blog/rounded2.jpg); }

.ch-img-3 { background-image: url(../images/blog/rounded3.jpg); }

.ch-img-4 { background-image: url(../images/blog/rounded4.jpg); }

.ch-img-5 { background-image: url(../images/blog/rounded5.jpg); }

.ch-img-6 { background-image: url(../images/blog/rounded6.jpg); }

.ch-img-7 { background-image: url(../images/blog/rounded7.jpg); }

.ch-img-8 { background-image: url(../images/blog/rounded8.jpg); }

.ch-img-9 { background-image: url(../images/blog/rounded9.jpg); }



.ch-info { position: absolute; background: rgba(63,147,147, 0.8); width: inherit; height: inherit; border-radius: 50%; 

opacity: 0;  -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; 

-o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;  

-webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); 

transform: scale(0);  -webkit-backface-visibility: hidden;}



.ch-info h3 { color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 22px; margin: 0 30px; 

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: #161616; font-size: 14px; margin-right: 30px; min-width: 50px; display: inline-block;}

.project-info ul.info li { border-bottom: solid 1px #e5e4e4; font-size: 14px; padding: 5px 0; color: #9f9f9f;}

.project-info ul.info li:last-child { border-bottom: none;}



.project-info ul.project-social { padding: 10px 15px; border: solid 1px #e4e4e4; text-align: center;}

.project-info ul.project-social li { display: inline-block; margin-left: 15px; color: #a1a1a1; border-left: solid 1px #efefef; 

padding-left: 15px;}

.project-info ul.project-social li:first-child { margin-left: 0; border-left: 0; padding-left: 0;}

.project-info ul.project-social span { color: #161616;}





/* Project Carousel */

#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: #f05a29; border-bottom: solid 3px #d84852;}

#recent-works2 .owl-buttons .owl-prev i:hover { background-color: #f05a29;}

#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: #f05a29; border-bottom: solid 3px #d84852;}

#recent-works2 .owl-buttons .owl-next i:hover {background-color: #f05a29;}

#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%, #f05a29 41%, #f05a29 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%,#f05a29), color-stop(100%,#f05a29)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(-45deg,  #ff757e 0%,#ff757e 41%,#ff757e 41%,#f05a29 41%,#f05a29 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(-45deg,  #ff757e 0%,#ff757e 41%,#ff757e 41%,#f05a29 41%,#f05a29 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(-45deg,  #ff757e 0%,#ff757e 41%,#ff757e 41%,#f05a29 41%,#f05a29 100%); /* IE10+ */

background: linear-gradient(148deg,  #ff757e 0%,#ff757e 41%,#ff757e 41%,#f05a29 41%,#f05a29 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: #f05a29; 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: #f05a29; font-weight: 100; padding: 10px 24px 36px 24px; 

background: #FFF; border: solid 1px #f05a29; 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: #f05a29; font-size: 20px;}





/* Team Style 1 Page */

.team-members h3 {color: #161616; font-size: 18px; margin-bottom: 15px;}

.team-members p { color: #a1a1a1; margin-bottom: 15px;}



.sidebar3 { padding: 40px 25px; background: #fafafa; border: solid 1px #e5e4e4;}

.sidebar3 input {width: 100%; border: 1px solid #ddd; background-color: #FCFCFC; font-size: 13px; color: #9ea3a7; height: 40px; 

text-indent: 15px; outline: none; border-radius: 3px; background-clip: padding-box; box-shadow: inset 0 1px 0 #f1f3f3; margin-bottom: 15px;}

.sidebar3 input:hover {border-color: #bbb;}

.sidebar3 input:focus {border-color: #B4B4B4; 

box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(104, 104, 104, 0.19); background-color: #FFF; color: #23262D;}

.sidebar3 textarea {width: 100%; height: 200px; padding: 15px; border: 1px solid #ddd; background-color: #FCFCFC; font-size: 13px; 

color: #9ea3a7; outline: none; border-radius: 3px; background-clip: padding-box; box-shadow: inset 0 1px 0 #f1f3f3; margin-bottom: 20px;}

.sidebar3 textarea:hover {border-color: #bbb;}

.sidebar3 textarea:focus {border-color: #B4B4B4; 

box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(104, 104, 104, 0.19); background-color: #FFF; color: #23262D;}

.sidebar3 .btn { padding: 17px 54px;}

.sidebar3 h4 {color: #161616; font-size: 17px; margin-bottom: 10px;}

.sidebar3 p { color: #a1a1a1;}





/* Team Syle 2 Page */

.team-social ul li { display: inline-block; margin-right: 5px;}

.team-social span { color: #d1d0d0; font-size: 16px;}

.team-social span:hover { color: #3d3d3d;}



ul.activity li { color: #161616; margin-bottom: 5px;}

ul.activity li:before {content: "\f105"; font-family: 'icomoon'; color: #f05a29; 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: #f05a29; border-bottom: solid 3px #d84852;}

.latest-projects .owl-buttons .owl-prev i:hover { background-color: #f05a29;}

.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: #f05a29; border-bottom: solid 3px #d84852;}

.latest-projects .owl-buttons .owl-next i:hover {background-color: #f05a29;}

.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: 100%; border: 1px solid #ddd; background-color: #FCFCFC; font-size: 13px; color: #9ea3a7; 

height: 40px; text-indent: 15px; outline: none; border-radius: 3px; background-clip: padding-box; box-shadow: inset 0 1px 0 #f1f3f3; 

margin-bottom: 15px;}

.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: 100%; height: auto; padding: 15px; border: 1px solid #ddd; background-color: #FCFCFC; 

font-size: 13px; color: #9ea3a7; outline: none; border-radius: 3px; background-clip: padding-box; box-shadow: inset 0 1px 0 #f1f3f3; 

margin-bottom: 5px;}

.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: 25px; float: left; color: #f05a29; 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: 13px; margin-bottom: 0px; font-weight:bold;}

.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: #f05a29; 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 #f05a29; 

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 #f05a29; 

color: #161616; line-height: 25px; width: 330px; float: right;}





/* Diagram */

.circular-bar p { color: #a1a1a1; margin-top: 10px;}

.circular-bar h4 { color: #a1a1a1; font-size: 16px; margin-top: 5px;}

.circular-bar .sub-title { padding: 0 150px;}

.circular-bar span {font-size: 34px; color: #adadad; display: block; margin-top: -130px; margin-bottom: 150px;}

.circular-bar .procent { color: #161616; display: initial;}

.circular-bar .separator2 { border: solid 1px #dfdfdf; padding: 0 100px; display: inline-block;}



.circular-bar canvas { margin-top: 30px; position: relative;}

.circular-bar.featured canvas { width: 250px !important; height: 250px !important; margin-top: 0;}

.circular-bar.featured span { font-size: 50px; margin-top: -160px; margin-bottom: 140px;}



.text_page .owl-carousel { width: 60%;}





/* Custom Callout Box Page */

.custom-box-1 { background: url(../images/custom-boxes/box1.jpg) no-repeat;}

.custom-box-1 h2 {padding-top: 70px; margin-bottom: 30px;}

.custom-box-1 .btn { background: #fff; color: #3d3d3d;}

.custom-box-1 .btn:hover { background: #e93d18; color: #fff;}

.custom-box-1 p {padding: 0 200px;}



.custom-box-2 { background: url(../images/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: #f05a29; border-radius: 50%; border: solid 1px; padding: 31px; display: inline-block; 

margin-bottom: 20px;}



.custom-box-4 { background: #f05a29; 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;}



.custom-box-4g { background: #fff; padding: 50px;}

.custom-box-4g span {float: left; font-size: 25px; color: #f05a29; border-radius: 50%; border: solid 1px; padding: 31px;}

.custom-box-4g .line2 { border-left: solid 1px #ff757e; margin-left: 130px; padding-left: 30px;}



.custom-box-4t { background: transparent; padding: 50px;}

.custom-box-4t span {float: left; font-size: 25px; color: #f05a29; border-radius: 50%; border: solid 1px; padding: 31px;}

.custom-box-4t .line2 { border-left: solid 1px #fff; 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: #f05a29; font-size: 20px; float: left; padding: 5px;}

.features-services h3 {color: #161616; font-size: 16px; margin-left: 50px; margin-bottom: 20px;}





/* Testimonials Page */

.sidebar3 h3 {color: #161616; font-size: 14px;}

.sidebar3 .item h3 { font-size: 15px;}



.sidebar3 .owl-carousel { position: relative;}

.sidebar3 .owl-buttons .owl-prev i { background: #fff; color: #505050; padding: 5px; position: absolute; 

right: 35px; top: -60px; font-size: 20px;}

.sidebar3 .owl-buttons .owl-prev i:hover { background-color: #fafafa; }

.sidebar3 .owl-buttons .owl-next i {background: #fff; color: #505050;  padding: 5px; position: absolute; 

right: 0; top: -60px; font-size: 20px;}

.sidebar3 .owl-buttons .owl-next i:hover {background-color: #fafafa;}



.testimonials .item { width: 33%; }

.testimonials .item .testimonial img {float: left; margin-right: 20px;}

.testimonials .item h3 {font-size: 16px; color: #161616;}

.testimonials .item .testimonial {padding: 20px 30px; margin: 10px; border: solid 1px #f5f4f4;}

.testimonials .item .testimonial:hover { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.1);

-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.1);

box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.1);}



.team-carousel .item { width: inherit;}





/* Typography Page */

h1 {font-weight: 300; color: #161616; font-size: 34px; line-height: 40px;}

h2 {font-weight: 300; color: #161616; font-size: 30px; line-height: 35px;}

h3 {font-weight: 300; color: #161616; font-size: 28px; line-height: 32px;}

h4 {font-weight: 300; color: #161616; font-size: 26px; line-height: 30px;}

h5 {font-weight: 300; color: #161616; font-size: 24px; line-height: 26px;}

h6 {font-weight: 300; color: #161616; font-size: 20px; line-height: 27px;}

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: #f05a29;}

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



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



.firstcharacter { float: left; color: #f05a29; font-size: 43px; line-height: 43px; margin-right: 5px; }

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





/* Buttons Page */

.buttons-intro { background: #f05a29; 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-primary { background: #f05a29 !important; box-shadow: 0 4px #e93d18 !important; color: #fff !important; padding: 4px 10px; font-size:12px; }

.small-primary:hover { color: #f05a29; box-shadow: 0 2px #e93d18 !important; } 

.small-primary:active {box-shadow: 0 0 #e93d18 !important; top: 4px; 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-primary { background: #f05a29 !important; box-shadow: 0 4px #e93d18 !important; color: #fff !important; padding: 8px 25px; }

.medium-primary:hover { color: #f05a29; box-shadow: 0 2px #e93d18 !important; } 

.medium-primary:active {box-shadow: 0 0 #e93d18 !important; top: 4px; border: none;}



.medium-teal { background: #f05a29 !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-primary { background: #f05a29 !important; box-shadow: 0 4px #e93d18 !important; color: #fff; padding: 10px 30px; }

.large-primary:hover { color: #fff; box-shadow: 0 2px #e93d18 !important; } 

.large-primary:active { box-shadow: 0 0 #e93d18 !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;}



/* Transparent Buttons */

.small-2d-transparent { background: transparent !important; box-shadow: none !important; color: #fff; padding: 4px 10px; font-size:12px; border:solid 1px #bababa!important;}

.small-2d-transparent:hover { background: #e93d18 !important; color: #fff; box-shadow: none !important; top: 0;} 



/* 2D Buttons */

.small-2d-primary { background: #f05a29 !important; box-shadow: none !important; color: #fff; padding: 4px 10px; font-size:12px;}

.small-2d-primary:hover { background: #e93d18 !important; color: #fff; box-shadow: none !important; top: 0;} 

.small-2d-primary:active { background: #e93d18 !important; box-shadow: none !important; top: 0; border: none;}



.small-2d-black { background: #000 !important; box-shadow: none !important; color: #fff; padding: 4px 10px; font-size:12px;}

.small-2d-black:hover { background: #232323 !important; color: #fff; box-shadow: none !important; top: 0;} 

.small-2d-black:active { background: #232323 !important; box-shadow: none !important; top: 0; border: none;}



.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: #f05a29; 

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: #f05a29; color: #fff; border-radius: 0; }

.panel-heading.with-bg h4.panel-title:after { background: #fff; color: #f05a29; }

.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: #f05a29; 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(../images/stars.png) no-repeat 0 0; display: inline-block; margin:25px 0; display: block;}

.threestar { background-position: 0 -48px;}

ul.rating li { cursor: pointer; float: left; text-indent: -999em;}

ul.rating li a { position:absolute; left:0; top:0; width:16px; height:16px; text-decoration:none; z-index: 200; }

ul.rating li.one a {left:0}

ul.rating li.two a {left:16px;}

ul.rating li.three a {left:32px;}

ul.rating li.four a {left:48px;}

ul.rating li.five a {left:64px;}

ul.rating li a:hover { z-index:2; width:80px; height:16px; overflow:hidden; left:0; background: url(../images/stars.png) no-repeat 0 0 }

ul.rating li.one a:hover {background-position:0 -96px;}

ul.rating li.two a:hover {background-position:0 -112px;}

ul.rating li.three a:hover {background-position:0 -128px}

ul.rating li.four a:hover {background-position:0 -144px}

ul.rating li.five a:hover {background-position:0 -160px}



.cart-qty { display: inline-block; border:1px solid #eaebeb; border-radius: 3px; box-shadow: 0 1px 1px #F3F3F3; margin-bottom: 25px;}

.cart-qty button,

.cart-qty input {float:left; height: 35px; width:36px; border:0; margin:0; padding:0; background:none;outline: none;}

.cart-qty button { color:#d7d8da; font-size: 11px; font-weight: 600; }

.cart-qty button:hover { color:#ccc; }

.cart-qty button:active { color:#999; }

.cart-qty input {border-left:1px solid #eaebeb; border-right:1px solid #eaebeb; color:#45474d; font-size: 13px; font-weight: 600; 

text-align: center;width: 42px;}



.info { font-size: 14px;}



.tab-content { padding: 20px;}

/* Left Tabs */

.left-tab .nav-tabs { float: left; margin-right: 20px; }

.left-tab .nav-tabs > li { float: none; }

.left-tab .nav-tabs > li > a { border-radius: 0; border-right: 1px solid #eeeeee; background: #f7f7f7; color: #a1a1a1; 

 margin-right: 0; border: solid 1px #eeeeee;}

.left-tab .nav-tabs li.active > a {border: 1px solid #eeeeee; border-right: 0; background: #fff; color: #f05a29; 

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: #f05a29;}



/* 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: #f05a29; 

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: #f05a29; border-bottom: solid 3px #d84852;}

.related-products-carousel .owl-buttons .owl-prev i:hover { background-color: #f05a29;}

.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: #f05a29; border-bottom: solid 3px #d84852;}

.related-products-carousel .owl-buttons .owl-next i:hover {background-color: #f05a29;}

.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: #f05a29; color: #fff; padding: 10px; font-size: 20px; display: inline-block; margin-right: 15px;}

.related-products-carousel .details {vertical-align: top; line-height: 40px;}





/* Shopping Cart Page */

.table-bordered { border: 1px solid #eeeeee;}

.table-bordered > tbody > tr > td { border: 1px solid #eeeeee; padding: 30px; vertical-align: middle;}

.table-bordered > thead > tr > th { border: 1px solid #eeeeee; color: #161616; font-size: 16px; font-weight: 300; text-align: center;

padding: 10px;}

.table-bordered > thead > tr { background: #f8f8f8;}



.shopping-table h4 { font-size: 14px; margin-bottom: 0; }

.shopping-table b { display: block; color: #8f8f8f;}



.shopping-table .price {color: #a3a2a2; font-size: 25px; font-weight: 300;}

.shopping-table .cart-qty { margin-bottom: 0;}

.shopping-table span { font-size: 20px;}



.shopping-table .cupon { background-color: #f8f8f8;}



.coupon b { color: #151515; font-size: 22px; font-weight: 300; float: left; margin-right: 20px; line-height: 40px;}

.coupon .btn { border-radius: 0; padding: 0 30px; height: 40px; line-height: 40px; vertical-align: top;}

.coupon input { padding: 0 10px; margin-right: 20px; outline: none; border: solid 1px #DFDFDF; height: 40px; }



.cart-total ul li { border: solid 1px #e8e8e8; padding: 7px 20px; }

.cart-total .total { background: #fdfdfd;}

.cart-total .total p {font-size: 16px;}

.cart-total b { color: #9f9f9f;}





/* Features Page */

.features-sidebar ul li { border: solid 1px #e4e4e4; padding: 10px 13px; border-bottom: 0; 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 #f1f3f3; margin-bottom: 15px;}

.reg-panel-title {color: #161616; font-size: 15px; font-weight: 600; border-bottom: 1px solid #EDEDED; 

display: block; padding-bottom: 10px; margin-bottom: 20px;} 





/* Progress Bars & Skill Mater */

.progress2 {height: 30px; border-radius: 0;}

.progress-bar2 { background-color: #f05a29; line-height: 30px; }





/* Laptop Slider Styles */

.ms-laptop-template .ms-laptop-cont .ms-view{ background-color: #17171a;}

.ms-laptop-template .ms-laptop-cont{ max-width: 645px; position: relative; margin: 0 auto;}

.ms-laptop-template .ms-lt-slider-cont { position: relative; padding: 5% 11.9% 20%; max-width: 645px;}

.ms-laptop-template .ms-laptop-bg { max-width: 100%; position: absolute; height: auto;}

.ms-laptop-template .ms-nav-prev,

.ms-laptop-template .ms-nav-next { background: url(../images/masterslider/skin.png) no-repeat -11px -9px; width: 35px; height: 40px; 

left: -80px; margin-top: -17px; position: absolute; top:50%; cursor: pointer;}

.ms-laptop-template .ms-nav-next { background-position: -59px -9px; right: -80px; left:auto;}

.ms-laptop-template .ms-bullets.ms-dir-h { position: absolute; bottom: -30%; right: 50%; width: 100px;}

.ms-laptop-template .ms-bullets.ms-dir-h .ms-bullets-count { position: relative; right: -50%;}

.ms-laptop-template .ms-bullet { width: 10px; height: 10px; background: #d9d9d9; border-radius: 50%; margin: 4px;}

.ms-laptop-template .ms-bullet:hover { background: #333;}

.ms-laptop-template .ms-bullet-selected { background: #f4f4f4; box-shadow: 0 0 0 2px #DB2B1C; }

.ms-laptop-template .ms-bullet-selected:hover { background: #f4f4f4;}





/* 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("../images/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;}



/* Gallery Masonry */

.gallery-masonry .masonry-item {width: 25%; padding: 5px;}

#gallery-full-masonry .masonry-item { padding: 10px;}





/* 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 #f05a29; border-radius: 100px; padding: 15px; background: #f05a29; 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 #f05a29; 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: #f05a29; border: solid 2px #f05a29;}

@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: #f05a29; }

.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: #f05a29; 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%); }

}





/* Product Launch Page */

#product-launch-header { position: relative; height: auto; background: url(../images/header_bg_pl.jpg) no-repeat; background-size: cover;

padding-top: 80px;}

#section-overlay {background-color: rgba(33, 40, 42, 0.5); position: absolute; width: 100%; height: 500px; left: 0; top: 0;}

#product-launch-header h1 { font-family: Roboto, Helvetica, Arial, sans-serif;font-size: 80px;font-stretch: normal;font-style: normal;font-variant: normal;font-weight:900; line-height:70px; color:#f05a29;}

#product-launch-header p {font-family: Roboto, Helvetica, Arial, sans-serif;font-size: 30px !important;font-stretch: normal;font-style: normal;font-variant: normal;font-weight:100; line-height:30px;}

#product-launch-header a.watch-now {color: #fff; font-size: 22px; line-height: 44px; vertical-align: bottom;}

#product-launch-header a.watch-now:hover {text-shadow: 0px 1px 3px rgba(0,0,0,0.8);}



.purchase-banner h3 { font-size: 16px; font-weight: 400; margin-bottom: 10px; margin-top: 15px;}

.purchase-banner {background: #F6F6F6; border-top: solid 3px #f05a29;}

.purchase-banner a { margin-top: 22px;}



#how-it-works span { font-size: 30px; vertical-align: middle;}

#how-it-works h3 {display: inline-block; font-weight: 300; vertical-align: middle; margin-bottom: 0;}

#how-it-works img { height: 250px; margin: 20px auto;}



.product-slider img { margin: 0 auto;}

.product-slider .owl-buttons .owl-prev i {color: #fff; border-radius: 4px; padding: 9px 17px; 

position: absolute; left: 25px; top: 110px; font-size: 20px; background: #f05a29; border-bottom: solid 3px #d84852;}

.product-slider .owl-buttons .owl-prev i:hover { background-color: #f05a29;}

.product-slider .owl-buttons .owl-prev i:active { margin-top: 3px; border-bottom: solid 1px #d84852;}

.product-slider .owl-buttons .owl-next i {color: #fff; border-radius: 4px; padding: 9px 17px; position: absolute; right: 25px; 

top: 110px; font-size: 20px; background: #f05a29; border-bottom: solid 3px #d84852;}

.product-slider .owl-buttons .owl-next i:hover {background-color: #f05a29;}

.product-slider .owl-buttons .owl-next i:active { margin-top: 3px; border-bottom: solid 1px #d84852;}



/* Footer */

.copyright {font-size: 11px; color: #575656 !important; line-height: 17px; margin-bottom: 0;}

footer { padding: 50px 0 0 0; color: #161616;}

footer h3 {font-size: 24px; font-weight: 300; color: #3d3d3d; margin-bottom: 30px; }

footer ul.footer-blog { display: inline-block;}

footer ul.footer-blog li p { margin-left: 90px; margin-bottom: 3px;}

footer ul.footer-blog img { float: left;}

footer .default { margin-bottom: 5px;}

footer .only3 { display: none;}



.social ul li { float: left; background: #ececec; border-radius: 50%; width: 40px; height: 40px; text-align: center; margin-right: 5px; margin-bottom: 10px;}

.social ul li a { line-height: 40px; color: #161616; display: block;}

.social ul li a span { line-height: 40px;}

.ico-facebook:hover { background: #4c81d2 !important;}

.ico-facebook:hover > a { color: #fff;}

.ico-twitter:hover { background: #47daff !important;}

.ico-twitter:hover > a { color: #fff;}

.ico-pinterest:hover { background: #e43333 !important;}

.ico-pinterest:hover > a { color: #fff;}

.ico-dribbble:hover { background: #ff4978 !important;}

.ico-dribbble:hover > a { color: #fff;}

.ico-google:hover { background: #ff6252 !important;}

.ico-google:hover > a { color: #fff;}

.ico-instagram:hover { background: #3f729b !important}

.ico-instagram:hover > a { color: #fff;}



ul.menu-list li:before { content: "\f105"; font-family: 'icomoon'; color: #f05a29; font-size: 11px; margin-right: 5px;}



#subscribe.footer-subscribe input {width: 224px;}

#subscribe.footer-subscribe .alert.animate { width: 100%;}



.bottom-footer { background: #E6E6E6; padding: 25px 0;}



.social-buttons { text-align: right;}

.facebook-button {display: inline-block; width: 90px; margin-right: 20px;}

.twitter-button {display: inline-block; width: 80px; margin-right: 20px;}

.google-button {display: inline-block; width: 60px;}







/* Footer Style 2 */

.footer-style2 { border-top: solid 6px #f05a29; }





/* Footer Style 3 */

.footer-style3 { background: #f05a29; color: #fff; }

.footer-style3 p { color: #fff;}

.footer-style3 .only3 { display: block; margin-bottom: 10px;}

.footer-style3 .default { display: none;}

.footer-style3 .copyright { color: #fff; margin-top: 5px;}

.footer-style3 h3 { color: #fff;}

.footer-style3 ul.menu-list li a { color: #fff;}

.footer-style3 ul.menu-list li a:hover { color: #C4C4C4;}

.footer-style3 ul.menu-list li:before { color: #fff;}

footer.footer-style3 ul.footer-blog li p { color: #fff !important;}



/* Footer Style 4 */

.footer-style4 { background-color: #f9f9f9;}





/* Pre Code */

.highlight { margin-bottom: 14px; background-color: #f7f7f9; border: 1px solid #e1e1e8; border-radius: 4px; padding: 9px 14px;}

.s { color: #d44950;}

.na { color: #4f9fcf;}

.nt { color: #2f6f9f;}



.thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.42857143; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; 

-webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out;}



/* +++++++++ Shadows +++++++++++++++++++++++++++  */

.has_shadow { position:relative; padding: 0; border: none; background: #FFF; z-index: 1;}

.has_shadow:before,

.has_shadow:after { content:""; position:absolute; z-index:-2; }

/* Lifted corners */

.has_shadow.lifted { border-radius:4px; }

.has_shadow.lifted:before,

.has_shadow.lifted:after { bottom:15px; left:10px; width:50%; height:20%; max-width:300px; max-height:100px; box-shadow:0 15px 10px rgba(0, 0, 0, 0.7); 

-webkit-transform:rotate(-3deg); -ms-transform:rotate(-3deg); transform:rotate(-3deg); }

.has_shadow.lifted:after { right:10px; left:auto; -webkit-transform:rotate(3deg); -ms-transform:rotate(3deg); transform:rotate(3deg); }

/* Curled corners */

.has_shadow.curled { border:none; border-radius:0 0 120px 120px / 0 0 6px 6px; }

.has_shadow.curled > img { border-radius:0 0 120px 120px / 0 0 6px 6px;}

.has_shadow.curled:before,

.has_shadow.curled:after { bottom:12px; left:10px; width:50%; height:55%; max-width:200px; max-height:100px; box-shadow:0 8px 12px rgba(0, 0, 0, 0.5); 

-webkit-transform:skew(-8deg) rotate(-3deg); -ms-transform:skew(-8deg) rotate(-3deg); transform:skew(-8deg) rotate(-3deg); }

.has_shadow.curled:after { right:10px; left:auto; -webkit-transform:skew(8deg) rotate(3deg); -ms-transform:skew(8deg) rotate(3deg); transform:skew(8deg) rotate(3deg); }

/* Perspective */

.has_shadow.perspective:before { left:80px; bottom:5px; width:50%; height:35%; max-width:200px; max-height:50px; box-shadow:-80px 0 8px rgba(0, 0, 0, 0.4); 

-webkit-transform:skew(50deg); -ms-transform:skew(50deg); transform:skew(50deg); -webkit-transform-origin:0 100%; -ms-transform-origin:0 100%; transform-origin:0 100%; }

.has_shadow.perspective:after { display:none; }

/* Raised shadow - no pseudo-elements needed */

.has_shadow.raised { box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset; }

/* Curved shadows */

.has_shadow.curved:before { top:10px; bottom:10px; left:0; right:50%; box-shadow:0 0 15px rgba(0,0,0,0.6); border-radius:10px / 100px; }

.has_shadow.curved-vt-2:before { right:0; }

.has_shadow.curved-hz-1:before { top:50%; bottom:0; left:10px; right:10px; border-radius:100px / 10px; }

.has_shadow.curved-hz-2:before { top:0; bottom:0; left:10px; right:10px; border-radius:100px / 10px; }





/* Swappers */

#swappers {height: 0; width:100%; position:absolute; bottom:0; left: 0; z-index: 1111;}

.swappers-table .helper {position: absolute; background-color:rgba(240, 90, 41, 0.7); color: #fff; margin-top: -50px; margin-right: 15px; padding:30px;

-webkit-backface-visibility:hidden; top:0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); 

transform: translateY(0); -webkit-transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -moz-transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 

-o-transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); -ms-transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000); 

transition: all 300ms cubic-bezier(0.190, 1.000, 0.220, 1.000);}

.swappers-table .modulecontent {opacity:.5;}

.swappers-table:hover .helper {background-color:rgba(0,0,0,0.8); -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); top:50px; }

.swappers-table:hover .swappers-content {opacity:1;}

.swappers-table:hover .helper:before {background-position:center top;}

.swappers-table h3 {font-size:22px; line-height: 1.4; border-bottom:1px solid #5a5a5a; text-shadow:1px 1px 0 #383838; text-transform:uppercase; color:#fff; 

margin-top: 0;padding: 1px 0 8px;}

.swappers-content p { color: #fff;}





/* 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(../images/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(../images/nivo/prev.png); 

	border-radius: 0 3px 3px 0;

}

.nivo-lightbox-theme-default .nivo-lightbox-next { 

	background-image: url(../images/nivo/next.png); 

	border-radius: 3px 0 0 3px;

}



.nivo-lightbox-theme-default .nivo-lightbox-close {

	display: block;

	background: url(../images/close.png) no-repeat 5px 5px;

	width: 70px;

	height: 70px;

	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(../images/nivo/loading@2x.gif); 

		background-size: 32px 32px;

	}

	.nivo-lightbox-theme-default .nivo-lightbox-prev { 

		background-image: url(../images/nivo/prev@2x.png); 

		background-size: 48px 48px;

	}

	.nivo-lightbox-theme-default .nivo-lightbox-next { 

		background-image: url(../images/nivo/next@2x.png); 

		background-size: 48px 48px;

	}

	.nivo-lightbox-theme-default .nivo-lightbox-close { 

		background-image: url(../images/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(../images/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(../images/full-page/full-bg-2.jpg); background-size: cover;}

.section.slide3 { background-image: url(../images/full-page/full-bg-3.jpg); background-size: cover;}

.section.slide4 { background-image: url(../images/full-page/full-bg-4.jpg); background-size: cover;}


#product-launch-header .contact #contact_form .label-form input,
#product-launch-header .contact #contact_form .label-form textarea{
  background-color: rgba(0,0,0,0.2);
  outline: none;
  border:1px solid #f7f7f7;
  color: #f7f7f7;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(104, 104, 104, 0.19);
}


#product-launch-header input::-webkit-input-placeholder, #product-launch-header textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #eee;
}
#product-launch-header input::-moz-placeholder, #product-launch-header textarea::-moz-placeholder { /* Firefox 19+ */
  color: #eee;
}
#product-launch-header input:-ms-input-placeholder, #product-launch-header textarea:-ms-input-placeholder { /* IE 10+ */
  color: #eee;
}
#product-launch-header input:-moz-placeholder, #product-launch-header textarea:-moz-placeholder { /* Firefox 18- */
  color: #eee;
}