/*
Title:   Main Template Css File
Author:  http://themeforest.net/user/hogash // Marius Hogas  */

/* BODY FONT - Applies to everything */
body {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 19px;
	color: #535353;
	background-color: #f5f5f5;
}
h1, h2, h3, h4, h5, h6, div.pp_kalypso .ppt {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight:700;
}

/* Several elements using other font */
div.pp_kalypso .ppt,
.flex-caption,
.nivo-caption,
.info_pop .text, .playVideo,
.textpop-style .texts > span,
.ud_counter ul li,
.video-container .captions .line,
.newsletter-signup input[type=submit],
.page-title,
.subtitle,
#sidebar .title,
.shop-latest .tabbable .nav li a,
.topnav > li > a,
nav#main_menu > ul > li > a,
.pricing_table .tb_header h4,
.pricing_table .price,
.process_box .number span,
.shop-features .shop-feature,
.shop-features .shop-feature > h4,
.shop-features .shop-feature > h5 {
	font-family: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

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

/* Use fixclear class on parent to clear nested columns */
.fixclear:before, .fixclear:after {content: '\0020'; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.fixclear:after {clear: both; }
.fixclear { zoom: 1; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.align-center {text-align:center;}
.align-right {text-align:right;}

.row {margin-bottom:35px;}

ul.list-style1,
ul.list-style2 {margin-left:0;}
ul.list-style1 li,
ul.list-style2 li { list-style:none; background:url(../images/list-style1.png) no-repeat 2px 8px; padding-left: 15px; margin-bottom: 4px;}
ul.list-style2 li { background:url(../images/list-style2.png) no-repeat 2px 5px; padding-left: 25px;}

#logo { float: left; margin:0;}
#logo a { padding: 28px; display: block; position:relative;}

header#header {position:absolute; width:100%; height:100px; background:rgba(0,0,0,0.5); z-index:1; }
header#header.style1 {border-bottom:2px solid #000; border-bottom:2px solid rgba(0,0,0,0.7); border-top: 3px solid #CD2122;}
header#header.style1:after {content:""; position:absolute; left:50%; bottom:-10px; margin-left: -2px;
border: 5px solid transparent; border-top-width: 5px; border-top-color:#000; border-top-color:rgba(0,0,0,0.7); }

header#header.style2 #logo a {background:rgba(0,0,0,0.3); padding:25px; border-bottom:2px solid #000; border-bottom:2px solid rgba(0,0,0,0.7); border-top: 3px solid #CD2122;}
header#header.style2 #logo a:after {content:""; position:absolute; left:50%; bottom:-11px; margin-left: -3px;
border: 5px solid transparent; border-top-width: 5px; border-top-color:#000; border-top-color:rgba(0,0,0,0.7); 
}
header#header.style2 .topnav.navLeft {float:left;}

header#header.style3 {background:none;}
header#header.style3 #logo a {background:rgba(0,0,0,0.3); padding:25px; border-bottom:2px solid #000; border-bottom:2px solid rgba(0,0,0,0.7); border-top: 3px solid #CD2122;}
header#header.style3 #logo a:after {content:""; position:absolute; left:50%; bottom:-11px; margin-left: -3px;
border: 5px solid transparent; border-top-width: 5px; border-top-color:#000; border-top-color:rgba(0,0,0,0.7); }
header#header.style3 .topnav.navLeft {float:left;}


/* TOP NAVIGATION */
.topnav {float:right; margin:10px 0; padding:0; list-style:none; position: relative; z-index: 101;}
.topnav > li {float:left; margin-left:25px; position:relative;}
.topnav > li > a {font-size:11px; font-weight:700; color:#fff; line-height: 24px; display: block; padding: 0;
-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; opacity:.8; filter:alpha(opacity=80);}
.topnav > li:hover > a,
.topnav > li > a:hover {opacity:1; filter:alpha(opacity=100);}
.topnav > li > a > span {margin-right:3px; margin-top: 0;}
.topnav li.drop .pPanel  {position: absolute; left: 0; width:auto; min-width: 120px; height:0; opacity:0; filter:alpha(opacity=0); overflow:hidden; margin-left: -11px;}
header.style4 .topnav li.drop .pPanel ,header.style1 .topnav li.drop .pPanel {left: auto;right: 0;}
.topnav li.drop .inner {margin:4px; list-style:none; background: #f5f5f5; padding: 4px 0; margin-top:5px; position:relative;
-webkit-box-shadow: 0px 0px 5px rgba(0,0,0, 0.4); -moz-box-shadow: 0px 0px 5px rgba(0,0,0, 0.4); box-shadow: 0px 0px 5px rgba(0,0,0, 0.4);
-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.topnav li.drop .inner:after {content:"";top:-8px; position:absolute; left:9px; border: 5px solid transparent; border-bottom-width: 4px; border-bottom-color:#f5f5f5; }
header.style4 .topnav li.drop .inner:after ,header.style1 .topnav li.drop .inner:after {left: auto;right: 9px;}
.topnav li.drop:hover .pPanel {opacity:1; filter:alpha(opacity=100); height:auto;}
.topnav li.drop li a {font-size:10px; color:#222; padding:0 5px 0 10px; display: block; text-transform:uppercase; margin-top:1px; }
.topnav li.drop li.active a,
.topnav li.drop li a:hover {background: rgba(0, 0, 0, 0.1); }
.topnav li.drop li a span {float: right; opacity: .3; filter:alpha(opacity=30); margin-top: 2px;}

.cart_details {display:block;white-space:nowrap; padding:0 10px; font-size:11px;}
.cart_details .checkout {border-left: 1px solid #CCC; margin-left: 15px; padding-left: 15px; display: inline-block; color:#CD2122; font-size:12px; text-transform:uppercase; }
.cart_details .checkout:hover {color:#333;}
.cart_details .checkout span {margin-top: 1px; opacity: 0.2; filter:alpha(opacity=20);}

/* MAIN NAVIGATION - SUPERFISH */
nav#main_menu {float:right;}
nav#main_menu > ul {margin:15px 0; padding:0; list-style:none;}
nav#main_menu > ul > li {float:left;  margin-top:3px; margin-left:2px;}
nav#main_menu > ul > li:first-child {margin-left:0;}
nav#main_menu > ul > li > a {font-size:14px; font-weight:700; color:#fff; padding: 0 12px 0; margin:0 0 5px; display: block; border: 0; line-height: 1; position:relative;
-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
nav#main_menu > ul > li.active > a,
nav#main_menu > ul > li > a:hover,
nav#main_menu > ul > li:hover > a {background-color:#cd2122; padding: 6px 12px 5px; margin:-6px 0 0 0; }
/*2nd lev */
nav#main_menu > ul > li:hover > ul,
nav#main_menu > ul > li.sfHover > ul {top:28px;}
nav#main_menu > ul ul {background:#f5f5f5; padding: 6px 0;
border: 1px solid #fff; border: 1px solid rgba(255, 255, 255, 0.8);
-webkit-box-shadow: 0px 0px 4px rgba(0,0,0, 0.4); -moz-box-shadow: 0px 0px 4px rgba(0,0,0, 0.4); box-shadow: 0px 0px 4px rgba(0,0,0, 0.4);
-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
position: absolute;
}
nav#main_menu > ul > li > a.sf-with-ul .sf-sub-indicator {background: #CCC; background: rgba(255, 255, 255, 0.4); height: 1px; width: 7px; left: 17px; top: auto; bottom: -3px; }
nav#main_menu > ul > li.sfHover > a.sf-with-ul .sf-sub-indicator {display:none; }
nav#main_menu > ul ul li {line-height:27px;}
nav#main_menu > ul > li > ul:after {content:"";top:-10px; position:absolute; left:14px; border: 6px solid transparent; border-bottom-width: 5px; border-bottom-color:#f5f5f5;}
/*3rd lev */
nav#main_menu > ul ul ul {margin-left:10px;}
nav#main_menu > ul ul ul.reversed {margin-right:10px; margin-left:0;}
nav#main_menu > ul > li > ul ul:after {content:"";top:6px; position:absolute; left:-10px; border: 5px solid transparent; border-right-color:#f5f5f5;}
nav#main_menu > ul > li > ul ul.reversed:after { right:-10px; left:auto; border-left-color:#f5f5f5; border-right-color:transparent;}
nav#main_menu > ul ul li a {color:#535353; line-height:27px; font-size:12px; padding:0 12px; }
nav#main_menu > ul ul li.active > a,
nav#main_menu > ul ul li.sfHover > a,
nav#main_menu > ul ul li a:hover {color:#323232; background:rgba(0,0,0,0.04); padding-left:14px }
nav#main_menu > ul ul .sf-sub-indicator {background:#ccc; height:1px; width:7px; top: 50%; margin-top: -1px;}

/*2nd lev */
nav#main_menu > ul.dark_nav ul {background:#0A0A0A;
border: 1px solid #000; border: 1px solid rgba(0, 0, 0, 0.8);}
nav#main_menu > ul.dark_nav > li > ul:after {border: 6px solid transparent; border-bottom-width: 5px; border-bottom-color:#0A0A0A;}
/*3rd lev */
nav#main_menu > ul.dark_nav > li > ul ul:after {border: 6px solid transparent; border-right-width: 5px; border-right-color:#0A0A0A;}
nav#main_menu > ul.dark_nav ul li a {color:#ACACAC;}
nav#main_menu > ul.dark_nav ul li.active > a,
nav#main_menu > ul.dark_nav ul li.sfHover > a,
nav#main_menu > ul.dark_nav ul li a:hover {color:#ACACAC; background:rgba(255,255,255,0.04); }
nav#main_menu > ul.dark_nav ul .sf-sub-indicator {background:#333;}


/* SEARCH PANEL */
#search {float:right; clear: right; position:relative;z-index:100;}
#search .search {display:none; position: absolute; right: -10px; padding:30px; background:#f4f4f4; width: 180px; border-bottom:1px solid #fff;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2); }
#search .searchBtn {margin: 10px 0 0 10px; padding: 8px; line-height: 1; display: inline-block; background: rgba(0, 0, 0, 0.5); position:relative; z-index:1;}
#search .searchBtn:hover {background: rgba(0, 0, 0, 0.7);}
#search .searchBtn.active {background:#f4f4f4;}
#search form {margin:0; border-bottom:1px solid #ccc;}
#search form:hover {border-bottom:1px solid #b5b5b5;}
#search form input[type=text] {background: none; border: none; font-size: 12px; font-style: italic; color: #999; width: 155px; padding:5px 0; margin:0; display: inline-block;
-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#search form input[type=text]:focus {font-style: normal; color: #565656;}
#search form input[type=submit] {width:20px; background-color: transparent; border: none; text-indent:-9999px; padding:0; display: inline-block;}

#page_wrapper {position: relative;}
section#content { margin-top:50px; }

#page_header.gradient,
#slideshow.gradient {
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
 background-color: #345370;}
#page_header,
#slideshow {position: relative; top: 0; z-index: 0;}
#page_header.nobg,
#slideshow.nobg {background:none;}
#page_header.hasMargin,
#slideshow.hasMargin {margin-bottom:40px;}
/*#page_header:after,
#slideshow:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1;background-image: url(../images/glare-effect.png); background-repeat: no-repeat; background-position: center top;}*/
/*#page_header.noGlare:after,
#slideshow.noGlare:after {background-image:none;}*/
#slideshow .container {padding:130px 0 45px;}

#sparkles {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; overflow: hidden;}

#page_header {min-height:300px;/* border-bottom:6px solid #fff;*/}
#page_header .container {padding:130px 0 0;}
/*#page_header:before {content:''; position:absolute; bottom:-26px; left:0; width:100%; height:20px; background:url(../images/shadow-down.png) no-repeat center top; opacity:.6; filter:alpha(opacity=60); }*/
#page_header .container { z-index: 1; position: relative; }
#page_header > .shadowUP:after {content:''; position:absolute; bottom:-18px; left:50%; border:6px solid transparent; border-top-color:#fff; margin-left:-6px; }
#page_header .bgback {position:absolute; left:0; top:0; right:0; bottom:0; z-index:0;
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#page_header .bgback.bg1 {background:url(../images/page-headers/bg1.jpg) no-repeat center top;}
#page_header .bgback.bg2 {background:url(../images/page-headers/xbg2.jpg) no-repeat center top;}
#page_header .bgback.bg3 {background:url(../images/page-headers/xbg3.jpg) no-repeat center top;}
#page_header .bgback.bg4 {background:url(../images/page-headers/xbg4.jpg) no-repeat center top;}

/* HOLIDAY HEADERS */
.christmas-header #page_header {min-height:400px;}
.christmas-header #page_header .bgback {background:url(../images/holiday_headers/christmas.jpg) no-repeat center top;}
.christmas-header #logo {position:relative;}
body.christmas-header #logo a {padding:35px 25px 15px;}
.christmas-header #logo:after {content:''; width:50px; height:43px; position:absolute; top: 12px; left:50%; margin-left: 25px; z-index:99999; background:url(../images/holiday_headers/christmas_hat.png) no-repeat;}
.easter-header #page_header {min-height:400px;}
.easter-header #page_header .bgback {background:url(../images/holiday_headers/easter.jpg) no-repeat center top;}

.oldie #page_header .bgback {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/page-headers/bg1.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/page-headers/bg1.jpg', sizingMethod='scale')";}
#page_header .row {margin-bottom:0;}

#current-date { color:#383838; font:10px Arial, Helvetica, sans-serif; float: left; padding: 3px 10px; line-height:1; background: rgba(255, 255, 255, 0.5); clear: left;}

.breadcrumbs {margin: 40px 0 8px; padding:0 10px; list-style:none; background:#000; float: left;}
.breadcrumbs li {float:left; padding-left:10px; background:url(../images/breadcrumbs-arr.png) no-repeat left center; margin-left:10px; color:#eee; line-height:1.9; font-size:13px; font-weight:700; }
.breadcrumbs li:first-child { padding-left:0; background:none; margin-left:0;}
.breadcrumbs li a {color:#fff;}
.header-titles {text-align:right;}
.header-titles h2 {color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,0.5); line-height:1.3; margin-top: 20px}
.header-titles h4 {color:#fff; background:rgba(0,0,0,0.2); display:inline-block; line-height:1.8; padding:0 10px; margin:0; font-weight:500;}

.shadowUP {position:absolute; bottom:0; left:0; width:100%; height:20px; background:url(../images/shadow-up.png) no-repeat center bottom; z-index: 2;}
.shadowDown {position:absolute; bottom:0; left:0; width:100%; height:20px; background:url(../images/shadow-down.png) no-repeat center bottom; z-index: 2;}

/* fixed slideshow */
.slider_fixed #slideshow {position:fixed; padding: 0; height: auto;}
.slider_fixed .inner-page {position:relative;}
#page-loading {position:fixed; top:0; left:0; width:100%; height:100%; background:url(../images/loader_light.gif) no-repeat center center #333; z-index:999999;}

#slideshow ul {list-style:none; margin:0; padding:0;}

/* Slideshow background skins */
#slideshow.dark-blue,
#page_header.dark-blue {background-color: #345370;} /* also default */
#slideshow.normal-blue,
#page_header.normal-blue {background-color: #2A8FBD;}
#slideshow.light-blue,
#page_header.light-blue  {background-color: #00B4FF;}
#slideshow.dark-red,
#page_header.dark-red  {background-color: #A40802;}
#slideshow.normal-red,
#page_header.normal-red  {background-color: #F02311;}
#slideshow.light-red,
#page_header.light-red  {background-color: #FF4040;}
#slideshow.dark-green,
#page_header.dark-green  {background-color: #2A6400;}
#slideshow.normal-green,
#page_header.normal-green  {background-color:#7FAF1B;}
#slideshow.light-green,
#page_header.light-green  {background-color: #72DB27;}
#slideshow.dark-gray,
#page_header.dark-gray  {background-color: #333;}
#slideshow.normal-gray,
#page_header.normal-gray  {background-color: #777;}
#slideshow.light-gray,
#page_header.light-gray  {background-color: #aaa;}
#slideshow.yellow,
#page_header.yellow  {background-color: #FFFF00;}
#slideshow.purple,
#page_header.purple  {background-color: #47092E;}
#slideshow.orange,
#page_header.orange  {background-color: #FF7213;}
#slideshow.black,
#page_header.black  {background-color: #0C0C0C;}
#slideshow.white,
#page_header.white  {background-color: #f5f5f5;}

/* static content in slideshow */
#slideshow .bg-wrapper-image {width:100%; height:100%; min-height:500px; background:url(../images/sliders/static/bg1.jpg) no-repeat center center;
-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.oldie #slideshow .bg-wrapper-image {filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/sliders/static/bg1.jpg', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='../images/sliders/static/bg1.jpg', sizingMethod='scale')";}
#slideshow #bottom_mask {position:absolute; bottom:0; left:0; width:100%; height:27px; z-index:99; background:url(../images/bottom_mask.png) no-repeat center top;}
#slideshow #bottom_mask.mask2 {height:33px; background:url(../images/bottom_mask2.png) no-repeat center top;} 

#slideshow .bg-wrapper-png {width:100%; height:100%; min-height:500px; background:url(../images/sliders/static/rayoflight.png) no-repeat center center;}

/* STATIC CONTENT- default */
.static-content {color:#fff; padding-top:20px;}
.static-content h2 {font-size:64px; text-shadow:1px 1px 0 rgba(0,0,0,0.7); line-height:1.3;}
.static-content h2.centered {text-align:center; }
.static-content h3 {font-size:32px; font-weight:500; text-shadow:1px 1px 0 rgba(0,0,0,0.7); line-height:1.4; }
.static-content h3 .stronger {font-weight:900; border-bottom:1px dotted rgba(255,255,255,0.5); padding-bottom:2px; cursor:help;}
.static-content h3.centered {max-width: 940px; margin: 0 auto; text-align:center; }

.info_pop {width: 290px; margin: 50px auto 0; padding:10px 20px; position:relative; color:#343434;
-webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;
-moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 0%, #d1d1d1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#d1d1d1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefefe 0%,#d1d1d1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefefe 0%,#d1d1d1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefefe 0%,#d1d1d1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fefefe 0%,#d1d1d1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0 0 11px #000, inset 0 -1px 0 rgba(255,255,255,.8); -moz-box-shadow: 0 0 11px #000, inset 0 -1px 0 rgba(255,255,255,.8); box-shadow: 0 0 11px #000, inset 0 -1px 0 rgba(255,255,255,.8), inset 0 0 6px rgba(255,255,255,.8);}
.info_pop.left {margin-left:0;}
.info_pop.right {margin-right:0;}
.info_pop:after {content:""; position:absolute; border: 7px solid transparent;}
.info_pop[data-arrow=top]:after { top:-14px; left:50%; margin-left:-7px; border-bottom-width: 7px; border-bottom-color:#fefefe; }
.info_pop[data-arrow=bottom]:after { bottom:-14px; left:50%; margin-left:-7px; border-top-width: 7px; border-top-color:#fefefe; }
.info_pop[data-arrow=left]:after { left:-14px; top:50%; margin-top:-7px; border-right-width: 7px; border-right-color:#fefefe; }
.info_pop[data-arrow=right]:after { right:-14px; top:50%; margin-top:-7px; border-left-width: 7px; border-left-color:#fefefe; }
.info_pop .text {color: #939393; font-size: 24px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); font-weight: 500; line-height: 1.2; margin: 5px 0;}
.info_pop .buyit { float: right; text-align: center; line-height: 20px; font-weight: 900; color: #CD2122; padding: 10px 15px 10px; border: 0; margin: 13px -20px 0 0; font-size: 18px;
background: rgba(0, 0, 0, 0.1); -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.info_pop:hover .buyit {padding: 10px 30px 10px 15px; } 
.info_pop .buyit:hover {color: #222;background: rgba(0, 0, 0, 0.2); }

.animated {-webkit-animation-fill-mode: backwards; -moz-animation-fill-mode: backwards; -ms-animation-fill-mode: backwards; -o-animation-fill-mode: backwards; animation-fill-mode: backwards;
-webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s;
animation-delay: 1.5s; -moz-animation-delay: 1.5s; -webkit-animation-delay: 1.5s; -o-animation-delay: 1.5s; }
@-webkit-keyframes fadeBoxIn {
0% { -webkit-transform: scale(1); opacity:0; }	
50% { -webkit-transform: scale(1.05); opacity:0.9;}
100% { -webkit-transform: scale(1); opacity:1 }
}
@-moz-keyframes fadeBoxIn {
0% { -moz-transform: scale(1); opacity:0; }	
50% { -moz-transform: scale(1.05); opacity:0.9;}
100% { -moz-transform: scale(1); opacity:1 }
}
@-o-keyframes fadeBoxIn {
0% { -o-transform: scale(1); opacity:0; }	
50% { -o-transform: scale(1.05); opacity:0.9;}
100% { -o-transform: scale(1); opacity:1 }
}
@keyframes fadeBoxIn {
0% { transform: scale(1); opacity:0; }	
50% { transform: scale(1.05); opacity:0.9;}
100% { transform: scale(1); opacity:1 }
}
.fadeBoxIn {-webkit-animation-name: fadeBoxIn; -moz-animation-name: fadeBoxIn; -o-animation-name: fadeBoxIn; animation-name: fadeBoxIn; }

/* STATIC CONTENT- boxes */
.boxes {margin-top: 70px;}
.boxes .info_pop {width:auto; margin: 0 35px;}
.boxes .info_pop .title {margin-bottom:10px;}
.boxes .info_pop img {margin-right:15px; float: left;}


/* STATIC CONTENT - play video */
.video_trigger_container {color: white; font-size: 11px; font-weight: 900; width: 150px; margin: 50px auto 0; display: block; text-align: center; }
.playVideo {display:block; width:57px; height:57px; background-image:url(../images/icons/ico-playvideo.png); background-repeat: no-repeat; background-position: center center; background-color:#000; background-color: rgba(0,0,0,0.4); border:4px solid #fff;
-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; margin:0 auto 20px; cursor: pointer;
-webkit-box-shadow: 0 0 5px black; -moz-box-shadow: 0 0 5px black; box-shadow: 0 0 5px black;  }
.playVideo:hover {background-color:#000;  }

.video-container {max-height: 600px; overflow: hidden; height: 100%; }
.video-container #the-video,
.video-container #the-video img {width: 100% !important; height: auto;}
.video-container #the-video.extplayer { height: 600px;}
.video-container .captions {position: absolute; bottom: 20%; z-index: 1; left: 50%; width:960px; margin-left: -480px;}
.video-container .captions .line {margin-top:1px; display:inline-block; padding:5px 10px; background:rgba(0,0,0,0.3); font-size:36px; color:#fff; line-height:1.4; }

/* STATIC CONTENT- maps */
.static-content.maps-style {padding:0; background:url(../images/loader_light.gif) no-repeat center center;}
.maps-style .info_pop {position: absolute; z-index: 1; right: 15px; bottom: 50px; }

/* STATIC CONTENT- textpop */
.textpop-style {padding-top:0; margin-bottom: 30px;}
.textpop-style .texts > span { display: block; color: #eee; text-shadow: 0 0 4px rgba(0, 0, 0, 0.6); line-height: 1; text-align: center; text-transform: uppercase; padding: 7px 0; cursor:default; position: relative;
-webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; -o-transform-origin: center bottom; transform-origin: center bottom;
-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; }
.textpop-style .texts .line1 { font-size:20px; letter-spacing: 10px; word-spacing: 5px;}
.textpop-style .texts .line2 { font-size: 60px; font-weight: 700; letter-spacing: 5px;  word-spacing: 5px;}
.textpop-style .texts .line3 { font-size: 40px; }
.textpop-style .texts .line4 { font-size:30px; letter-spacing: 3px; word-spacing: 5px; margin-top: 5px;}
.textpop-style .texts .stronger {font-weight:900; border-bottom:1px dotted rgba(255,255,255,0.5); padding-bottom:2px;}
.textpop-style .texts > span:hover { color:#fff; text-shadow: 0 4px 1px rgba(0, 0, 0, 0.6);
-webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); }

/* STATIC CONTENT- event style */
.static-content.event-style h3 {text-align:left; font-size:28px; margin-bottom:50px;}
.ud_counter{margin:0 0 50px;}
.ud_counter ul{display:inline-block;margin:0;padding:0;list-style:none}
.ud_counter ul li{display:inline-block; margin:0 0 0 20px; font-size:28px; font-weight:700; padding:15px 10px; width:60px; text-align:center; background:rgba(0,0,0,0.2); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.ud_counter ul li:first-child {margin-left:0;}
.ud_counter ul li span{display:block;font-size:13px; margin-top: 17px; line-height: 1;}
.ud_counter ul li.till_lauch {height: 80px; width:80px; padding:0; vertical-align:top;}

#mail_when_ready {float:left; margin: 0;}
#mail_when_ready input[type=submit] {vertical-align:top;}

.static-content .or { line-height: 30px; margin:0 20px;}
.static-content.event-style .or {float: left;}
.static-content.event-style .social-icons li {margin:0 0 0 10px; vertical-align: top;}

/* social icons */
.social-icons {margin:0 0 20px;}
.social-icons li {display:inline-block; margin:5px;vertical-align: top;}
.social-icons li a {display:inline-block; width:30px; height:30px; text-indent:-9999px; background-image:url(../images/social-icons-sprite.png); background-repeat: no-repeat; position:relative; background-color: #111; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
-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; }
.social-icons li a:hover {background-color:#cd2122; box-shadow:0 0 6px rgba(0,0,0,0.4)}

.social-icons.has_gradient li a:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.2))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=0 ); /* IE6-9 */}

.social-icons li.social-twitter a {background-position:0 0;}
.social-icons li.social-dribbble a {background-position:-30px 0;}
.social-icons li.social-facebook a {background-position:-60px 0;}
.social-icons li.social-envato a {background-position:-90px 0;}
.social-icons li.social-flickr a {background-position:-120px 0;}
.social-icons li.social-forrst a {background-position:-150px 0;}
.social-icons li.social-gplus a {background-position:-180px 0;}
.social-icons li.social-gplus2 a {background-position:-210px 0;}
.social-icons li.social-icloud a {background-position:-240px 0;}
.social-icons li.social-lastfm a {background-position:-270px 0;}
.social-icons li.social-linkedin a {background-position:-300px 0;}
.social-icons li.social-myspace a {background-position:-330px 0;}
.social-icons li.social-paypal a {background-position:0 -30px;}
.social-icons li.social-piacasa a {background-position:-30px -30px;}
.social-icons li.social-pinterest a {background-position:-60px -30px;}
.social-icons li.social-reedit a {background-position:-90px -30px;}
.social-icons li.social-rss a {background-position:-120px -30px;}
.social-icons li.social-skype a {background-position:-150px -30px;}
.social-icons li.social-stumbleupon a {background-position:-180px -30px;}
.social-icons li.social-tumblr a {background-position:-210px -30px;}
.social-icons li.social-vimeo a {background-position:-240px -30px;}
.social-icons li.social-wordpress a {background-position:-270px -30px;}
.social-icons li.social-yahoo a {background-position:-300px -30px;}
.social-icons li.social-youtube a {background-position:-330px -30px;}
.social-icons li.social-blogger a {background-position:0px -60px;}
.social-icons li.social-deviantart a {background-position:-30px -60px;}
.social-icons li.social-digg a {background-position:-60px -60px;}
.social-icons li.social-foursquare a {background-position:-90px -60px;}
.social-icons li.social-friendfeed a {background-position:-120px -60px;}
.social-icons li.social-mail a {background-position:-150px -60px;}
.social-icons li.social-html5 a {background-position:-180px -60px;}
.social-icons li.social-technorati a {background-position:-210px -60px;}
.social-icons li.social-soundcloud a {background-position:-240px -60px;}
.social-icons li.social-quora a {background-position:-270px -60px;}
.social-icons li.social-bebo a {background-position:-300px -60px;}
.social-icons li.social-aim a {background-position:-330px -60px;}
.social-icons li.social-gosquared a {background-position:0 -90px;}
.social-icons li.social-dropbox a {background-position:-30px -90px;}
.social-icons li.social-github a {background-position:-60px -90px;}
.social-icons li.social-spotify a {background-position:-90px -90px;}
.social-icons li.social-apple a {background-position:-120px -90px;}

/* colored */
.social-icons.colored li.social-twitter a,
.social-icons.coloredHov li.social-twitter a:hover {background-color:#00bdec;}
.social-icons.colored li.social-dribbble a,
.social-icons.coloredHov li.social-dribbble a:hover {background-color:#ef5b92;}
.social-icons.colored li.social-facebook a,
.social-icons.coloredHov li.social-facebook a:hover {background-color:#3b5998;}
.social-icons.colored li.social-envato a,
.social-icons.coloredHov li.social-envato a:hover {background-color:#8dc050;}
.social-icons.colored li.social-flickr a,
.social-icons.coloredHov li.social-flickr a:hover {background-color:#ea2698;}
.social-icons.colored li.social-forrst a,
.social-icons.coloredHov li.social-forrst a:hover {background-color:#366725;}
.social-icons.colored li.social-gplus a,
.social-icons.coloredHov li.social-gplus a:hover {background-color:#d94a39;}
.social-icons.colored li.social-gplus2 a,
.social-icons.coloredHov li.social-gplus2 a:hover {background-color:#d94a39;}
.social-icons.colored li.social-icloud a,
.social-icons.coloredHov li.social-icloud a:hover {background-color:#666666;}
.social-icons.colored li.social-lastfm a,
.social-icons.coloredHov li.social-lastfm a:hover {background-color:#d2013a;}
.social-icons.colored li.social-linkedin a,
.social-icons.coloredHov li.social-linkedin a:hover {background-color:#1b92bd;}
.social-icons.colored li.social-myspace a,
.social-icons.coloredHov li.social-myspace a:hover {background-color:#003398;}
.social-icons.colored li.social-paypal a,
.social-icons.coloredHov li.social-paypal a:hover {background-color:#32689a;}
.social-icons.colored li.social-piacasa a,
.social-icons.coloredHov li.social-piacasa a:hover {background-color:#8e5aa4;}
.social-icons.colored li.social-pinterest a,
.social-icons.coloredHov li.social-pinterest a:hover {background-color:#cb2027;}
.social-icons.colored li.social-reedit a,
.social-icons.coloredHov li.social-reedit a:hover {background-color:#82a6ce;}
.social-icons.colored li.social-rss a,
.social-icons.coloredHov li.social-rss a:hover {background-color:#ff7f00;}
.social-icons.colored li.social-skype a,
.social-icons.coloredHov li.social-skype a:hover {background-color:#18b7f1;}
.social-icons.colored li.social-stumbleupon a,
.social-icons.coloredHov li.social-stumbleupon a:hover {background-color:#229d3d;}
.social-icons.colored li.social-tumblr a,
.social-icons.coloredHov li.social-tumblr a:hover {background-color:#38526d;}
.social-icons.colored li.social-vimeo a,
.social-icons.coloredHov li.social-vimeo a:hover {background-color:#01557a;}
.social-icons.colored li.social-wordpress a,
.social-icons.coloredHov li.social-wordpress a:hover {background-color:#454545;}
.social-icons.colored li.social-yahoo a,
.social-icons.coloredHov li.social-yahoo a:hover {background-color:#ab64bc;}
.social-icons.colored li.social-youtube a,
.social-icons.coloredHov li.social-youtube a:hover {background-color:#d20800;}
.social-icons.colored li.social-blogger a,
.social-icons.coloredHov li.social-blogger a:hover {background-color:#FF7600;}
.social-icons.colored li.social-deviantart a,
.social-icons.coloredHov li.social-deviantart a:hover {background-color:#768C82;}
.social-icons.colored li.social-digg a,
.social-icons.coloredHov li.social-digg a:hover {background-color:#195695;}
.social-icons.colored li.social-foursquare a,
.social-icons.coloredHov li.social-foursquare a:hover {background-color:#1B6CB4;}
.social-icons.colored li.social-friendfeed a,
.social-icons.coloredHov li.social-friendfeed a:hover {background-color:#2F72C4;}
.social-icons.colored li.social-mail a,
.social-icons.coloredHov li.social-mail a:hover {background-color:#b5b5b5;}
.social-icons.colored li.social-html5 a,
.social-icons.coloredHov li.social-html5 a:hover {background-color:#E44D26;}
.social-icons.colored li.social-technorati a,
.social-icons.coloredHov li.social-technorati a:hover {background-color:#55BB00;}
.social-icons.colored li.social-soundcloud a,
.social-icons.coloredHov li.social-soundcloud a:hover {background-color:#db5708;}
.social-icons.colored li.social-quora a,
.social-icons.coloredHov li.social-quora a:hover {background-color:#852828;}
.social-icons.colored li.social-bebo a,
.social-icons.coloredHov li.social-bebo a:hover {background-color:#a03939;}
.social-icons.colored li.social-aim a,
.social-icons.coloredHov li.social-aim a:hover {background-color:#cdae2d;}
.social-icons.colored li.social-gosquared a,
.social-icons.coloredHov li.social-gosquared a:hover {background-color:#556065;}
.social-icons.colored li.social-dropbox a,
.social-icons.coloredHov li.social-dropbox a:hover {background-color:#2d76be;}
.social-icons.colored li.social-github a,
.social-icons.coloredHov li.social-github a:hover {background-color:#667F8E;}
.social-icons.colored li.social-spotify a,
.social-icons.coloredHov li.social-spotify a:hover {background-color:#62aa29;}
.social-icons.colored li.social-apple a,
.social-icons.coloredHov li.social-apple a:hover {background-color:#859dab;}

.social-icons.colored li a:hover {background-color:#121212;}


.black_border{border:10px solid black;
-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
-webkit-box-shadow:0 4px 10px rgba(0,0,0,0.5);-moz-box-shadow:0 4px 10px rgba(0,0,0,0.5);box-shadow:0 4px 10px rgba(0,0,0,0.5); 
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.white_border{border:10px solid white;
-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;
-webkit-box-shadow:0 4px 10px rgba(0,0,0,0.5);-moz-box-shadow:0 4px 10px rgba(0,0,0,0.5);box-shadow:0 4px 10px rgba(0,0,0,0.5);
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* Static content - product zoom */
.productzoom-style h3 {font-size:28px;}
#screenshot {background:url(../images/sliders/static/screenshot-framed.png) no-repeat center top; position:relative; padding:44px 24px 18px; width:620px; height:390px; }
#screenshot .image { position:relative;}
.loupe{ cursor:url(../addons/jquery_loupe/blank.png), url(../addons/jquery_loupe/blank.cur), none;  border:2px solid white; background-repeat:no-repeat; background-position:center center; background-color:#fff; position:absolute; display:none; width:150px; height:150px;
-moz-box-shadow:0 0 5px #777, 0 0 10px #aaa inset; -webkit-box-shadow:0 0 5px #777; box-shadow:0 0 5px #777, 0 0 10px #aaa inset;
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
#slideshow .static-content .features {margin:30px 0;}
.static-content .features li {font-size: 16px;font-weight: 300;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dotted rgba(255,255,255,0.2);}
.static-content .features li > span {margin:7px 10px 0 0;}
.static-content .btn > span {margin:4px 8px 0 0;}

/* static content - text with register form */
.fancy_register_form {padding: 25px 30px; max-width: 350px; background:rgba(255,255,255,0.3); color:#272727; position:relative; }
.fancy_register_form form {margin:0;}
.fancy_register_form > h4 {margin:0 0 25px;font-size: 20px; font-weight: 500;}
.fancy_register_form label {display:inline-block; width:120px; color:#fff; font-size: 14px; text-shadow: 0 1px 0 rgba(0,0,0,0.5);}
.fancy_register_form input {margin:0;}
.fancy_register_form div {margin:0 0 15px 0;}
.fancy_register_form div#login_error {color:#000;text-align: center;text-shadow:none !important;}
.fancy_register_form .btn {margin-left:124px;}
.fancy_register_form:after {content: ''; position: absolute; bottom: -25px; left: 100px; border-top: 25px solid #fff; border-right: 25px solid transparent; opacity:.3; filter:alpha(opacity=30);}

/* static content - simple */
.static-content.simple {color:#8b8b8b; text-shadow: 0 2px 0 #fff;}
.static-content.simple h2,
.static-content.simple h3 {text-shadow: 0 2px 0 #fff;}
.static-content.simple .can_be_used {color:#b7b7b7; font-weight:500; }
.static-content.simple .can_be_used span {color:#ff6b6b;}
.static-content.simple .btn.btn-flat { margin-top: 20px;}
 .static-content.simple .btn.btn-flat:hover {background:#343434; }
.static-content.simple .btn.btn-flat:after {content:''; position:absolute; right:-20px; top:0; width:20px; height:40px; background:#f5f5f5; }
.static-content.simple .line {float:left; width:100%; height:1px; background:#c6c6c6; margin-top:-21px; }

/* Mod Title */
.m_title {margin-top:0; color:#CD2122; text-shadow:0 1px 0 #fff; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);}
h3.m_title {font-size:20px; line-height: 1.4;}
.smallm_title {color:#CD2122; text-shadow:0 1px 0 #fff; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); font-size:14px; font-weight: 700;border-bottom: 1px solid #bcbcbc; margin:0 0 20px;}
.smallm_title span {padding-bottom: 9px; display:inline-block; border-bottom: 1px solid #bcbcbc; position:relative;}
.smallm_title span:before {content:''; position:absolute; left:50%; bottom:0; margin-left:-2px; border:3px solid transparent; border-bottom-color:#bcbcbc;  }
.smallm_title.centered {text-align:center;}
.smallm_title.bigger {font-size:18px;}
.circle_title {color:#cd2122; text-shadow:0 1px 0 #fff; position:relative; margin-top:0;}
.circle_title:after {content:''; position:absolute; left:55px; right:0; bottom:5px; border-bottom:1px dotted #bbb;}
.circle_title > span {font-size:14px; font-weight:500; display:inline-block; background: white; width: 50px; height: 50px; line-height: 50px; text-align: center; position: relative; z-index: 1;
-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;} 
.mb_title {font-size: 20px; background: white; display: inline-block; padding: 0 10px; color: #595959; line-height: 1.5;}
.mb_title img {margin-right: 5px; margin-top: -3px;}

/* page title */
.page-title,
.subtitle {line-height:1.4; margin-bottom: 25px; padding-bottom: 25px; border-bottom:1px solid #cbcbcb;}
.page-title {font-size:26px; color:#050505; margin-top: 0;}
.subtitle {font-size:36px; color:#595959; font-weight:300;}

/* support panel */
#sliding_panel {background:#eee; height: 0; position:relative; overflow:hidden;
-webkit-box-shadow:0 0 15px rgba(0, 0, 0, 0.4) inset; -moz-box-shadow:0 0 15px rgba(0, 0, 0, 0.4) inset; box-shadow:0 0 15px rgba(0, 0, 0, 0.4) inset; }
#sliding_panel.opened { margin-top:0; }
#sliding_panel .container {padding:15px 0; }
#open_sliding_panel span {display:none;}
#open_sliding_panel.active span {display:inline-block;}
#close_sliding_panel {display: block; width: 14px; height: 14px; position: absolute; right: 14px; top: 0; background: #CCC; padding: 40px 10px 10px 10px;}
#close_sliding_panel:hover {background:#ddd;}

.how_to_shop > .row {font-size:14px; margin-bottom: 20px;}
.how_to_shop > p {font-size:13px; margin-top:15px;}
.how_to_shop .number {display:inline-block; width:28px; height:28px; line-height:28px; font-size:16px; color:#fff; background:#CD2122;text-align: center; margin-right: 10px; font-weight: 900; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;}

/** Login Register stuff */
#register_panel,
.register-panel {width:400px;}
.login-panel,
.register-panel,
.forgot-panel { padding:20px;}
.login-panel .m_title,
.register-panel .m_title,
.forgot-panel .m_title {font-size:20px; font-weight:500; color:#4a4a4a; margin-bottom: 20px; line-height: 1;}
.login-panel .inputbox {width:145px; margin: 0 4px 0 0; vertical-align: top;}
.login-panel input[type=submit],
.register-panel input[type=submit],
.forgot-panel input[type=submit] {border:0; vertical-align: top;  height:30px;}
.login-panel .create_account,
.login-panel input[type=submit],
.register-panel input[type=submit],
.forgot-panel input[type=submit],
.login-panel .login_facebook {display: inline-block; line-height: 30px; background: #E12121; color: white; font-size: 14px; padding: 0 10px; margin-right:30px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.login-panel .create_account:hover,
.login-panel input[type=submit]:hover,
.register-panel input[type=submit]:hover,
.forgot-panel input[type=submit]:hover {background: #787878; }
.login-panel .login_facebook {background:#3b5998; margin-right:0;}
.login-panel .links a,
.register-panel .links a,
.forgot-panel .links a {font-size:10px; font-weight:bold; color:#898989; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);}

/** Scroll to top button **/
#totop {height:9px; opacity:0; filter:alpha(opacity=0); position:fixed; right:-50px;  width:49px; z-index:9999; display:block; top:85%; background-image:url("../images/arrow_totop.png"); background-repeat:no-repeat; background-position:center 15px; background-color:#404040; font-size: 9px; font-weight: 900; color: #fff; text-align: center; line-height: 1; padding: 28px 0 12px 0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
#totop.on { right:10px; opacity:0.7; filter:alpha(opacity=70);}
#totop.off{right:-59px}
#totop:hover { opacity:1; filter:alpha(opacity=100)}

/** Action Box **/
#action_box {padding:20px 0; color:#fff; border-top:2px solid #fff; border-bottom:1px solid #fff; position:relative;
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.2))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=0 ); /* IE6-9 */
background-color:#CD2122; }
#action_box .row {margin-bottom:0;}
#action_box h4.text {margin: 5px 0; font-weight: 500; font-size: 22px;}
#action_box:after,
#action_box:before {content:""; position:absolute; left:50%; bottom:-14px; margin-left: -25%; border-radius:3px;
border: 8px solid transparent; border-top-width: 7px; border-top-color:#CD2122;}
#action_box:after { border-top-color:rgba(0,0,0,0.2); }
#action_box[data-arrowpos=center]:after,
#action_box[data-arrowpos=center]:before {margin-left: -7px; }
#action_box[data-arrowpos=right]:after,
#action_box[data-arrowpos=right]:before {margin-left: 25%; }

/* PORTFOLIO DEVICES SLIDER */
.portfolio-slider-frames {}
.portfolio-slider-frames h3 {font-size:27x; font-weight:500; text-shadow:1px 1px 0 rgba(0,0,0,0.7); line-height:1.4; max-width:860px; margin:0 auto; color:#fff; text-align:center; }
.portfolio-slider-frames h3 .stronger {font-weight:900; border-bottom:1px dotted rgba(255,255,255,0.5); padding-bottom:2px; cursor:help;}

/* LAPTOP SLIDER */
.laptop-slider-wrapper {}
.laptop-slider-wrapper h3 {font-size:27px; font-weight:300; text-shadow:1px 1px 0 rgba(0,0,0,0.7); line-height:1.4; max-width:860px; margin:0 auto; color:#fff; text-align:center; }
.laptop-slider-wrapper h3 strong {font-weight:500; } 
.laptop-slider-wrapper h3 .stronger { border-bottom:1px dotted rgba(255,255,255,0.5); padding-bottom:2px; cursor:help;}

/* Site Content */

.hoverBorder {position:relative; display:inline-block;}
.hoverBorder:hover img {-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; opacity:0.8; filter:alpha(opacity=80);}
.imgboxes_style1 .hoverBorder h6 {position:absolute; left:-10px; bottom:11px; color:#fff; padding:6px 10px; background:#cd2122; font-size:12px; font-weight:500; line-height:1; margin: 0;
-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.imgboxes_style1 .hoverBorder:hover h6 { left:15px;}

.hoverBorderWrapper {position:relative; display:block;}
.theHoverBorder {position:absolute; left:0; top:0; bottom:0; right:0; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
-webkit-box-shadow:0 0 0 3px rgba(255,255,255,0.15) inset; -moz-box-shadow:0 0 0 3px rgba(255,255,255,0.15) inset; box-shadow:0 0 0 3px rgba(255,255,255,0.15) inset; }
.theHoverBorder:hover {-webkit-box-shadow:0 0 0 5px #cd2122 inset; -moz-box-shadow:0 0 0 5px #cd2122 inset; box-shadow:0 0 0 5px #cd2122 inset;}
.plus .theHoverBorder {background-position:center center;}
.plus .theHoverBorder:hover {background-image:url(../images/plus01.png); background-repeat: no-repeat; background-position: center center; background-color: rgba(35,35,35,0.5);}

.image-boxes .hoverBorder {margin-bottom:15px;}
.image-boxes .box {margin-bottom:20px;}

.slidingDetails {position:relative; display:block; overflow:hidden;}
.slidingDetails img {position:relative;}
.slidingDetails .details {position:absolute; left:0; right:0; bottom:0; top:100%; visibility:hidden; padding:10px; font-size:12px; color:#fff; background:#232323; background:rgba(35,35,35,0.8);}
.slidingDetails:hover .details { visibility:visible; top:0;}
.slidingDetails:hover { -webkit-box-shadow:0 0 7px rgba(0,0,0,0.5); -moz-box-shadow:0 0 7px rgba(0,0,0,0.5); box-shadow:0 0 7px rgba(0,0,0,0.5);}
.slidingDetails .details h4 {font-size:14px; margin-top:5px;}
.slidingDetails .details h6 {color:#fff; font-size:12px; font-weight:500; line-height:1.5; margin: 0;}

/* tabs style 1 */
.tabs_style1 {background:#fff; border:1px solid #ececec;}
.tabs_style1 > ul.nav {margin-bottom:0; background: rgb(255,255,255); 
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */}
.tabs_style1 > ul.nav > li {float:left; margin-bottom:-1px;}
.tabs_style1 > ul.nav > li > a {padding: 8px 20px; line-height: 18px; border: 1px solid transparent; border-left:1px solid #fff; border-right:1px solid #ececec; color:#343434;}
.tabs_style1 > ul.nav > li.active > a,
.tabs_style1 > ul.nav > li > a:hover {background-color:#fff;}
.tabs_style1 > ul.nav > li.active > a {border-top:3px solid #cd2122; border-left:0; font-weight:700; padding:6px 20px 10px; }
.tabs_style1 .tab-content {display: table; width: 100%;padding: 10px 15px 15px;}

/* tabs style 2 */
.tabs_style2 {margin:10px 0;}
.tabs_style2 > ul.nav {margin-bottom:10px;}
.tabs_style2 > ul.nav > li {float:left; border-left:1px dotted #ccc; line-height:18px; }
.tabs_style2 > ul.nav > li:first-child {border-left:0;}
.tabs_style2 > ul.nav > li:first-child a {border-left:0; padding-left:0; }
.tabs_style2 > ul.nav > li > a {padding: 4px 20px; line-height: 18px; color:#555; font-weight:bold;}
.tabs_style2 > ul.nav > li.active > a,
.tabs_style2 > ul.nav > li > a:hover {background:none; color:#222;}
.tabs_style2 .tab-content {display: table; width: 100%; padding:0;}

/* tabs style 3 */
.tabs_style3 {background:#fff; border:1px solid #ececec;border-radius: 5px;position: static;overflow: hidden;}
.tabs_style3 > ul.nav {margin-bottom:0; background: rgb(255,255,255); 
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(249,249,249,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(249,249,249,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(249,249,249,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */}
.tabs_style3 > ul.nav > li {float:left; margin-bottom:-1px;}
.tabs_style3 > ul.nav > li > a {padding: 8px 20px; line-height: 18px; border: 1px solid transparent; border-left:1px solid #fff; border-right:1px solid #ececec; color:#343434;}
.tabs_style3 > ul.nav > li.active > a,
.tabs_style3 > ul.nav > li > a:hover {background-color:#fff;}
.tabs_style3 > ul.nav > li.active > a {border-left:0; font-weight:700;  }
.tabs_style3 .tab-content {display: table; width: 100%;padding: 10px 15px 15px;}

/* tabs style 4 */
.tabs_style4 {}
.tabs_style4 > ul.nav {margin-bottom:0;}
.tabs_style4 > ul.nav > li {float:left; margin-bottom:-1px;}
.tabs_style4 > ul.nav > li > a {padding: 8px 20px; line-height: 18px; color:#343434;}
.tabs_style4 > ul.nav > li.active > a,
.tabs_style4 > ul.nav > li > a:hover {color:#222;}
.tabs_style4 > ul.nav > li.active > a { background:#fff;  border:1px solid #ececec;  border-bottom:0; 
-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-top-left-radius:5px; -moz-border-top-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px; }
.tabs_style4 .tab-content {display: table; width: 100%;padding: 10px 15px 15px; border:1px solid #ececec; background:#fff; box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */ }


/* partners carousel */
.partners_carousel h5.title {font-weight:500; margin-top:0; text-shadow:1px 1px 0 #fff}
.partners_carousel ul { margin:0; padding:0; list-style:none; }
.partners_carousel li {	float: left; text-align:center; margin:0; padding:0 0 0 10px; width: 250px;}
.partners_carousel li a { display:block; padding: 10px 0; margin:0px; min-height:46px; line-height:46px; border:4px solid #f9f9f9;
-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
background: #ffffff;}
.partners_carousel li a img {opacity:.8; filter:alpha(opacity=80);}
.partners_carousel li a:hover { background:#f9f9f9; border:4px solid #eee;}
.partners_carousel li a:hover img { opacity:1; filter:alpha(opacity=100); }
.partners_carousel .controls {}
.partners_carousel .controls > a {opacity:0.5; filter:alpha(opacity=50);}
.partners_carousel .controls > a:hover {opacity:1; filter:alpha(opacity=100);}

.infobox1 {text-align:center; background:#ececec; border-bottom:1px solid rgba(255,255,255,0.9); padding: 20px 0 10px;
-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.infobox1 .m_title { font-weight:700;line-height: 1;margin: 0 0 10px;}
.infobox1:hover {background:#e9e9e9;} 

.infobox2 {background:#ececec; border-bottom:1px solid rgba(255,255,255,0.9); padding: 20px 20px 10px;
-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.infobox2 .m_title {font-weight:700;line-height: 1;margin: 0 0 10px;}
.infobox2 .btn {float:right; font-size: 14px; margin-top: 5px;}
.infobox2:hover {background:#e9e9e9;} 

.feature_box .box {margin-bottom:15px}
.feature_box .title {font-size: 14px; font-weight: 700; color: #CD2122; text-shadow: 1px 1px 0 white; vertical-align: middle;}
.feature_box.default_style .title > img {margin-right: 10px;}

.feature_box.style2 .box {min-height:90px}
.feature_box.style2 span.icon {margin-right: 14px; display:inline-block; padding: 8px;background: #646464;float: left; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.feature_box.style2 span.icon img {vertical-align:middle;}
.feature_box.style2 p {margin-left:50px}

.feature_box.style3 .box {min-height:90px; padding:10px; text-align:center; position:relative;}
.feature_box.style3 .box .title {margin-bottom:25px;}
.feature_box.style3 span.icon {display:inline-block; margin-bottom:20px; width:32px; height:32px;}
.feature_box.style3 .box:hover {background:#cd2122; color:#fff;}
.feature_box.style3 .box:hover .title {margin-bottom:25px; color:#fff; text-shadow:none;}
.feature_box.style3 .box:hover:after {content:''; position:absolute; top:0; left:0; height:2px; width:100%; background:#fff;} 
.feature_box.style3 .box:hover:before {content:''; position:absolute; top:2px; left:50%; margin-left:-2px; border:4px solid transparent; border-top-color:#fff;} 
.feature_box.style3 span.icon.ico1 {background:url(../images/icons/featured_boxes3/ico-01.png) no-repeat center top;}
.feature_box.style3 span.icon.ico2 {background:url(../images/icons/featured_boxes3/ico-02.png) no-repeat center top;}
.feature_box.style3 span.icon.ico3 {background:url(../images/icons/featured_boxes3/ico-03.png) no-repeat center top;}
.feature_box.style3 span.icon.ico4 {background:url(../images/icons/featured_boxes3/ico-04.png) no-repeat center top;}
.feature_box.style3 .box:hover span.icon {background-position:center bottom;}

.services_box .box {margin-bottom:15px}
.services_box .title {font-size: 14px; font-weight: 700; color: #CD2122; text-shadow: 1px 1px 0 white; vertical-align: middle;}
.services_box .icon {float:left; width:80px; line-height: 76px; background:#646464; text-align:center; margin-right:20px; vertical-align:middle;
-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;  height: 80px;}
.services_box .box:hover .icon {background:#cd2122;}
.services_box ul {float:left; }

.latest_posts.default-style .hoverBorder {margin-bottom:10px;}
.latest_posts.default-style .hoverBorder h6 {position:absolute; left:-10px; bottom:16px; color:#fff; padding:6px 10px; background:#cd2122; font-size:12px; font-weight:500; line-height:1; margin: 0;
-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; }
.latest_posts.default-style .hoverBorder:hover h6 { left:15px; background:#fff; color:#cd2122;}
.latest_posts.default-style a + em {font-size:11px; color:#7d7d7d;}
.latest_posts.default-style .post .m_title {font-style:italic; font-size:16px; line-height:1.4; margin-top:10px;}


.latest_posts.style2 {position:relative;}
.latest_posts.style2 .viewall {position:absolute; top:12px; right:0; font-size:10px; font-weight:bold; color:#757575;}
.latest_posts.style2 .viewall:hover {color:#111;}
.latest_posts.style2 ul.posts {margin:0; padding:0; list-style:none;}
.latest_posts.style2 ul.posts li {margin-top:20px;}
.latest_posts.style2 ul.posts li:first-child {margin-top:0px;}
.latest_posts.style2 ul.posts .title {font-size: 14px; font-weight: 700; color: #CD2122; text-shadow: 1px 1px 0 white; vertical-align: middle;}
.latest_posts.style2 ul.posts .details {float:left; width:110px;}
.latest_posts.style2 ul.posts .details > span {display:inline-block; margin-bottom:2px; font-size:10px}
.latest_posts.style2 ul.posts .details span.date {background:#a4a4a4; color:#fff; padding:0 5px; position:relative}
.latest_posts.style2 ul.posts .details span.date:after {content:''; position:absolute; bottom:-8px; left:10px; border:4px solid transparent; border-top-color:#a4a4a4;}
.latest_posts.style2 ul.posts .text {margin-left:110px;}


.latest_posts.style3 {position:relative;}
.latest_posts.style3 .hoverBorder {margin-right:20px; margin-top: 5px;}
.latest_posts.style3 .viewall {position:absolute; top:12px; right:0; font-size:10px; font-weight:bold; color:#757575;}
.latest_posts.style3 .viewall:hover {color:#111;}
.latest_posts.style3 ul.posts {margin:0; padding:0; list-style:none;}
.latest_posts.style3 ul.posts li {margin-top: 15px;}
.latest_posts.style3 ul.posts li:first-child {margin-top:0px;}
.latest_posts.style3 ul.posts .title {font-size: 13px; margin:0 0 5px; font-weight: 700; color: #CD2122; text-shadow: 1px 1px 0 white; vertical-align: middle;}
.latest_posts.style3 ul.posts .text {}

/* latest posts - accordion style */
.latest_posts.acc-style {position:relative;}
.latest_posts.acc-style h3.m_title {position:absolute; top: 14px; z-index:1;margin: 0;}
.latest_posts.acc-style .viewall {position:absolute; top:12px; right:0; font-size:10px; font-weight:bold; color:#757575; z-index:1;}
.latest_posts.acc-style .viewall:hover {color:#111;}
.css3accordion  { width:1170px; margin:0 auto 20px; overflow:hidden; position:relative;}
/* .css3accordion,
.css3accordion>ul>li .thumb,
.css3accordion>ul>li>.inner-acc,
.css3accordion>ul { height: 202px; } */
.css3accordion>ul {list-style:none; padding:0; margin:0; width: 2222em;}
.css3accordion>ul>li {width: 272px; padding-top:50px; position:relative; float:left; overflow:hidden; margin-right: 20px;  border-top:4px solid #E7E7E7;
transition: width 0.3s ease 0.2s; -moz-transition: width  0.3s ease 0.2s; -webkit-transition: width  0.3s ease 0.2s; -o-transition: width  0.3s ease 0.2s;}
.css3accordion>ul>li>.inner-acc { width:585px; }
.css3accordion>ul>li .thumb { max-width: 273px; display:inline-block; float:left; margin-right:20px; opacity:.8; filter:alpha(opacity=80); }
.css3accordion>ul>li.last,
.css3accordion>ul>li:hover {width:585px;}
.css3accordion>ul>li:hover .thumb {opacity:1; filter:alpha(opacity=100);}
.css3accordion>ul>li.last {margin-right:0;}
.css3accordion .content > em {font-size:11px; color:#7d7d7d;}
.css3accordion .content > .m_title {font-size:13px; line-height:1.4; margin: 10px 0;}
.css3accordion .text + a { font-size:10px; font-weight:bold; color:#888; display: inline-block; margin-top: 5px; }

/* process steps */
.process_steps {overflow:hidden; border-radius:2px; margin-bottom:15px;}
.process_steps .step {float:left; width:25%; padding: 15px; color:#fff; min-height:230px; position:relative; text-align:center;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.process_steps .step:after {content:''; position:absolute; top:15px; right:-14px; border:7px solid transparent; z-index:1;}
.process_steps .step.intro {background:#cd2122; text-align:left;}
.process_steps .step.intro:after {border-left-color:#cd2122; }
.process_steps .step.step1 {background:#5a5a5a;}
.process_steps .step.step1:after {border-left-color:#5a5a5a; }
.process_steps .step.step2 {background:#4a4a4a;}
.process_steps .step.step2:after {border-left-color:#4a4a4a; }
.process_steps .step.step3 {background:#3e3e3e;}
.process_steps .step.step3:after {display:none; }
.process_steps .step.intro > h3 {margin-top:0; line-height:1.2; font-weight:500;}
.process_steps .step.intro > h3 strong {font-size:120%; display:block;}
.process_steps .step.intro > a {font-size:11px; font-weight:700; color:#eee;}
.process_steps .step.intro > a:hover {color:#fff;}
.process_steps .step > div + h3 + p {margin-bottom:0;}
.process_steps .step .icon {margin:20px 0 15px; min-height: 50px; line-height: 50px;}

@-webkit-keyframes pulse {
0% { -webkit-transform: scale(1); } 
33% { -webkit-transform: scale(0.9); }
66% { -webkit-transform: scale(1.1); }
100% { -webkit-transform: scale(1); }
}
@-moz-keyframes pulse {
0% { -moz-transform: scale(1); }    
33% { -moz-transform: scale(0.9); }
66% { -moz-transform: scale(1.1); }
100% { -moz-transform: scale(1); }
}
@-ms-keyframes pulse {
0% { -ms-transform: scale(1); } 
33% { -ms-transform: scale(0.9); }
66% { -ms-transform: scale(1.1); }
100% { -ms-transform: scale(1); }
}
@-o-keyframes pulse {
0% { -o-transform: scale(1); }  
33% { -o-transform: scale(0.9); }
66% { -o-transform: scale(1.1); }
100% { -o-transform: scale(1); }
}
@keyframes pulse {
0% { transform: scale(1); } 
33% { transform: scale(0.9); }
66% { transform: scale(1.1); }
100% { transform: scale(1); }
}
.pulse {
-webkit-animation-name: pulse;
-moz-animation-name: pulse;
-ms-animation-name: pulse;
-o-animation-name: pulse;
animation-name: pulse;}
@-webkit-keyframes tada {
0% {-webkit-transform: scale(1);}   
10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);}
100% {-webkit-transform: scale(1) rotate(0);}
}
@-moz-keyframes tada {
0% {-moz-transform: scale(1);}  
10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);}
100% {-moz-transform: scale(1) rotate(0);}
}
@-ms-keyframes tada {
0% {-ms-transform: scale(1);}   
10%, 20% {-ms-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-ms-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-ms-transform: scale(1.1) rotate(-3deg);}
100% {-ms-transform: scale(1) rotate(0);}
}
@-o-keyframes tada {
0% {-o-transform: scale(1);}    
10%, 20% {-o-transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);}
100% {-o-transform: scale(1) rotate(0);}
}
@keyframes tada {
0% {transform: scale(1);}   
10%, 20% {transform: scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);}
40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);}
100% {transform: scale(1) rotate(0);}
}
.tada {
-webkit-animation-name: tada;
-moz-animation-name: tada;
-ms-animation-name: tada;
-o-animation-name: tada;
animation-name: tada;}
@-webkit-keyframes fadeOutRightBig {
0% { -webkit-transform: translate(2px, 1px); }
3% { -webkit-transform: translate(-1px, -2px); }
6% { -webkit-transform: translate(-3px, 0px); }
8% { -webkit-transform: translate(0px, 2px); }
10% { -webkit-transform: translate(1px, -1px); }
20% { -webkit-transform: translate(20px, -20px); }
100% { -webkit-transform: translate( 120px, -120px);}
}
@-moz-keyframes fadeOutRightBig {
0% { -moz-transform: translate(2px, 1px); }
3% { -moz-transform: translate(-1px, -2px); }
6% { -moz-transform: translate(-3px, 0px); }
8% { -moz-transform: translate(0px, 2px); }
10% { -moz-transform: translate(1px, -1px); }
20% { -moz-transform: translate(20px, -20px); }
100% { -moz-transform: translate( 120px, -120px);}
}
@-ms-keyframes fadeOutRightBig {
0% { -ms-transform: translate(2px, 1px); }
3% { -ms-transform: translate(-1px, -2px); }
6% { -ms-transform: translate(-3px, 0px); }
8% { -ms-transform: translate(0px, 2px); }
10% { -ms-transform: translate(1px, -1px); }
20% { -ms-transform: translate(20px, -20px); }
100% { -ms-transform: translate( 120px, -120px);}
}
@-o-keyframes fadeOutRightBig {
0% { -o-transform: translate(2px, 1px); }
3% { -o-transform: translate(-1px, -2px); }
6% { -o-transform: translate(-3px, 0px); }
8% { -o-transform: translate(0px, 2px); }
10% { -o-transform: translate(1px, -1px); }
20% { -o-transform: translate(20px, -20px); }
100% { -o-transform: translate( 120px, -120px);}
}
@keyframes fadeOutRightBig {
0% {transform: translate(2px, 1px); }
3% {transform: translate(-1px, -2px); }
6% {transform: translate(-3px, 0px); }
8% {transform: translate(0px, 2px); }
10% {transform: translate(1px, -1px); }
20% {transform: translate(20px, -20px); }
100% {transform: translate( 120px, -120px);}
} 
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
-moz-animation-name: fadeOutRightBig;
-ms-animation-name: fadeOutRightBig;
-o-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;}
.process_steps .step:hover .icon[data-animation=tada] img {
-webkit-animation: tada ease-in-out 1 normal 800ms;
-moz-animation: tada ease-in-out 1 normal 800ms;
-ms-animation: tada ease-in-out 1 normal 800ms;
-o-animation: tada ease-in-out 1 normal 800ms;
animation: tada ease-in-out 1 normal 500ms; }
.process_steps .step:hover .icon[data-animation=pulse] img {
-webkit-animation: pulse ease-in-out 1 normal 500ms;
-moz-animation: pulse ease-in-out 1 normal 500ms;
-ms-animation: pulse ease-in-out 1 normal 500ms;
-o-animation: pulse ease-in-out 1 normal 500ms;
animation: pulse ease-in-out 1 normal 500ms; }
.process_steps .step:hover .icon[data-animation=fadeOutRightBig] img {
-webkit-animation: fadeOutRightBig ease-out 1 normal 1s;
-moz-animation: fadeOutRightBig ease-out 1 normal 1s;
-ms-animation: fadeOutRightBig ease-out 1 normal 1s;
-o-animation: fadeOutRightBig ease-out 1 normal 1s;
animation: fadeOutRightBig ease-out 1 normal 1s;}

/* recent work carousel */
.recentwork_carousel li a:hover .details > .bg,
.recentwork_carousel li .hover .hov,
.recentwork_carousel.style2 li .details {
-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;}
.recentwork_carousel h5.title {font-weight:500; margin-top:0; text-shadow:1px 1px 0 #fff}
.recentwork_carousel ul { margin:0; padding:0; list-style:none; height:auto;}
.recentwork_carousel li {	float: left; text-align:center; margin:0; padding:0 0 0 20px; }
.recentwork_carousel li a { display:block; padding: 0; margin:0px;}
.recentwork_carousel li .hover {display:block; position:relative; overflow:hidden;}
.recentwork_carousel li .hover .hov {position:absolute; left:0; right:0; bottom:0; top:100%; background-image:url(../images/plus01.png); background-repeat: no-repeat; background-position: center center; background-color: rgba(35,35,35,0.8); display: block;}
.recentwork_carousel li a:hover .hov {top:0;}
.recentwork_carousel li .details {display:block; position:relative;}
.recentwork_carousel li .details > .bg {position:absolute; top:0; height:0; background:#cd2122; width:100%;left: 0;}
.recentwork_carousel li .details h4 {font-size:14px; color:#cd2122; padding:10px 0; margin:0; position:relative; z-index:1;}
.recentwork_carousel li .details h4 + span {font-size:11px; display:block; color:#343434; line-height:1;  padding-bottom:15px; position:relative; z-index:1;}
.recentwork_carousel li a:hover .details > .bg {height:100%;}
.recentwork_carousel li a:hover .details h4,
.recentwork_carousel li a:hover .details h4 + span { color:#fff;}
.recentwork_carousel .controls > a {opacity:0.5; filter:alpha(opacity=50);}
.recentwork_carousel .controls > a:hover {opacity:1; filter:alpha(opacity=100);}

/* recent work carousel - style2 */
.recentwork_carousel.style2 {position:relative;}
.recentwork_carousel.style2 .controls {position:absolute; right:20px; top:12px;}
.recentwork_carousel.style2 li {padding:0 20px 0 0; }
.recentwork_carousel.style2 li > a {position: relative; display: inline-block; overflow: hidden; }
.recentwork_carousel.style2 li .details {position:absolute; left:0; right:0; bottom:0; top:0; opacity:0; filter:alpha(opacity=0);
background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.25) 1%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.25)), color-stop(1%,rgba(0,0,0,0.25)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.25) 1%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.25) 1%,rgba(0,0,0,0.65) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.25) 1%,rgba(0,0,0,0.65) 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  rgba(0,0,0,0.25) 0%,rgba(0,0,0,0.25) 1%,rgba(0,0,0,0.65) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#a6000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.recentwork_carousel.style2 li a:hover .details {opacity:1; filter:alpha(opacity=100);}
.recentwork_carousel.style2 li a .details .plus {position:absolute; display:block; width:24px; height:24px; background:#cd2122; font-size: 16px; color:#fff; top:50%; margin-top:-12px; left:50%; margin-left: -12px;font-weight: bold;line-height: 24px;text-align: center; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
-webkit-box-shadow: 0 0 6px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 6px rgba(0,0,0,0.3); box-shadow: 0 0 6px rgba(0,0,0,0.3);}
.recentwork_carousel.style2 li a .details h4 {position:absolute; font-size:14px; top: 65%; left: 0; right: 0;margin: 0;padding: 0; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); color:#fff;}
.recentwork_carousel.style2 li a .details h4 + span {position:absolute; font-size:11px; top: 80%; left: 0; right: 0;padding: 0; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); color:#fff;}

/* goboxes */
.gobox {background:#797979; color:#fff; padding:15px; min-height:100px; position:relative; text-shadow:1px 1px 0 rgba(0,0,0,0.4);
-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.gobox:hover {-webkit-box-shadow:0 0 15px rgba(0,0,0,0.2); -moz-box-shadow:0 0 15px rgba(0,0,0,0.2); box-shadow:0 0 15px rgba(0,0,0,0.2)}
.gobox h4 {margin-top:5px;}
.gobox:after {content:''; position:absolute; top:50%; right:-10px; margin-top:-5px; border:5px solid transparent; border-left-color:#797979;}
.gobox.ok {background:#cd2122; font-size:13px; text-transform:uppercase;}
.gobox.ok:after {display:none;}
.gobox.ok h4 {font-size:26px; margin-top: 20px;}
.gobox.ok > img {float:left; margin-right:25px; margin-top:20px;}

.gray-area {background:#ebebeb; padding:30px 0 0; margin-bottom:30px;}
.gray-area.noMargin {margin-bottom:0; padding-bottom:20px;}

/* info text box */
.info-text {background:#767676; color:#fff; font-size:28px; line-height:1.4; padding: 15px 20px; position:relative;
-webkit-box-shadow: 3px 3px 0 white; -moz-box-shadow: 3px 3px 0 white; box-shadow: 3px 3px 0 white;}
.info-text:after {content:''; width:34px; height:34px; background:url(../images/info-circle.png); position:absolute; right:10px; bottom:10px;}
 
/* testimonials carousel */
.testimonials-carousel {position:relative;}
.testimonials-carousel .controls {position:absolute; right:0; top:14px;}
.testimonials-carousel .controls > a {opacity:0.5; filter:alpha(opacity=50);}
.testimonials-carousel .controls > a:hover {opacity:1; filter:alpha(opacity=100);}
.testimonials-carousel ul {margin:0; padding:0; list-style:none;}
.testimonials-carousel ul li {float:left;}
.testimonials-carousel blockquote {background:#fff; border:4px solid #eee; margin:0 0 10px; padding:15px; font-size:12px; font-style:italic; color:#474747; position:relative;}
.testimonials-carousel blockquote:after {content:''; position:absolute; bottom:-14px; left:15px; border:7px solid transparent; border-top-color:#fff; }
.testimonials-carousel blockquote + h5 {margin-top:0; margin-left:5px; font-size:13px; font-weight:500;}

/* FLICKR FEED */
.flickr_feeds {margin:0 0 0 -20px; padding:0; list-style:none; position:relative;}
.flickrfeed.loading:after {content:'Loading..';}
.flickr_feeds li {float:left; margin:0 0 20px 20px; }
.flickr_feeds li a {display:block; width:75px; position:relative; } 
.flickr_feeds[data-size=small] li a {width:60px;} 
.flickr_feeds li a .hov1 {position:absolute; top:0; left:0; right:0; bottom:0;}

.hover-box {display:block; padding:15px; background:#969696; border:1px solid rgba(0,0,0,0.4); color:#fff; text-shadow:1px 1px 0 rgba(0,0,0,0.5); border-radius:3px;}
.hover-box:hover {background:#cd2122; color:#fff;}
.hover-box.centered {text-align:center;}
.hover-box > img {float:left; margin: 15px 15px 8px 10px;}
.hover-box > h3 {line-height: 1.1; margin-top:0;}
.hover-box > h4 {line-height: 1.1; margin-top:0;}
.hover-box > p {margin-bottom:0;line-height: 1.1;}

/* CIRCLE HOVER */
.circlehover {width:110px; height:110px; text-align:center; color: white; font-size: 18px; padding: 10px; display: table; line-height: 1.4; background-color:#CD2122; position:relative; font-weight:700; text-shadow:1px 1px 0 rgba(0,0,0,0.4);
 -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
 -webkit-box-shadow:3px 3px 1px rgba(0,0,0,0.5); -moz-box-shadow:3px 3px 1px rgba(0,0,0,0.5); box-shadow:3px 3px 1px rgba(0,0,0,0.5); }
.circlehover[data-size="small"] {width:80px; height:80px; font-size: 14px; padding: 8px; }
.circlehover[data-size="medium"] {width:95px; height:95px; font-size: 16px; padding: 10px; }
.circlehover span {display:table-cell; vertical-align:middle; position:relative; z-index:1; }
.circlehover:before {content:''; position:absolute; top:7px; left:7px; background:#CD2122; width:30px; height:30px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.circlehover[data-position="top-left"]:before { top:7px; left:7px;}
.circlehover[data-position="top-right"]:before { top:7px; right:7px; left: auto;}
.circlehover[data-position="bottom-left"]:before { bottom:7px; left:7px; top:auto;}
.circlehover[data-position="bottom-right"]:before { bottom:7px; right:7px; left: auto; top:auto;}
.circlehover[data-position="top"]:before,
.circlehover[data-position="right"]:before,
.circlehover[data-position="left"]:before,
.circlehover[data-position="bottom"]:before {-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg); } 
.circlehover[data-position="top"]:before {top: -10px; left: 50%; margin-left: -15px;}
.circlehover[data-position="right"]:before { top:50%; right:-10px; left: auto; margin-top:-15px;}
.circlehover[data-position="left"]:before { top:50%; left:-10px; margin-top:-15px;}
.circlehover[data-position="bottom"]:before { bottom:-10px; left:50%; margin-left:-15px; top:auto;}
.circlehover[data-position="bottom-right"] { -webkit-box-shadow:-3px -3px 1px rgba(0,0,0,0.5); -moz-box-shadow:-3px -3px 1px rgba(0,0,0,0.5); box-shadow:-3px -3px 1px rgba(0,0,0,0.5);}
.circlehover:hover { color:#fff;
-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);
-webkit-box-shadow:5px 5px 1px rgba(0,0,0,0.2); -moz-box-shadow:5px 5px 1px rgba(0,0,0,0.2); box-shadow:5px 5px 1px rgba(0,0,0,0.2); }
.circlehover[data-position="bottom-right"]:hover { -webkit-box-shadow:-5px -5px 1px rgba(0,0,0,0.5); -moz-box-shadow:-5px -5px 1px rgba(0,0,0,0.5); box-shadow:-5px -5px 1px rgba(0,0,0,0.5);}
.circlehover[data-align="left"] {float:left;}
.circlehover[data-align="right"] {float:right;}
.circlehover {
-webkit-transition: all 400ms cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
   -moz-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
    -ms-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
     -o-transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550); 
        transition: all 400ms cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */
-webkit-transition-timing-function: cubic-bezier(0.680, 0, 0.265, 1); /* older webkit */
-webkit-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
   -moz-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
    -ms-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
     -o-transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); 
        transition-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550); /* easeInOutBack */}

.circlehover.with-symbol > span.text {}
.circlehover.with-symbol > span.symbol {opacity:0; filter:alpha(opacity=0); position:absolute; display:block; left: 0; top: 0; bottom: 0; right: 0; text-align: center; line-height: 130px; }
.circlehover.with-symbol:hover > span.text {opacity:0; filter:alpha(opacity=0);}
.circlehover.with-symbol:hover > span.symbol {opacity:1; filter:alpha(opacity=100);}

/* accordions */
.acc-group.default-style {margin-bottom:3px;}
.acc-group.default-style > button {background:none; border:0; padding:4px 10px; color:#cd2122; display: block;
width: 100%; text-align: left; position:relative;}
.acc-group.default-style > button:after {content:''; position:absolute; right:5px; top:5px; width:20px; height:20px; background:url(../images/acc-arr1.png) no-repeat center top;}
.acc-group.default-style > button:hover {background:#dcdcdc; color:#111;}
.acc-group.default-style > button.collapsed:after {background-position:center bottom;}
.acc-group.default-style > button.collapsed {color:#505050;}
.acc-group.default-style .content {padding:10px;}

.acc-group.default-style.tweaked {border-bottom: 1px solid #D5D5D5; padding-bottom: 3px;}
.acc-group.default-style.tweaked > button {font-size: 20px; line-height: 1.8; padding-left: 0;}
.acc-group.default-style.tweaked > button:after {top:12px;}
.acc-group.default-style.tweaked .content {padding:10px 0;}
.acc-group.default-style.tweaked .content > .row {margin-bottom:10px;}

/* accordions style2 */
.acc-group.style2 { margin-bottom: 2px; padding: 0;  border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.acc-group.style2 > button {display: block; width: 100%; text-align: left; position:relative; margin:0; padding:10px;}
.acc-group.style2 > button:after {content:''; position:absolute; right:5px; top:10px; width:20px; height:20px; background:url(../images/acc-arr1.png) no-repeat center top; opacity:.4; filter:alpha(opacity=40);}
.acc-group.style2 > button:hover { }
.acc-group.style2 > button.collapsed:after {background-position:center bottom;}
.acc-group.style2 > button.collapsed {color:#505050;}
.acc-group.style2 .content {padding: 10px 15px; border-top: 1px solid #E5E5E5;}
.acc-group.style2 .content p:last-child {margin-bottom:0;}

/* accordions style3 */
.acc-group.style3 { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5; }
.acc-group.style3 > button {display: block; width: 100%; text-align: left; position:relative; margin:0; padding:10px 10px 10px 60px; background:none; border:0; font-size:16px}
.acc-group.style3 > button:after {content:'-'; position:absolute; left:0; top:0; width:20px; height:20px; font-size:40px; background:#eee; color:#cd2122; padding:7px 6px 13px 14px; text-shadow:0 1px 0 #fff;}
.acc-group.style3 > button:hover { color:#cd2122 !important; }
.acc-group.style3 > button:hover:after { color:#cd2122 !important; background:#e9e9e9;}
.acc-group.style3 > button.collapsed:after {color:#b5b5b5; content:'+'; padding:10px;  font-size:35px;}
.acc-group.style3 > button.collapsed {color:#505050;}
.acc-group.style3 .content {padding: 10px 15px; }
.acc-group.style3 .content p:last-child {margin-bottom:0;}

/* Screenshot-box */
.screenshot-box {background:#fff; border:1px solid #b3b3b3; position:relative; padding:15px 20px 0 30px;
-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; margin-top:20px; }
.screenshot-box .left-side {float:left; width:450px;}
.screenshot-box .left-side h3.title {font-size:19px; color:#cd2122;line-height: 1.4;}
.screenshot-box .left-side ul.features {margin:20px 0; padding:0; list-style:none; }
.screenshot-box .left-side ul.features li {padding-left:35px; background:url(../images/ok2.png) no-repeat left center; margin-top:20px;}
.screenshot-box .left-side ul.features li:first-child {margin-top:0;}
.screenshot-box .left-side ul.features li h4 {font-size:14px; line-height:1.3; margin:5px 0 0;}
.screenshot-box .left-side ul.features li h4 + span {}
.thescreenshot { overflow:hidden;float:right; margin-left:30px; width:580px; height:328px; padding:42px 16px 0 10px; position:relative; background:url(../images/screenshotbox-bg.png) no-repeat left top; margin-top: -40px;}
.thescreenshot .controls {position:absolute; top:15px; left:17px; width:43px; height:19px;}
.thescreenshot .controls a {display:block; width:21px; height:19px; float:left;}
#screenshot-carousel {margin:0; padding:0; list-style:none;}
#screenshot-carousel li {float:left}

/* keywords box */
.keywordbox {border-top:4px solid #ddd; position:relative; padding-top: 30px; font-size:23px; font-style:italic; text-align:center; color: #8D8D8D; }
.keywordbox:after {content:''; position:absolute; top:0; left:50%; margin-left:-3px; border:6px solid transparent; border-top-color:#ddd;}

#footer {background:#2f2f2f; padding:40px 0 20px; color:#d5d5d5; border-top:4px solid #fff;}
#footer a {color:#fff;}
#footer a:hover {color:#d5d5d5;}
#footer .m_title {font-size:14px; color:#fff; text-shadow:none}
#footer .menu {margin:0; padding:0; list-style:none;}
#footer .zn_sbs .menu li {float:left; width:50%;}

.newsletter-signup form {margin-bottom:10px;}
.newsletter-signup input {vertical-align:top; margin-bottom:0;}
.newsletter-signup input[type=text] {color:#4d4d4d; background:#dddddd; border:1px solid #a3a3a3;
-webkit-box-shadow:3px 3px 4px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow:3px 3px 4px rgba(0, 0, 0, 0.2) inset; box-shadow:3px 3px 4px rgba(0, 0, 0, 0.2) inset; }
.newsletter-signup input[type=submit] {color:#fff; background:#cd2122; border:0; font-weight:700; font-size:13px; height:30px; padding:0 15px; margin-left:5px;
-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.newsletter-signup input[type=submit]:hover {background:#000;}
.newsletter-signup #result {display:inline-block; margin-bottom:10px;}
.newsletter-signup #result:empty {display:inline;}

.map-link > span {margin-top:2px;}

#footer .bottom {padding-top:30px; border-top:5px solid #484848; color:#8b8c8d;}
#footer .social-icons {float:right;}
#footer .copyright img {float:left; margin-right:20px;}

#footer .social-icons { }
#footer .social-icons li.title {line-height:30px;}
#footer .social-icons li {margin:0 0 0 10px; }
#footer .social-icons li:first-child {margin-left:0;}

#footer .contact-details {background:url(../images/say_hi.png) no-repeat right top;}

/* SOCIAL SHARING */
.social-share {margin:25px 0 0; padding:0; list-style:none; text-align:center;}
.social-share li {display:inline-block; margin-left:10px; width: 90px; max-height: 20px; vertical-align: top;}
.social-share li.sc-gplus { width: 70px; } 
.social-share li.sc-pinterest > a { width: 40px !important; margin-left: -40px !important; vertical-align: top !important; }
.social-share.colored {margin-top:15px;} 
.social-share.colored li {padding: 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} 
.social-share.colored li.sc-facebook { background: #3B5998; } 
.social-share.colored li.sc-twitter { background: #3CF; } 
.social-share.colored li.sc-gplus { background: #D34836; width: 70px; } 
.social-share.colored li.sc-pinterest { background: #CB2027; } 

/* TWITTER FEED */
#twitterFeed {background:url(../images/twitter-bird.png) no-repeat 15px center #444; font-size:12px; color:#fff; padding: 15px 75px 15px 60px; position:relative; margin-bottom:15px; font-style:italic;
-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#twitterFeed:after {content:''; position:absolute; bottom:-10px; left:15px; border:5px solid transparent; border-top-color:#444;}
#twitterFeed ul {margin:0; padding:0; list-style:none; font-size:11px;}
#twitterFeed .twTime {display:inline-block; color:#9d9d9d; padding-left:10px; border-left:1px solid #707070; font-size:11px; position:absolute; right: 15px; top: 15px; bottom: 15px; width: 45px; vertical-align: middle;line-height: 1;}

/* TESTIMONIALS FADER */
.testimonials_fader ul {margin:0; padding:0; list-style:none; border-left:1px solid #e2e2e2; position:relative;}
.testimonials_fader li {position:relative; padding:0 0 0 100px}
.testimonials_fader ul li:after {content:'“'; position:absolute; top:-10px; left:30px; font-size:150px; color:#e2e2e2; line-height:1; font-family: tahoma;}
.testimonials_fader li blockquote {margin:0; padding:0; border:0; font:italic 20px/1.4 Georgia, Arial, sans-serif;}
.testimonials_fader li blockquote + h6 {font-weight:normal; font-size:11px; font-style:italic;}

/* TESTIMONIALS BOX */
.testimonial_box {float:left; padding: 0 25px; margin: 15px 0;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;  position: relative;}
.testimonial_box[data-size=small] {width: 30%;}
.testimonial_box[data-size=medium] {width:50%; }
.testimonial_box[data-size=large] {width:70%; }
.testimonial_box[data-size=full] {width:100%; }
.testimonial_box[data-size=onethird] {width:33%; }
.testimonial_box[data-size=twothirds] {width:66%; }
.testimonial_box[data-theme=light] blockquote { background:#ddd; color:#343434; }
.testimonial_box[data-theme=dark] blockquote { background:#707070; color:#f5f5f5; }

.testimonial_box[data-theme=light][data-align=left] blockquote:after {  border-right-color:#ddd; }
.testimonial_box[data-theme=dark][data-align=left] blockquote:after {  border-right-color:#707070; }
.testimonial_box[data-theme=light][data-align=right] blockquote:after {  border-left-color:#ddd; }
.testimonial_box[data-theme=dark][data-align=right] blockquote:after {  border-left-color:#707070; }
.testimonial_box[data-theme=light][data-align=top] blockquote:after {  border-bottom-color:#ddd; }
.testimonial_box[data-theme=dark][data-align=top] blockquote:after {  border-bottom-color:#707070; }
.testimonial_box[data-theme=light][data-align=bottom] blockquote:after {  border-top-color:#ddd; }
.testimonial_box[data-theme=dark][data-align=bottom] blockquote:after {  border-top-color:#707070; }

.testimonial_box[data-align=left] .details {float:left;  margin-right:10px; width: 90px;}
.testimonial_box[data-align=left] blockquote { margin-left:90px; }
.testimonial_box[data-align=left] blockquote:after {  left:-14px; top:50%; }

.testimonial_box[data-align=right] .details {float:right;  margin-left:10px; width: 90px; text-align: right;}
.testimonial_box[data-align=right] blockquote { margin-right:90px; }
.testimonial_box[data-align=right] blockquote:after {  right:-14px; top:50%; }

.testimonial_box[data-align=top] .details {float:none; margin-left:10px; width: 100%; position:relative; z-index:1;}
.testimonial_box[data-align=top] .details img {position:absolute; top:-5px; right:-5px}
.testimonial_box[data-align=top] .details h6 strong {display:block; }
.testimonial_box[data-align=top] .details h6 {margin-top:0;}
.testimonial_box[data-align=top] blockquote { margin-top:14px; clear:both;}
.testimonial_box[data-align=top] blockquote:after {  left:30px; top:-14px; }

.testimonial_box[data-align=bottom] {margin-bottom:35px }
.testimonial_box[data-align=bottom] .details { position:absolute; left:25px; right:5px; top:100%; z-index:1; }
.testimonial_box[data-align=bottom] .details img {float:right; margin-top:-20px;}
.testimonial_box[data-align=bottom] .details h6 strong {display:block; }
.testimonial_box[data-align=bottom] blockquote { margin-bottom:0; float:none; position:relative; z-index:0;}
.testimonial_box[data-align=bottom] blockquote:after {  left:30px; bottom:-14px; }

.testimonial_box .details h6 {font-size:10px; font-weight:normal; margin:10px 0 0; line-height:1.4; }
.testimonial_box blockquote {margin:0; padding:15px; border:0; font-size:12px; font-style:italic; position:relative;  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
 -webkit-box-shadow:0 0 7px rgba(0,0,0,0.1); -moz-box-shadow:0 0 7px rgba(0,0,0,0.1); box-shadow:0 0 7px rgba(0,0,0,0.1); }
.testimonial_box blockquote:after {content:''; position:absolute; border-width:7px; border-style:solid; border-color:transparent;  }

/* vertical tabs */
.vertical_tabs {background:#fff; border:1px solid #c2c2c2; overflow: hidden; border-radius:3px}
.vertical_tabs .tabbable .nav {float:left; width:25%; border-right:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; margin:0 0 -1px 0;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.vertical_tabs .tabbable .nav>li {border-top:1px solid #c2c2c2;}
.vertical_tabs .tabbable .nav>li>a {line-height:60px; padding-left:20px; font-weight:bold; text-transform:uppercase; color:#595959; background: #ffffff;
background: -moz-linear-gradient(left,  #ffffff 73%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(73%,#ffffff), color-stop(100%,#ededed));
background: -webkit-linear-gradient(left,  #ffffff 73%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #ffffff 73%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #ffffff 73%,#ededed 100%); /* IE10+ */
background: linear-gradient(to right,  #ffffff 73%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 );}
.vertical_tabs .tabbable .nav>li>a>span {padding: 6px 7px 7px 7px; background:#646464; margin-right: 5px;line-height: 1;display: inline-block; vertical-align: middle; margin-top: -1px;
-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.vertical_tabs .tabbable .nav>li>a>span span {margin: 0; vertical-align: middle;}

.vertical_tabs .tabbable .nav>li>a:hover,
.vertical_tabs .tabbable .nav>li.active>a { color:#cd2122; }
.vertical_tabs .tabbable .nav>li.active>a { background:#fff; margin-right: -1px;}
.vertical_tabs .tabbable .nav>li.active>a>span,
.vertical_tabs .tabbable .nav>li>a:hover>span { background:#cd2122; }
.vertical_tabs .tabbable .nav>li:first-child {border-top:0;}
.vertical_tabs .tabbable .tab-content {float:left; width:75%; padding:20px;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

/*stat boxes */
.statbox { background:#fff; border:1px solid #c2c2c2; padding:15px;}
.statbox img {float:left; margin-right:20px;}
.statbox h4 {font-size:30px; color:#cd2122;line-height: 35px;margin-top: 0;}
.statbox h6 {color:#969696;margin-bottom: 0;}

/* skills diagram */
#skills_diagram {float:right; width:600px; position:relative;}
#skills_diagram .legend {position:absolute; right:-60px; top:40px; text-align: right;}
#skills_diagram #thediagram { width:600px; height:500px; margin-top:-50px; float:right; }
#skills_diagram .skills {margin:0; padding:0; list-style:none;}
#skills_diagram .skills li {float: right; clear: both; padding: 0 15px; height: 25px; line-height: 25px; color: white; margin-bottom: 1px; font-size: 14px;}

/* PRICING TABLES */
.spacer{ height: 50px; }
.no-space {margin-left:0;}
.no-space [class*="span"] {margin-left: 0; }
.row-fluid.no-space .span1 {width: 8.334% !important;}
.row-fluid.no-space .span2 {width: 16.667% !important;}
.row-fluid.no-space .span3 {width: 25% !important;}
.row-fluid.no-space .span4 {width: 33.334% !important;}
.row-fluid.no-space .span5 {width: 41.667% !important;}
.row-fluid.no-space .span6 {width: 50% !important;}
.row-fluid.no-space .span7 {width: 58.333% !important;}
.row-fluid.no-space .span8 {width: 66.666% !important;}
.row-fluid.no-space .span9 {width: 75% !important;}
.row-fluid.no-space .span10 {width: 83.334% !important;}
.row-fluid.no-space .span11 {width: 91.666% !important;}
.row-fluid.no-space .span12 {width: 100% !important;}
@media (max-width: 767px) {
.row-fluid.no-space [class*="span"] {width: auto !important;} 
}
.pricing_table { text-align: center; margin: 25px 0;}
.pricing_table .tb_header {background-color: #8AB623; }
.pricing_table .tb_header h4 { margin: 0; padding: 15px 0px; border-bottom: 3px solid #5E852C; color: white; 
font-size:20px; text-shadow:1px 1px 0 rgba(0,0,0,0.3); font-weight:700;
-webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:4px; -moz-border-top-left-radius:3px; -moz-border-top-right-radius:4px; border-top-left-radius:3px; border-top-right-radius:4px; }
.pricing_table .price { margin: 0; padding: 15px 0px; border-bottom: 2px solid white; font-size: 46px;  color: #fff; text-shadow: 1px 1px 0 black; 
font-weight: 900; letter-spacing: 0px; line-height: 1; }
.pricing_table .price p:first-letter{ font-weight: 300; margin-right: 2px; font-size: 26px; }
.pricing_table .price p{ margin: 0;  }
.pricing_table .price p span{ display:block; padding:4px; font-size:14px; font-weight:500;}
.pricing_table .tb_content {margin:0; padding:0; list-style:none;}
.pricing_table .tb_content li { margin: 0; padding: 5px 0px; font-size:12px; line-height: 2;}
.pricing_table .tb_content li:nth-child(odd){ background-color: rgba(0,0,0,0.1); }
.pricing_table .tb_content li:first-child{ border-top: 1px solid white; }
.pricing_table .tb_content li:last-child{  }
.pricing_table .tb_content li hr {margin: 10px 50px;}
.pricing_table .signin {padding:15px 0 15px; background: rgba(0, 0, 0, 0.15);  border-top: 3px solid #5E852C;}
.pricing_table .pr_table_col {background:#fff; position:relative; z-index:0;
 -webkit-box-shadow:0 0 8px rgba(0,0,0,0.1); -moz-box-shadow:0 0 8px rgba(0,0,0,0.1); box-shadow:0 0 8px rgba(0,0,0,0.1);}
.pricing_table [class*="span"]:nth-child(odd) .pr_table_col {background-color: #F1F1F1; }
.pricing_table .pr_table_col.highlight {z-index:1;}
.pricing_table .pr_table_col:hover {z-index:2;}
.pricing_table .pr_table_col.highlight,
.pricing_table .pr_table_col:hover {margin-top:-15px;
 -webkit-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);}
.pricing_table .pr_table_col.highlight .tb_content li,
.pricing_table .pr_table_col:hover .tb_content li { padding: 7px 0px;}
.pricing_table .pr_table_col.highlight .price,
.pricing_table .pr_table_col:hover .price { padding: 20px 0px;}
.pricing_table .pr_table_col {-webkit-transition: -webkit-box-shadow 0.2s ease-out; -moz-transition: -moz-box-shadow 0.2s ease-out; -o-transition: -o-box-shadow 0.2s ease-out; transition: box-shadow 0.2s ease-out;}
.pricing_table .pr_table_col.caption_column {margin-top:50px;  -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.pricing_table .pr_table_col.caption_column .tb_header {font-size:18px; padding:41px 0; color:#444; font-weight:700; border-bottom:2px solid #fff; background:#eee; text-shadow:1px 1px 0 #fff;}
.pricing_table .pr_table_col.caption_column .tb_content li {padding: 5px 0px; text-align:left; text-indent:30px; background:#eee;}
/* pricing table skins */
.pr_table_col[data-color=red] .tb_header h4 { border-bottom: 3px solid #941414; }
.pr_table_col[data-color=red] .signin { border-top: 3px solid #941414; }
.pr_table_col[data-color=red] .tb_header { background-color: #cd2122; }
.pr_table_col[data-color=blue] .tb_header h4 { border-bottom: 3px solid #345370; }
.pr_table_col[data-color=blue] .signin { border-top: 3px solid #345370; }
.pr_table_col[data-color=blue] .tb_header { background-color: #2A8FBD; }
.pr_table_col[data-color=green] .tb_header h4 { border-bottom: 3px solid #5E852C; }
.pr_table_col[data-color=green] .signin { border-top: 3px solid #5E852C; }
.pr_table_col[data-color=green] .tb_header { background-color: #8AB623; }
.pr_table_col[data-color=turquoise] .tb_header h4 { border-bottom: 3px solid #0A817F; }
.pr_table_col[data-color=turquoise] .signin { border-top: 3px solid #0A817F; }
.pr_table_col[data-color=turquoise] .tb_header { background-color: #12C6C2; }
.pr_table_col[data-color=orange] .tb_header h4 { border-bottom: 3px solid #AF3F08; }
.pr_table_col[data-color=orange] .signin { border-top: 3px solid #AF3F08; }
.pr_table_col[data-color=orange] .tb_header { background-color: #EB540A; }
.pr_table_col[data-color=purple] .tb_header h4 { border-bottom: 3px solid #630C72; }
.pr_table_col[data-color=purple] .signin { border-top: 3px solid #630C72; }
.pr_table_col[data-color=purple] .tb_header { background-color: #8A2D9A; }
.pr_table_col[data-color=yellow] .tb_header h4 { border-bottom: 3px solid #A8A80A; }
.pr_table_col[data-color=yellow] .signin { border-top: 3px solid #A8A80A; }
.pr_table_col[data-color=yellow] .tb_header { background-color: #D6D609; }
.pr_table_col[data-color=green_lemon] .tb_header h4 { border-bottom: 3px solid #708D0B; }
.pr_table_col[data-color=green_lemon] .signin { border-top: 3px solid #708D0B; }
.pr_table_col[data-color=green_lemon] .tb_header { background-color: #9CC607; }
.pr_table_col[data-color=dark] .tb_header h4 { border-bottom: 3px solid #000; }
.pr_table_col[data-color=dark] .signin { border-top: 3px solid #000; }
.pr_table_col[data-color=dark] .tb_header { background-color: #333; }
.pr_table_col[data-color=light] .tb_header h4 { border-bottom: 3px solid #747474; }
.pr_table_col[data-color=light] .signin { border-top: 3px solid #747474; }
.pr_table_col[data-color=light] .tb_header { background-color: #aaa; }

.pricing_table.rounded-corners [class*="span"]:first-child .tb_header {-webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; border-top-left-radius:5px; }
.pricing_table.rounded-corners [class*="span"]:last-child .tb_header {-webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; border-top-right-radius:5px; }
.pricing_table.rounded-corners .pr_table_col:hover .tb_header,
.pricing_table.rounded-corners .highlight .tb_header {-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-top-left-radius:5px; -moz-border-top-right-radius:5px; border-top-left-radius:5px; border-top-right-radius:5px; }
.pricing_table.rounded-corners .pr_table_col:hover,
.pricing_table.rounded-corners .highlight  {-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.pricing_table.rounded-corners .pr_table_col:hover .signin,
.pricing_table.rounded-corners .highlight .signin {-webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-bottom-left-radius:5px; -moz-border-bottom-right-radius:5px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
.pricing_table.rounded-corners [class*="span"]:last-child .tb_header {-webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; border-top-right-radius:5px; }
.pricing_table.rounded-corners [class*="span"]:first-child .pr_table_col,
.pricing_table.rounded-corners [class*="span"]:first-child .signin {-webkit-border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; border-bottom-left-radius:5px; }
.pricing_table.rounded-corners [class*="span"]:last-child .pr_table_col,
.pricing_table.rounded-corners [class*="span"]:last-child .signin {-webkit-border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px; border-bottom-right-radius:5px; }

/* process boxes */
.process_box { position: relative; background: #fff; border: 2px solid #C5C5C5; padding: 0; margin-bottom: 40px;
-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.9), 0 1px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.9), 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 0 rgba(255,255,255,0.9), 0 1px 4px rgba(0, 0, 0, 0.2); 
-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.process_box:hover {-webkit-box-shadow: 0 1px 0 rgba(255,255,255,0.9), 0 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.9), 0 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 0 rgba(255,255,255,0.9), 0 1px 8px rgba(0, 0, 0, 0.3);}
.process_box:after, .process_box:before { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.process_box.last:after, .process_box.last:before {display:none}
.process_box:after { border-color: transparent; border-top-color: #eee; border-width: 10px; margin-left: -10px; left: 10%;}
.process_box:before { border-color: transparent; border-top-color: #ccc; border-width: 13px; margin-left: -13px; left: 10%;}
.process_box[data-align=right]:after,
.process_box[data-align=right]:before {right: 10%; left:auto; margin-left: 0;}
.process_box[data-align=right]:after {margin-right: -10px;}
.process_box[data-align=right]:before {margin-right: -13px;}
.process_box[data-align=center]:after,
.process_box[data-align=center]:before {left: 50%; }
.process_box[data-align=center]:after {border-top-color: #fff;}
.process_box .number {  padding: 0;height: 100%; position: absolute; background: #eee; left: 0;top: 0; bottom: 0; border-right: 1px solid #C5C5C5; width: 240px; text-align: center;
-webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; }
.process_box .number span { font-size:150px; font-weight:900; color: #fff; line-height: 1.2;  vertical-align: middle;}
.process_box .content {margin-left: 260px; padding: 20px 20px 10px 10px; }
.process_box[data-align=right] .number {left:auto; right:0; border-right:0; border-left:1px solid #C5C5C5;;
-webkit-border-radius:0 6px 6px 0; -moz-border-radius:0 6px 6px 0; border-radius:0 6px 6px 0;}
.process_box[data-align=right] .content {margin-left:auto; margin-right:260px; padding: 20px 10px 10px 20px;}



/* sidebars */
#sidebar {background: white; padding: 10px 15px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#sidebar .widget {margin-bottom:20px;}
.sidebar .widget .title {color: #050505; line-height: 1.4; margin-bottom: 15px; padding-bottom: 20px; position: relative; font-size: 18px;}
.sidebar .widget .title:after {content: ''; position: absolute; left: 0; bottom: 2px; width: 25px; height: 0; border-bottom: 1px solid #CBCBCB;}
.sidebar .widget .title:before {content: ''; position: absolute; left: 0; bottom: 2px; width: 100%; height: 0; border-bottom: 1px solid #f9f9f9;}
.sidebar .widget ul.menu , .sidebar .widget ul.product-categories , .sidebar .widget ul.pagenav {margin:0; padding:0; list-style:none;}
.sidebar .widget ul.menu li , .sidebar .widget ul.product-categories li , .sidebar .widget ul.pagenav li{margin-bottom:0px;}
.sidebar .widget ul.menu li a , .sidebar .widget ul.product-categories li a , .sidebar .widget ul.pagenav li a {color: #595959; display: block; padding: 4px 0 4px 20px; position: relative; border-radius: 2px;}
.sidebar .widget ul.menu li a:after , .sidebar .widget ul.product-categories li a:after , .sidebar .widget ul.pagenav li a:after{ content: '\203A'; position: absolute; left: 7px; top: 6px; color: #DDD; font-size: 16px; line-height: 1; width: 4px; height: 4px; font-family: Arial; }
.sidebar .widget ul.menu li.active a:after, , .sidebar .widget ul.product-categories li.active a.after,  .sidebar .widget ul.pagenav li.active a:after ,
.sidebar .widget ul.menu li.current-cat a:after, .sidebar .widget ul.product-categories li.current-cat a:after , .sidebar .widget ul.pagenav li.current-cat a:after
.sidebar .widget ul.menu li a:hover:after , .sidebar .widget ul.product-categories li:hover:after , .sidebar .widget ul.pagenav li:hover:after { color: white; left: 8px;}
.sidebar .widget ul.menu li.active a, .sidebar .widget ul.product-categories li.active a ,  .sidebar .widget ul.pagenav li.active a ,
.sidebar .widget ul.menu li.current-cat > a,  .sidebar .widget ul.product-categories li.current-cat > a, .sidebar .widget ul.pagenav li.current-cat > a,
.sidebar .widget ul.menu li a:hover , .sidebar .widget ul.product-categories li a:hover ,  .sidebar .widget ul.pagenav li a:hover  {background: #CD2122; color: white;}
div.cloudBlock a { padding: 4px; float: left; display: block; }

/* Historic timeline */
.timeline_bar {background:url(../images/timeline_bar.png) repeat-y center top;}
.timeline_bar  > .row {margin-bottom:0;}
.timeline_box {background:#fff; border-radius:3px; margin:50px 0 70px; padding:15px; position:relative;}
.timeline_box:after {content:''; position:absolute; top:20px; right:-12px; border:6px solid transparent; border-left-color:#fff;}
div[data-align=right] .timeline_box:after {left:-12px; right:auto; border-left-color:transparent; border-right-color:#fff;}
.timeline_box:before {content:''; position:absolute; top:20px; right:-21px; background:#999; width:5px; height:5px; border:3px solid #f5f5f5; border-radius:50%;}
div[data-align=right] .timeline_box:before {right:auto; left:-20px;}
.end_timeline {text-align:center;}
.end_timeline > span {background:#fff; border-radius:3px; padding:0 10px; line-height: 2;display: inline-block;}
.timeline_box:hover .date, 
.timeline_box:hover {box-shadow:0 0 8px rgba(35,35,35,0.2); }
.timeline_box:hover:before {width:7px; height:7px; border:2px solid #f5f5f5;}
.timeline_box .date {font-size:18px; font-weight:700; background:#fff; display:inline-block; padding:5px 10px; border-radius:2px; position:absolute; top:11px; right:-100px; color:#787878;}
div[data-align=right] .timeline_box .date {left:-100px; right:auto;}

/*offline/comming soon page */
.offline-page #background {position:absolute; left:0; top:0; right:0; bottom:0;
background: #ffffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #ffffff 0%,#e5e5e5 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #ffffff 0%,#e5e5e5 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #ffffff 0%,#e5e5e5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.offline-page .containerbox {width: 700px; margin: 100px auto 0; background: #000; background: rgba(0,0,0,0.7); position: relative; z-index:1; padding: 25px;  box-shadow: 0 10px 20px #CCC; border-bottom:5px solid #cd2122; color:#eee; }
.offline-page #logo {float:left; text-align:center; }
.offline-page .content {margin-left:200px; border-left:1px solid #777; padding-left:20px; }
.offline-page .containerbox:after {content: ''; position: absolute; bottom: -25px; left: 100px; border-top: 20px solid #cd2122; border-right: 20px solid transparent; z-index:2;}
.offline-page .ud_counter{margin: 40px 0;}
.offline-page .ud_counter ul{display:inline-block;margin:0;padding:0;list-style:none}
.offline-page .ud_counter ul li{display:inline-block; margin:0 0 0 18px; font-size:22px; font-weight:700; padding:15px 10px; width:60px; text-align:center; background:rgba(0,0,0,0.2); -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;}
.offline-page .ud_counter ul li:first-child {margin-left:0;}
.offline-page .ud_counter ul li span{display:block;font-size:13px; margin-top: 17px; line-height: 1;}
.offline-page .ud_counter ul li.till_lauch {height: 80px; width:80px; padding:0; vertical-align:top;}

.offline-page #mail_when_ready {float:left; margin: 0;}
.offline-page #mail_when_ready input[type=submit] {vertical-align:top;}

/* testimonial box style 4 */
.testimonial_box4 blockquote {background:#fff; border:4px solid #eee; margin:0 0 10px; padding:15px; font-size:12px; font-style:italic; color:#474747; position:relative;}
.testimonial_box4 blockquote:after {content:''; position:absolute; bottom:-14px; left:15px; border:7px solid transparent; border-top-color:#fff; }
.testimonial_box4 blockquote + h5 {margin-top:0; margin-left:5px; font-size:13px; font-weight:500;}

/* 404 error page */
.error404 #page_header {height:200px; min-height: 0;}
.error404-content { margin: 20px auto; text-align:center;line-height: 1;}
.error404-content h2{ font-weight:bold; font-size:260px; line-height:1; text-align:center; text-shadow:0 0 28px rgba(35,35,35,.5); text-transform:uppercase; margin:20px 0; color:rgba(0,0,0,0)}
.error404-content h3{ font-size:30px; text-align:center; opacity:0.2; filter:alpha(opacity=20)}

/* SERVICES STYLE 2 */
.services_box.style2 .box {padding: 30px; background:#eee; height: 300px; margin: 0; position:relative; }
.services_box.style2 .box:hover {background:#fff; box-shadow:0 0 30px rgba(0,0,0,0.2); z-index:1;  border-radius:5px}
.services_box.style2 .box .title {font-size:22px; margin-bottom:30px;}
.services_box.style2 .box .icon {width: 45px; height: 45px; line-height: 45px; border-radius: 3px;}
.services_box.style2 .box .icon img {vertical-align: middle; line-height: 45px;display: inline-block;margin-top: -2px;}
.services_box.style2 .box .list {margin:0; padding:0; list-style:none; display:none; float:none}
.services_box.style2 .box .list li {line-height: 1; padding: 10px 0px; border-top: 1px solid #eee; color:#cd2122}
.services_box.style2 .box .list li:first-child {border-top: 0; }

/* team members */
.team_member {background:#fff; padding:0 0 5px;position: relative;}
.team_member:hover {box-shadow:0 0 20px rgba(0,0,0,0.2); border-radius:4px;}
.team_member .details {padding:0 20px 0; overflow:hidden; opacity:0; filter:alpha(opacity=0); visibility:hidden; position: absolute; background:#fff; box-shadow:0 12px 20px rgba(0,0,0,0.2);
-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;  font-size:11px;}
.team_member:hover .details {opacity:1; filter:alpha(opacity=100); visibility:visible;}
.team_member:hover {z-index:2;}
.team_member > h4,
.team_member > h6 {padding:0 20px;}
.team_member .details .social-icons {margin:15px 0;}
.team_member .details .social-icons li {margin:0 0 0 8px;}
.team_member .details .social-icons li:first-child {margin-left:0;}

/* map controls */
#map_controls {margin:0; padding:0; list-style:none; position:absolute; width:auto; top:50%; margin-top:-45px; right:20px; width:30px; background:#cd2122; border-radius:2px; box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.4);}
#map_controls li a {display:block; width:30px; height:30px;  text-align:center; border-top:1px solid #ccc; border-top:1px solid rgba(0,0,0,0.1); cursor:pointer;}
#map_controls li a:hover {background:#111}
#map_controls li:first-child a {border-top:0;}
#map_controls li a span {margin-top:6px;}

/*contact form */
#contact_form .form-horizontal .control-label {width: 90px;text-align: left;}
#contact_form .form-horizontal .controls {margin-left: 90px;}
#contact_form textarea {height:100px;}

/* BLOG */
.eBlog .itemListView  {margin-bottom:25px;}
.eBlog .itemContainer  {background: #FFF; margin-bottom:35px; padding: 15px;  -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.7); box-shadow: 0 1px 0 #ccc; position:relative;border-radius: 3px;}
.eBlog .itemContainer:after {position:absolute; bottom:0px; left:50%; margin-left:-3px; width:0; height:0; border-style:solid; border-color:transparent; border-width:5px; content: ""; border-bottom-color: #ccc !important; }
.eBlog .post_details {border-top: 1px solid #eee; border-bottom: 1px solid #eee; font-size:10px; margin-bottom: 25px; text-transform: uppercase; padding: 10px 0 10px; font-weight: bold; position:relative;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); opacity: .6;
-webkit-transition:opacity 150ms ease-in; -moz-transition:opacity 150ms ease-in; -o-transition:opacity 150ms ease-in; transition:opacity 150ms ease-in;}
.eBlog .post_details:hover {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;}
.eBlog .post_details [class^="icon-"],
.eBlog .itemLinks li [class^="icon-"],
.eBlog .itemTagsBlock [class^="icon-"] {margin: 0 5px 0 0;padding: 0;}
.eBlog .post_details:after {content: ''; position: absolute; left: 0; top: -1px; width: 25px; height: 0; border-bottom: 1px solid #ccc;}
.eBlog .post_details:before {content: ''; position: absolute; left: 0; bottom: -1px; width: 25px; height: 0; border-bottom: 1px solid #ccc;}
.eBlog .post_details .infSep {display: inline-block; margin: 0 5px;}
.eBlog .itemReadMore {margin-bottom:15px; border-bottom: 1px solid #eee; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 25px;}
.eBlog .readMore {font-size:14px; font-weight:bold; }
.eBlog .itemLinks { padding:0 !important; list-style:none !important; font-size: 10px; color: #AAA; text-transform: uppercase; font-weight: bold; margin-bottom:10px; margin-left:0;}
.eBlog .itemLinks li {float:left; margin-left:0; padding-left:0; }
.eBlog .itemLinks li:first-child {margin-left:0; }
.eBlog .itemCategory { padding-left:0;}
.eBlog .itemDateCreated { padding-left:0;}
.eBlog .itemTagsBlock,
.eBlog .itemTagsBlock,
.eBlog .userItemTagsBlock { padding-left:0; font-size: 10px; color: #AAA; font-weight:bold; text-transform:uppercase;  }

.eBlog .itemTagsBlock > span {font-weight:bold;}
.eBlog .itemTagsBlock ul {margin:0 !important; padding:0 !important; list-style:none !important; display:inline;}
.eBlog .itemTagsBlock ul li {display:inline; }
.eBlog .itemTagsBlock ul li a {}
.eBlog .itemTitle {font-weight:bold;}
div.cloudBlock a { padding: 4px; float: left; display: block; }

.eBlog .itemSocialSharing  {margin-bottom:20px;}
.eBlog div.itemTwitterButton {float:left;margin:2px 20px 0 0; width:80px;}
.eBlog div.itemFacebookButton {float:left;margin-right:20px;width:70px;}
.eBlog div.itemGooglePlusOneButton {float:left;width:70px;} 

/* Pagination */
.pagination {margin: 10px 0;padding: 10px 0 10px 0px; text-align:center; text-align: center; text-transform: uppercase; font-size: 10px; line-height: 1.6; color: #888; }
.pagination ul {list-style-type: none;margin: 0;padding: 0; display: inline;}
.pagination li {display: inline; margin: 0 5px;}
.pagination li, .pagination li a, .pagination li span, .pagination p.counter {font-size:10px; text-transform:uppercase; font-weight:bold;}
.pagination li.pagination-start, .pagination li.pagination-next, .pagination li.pagination-end, .pagination li.pagination-prev {border: 0;}
.pagination li.pagination-start, .pagination li.pagination-start span {padding: 0;}

/* hoverlink effect */
.hoverLink {position:relative; display:block;}
.hoverLink img {position:relative;}
.hoverLink > span {position:absolute; top:0; left:0; bottom:0; right:0; display:block; background:url(../images/transparent_png/black20.png); filter: alpha(opacity=0); opacity:0;}
.hoverLink:hover > span{}
.hoverLink > span .icon {position:absolute; width:24px; height:24px; top:50%; left:50%; margin:-12px 0 0 -12px; display:block; background-image:url(../images/hoverLinkSprite.png); background-repeat:no-repeat;}
.hoverLink > span .icon.image {background-position:-72px 0;}
.hoverLink > span .icon.video {background-position:-48px 0;}
.hoverLink > span .icon.link {background-position:-24px 0;}
.hoverLink > span .icon.extlink {background-position:0 0;}
body.dark .hoverLink > span .icon.image {background-position:-72px -24px;}
body.dark .hoverLink > span .icon.video {background-position:-48px -24px;}
body.dark .hoverLink > span .icon.link {background-position:-24px -24px;}
body.dark .hoverLink > span .icon.extlink {background-position:0 -24px;}

/* grayhover effect */
a.grayHover { overflow:hidden; position:relative; display:inline-block;} 
a.grayHover img {position:relative;}
a.grayHover img:first-child {}

/* PORTFOLIO */
.hg-portfolio .img-intro { margin-bottom:20px;}
.hg-portfolio-item .img-full { margin-bottom:20px;}
.hg-portfolio-item .other-images {margin:20px 0 0 -20px; padding:0; list-style:none;}
.hg-portfolio-item .other-images li {float:left; margin:0 0 20px 20px; list-style:none;}
.hg-portfolio-item .other-images li iframe {padding: 4px; border: 1px solid #444; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.hg-portfolio-item .itemLinks {margin-top:15px;}
.hg-portfolio-item .itemSocialSharing > div {float:left; margin-right:30px;}
.hg-portfolio-item ul.cols-2 li, .hg-portfolio-item ul.cols-3 li, .hg-portfolio-item ul.cols-4 li {float:none; padding-left: 25px; width:auto;}
.hg-portfolio-item .text ul.clearfix:after {clear: none; zoom:0; }

/* SORTABLE PORTFOLIO */
.hg-portfolio-sortable h1.title,
.hg-portfolio-sortable h4.title {font-weight:bold;}

.hg-portfolio-sortable #sorting { float:right; margin:0; font-size: 10px; font-weight:bold; text-transform: uppercase; padding: 8px 10px; background: #eee; color:#888; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.hg-portfolio-sortable #sorting ul {display:inline-block; margin:0 25px 0 0; padding:0; list-style:none;}
.hg-portfolio-sortable #sort-direction {margin-right:0 !important;}
.hg-portfolio-sortable #sorting ul li {float:left; margin-left:10px; line-height:1; margin-bottom:0;}
.hg-portfolio-sortable #sorting ul li a {color: #595959; line-height:1;}
.hg-portfolio-sortable #sorting ul li a.selected {text-decoration:underline;}

.hg-portfolio-sortable #sorting .sortTitle {line-height:1;}

.hg-portfolio-sortable #portfolio-nav {margin:5px 0 20px; padding:0; list-style:none; float: left;}
.hg-portfolio-sortable #portfolio-nav li {float:left; margin-left:15px;}
.hg-portfolio-sortable #portfolio-nav li:first-child {margin-left:0;}
.hg-portfolio-sortable #portfolio-nav li a {  background: #eee; color: #888; padding:8px 10px; line-height: 1; font-size: 10px; font-weight: bold; text-transform: uppercase; -webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px; display:inline-block; margin-right:0; }
.hg-portfolio-sortable #portfolio-nav li a:hover,
.hg-portfolio-sortable #portfolio-nav li.current a {background: #cd2122; color:#fff;}

.hg-portfolio-sortable ul#thumbs {margin:0 0 0 -30px; padding:0; list-style:none; left: 5px;}
.hg-portfolio-sortable ul#thumbs li {float:left; width:270px; margin: 10px 5px 20px 25px; position:relative;}
.hg-portfolio-sortable ul#thumbs li .inner-item { padding: 4px ; border: 1px solid #ddd; background: #fff;  -webkit-transition: all .3s ease;-moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity:0.9; filter:alpha(opacity=90);}

.hg-portfolio-sortable ul#thumbs li .inner-item:hover {-webkit-box-shadow:0 0 12px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 0 12px rgba(0, 0, 0, 0.5);box-shadow:0 0 12px rgba(0, 0, 0, 0.5); opacity:1; filter:alpha(opacity=100);}
.hg-portfolio-sortable ul#thumbs li .inner-item h4{ margin-top: 10px; display: block; line-height: 1; border-bottom: 1px dotted #ccc; font-size:14px; margin-bottom: 10px; font-weight:bold; padding:0 6px 10px; }
.hg-portfolio-sortable ul#thumbs li .inner-item .moduleDesc { font-size: 12px; color: #777; padding:0 6px; display: block; }
.hg-portfolio-sortable ul#thumbs li .inner-item .moduleDesc p {margin-bottom:10px;}
.hg-portfolio-sortable ul#thumbs li.isotope-item {z-index:2;}
.hg-portfolio-sortable ul#thumbs li.isotope-hidden {z-index:1;}

/* Portfolio carousels */
.ptcarousel {max-width:570px; max-height:360px; position:relative; border:4px solid #fff;
-webkit-box-shadow: 0 0 0 2px #ddd, 0 0 6px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 0 2px #ddd, 0 0 6px rgba(0,0,0,0.2); box-shadow: 0 0 0 2px #ddd, 0 0 6px rgba(0,0,0,0.2); 
-webkit-box-sizing:border-box;  -moz-box-sizing:border-box;  box-sizing:border-box;
-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;  }
.ptcarousel:after {content:''; position:absolute; left:-34px; top:50%; margin-top:-15px; border:15px solid transparent; border-right:15px solid #ddd;  z-index:1;}
.ptcarousel:before {content:''; position:absolute; left:-30px; top:50%; margin-top:-13px; border:13px solid transparent; border-right:13px solid #fff;  z-index:2;}
.ptcarousel ul {margin:0; padding:0; list-style:none; overflow:hidden; max-height:360px;}
.ptcarousel li {float:left;  }
.ptcarousel .controls > a {position:absolute; left: 15px; top: 50%; z-index:1; background:#000; display:inline-block !important;  margin:0; margin-top:-12px; width: 30px; height: 31px; text-align: center; border-radius:2px; opacity:0; filter:alpha(opacity=0);}
.ptcarousel .controls > a.next {left:auto; right:15px; }
.ptcarousel .controls > a span {margin:8px 0 0; }
.ptcarousel .controls > a:hover {background:#cd2122; }
.ptcarousel:hover .controls a {opacity:1; filter:alpha(opacity=100);}
.itemLinks {margin-top:20px;}
.itemLinks span a { background: #eee; padding:7px 10px; line-height: 1; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #888; -webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px; display:inline-block; margin-right:15px; }
.itemLinks span a:hover {background:#cd2122; color:#fff;}

/* sitemaps */
.sitemap ul {margin-bottom:0; list-style:none; padding:0;margin-left: 0;}
.sitemap ul li {line-height:25px;}
.sitemap ul li a {background-image:url(../images/sitemap-arrow.png); background-repeat: no-repeat; }
.sitemap ul li a {padding-left:40px; background-position: -270px 7px; }
.sitemap ul li li a {padding-left:80px; background-position: -230px 7px; }
.sitemap ul li li li a {padding-left:120px; background-position: -190px 7px; }
.sitemap ul li li li li a {padding-left:160px; background-position: -150px 7px; }
.sitemap ul li li li li li a {padding-left:200px; background-position: -110px 7px; }


/* photo gallery */
ul.photo_gallery {clear: both; list-style: none outside none; margin: 8px auto; overflow: hidden; padding: 8px 0;}
ul.photo_gallery li {background:none !important; float: left; margin: 5px; padding: 0; list-style:none; }
ul.photo_gallery li a img {}

/* transparent content */
div.pp_kalypso.transparent .pp_content .ppt,
div.pp_kalypso.transparent #pp_full_res .pp_inline{color: #ccc; margin-right: 20px; line-height: 1.4;}

/* offer-banners */
.offer-banners .hoverBorder {margin-bottom:20px;}

/* SHOP LATEST // BEST SELLING TABS - CAROUSEL */
.shop-latest .tabbable .nav {border-bottom:3px solid #d5d5d5;padding-bottom: 15px;}
.shop-latest .tabbable .nav li {float:left; margin-left:30px; padding-left:30px; border-left:2px solid #d5d5d5;}
.shop-latest .tabbable .nav li:first-child {margin-left:0; padding-left:0; border-left:0;}
.shop-latest .tabbable .nav li a {font-size:20px; font-weight:900; color:#8c8c8c; position:relative;}
.shop-latest .tabbable .nav li a:hover {color:#595959; background-color: transparent;}
.shop-latest .tabbable .nav li.active a {color:#cd2122; background-color: transparent;}
.shop-latest .tabbable .nav li.active a:after {content:''; position:absolute; bottom:-15px; left:50%; margin-left:-8px; border:5px solid transparent; border-bottom-color:#d5d5d5; }

.shop-latest .tabbable .shop-latest-carousel {margin-right:40px; position:relative;}
.shop-latest .tabbable .shop-latest-carousel ul {margin:0; padding:0; list-style:none;/* height:370px;*/}
.shop-latest .tabbable .shop-latest-carousel ul li {float:left; margin-right:20px; width:270px;}
.shop-latest .tabbable .shop-latest-carousel .controls {position:absolute; right:0; top:0; margin-right:-40px; height:100%; width:40px;}
.shop-latest .tabbable .shop-latest-carousel .controls a {width:40px; height:49.5%; background:#f1f1f1; display:block !important; position:absolute; }
.shop-latest .tabbable .shop-latest-carousel:hover .controls a {background:#eee;}
.shop-latest .tabbable .shop-latest-carousel .controls a:hover { background:#dedede; }
.shop-latest .tabbable .shop-latest-carousel .controls a.prev {top: 50%;}
.shop-latest .tabbable .shop-latest-carousel .controls a span {position:absolute; top:50%; left:50%; margin:-7px 0 0 -7px;}
.shop-latest .tab-content {overflow: visible;}
.shop-latest .tab-content > .tab-pane { display: block; visibility: hidden; height: 0; overflow:hidden; }
.shop-latest .tab-content > .active { visibility: visible; height: auto; }
	
.product-list-item {position:relative;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
background: #ffffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,#ffffff 0%,  #ffffff 50%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(61%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 61%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #ffffff 61%,#ededed 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #ffffff 61%,#ededed 100%); /* IE10+ */
background: radial-gradient(ellipse at center,#ffffff 0%,  #ffffff 50%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.product-list-item .image a {position:relative;display:block;}
.product-list-item.promo-new:after {content:'NEW'; font-size:11px; color:#fff; font-weight:bold; background:#12a1c5; line-height:1; padding:4px 6px; position:absolute; left:20px; top:20px;}
.product-list-item.promo-new:before {content:''; border:3px solid transparent; border-top-color: #12a1c5;  position:absolute; left:27px; top:39px; z-index:1;}
.product-list-item.promo-sale:after {content:'SALE'; font-size:11px; color:#fff; font-weight:bold; background:#c51212; line-height:1; padding:4px 6px; position:absolute; left:20px; top:20px;}
.product-list-item.promo-sale:before {content:''; border:3px solid transparent; border-top-color: #c51212;  position:absolute; left:27px; top:39px; z-index:1;}
.product-list-item > .hover {position:absolute; left:0; top:0; right:0; bottom:0; pointer-events: none; box-shadow:inset 0 0 0 2px #e8e8e8; }
.product-list-item .image {text-align:center; line-height:251px; max-height: 251px;}
.product-list-item .details {background:#f3f3f3; padding:15px; border-top: 1px solid #E8E8E8;}
.product-list-item .details h3 {font-size:14px; color:#2f2f2f; line-height:1.3; margin:0 0 10px}
.product-list-item .details p.desc {font-size:12px; font-style:italic; color:#939393; line-height:1.3;}
.product-list-item .details .actions {text-align:right; position:absolute; right:0px; bottom:10px; width:0; overflow:hidden;line-height: 1;}
.product-list-item .details .actions a {display:inline-block; background:#cd2122; color:#fff; font-size:10px; line-height: 1; padding: 4px 6px; white-space:nowrap;margin-bottom: 3px;}
.product-list-item .details .actions a:hover {background:#333; }
.product-list-item .price {color:#565656; font-size:20px; font-weight:700; line-height:1}
.product-list-item .price small {font-size:75%; font-weight:; position:relative; color:#777; line-height:75%; vertical-align:top;}
.product-list-item .price small:after {content:''; width:100%; height:0px; border-top:1px solid #999; position:absolute; left:-2px; top:9px; opacity:0.9; filter:alpha(opacity=90);
-webkit-transform:rotate(-25deg); -moz-transform:rotate(-25deg); -o-transform:rotate(-25deg); -ms-transform:rotate(-25deg); transform:rotate(-25deg);}
.product-list-item:hover .details {background:#edecec;}
.product-list-item:hover .details h3 {color:#cd2122;}
.product-list-item:hover .details .actions {width:140px; right:4px;}
.product-list-item:hover > .hover {box-shadow:inset 0 0 0 4px #9c9c9c;} 
.product-list-item .details h3,
.product-list-item > .hover,
.product-list-item .details,
.product-list-item .details .actions,
.shop-latest .tabbable .shop-latest-carousel .controls a {-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;}

/* limited offers carousel */
.limited-offers-carousel {position:relative; }
#limited_offers {margin:0; padding:0; list-style:none; height:194px;}
#limited_offers li {float:left; margin-right:20px; width:158px; position:relative; border:2px solid #e8e8e8; text-align:center;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
background: #ffffff; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,#ffffff 0%,  #ffffff 50%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(61%,#ffffff), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #ffffff 61%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #ffffff 61%,#ededed 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #ffffff 61%,#ededed 100%); /* IE10+ */
background: radial-gradient(ellipse at center,#ffffff 0%,  #ffffff 50%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
#limited_offers li:hover {border:2px solid #bbb;}
#limited_offers li .image {max-height:120px; line-height:120px; margin:10px;overflow:hidden;}
#limited_offers li:after {content:attr(data-discount); font-size:11px; color:#fff; font-weight:bold; background:#c51212; line-height:1; padding:4px 6px; position:absolute; left:10px; top:10px;}
#limited_offers li:before {content:''; border:3px solid transparent; border-top-color: #c51212;  position:absolute; left:17px; top:29px; z-index:1;}
#limited_offers li h5 {margin:0 0 10px; line-height:1}
#limited_offers li h6 {margin:0 0 15px; line-height:1; font-size:11px;}
#limited_offers li {-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;}
.limited-offers-carousel .controls {width:8%; background:#fff; position:absolute; border:2px solid #e8e8e8; text-align:center; right: 0px; top:0; height:100%;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.limited-offers-carousel .controls:after {content:''; position:absolute; top:50%; width: 70%; margin-left: 17%; left:0px; border-top:1px solid #e8e8e8;}
.limited-offers-carousel .controls a {position:absolute; width:100%; height:50%; display:block !important; opacity:.5; filter:alpha(opacity=50);}
.limited-offers-carousel .controls a:hover {opacity:1; filter:alpha(opacity=100);}
.limited-offers-carousel .controls a.prev {top:50%;}
.limited-offers-carousel .controls a span {position:absolute; top:50%; left:50%; margin:-7px 0 0 -7px;}

.adbox.video {position:relative;}
.adbox.video:after {position:absolute; content:''; left:0; top:0; right:0; bottom:0; box-shadow:inset 0 0 0 4px rgba(255,255,255,0.4)}
.adbox.video .video_trigger_container { position: absolute; z-index:1; top:0; left:50%; margin-left:-75px; margin-top:70px }

/* shop-features */
.shop-features {margin-bottom:0;}
.shop-features .title {margin:0; line-height:1.3;}
.shop-features .shop-feature {background:#969696; color:#fff; padding:10px; border-radius:3px;}
.shop-features .shop-feature:hover {background:#cd2122;}
.shop-features .shop-feature > img {float: left; margin: 0 20px 0 0;}
.shop-features .shop-feature > h4 {line-height:1; margin:0 0 7px; font-size:18px;  font-weight:900;}
.shop-features .shop-feature > h5 {line-height:1; margin:0; font-weight:700;}

/* PRODUCT PAGE */
.product-gallery {border:1px solid #EAEAEA; background:#fff; width:100%; padding-bottom:10px;}
.product-gallery .big_image {width:100%; text-align:center;}
.product-gallery ul.thumbs , body .product-gallery div.thumbnails{padding:10px 0 0 10px; list-style:none; margin:0;margin:0;}
.product-gallery ul.thumbs li, body .product-gallery div.thumbnails a {float:left; margin-right:10px; }
.product-gallery ul.thumbs li:first-child {margin-left:0; }
.product-gallery ul.thumbs li img , 
body.woocommerce div.product div.thumbnails img
 { border:1px solid #EAEAEA; padding:2px;}
.product-gallery ul.thumbs li img:hover { border:1px solid #EEE; }
.product-page .main-data {font-size:11px; }
.product-page .main-data .name {font-size:32px; line-height:1.4;}
.product-page .main-data .regular_price span {text-decoration: line-through;}

.product-page .main-data .price span {font-size:36px; font-weight:bold; line-height:1; }
.product-page .main-data .price .to_wishlist { float:right; line-height:3; margin-right: 30px; }
.to_cart .quantitiy {float:left; width:50px;}
.to_cart .quantitiy label {font-size:11px; display:block;}
.to_cart .quantitiy #qty {padding:5px; width: 50px;}
.to_cart .addtocart { margin-left: 20px; font-size: 14px;}

/* edit marius */
.product-page .main-data .price {line-height:1; margin:25px 0;}
.product-page .main-data .price span {vertical-align: middle;}
.product-page .main-data span.from,
.product-page .main-data small {font-size: 12px; text-transform: uppercase; background: #999; color: white; padding:5px 10px; line-height: 1; vertical-align: middle; font-weight: bold; opacity:0.4; filter:alpha(opacity=40);
-webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; transition: opacity 0.2s ease-out;}
.product-page .main-data span.from {margin-left: 20px; position:relative;}
.product-page .main-data span.from:after {content:''; position:absolute; left:-10px; bottom:5px; border:5px solid transparent; border-right-color:#999;}
.product-page .main-data small {background:#686868;}
.product-page .main-data span + small:after {content:''; position:absolute; left:-10px; bottom:5px; border:5px solid transparent; border-right-color:#686868;}
.product-page .main-data span + small {margin-left:20px; position:relative;}
.product-page .main-data span.from + small {margin-left:0; position:static;}
.product-page .main-data:hover .price span.from,
.product-page .main-data:hover .price small {opacity:1; filter:alpha(opacity=100) }

.product-page .main-data table.variations {width: 100%; background: #EEE; padding: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 0 white; -moz-box-shadow: 0 1px 0 white; box-shadow: 0 1px 0 white;}
.product-page .main-data .variations td {padding:10px;}
.product-page .main-data .variations td.label {background:none; text-transform:capitalize; color:#595959; text-shadow:none; min-width:80px;}
.product-page .main-data .variations td.label label {padding-left:0; font-size: 16px; text-align: center;}
.product-page .main-data .single_variation {display:block; margin:10px 0;}
.product-page .main-data .single_variation .price {display:block; line-height:1; }
.product-page .main-data .single_variation .price del {display:inline-block; line-height:30px; margin-right:20px; background:#fff; padding:0 20px 0 15px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; position:relative; border-right:1px solid #ccc; }
.product-page .main-data .single_variation .price del:after {content:''; position:absolute; right:-10px; top:50%; margin-top:-5px; border:5px solid transparent; border-left-color:#fff;}
.product-page .main-data .single_variation .price del:before {content:''; position:absolute; right:-12px; top:50%; margin-top:-6px; border:6px solid transparent; border-left-color:#ccc;}
.product-page .main-data .single_variation .price del span.amount {font-size:18px; }
.product-page .main-data .single_variation .price ins {text-decoration:none; display: inline-block;}
.product-page .main-data .single_variation .price ins span.amount {color: #CD2122;}
.csstransforms .product-page .main-data .single_variation .price del { text-decoration:none; }
.csstransforms .product-page .main-data .single_variation .price del span.amount { position:relative; }
.csstransforms .product-page .main-data .single_variation .price del span.amount:after { content:''; position:absolute; left: -3px; top: 10px; width: 50px; height:1px; background:#cd2122; -webkit-transform:rotate(10deg); -moz-transform:rotate(10deg); -o-transform:rotate(10deg); -ms-transform:rotate(10deg); transform:rotate(10deg);  }
.product-page .main-data .variations_button .single_add_to_cart_button  {margin-top:0 !important; height:30px;}
/* end edit marius */

/* site helpers */
.noBgImage {background-image:none;}
.full_width { max-width: 100%;}
.text_align_left {text-align:left !important;}
.text_align_right {text-align:right !important;}
.text_align_center {text-align:center !important;}

/* custom buttons */
.btn-flat ,
body.woocommerce a.button:hover, 
body.woocommerce button.button:hover, 
body.woocommerce input.button:hover, 
body.woocommerce #respond input#submit:hover, 
body.woocommerce #content input.button:hover, 
body.woocommerce-page a.button:hover, 
body.woocommerce-page button.button:hover, 
body.woocommerce-page input.button:hover, 
body.woocommerce-page #respond input#submit:hover, 
body.woocommerce-page #content input.button:hover,
body.woocommerce a.button, 
body.woocommerce button.button, 
body.woocommerce input.button, 
body.woocommerce #respond input#submit, 
body.woocommerce #content input.button, 
body.woocommerce-page a.button, 
body.woocommerce-page button.button, 
body.woocommerce-page input.button, 
body.woocommerce-page #respond input#submit, 
body.woocommerce-page #content input.button,
body.woocommerce a.button.alt, 
body.woocommerce button.button.alt, 
body.woocommerce input.button.alt, 
body.woocommerce #respond input#submit.alt, 
body.woocommerce #content input.button.alt, 
body.woocommerce-page a.button.alt, 
body.woocommerce-page button.button.alt, 
body.woocommerce-page input.button.alt, 
body.woocommerce-page #respond input#submit.alt, 
body.woocommerce-page #content input.button.alt
{
	background:#cd2122; font-size:18px; font-weight:700; color:#fff; text-shadow: 0 1px 0 rgba(0,0,0,.8); 
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;
	position: relative; border: 0;
}
.btn-flat:hover,
body.woocommerce a.button:hover, 
body.woocommerce button.button:hover, 
body.woocommerce input.button:hover, 
body.woocommerce #respond input#submit:hover, 
body.woocommerce #content input.button:hover, 
body.woocommerce-page a.button:hover, 
body.woocommerce-page button.button:hover, 
body.woocommerce-page input.button:hover, 
body.woocommerce-page #respond input#submit:hover, 
body.woocommerce-page #content input.button:hover,
body.woocommerce a.button.alt:hover, 
body.woocommerce button.button.alt:hover, 
body.woocommerce input.button.alt:hover, 
body.woocommerce #respond input#submit.alt:hover, 
body.woocommerce #content input.button.alt:hover, 
body.woocommerce-page a.button.alt:hover, 
body.woocommerce-page button.button.alt:hover, 
body.woocommerce-page input.button.alt:hover, 
body.woocommerce-page #respond input#submit.alt:hover, 
body.woocommerce-page #content input.button.alt:hover
 {background:#343434; color:#fff; }

.redbtn {background:#cd2122;}

/* css transitions - reducing transitions lines */
nav#main_menu li a,
.topnav li.drop .pPanel,
#totop,
.info_pop .buyit,
.playVideo span,
.theHoverBorder,
.hoverBorder h6,
.slidingDetails .details,
.slidingDetails,
.partners_carousel li a,
.hoverBorder:hover img,
.feature_box.style3 .box,
.services_box .icon,
.css3accordion>ul>li .thumb,
.gobox, .hover-box,
.circlehover span,
.process_box,
#sidebar ul.menu li a,
.timeline_box,
.timeline_box:hover .date,
.services_box.style2 .box,
.team_member,
.ptcarousel .controls > a,
.shop-features .shop-feature {
-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; -moz-backface-visibility:    hidden;}


/* Bootstrap code examples
-------------------------------------------------- */

/* Base class */
.bs-docs-example { position: relative; margin: 15px 0; padding: 39px 19px 14px; *padding-top: 19px; background-color: #fff; border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

/* Echo out a label for the example */
.bs-docs-example:after { content: "Example"; position: absolute; top: -1px; left: -1px; padding: 3px 7px; font-size: 12px; font-weight: bold; background-color: #f5f5f5; border: 1px solid #ddd; color: #9da0a4; -webkit-border-radius: 4px 0 4px 0; -moz-border-radius: 4px 0 4px 0; border-radius: 4px 0 4px 0; }

/* Remove spacing between an example and it's code */
.bs-docs-example + .prettyprint { margin-top: -20px; padding-top: 15px; }

/* Tweak examples
------------------------- */
.bs-docs-example > p:last-child {margin-bottom: 0;}

/* Special grid styles
-------------------------------------------------- */
.show-grid { margin-top: 10px; margin-bottom: 20px; }
.show-grid [class*="span"] { background-color: #eee; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-height: 40px; line-height: 40px; }
.show-grid:hover [class*="span"] { background: #ddd; }
.show-grid .show-grid { margin-top: 0; margin-bottom: 0; }
.show-grid .show-grid [class*="span"] { background-color: #ccc; }

/* MENU CHASER STYLES */
.chaser {background:#111; background:rgba(0,0,0,0.75); padding:0; position:fixed; left:0; right:0; top:0; width:100%; z-index: 99999;}
.chaser .row {margin-bottom:0;}
.chaser ul.sf-menu {float:none; display:block;}
.chaser ul.sf-menu > li {float:left;}
.chaser ul.sf-menu li a {color:#ddd; font-size:12px; line-height:1; padding:7px 25px 7px 15px;
-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;}
.chaser ul.sf-menu li a.sf-with-ul {}
.chaser ul.sf-menu li .sf-sub-indicator {top:7px; background-image:url(../images/arrows-ffffff.png);}
.chaser ul.sf-menu li.sfHover > a,
.chaser ul.sf-menu li:hover > a,
.chaser ul.sf-menu li a:hover {color:#fff; background:#000;}
.chaser ul.sf-menu li ul { background:#111; background:rgba(0,0,0,0.75); width:13em !important; }
.chaser ul.sf-menu li li:hover ul,
.chaser ul.sf-menu li li.sfHover ul {left:13.1em !important;}
.chaser ul.sf-menu li:hover ul,
.chaser ul.sf-menu li.sfHover ul {top: 26px;padding-bottom: 5px;}
.chaser ul.sf-menu li li:hover ul,
.chaser ul.sf-menu li li.sfHover ul {top:0;}

/* BOXED VERSION */

body.boxed #page_wrapper {width:1200px; border-left: 3px solid #fff; border-right: 3px solid #fff; margin:0 auto; background:#f5f5f5; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);}



/* TOOLTIP FADE */
.fade {opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; }
.fade.in { opacity: 1; }


@media (max-width: 767px) {
	.chaser {display:none !important;}
}


/*-----------------------------------------------------------------------------------*/
/*	*Blog Comments
/*-----------------------------------------------------------------------------------*/
.zn_comments { margin-top: 20px; }
.commentlist { margin-left: 0; list-style-type: none; }
.commentlist > li { margin-bottom: 15px; }
.commentlist > li > .children { margin-bottom: 0px; margin-top: 15px;}
.commentlist > li .photo , #reviews #comments ol.commentlist li img { display: block; width: 64px; height: 64px; float: left; margin-right: 15px; overflow: hidden; padding: 2px; border: 1px solid #ddd; line-height: 0; border-radius:2px }
.commentlist > li .comment-author { font-size: 13px; font-weight: bold;}
.commentlist > li .comment-author cite {}
.commentlist > li .comment-meta { font-size: 11px; font-style: normal;  margin-bottom: 5px; color:#999;}
.commentlist > li .comment-meta a { color:#999;}
.commentlist > li .comment-meta a.comment-edit-link { float: right; margin-right: 52px; position: relative; top: -20px; }
.commentlist > li p , #reviews #comments ol.commentlist li .meta{ padding-left: 85px; margin: 4px 0 10px; }
.commentlist > li .reply { position: absolute; right: 0; top: 0; }
.commentlist > li a.comment-reply-link {position: absolute; top: -1px; right: -1px; padding: 3px 7px; font-size: 10px; font-weight: bold; background-color: whiteSmoke; border: 1px solid #DDD; color: #9DA0A4; -webkit-border-radius:0 4px 0 4px;
-moz-border-radius:0 4px 0 4px; border-radius: 0 4px 0 4px; text-transform: uppercase;}
.commentlist > li a.comment-reply-link:hover {color:#222;}
.commentlist > li .reply a.comment-reply-link {font-size: 11px; padding: 3px 6px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.commentlist > li .reply a:hover.comment-reply-link { text-decoration: none; }
.commentlist li {}
.commentlist li .comment-body { margin-bottom: 15px; position: relative; padding-bottom: 15px; border-bottom-width: 1px; border-bottom-style: solid; }
.commentlist li.comment > div[id*="comment-"] {position: relative; margin: 0; padding: 10px; background-color: white; border: 1px solid #DDD; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}

.commentlist .children { margin-bottom: 0px; margin-left: 0; padding-left: 50px; border-left: 1px solid #fff;}
.commentlist .children li { margin-bottom: 0; list-style: none;}
h3#comments { font-size: 22px; line-height: 28px; margin-bottom: 20px; }
h3#comments span { font-style: italic; }
.commentlist .zn-separator { *zoom: 1; }
.commentlist .zn-separator:before,
.commentlist .zn-separator:after {display: table; content: "";line-height: 0;}
.commentlist .zn-separator:after {clear: both;}

/* #Respond
================================================== */
#respond { padding: 15px 0; position:relative; margin-top:15px; }
.zn_comments .commentlist #respond { padding: 15px 20px 0; position:relative; background-color: #F8F8F8; border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-top:15px; }
.commentlist #respond:after {content:''; position:absolute; left:35px; top:-16px; border:8px solid transparent; border-bottom-color:#F8F8F8;}
.commentlist #respond:before {content:''; position:absolute; left:34px; top:-18px; border:9px solid transparent; border-bottom-color:#ccc;}
#respond .row {margin-bottom:10px;}
#respond .zn_com_title {margin-top:0;}
#respond .cancel-comment-reply a {position: absolute; top: -1px; right: -1px; padding: 3px 7px; font-size: 10px; font-weight: bold; background-color: #fff; border: 1px solid #ccc; -webkit-border-radius:0 4px 0 4px;
-moz-border-radius:0 4px 0 4px; border-radius: 0 4px 0 4px; text-transform: uppercase;}
#respond .cancel-comment-reply a {color: #9DA0A4;}
#respond .cancel-comment-reply a:hover {color:#222;}
#respond p { margin-bottom: 5px; padding-left: 0 !important; }
#respond .comment-notes .required { position: static; }
#respond input[type="text"] { margin-bottom: 0; }
#respond .form-allowed-tags {}
#respond .form-allowed-tags code { margin-top: 10px; }

/* recent comments */
#recentcomments li {padding-left: 10px; position: relative;	margin-bottom:4px; }
#recentcomments li:before {content:'\201C'; width:3px; height:0; position:absolute; top:0; left:0px; color:#ddd;}

.wp-caption{}
.wp-caption-text{}
.sticky{}
.gallery-caption{}
.bypostauthor{}


#footer .menu li a {
	padding-right:10px;
}

.zn_content_no_margin {
	margin-bottom:0px;
}

.offline-page ul.social-icons {
	margin-top:-5px;
	float:left;
}

.process_box .number {
	float:left;
}

.process_box .content {
	float:left;
}

.till_lauch {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2);
    border-radius: 2px 2px 2px 2px;
    display: inline-block;
    margin: 0 0 0 20px;
    text-align: center;
    vertical-align: top;
    width: 80px;
    height: 80px;
}

.zn_stats_box .mb_title span {
	margin-right: 3px;
    margin-top: 7px;
}

#skills_diagram .legend {
	right:0px;
}

.tabs_style1 .tab-content {
	width:auto;
}

.testimonial_box {
	width:100%;
	padding-left:0px;
}

.span9.zn_float_right , .zn_float_right {
	float:right;
}

.eBlog .itemSocialSharing {
	margin-top:10px;
}

/* WordPress Styles */

.aligncenter {
	display:block;
	margin:0 auto;
}
.alignright {
	float:right;
	margin:0 0 10px 20px;
}
.alignleft {
	float:left;
	margin:0 20px 10px 0;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.textcenter {
	text-align:center;
}
.textright {
	text-align:right;
}
.textleft {
	text-align:left;
}

.itemBody img {
-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px;
-webkit-box-shadow:0 0 0 3px rgba(255,255,255,0.15) inset; -moz-box-shadow:0 0 0 3px rgba(255,255,255,0.15) inset; box-shadow:0 0 0 3px rgba(255,255,255,0.15) inset;
}

.itemBody img:hover {
-webkit-box-shadow:0 0 0 5px #cd2122 inset; -moz-box-shadow:0 0 0 5px #cd2122 inset; box-shadow:0 0 0 5px #cd2122 inset;
-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;
}

.itemBody img:hover::after {
		content: "<span class='theHoverBorder'></span>";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		box-shadow: inset 0 0 8px rgba(0,0,0,.6);
		-moz-box-shadow: inset 0 0 8px rgba(0,0,0,.6);
		-webkit-box-shadow: inset 0 0 8px rgba(0,0,0,.6);
	   } 

.wp-caption {

}
.wp-caption img {

}
.wp-caption p.wp-caption-text {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.wp-smiley {
	margin:0 !important;
	max-height:1em;
}
blockquote.left {
	float:left;
	margin-left:0;
	margin-right:20px;
	text-align:right;
	width:33%;
}
blockquote.right {
	float:right;
	margin-left:20px;
	margin-right:0;
	text-align:left;
	width:33%;
}
.widget {
	margin-bottom:30px;
}
.widget_links {
}
.widget_links ul {
}
.widget_links ul li {
}
.widget_links ul li a {
}
.widget_meta {
}
.widget_meta ul {
}
.widget_meta ul li {
}
.widget_meta ul li a {
}
.widget_pages {
}
.widget_pages ul {
}
.widget_pages ul li {
}
.widget_pages ul li a {
}

/* RECENT POSTS */
.widget_zn_recent_entries {
}

.widget_zn_recent_entries .zn_recent_posts.style1 .blog_type{
	width:40px;
	height:40px;
	background:#666;
	line-height:40px;
	text-align:center;
	float:left;
	margin:0 10px 10px 0;
}
.widget_zn_recent_entries .zn_recent_posts.style1 .zn_rc_info {
	float:left;
	padding-top:2px;
	width:122px;
}
.widget_zn_recent_entries .zn_recent_posts.style1 .zn_rc_info a{
	display:block;
}
.widget_zn_recent_entries .zn_recent_posts.style1 .zn_rc_info span{
	font-size:90%;
}

.widget_zn_recent_entries .post_thumb_container {
	float:left;
	margin-right:10px;
}
.widget_zn_recent_entries .post_thumb_container img {
	width:auto;
}

/* ARCHIVE */
.widget_archive {
}
.widget_archive ul {
}
.widget_archive ul li {
}
.widget_archive ul li a {
}
.widget_archive select {
}
.widget_archive option {
}
.widget_links {
}
.widget_links li:after {
}
.widget_links li:before {
}
.widget_tag_cloud {
}
.widget_tag_cloud a {
}
.widget_tag_cloud a:after {
}
.widget_tag_cloud a:before {
}
.widget_calendar {
	float:left;
}
#wp-calendar {
	width:100%;
}
#wp-calendar caption {
	color:#333;
	font-size:12px;
	margin-bottom:15px;
	margin-top:10px;
	text-align:center;
}
#wp-calendar thead {
	font-size:10px;
}
#wp-calendar thead th {
	padding-bottom:10px;
}
#wp-calendar tbody {
	color:#aaa;
}
#wp-calendar tbody td {
	background:#f5f5f5;
	border:1px solid #fff;
	padding:8px;
	text-align:center;
}
#wp-calendar tbody td:hover {
	background:#fff;
}
#wp-calendar tbody .pad {
	background:none;
}
#wp-calendar tfoot #next {
	font-size:10px;
	text-align:right;
	text-transform:uppercase;
}
#wp-calendar tfoot #prev {
	font-size:10px;
	padding-top:10px;
	text-transform:uppercase;
}
.widget_categories {
}
.widget_categories ul {
}
.widget_categories ul li {

}
.widget_categories ul li:before {

}
.widget_categories ul ul.children {
}
.widget_categories a {

}
.widget_categories select {
}
.widget_categories select#cat {
}
.widget_categories select.postform {
}
.widget_categories option {
}
.widget_categories .level-0 {
}
.widget_categories .level-1 {
}
.widget_categories .level-2 {
}
.widget_categories .level-3 {
}

#sidebar .widget_meta ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#sidebar .widget_meta ul li {
    margin-bottom: 0;
}
#sidebar .widget_meta ul li a {
    border-radius: 2px 2px 2px 2px;
    color: #595959;
    display: block;
    padding: 4px 0 4px 20px;
    position: relative;
}
#sidebar .widget_meta ul li a:after {
    color: #DDDDDD;
    content: "›";
    font-family: Arial;
    font-size: 16px;
    height: 4px;
    left: 7px;
    line-height: 1;
    position: absolute;
    top: 6px;
    width: 4px;
}
#sidebar .widget_meta ul li.active a:after, #sidebar .widget_meta ul li.current-cat a:after, #sidebar .widget_meta ul li a:hover:after {
    color: white;
    left: 8px;
}
#sidebar .widget_meta ul li.active a, #sidebar .widget_meta ul li.current-cat a, #sidebar .widget_meta ul li a:hover {
    background: none repeat scroll 0 0 #CD2122;
    color: white;
}

#recentcomments {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

#recentcomments li {
	margin-bottom:0px;
}

#recentcomments li a {
}
.widget_recent_comments {
}
.widgettitle {
}

/* RECENT POSTS */
.latest_posts.style3 ul.posts .title {
    line-height: 20px;
    margin: 0 0 5px;
    padding: 0;
    text-shadow: 1px 1px 0 white;
    vertical-align: middle;
}

.latest_posts.style3 ul.posts .title a{
	color: #CD2122;
    font-size: 13px;
    font-weight: 700;
}

.latest_posts.style3 ul.posts .title:before , .latest_posts.style3 ul.posts .title:after {
	border:none;
}


/* SEARCH FORM */

#searchform {
    border-bottom: 1px solid #CCCCCC;
    margin: 20px 0;
}
#searchform #s  {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    box-shadow: none;
    color: #999999;
    display: inline-block;
    font-size: 12px;
    font-style: italic;
    margin: 0;
    padding: 5px 0;
	width:216px;
	text-transform: uppercase;
}
#searchform #searchsubmit{
    background-color: transparent;
    border: medium none;
    display: inline-block;
    padding: 0;
    text-indent: -9999px;
    width: 20px;
	height: 14px;
	margin-top: 1px;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("../images/glyphicons-halflings.png");
	background-position: -48px 0;
	background-repeat: no-repeat;
}



.screen-reader-text {
	display:none;
}


/* MISC */
a:focus {
    outline: none;
}


#slideshow .bgback {
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
}

.laptop-slider-wrapper h3 , .portfolio-slider-frames h3{
	position:relative;
}


.zn_slideshow {
    position: relative;
    z-index: 100;
}

#sparkles {
	display:none;
}

#slideshow .selectorsBlock.bullets , #slideshow .selectorsBlock.thumbs , .flex-control-nav , .nivo-controlNav {
	z-index:100;
}

#slideshow.slider_fixed {position:fixed; padding: 0; height: auto;}
.zn_fixed_slider_fill {
	width:100%;
}

#content {
	position:relative;
}
#footer {
	position:relative;
}

.ca-wrapper {
	overflow:hidden;
}

.ca-icon img {
	height:200px;
	width:auto;
}

/* EVENT COUNTDOWN */
.mail_when_ready {
	float:left;
	margin:0;
}

.mail_when_ready form {
	margin:0;
}

#header .zn_mailchimp_result {
	max-width:307px;
	float:left;
}

.video-container embed , .video-container video , .video-container iframe {
	/*height:auto;*/
	width:100% !important;
}

/* IMAGE BOXES */
.image-boxes img {
	width:100%;
	height:auto;
}

.image-boxes.box {
	margin-bottom:20px;
}

.image-boxes.zn_ib_style2.box {
	margin-bottom:0;
}

.image-boxes.zn_ib_style2 .hoverBorder {
	margin-bottom:0px;
}

/* PORTFOLIO */
.zn_other_images  >div{
	margin-top:15px;
	margin-bottom:15px;
}
.zn_other_images  {
	margin-top:20px;
}

.hg-portfolio-item.row {
	margin-bottom:0px;
}

/* RECENT POSTS CAROUSEL */
.recentwork_carousel li a {
	line-height:0;
}


/* WOOCOMERCE */
.product_list_widget li small:after {
    border-top: 1px solid #999999;
    content: "";
    height: 0;
    left: -2px;
    opacity: 0.9;
    position: absolute;
    top: 9px;
    transform: rotate(-25deg);
    width: 34px;
}
.product_list_widget li small {
    color: #777777;
    font-size: 10px;
    line-height: 1;
    position: relative;
	margin-left:3px;
}
.product_list_widget li span {
	font-weight:bold;
}

.product-page .main-data .name {
	font-weight:normal;
}
div.product p.stock, #content div.product p.stock {
	font-size:11px;
	color:#535353;
}


/* BADGES */
.zn_badge_container {
    position: absolute;
    top: 20px;
	left: 20px;
}
span.zonsale , span.znew{
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    padding: 4px 6px;
	position:relative;
	display:block;
	margin-bottom:11px;
}
span.zonsale {
    background: none repeat scroll 0 0 #C51212;

}
span.zonsale:before , span.znew:before {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
	border-image: none;
    border-right: 3px solid transparent;
    border-style: solid;
    border-width: 3px;
    left: 8px;
    position: absolute;
    top: 19px;
	content:"";
}

span.zonsale:before {

    border-color: #C51212 transparent transparent;
    z-index: 1;
}

span.znew {
    background: none repeat scroll 0 0 #12A1C5;
}
span.znew:before {
    border-color: #12A1C5 transparent transparent;
    z-index: 1;
}

/* ORDERING FORM */
.zn_woo_cat_page {
	position:relative;
}
.woocommerce_ordering {
	float:right;
	margin-bottom:20px;
	position:absolute;
	top:0px;
	right:0px;
}

/* register form */
form .form-row input.input-text, form .form-row textarea {
	height:auto;
	min-height:30px;
}

div.product span.price, div.product p.price, #content div.product span.price, #content div.product p.price {
	color:#535353;
}

#payment ul.payment_methods li label {
	display:inline-block;
}

/* ERRORS */
.woocommerce_message, .woocommerce_error, .woocommerce_info {
	background:#fff;
}
/* TABS */
div.product .woocommerce_tabs ul.tabs:before, #content div.product .woocommerce_tabs ul.tabs:before {
	
}


/* ADD TO CART */
.product-list-item .details .actions a {
	position:relative;
}

.product-list-item .details .actions a.loading:before {
    background: url("../images/ajax-loader.gif") no-repeat scroll center center rgba(255, 255, 255, 0.65);
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;	
}


/* LOGIN MODAL */
div.links {
	margin-top:20px;
    color: #4A4A4A;
    font-size: 10px;
    font-weight: bold;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
}

.zn_remember  {
	margin:0 5px;
	display:inline-block;
}

.zn_remember input {
	margin:0;
}

#register_form {
	width:240px;
}
 

.login-panel input.zn_blocked , .register-panel input.zn_blocked ,.forgot-panel input.zn_blocked   {
	opacity:0.5;
}


/* REVOLUTION SLIDER */
.tp-caption.more_details a{color:#fff;}
.tp-caption.project_subtitle{font-size: 18px; font-weight: 700; text-shadow: 1px 1px 0 white; color: #888;}

.portfolio_devices .tp-leftarrow, 
.portfolio_devices .tp-rightarrow {	background-image:url(../images/k-nav.png); background-repeat: no-repeat; background-position: center top; width:50px; height:50px; margin-right:0px; float:left; margin-top:-25px;} 
.portfolio_devices .tp-rightarrow {background-position: center bottom;}

.portfolio_devices .tp-bullets.simplebullets {bottom:0 !important;}
.portfolio_devices .tp-bullets.simplebullets .bullet {	cursor:pointer; position:relative;	background: #aaa;	width: 8px;	height: 8px; margin-right: 8px; float:left; margin-top: 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.portfolio_devices .tp-bullets.simplebullets .bullet.selected {background:#665;}

#slideshow1{border-bottom:1px solid #ccc}

.portfolio_devices .bottom_bar {width:1200px; height:100px; background:#f5f5f5;}

/* RESOLVE IFRAME ISSUE */
.hg-portfolio-sortable .inner-item iframe {display:block;}

/* IMAGE GALLERY */
.zn_image_gallery .span2 ,
.row-fluid.zn_image_gallery
{

	margin-bottom:30px;

}

.cart_totals table {
	float:right;
}

.popupaddcart {z-index:1000;width:250px; height:40px; line-height:40px; text-align:center; background:#cecece; border:3px solid #999; box-shadow:0 0 20px rgba(0,0,0,0.4); color:#333; position:fixed; left:50%; top:50%; margin:-20px 0 0 -125px;}

/* UPDATES --------------------------------------*/

/* 1.0.1 */
.iosSlider .slider .item {
	height:100%;
}

#header .social-icons {
	margin-left:10px;
	margin-bottom:0px;
}

#header .social-icons li{
	margin-left:10px;
	margin-right:0px;
}


.feature_box .box .title + p {min-height:60px}

.css3accordion {width:940px;}
.css3accordion>ul>li {width: 235px; }
.css3accordion>ul>li>.inner-acc { width:470px; }
.css3accordion>ul>li .thumb { max-width: 236px; }
.css3accordion>ul>li.last,
.css3accordion>ul>li:hover {width:470px;}
.css3accordion .content > .m_title {font-size: 12px; line-height: 1.3; margin:8px 0;}
.css3accordion .text {font-size:11px; line-height:1.4; }

.process_steps .step {min-height: 250px;}
.process_steps .step > h3 {font-size:20px}

.screenshot-box .left-side { width: 250px; }
.screenshot-box .left-side h3.title { font-size: 16px; }
.screenshot-box .left-side ul.features li h4 + span { font-size: 11px; }

.newsletter-signup input[type="text"] {width: 190px;}

/* line 1649 commented */

.hg-portfolio-sortable ul#thumbs li {width:220px; margin:10px 0px 20px 20px;}
.hg-portfolio-sortable ul#thumbs {left:10px;}

.limited-offers-carousel {  }

.services_box.style2 .box {height:360px;}

body .iosSlider .item .caption {width: 960px; margin-left: -480px;}
#footer .contact-details {background: url(../images/say_hi_smaller.png) no-repeat right top;}

body.boxed #page_wrapper {width:1000px}

/* RESPONSIVE IFRAMES */
iframe {
  max-width: 100%;
}


/* UODATE 1.1.2 */
.zn_menu_trigger {
	display:none;


}
.zn_menu_trigger a , .zn_menu_trigger a:hover {
	position:relative;
	padding-left: 1.2em;
	color:#fff;
	font-size:14px;
	font-weight:700;
}
.zn_menu_trigger a:before {
	content: '';
	position: absolute;
	top: 37%;
	left: 0px;
	width: .75em;
	height: .125em;
	border-top: .3em double #fff;
	border-bottom: .125em solid #fff;
}

/* UODATE 1.3 */

/* WOOCOMMERCE 2.0 */
.show_review_form.btn-flat ,
body.woocommerce a.button:hover, 
body.woocommerce button.button:hover, 
body.woocommerce input.button:hover, 
body.woocommerce #respond input#submit:hover, 
body.woocommerce #content input.button:hover, 
body.woocommerce-page a.button:hover, 
body.woocommerce-page button.button:hover, 
body.woocommerce-page input.button:hover, 
body.woocommerce-page #respond input#submit:hover, 
body.woocommerce-page #content input.button:hover,
body.woocommerce a.button, 
body.woocommerce button.button, 
body.woocommerce input.button, 
body.woocommerce #respond input#submit, 
body.woocommerce #content input.button, 
body.woocommerce-page a.button, 
body.woocommerce-page button.button, 
body.woocommerce-page input.button, 
body.woocommerce-page #respond input#submit, 
body.woocommerce-page #content input.button,
body.woocommerce a.button.alt, 
body.woocommerce button.button.alt, 
body.woocommerce input.button.alt, 
body.woocommerce #respond input#submit.alt, 
body.woocommerce #content input.button.alt, 
body.woocommerce-page a.button.alt, 
body.woocommerce-page button.button.alt, 
body.woocommerce-page input.button.alt, 
body.woocommerce-page #respond input#submit.alt, 
body.woocommerce-page #content input.button.alt
{
	font-size: 14px;
}

.single_variation {
	margin-bottom:20px;
}
.variations_button {
	overflow:hidden;
}

.woocommerce div.product form.cart .variations td.label, .woocommerce #content div.product form.cart .variations td.label, .woocommerce-page div.product form.cart .variations td.label, .woocommerce-page #content div.product form.cart .variations td.label
{
	margin-right: 10px;
	padding-left: 0px;
}

.woocommerce div.product form.cart .variations label, .woocommerce #content div.product form.cart .variations label, .woocommerce-page div.product form.cart .variations label, .woocommerce-page #content div.product form.cart .variations label
{
	margin-bottom: 5px;
	margin-top: 5px;
	padding-left: 10px;
}

.woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty {
	margin-bottom:0px;
}

body.woocommerce div.product span.price, body.woocommerce div.product p.price, body.woocommerce #content div.product span.price, body.woocommerce #content div.product p.price, body.woocommerce-page div.product span.price, body.woocommerce-page div.product p.price, body.woocommerce-page #content div.product span.price, body.woocommerce-page #content div.product p.price {
color: #535353;
}

.woocommerce div.product form.cart  .single_add_to_cart_button {
margin-top: 2px;
margin-left: 10px;
}

.woocommerce_message, .woocommerce_error, .woocommerce_info {
	margin-bottom:20px;
}

.zn_loop_row {
	clear:both;
	height:1px;
	margin-bottom:34px;
}

.woocommerce_message .button {margin-right:10px !important;}

body.res1170  input[class*="span"], body.res1170  select[class*="span"], body.res1170  textarea[class*="span"], body.res1170  .uneditable-input[class*="span"], body.res1170  .row-fluid input[class*="span"], body.res1170  .row-fluid select[class*="span"], body.res1170  .row-fluid textarea[class*="span"], body.res1170  .row-fluid .uneditable-input[class*="span"] {
	float: none;
	margin-left: 0;
}

/* FIX 1.4 */
.row-fluid.no-space [class*="span"] {
	margin-left:0;
}

body.woocommerce div.product div.images img, body.woocommerce #content div.product div.images img, body.woocommerce-page div.product div.images img, body.woocommerce-page #content div.product div.images img {
	box-shadow:none;
	display:inline-block;
	width:auto;
}

body.woocommerce div.product div.images, body.woocommerce #content div.product div.images, body.woocommerce-page div.product div.images, body.woocommerce-page #content div.product div.images {
	width:auto;
	margin:0;
	float:none;
}

/* UPDATE 1.5 */
body.woocommerce div.product div.images div.thumbnails a.first, body.woocommerce #content div.product div.images div.thumbnails a.first, body.woocommerce-page div.product div.images div.thumbnails a.first, body.woocommerce-page #content div.product div.images div.thumbnails a.first,
body.woocommerce div.product div.images div.thumbnails a, body.woocommerce #content div.product div.images div.thumbnails a, body.woocommerce-page div.product div.images div.thumbnails a, body.woocommerce-page #content div.product div.images div.thumbnails a
 {
	clear:none;
	width:auto;
	margin-right:10px;
}

body.woocommerce div.product div.images div.thumbnails, body.woocommerce #content div.product div.images div.thumbnails, body.woocommerce-page div.product div.images div.thumbnails, body.woocommerce-page #content div.product div.images div.thumbnails 
{padding:0;margin:0 10px;}

body.woocommerce div.product div.images div.thumbnails a{margin: 0 0 10px 0;}

/* Coming soon page */
.offline-page .containerbox #logo { width: 200px;}
.offline-page .containerbox #logo a { padding-left:0;}

/* UPDATE 1.6 */
header#header.no_subheader {
	position:relative;	
	z-index: 100;
}

body.woocommerce #reviews #comments ol.commentlist li img.avatar, body.woocommerce-page #reviews #comments ol.commentlist li img.avatar {
	width:70px;
	position:relative;
	margin-right:15px;	
}

.itemContainer.zn_columns .hoverBorder , .itemContainer.zn_columns .hoverBorder img {width:100%;height: auto;}

.itemContainer.zn_columns.zn_columns4 h3.itemTitle ,.itemContainer.zn_columns.zn_columns3 h3.itemTitle  {line-height: 1.5; font-size: 16px;}
.itemContainer.zn_columns.zn_columns4 .readMore , .itemContainer.zn_columns.zn_columns3 .readMore {font-size: 13px;}

.row.noMargin {margin-bottom:0; }

/* DOCUMENTATION PAGES */
#page_header.zn_documentation_page .container { padding-top: 170px; }
.zn_documentation_page .zn_doc_search { position: relative; }
.zn_documentation_page .zn_doc_search form {margin:0;}
.zn_documentation_page .zn_doc_search input[type="text"] {width: 100%; height:50px; margin:0;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
padding: 0 20px;
font-size: 20px;
line-height: 23px;
}

.zn_documentation_page .zn_doc_search input[type="submit"]{position: absolute;
	right: 0;
	top: 0;
	height: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	color:#fff; background:#cd2122; border:0; font-weight:700; font-size:13px; padding:0 40px;
}
.zn_documentation_page .zn_doc_search input[type="submit"]:hover { background: #000;}

.zn_doc_breadcrumb {font-size: 10px;
font-weight: bold;
text-transform: uppercase;
padding: 8px 10px;
color: #888;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
float:left;
margin: 5px 0 20px;
background: #eee;}


.zn_doc_breadcrumb span {  }
.zn_doc_breadcrumb span:after { 	
	content: "";
	display: inline-block;
	width: 0; 
	margin:0 7px 0 7px;
	height: 0; 
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid green; }

.zn_doc_breadcrumb span:last-child:after {
	display: none;
}


/* WOOCOOMERCE PRODUCT SUBCATEGORY */
.zn_product_subcategory {text-align: center;}

/* SIDEBAR ELEMENT BG */
#sidebar.sidebar.no_bg { background: transparent;} 

/* UPDATE 1.8 */
.zn_image_box_cont {display: inline-block;}
.product-list-item .image a , .zn_product_subcategory .product-list-item  a{position: relative;}
a.zn_step_link {position: absolute;left: 0;top: 0;width: 100%;height: 100%;}

/* UPDATE 1.9 */
.fb-like iframe {max-width:none;}

/* UPDATE 2.2 */
.hoverBorderWrapper img {width:100%;}
.pp_gallery div ul li a img {width:50px;}

.res960 #screenshot {width:540px;}