/*
Theme Name: Eniola 1.0
Theme URI: http://ninetheme.com/ 
Author: ninetheme 
Author URI: http://ninetheme.com/ 
Description: Eniola - Responsive Multipurpose E-commerce Portfolio Template
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/


.wf-active {font-family: 'Cuprum',serif; font-size: 16px;}
.wf-active .logo.text {font-family: 'Cuprum', serif; font-size: 30px; text-align:center; font-style: italic;}
.wf-active .logo.text.transform {transform: rotate(-10deg); -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); padding-top: 45px;}
.wf-active .logo.text.transform  a:hover{text-decoration: underline;}

/* Font Colors */

body {color:#333;min-width:1200px;}
a {text-decoration: none; color: #303030; }  
a:hover {text-decoration: underline; color: #c31919; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none !important;}

.horizontal-nav a {color:#fff;}
button.theme, .share a, .share a:hover, .horizontal-nav li a:hover, .btn.theme, .btn-theme, .product_list_widget .amount {color:white}
footer {color: #AFAFAF;}
footer a {color: #E0E0E0}
footer a:hover, footer a.active, aside a, em.on, .theme, .page h5, a.theme , .product .sidebar h5, #comments strong {color: #AFAFAF}

/* Background colors */
.slides { background: #fff ; width:1550px;}
body { background: url(../img/background/best/triangles.png) repeat;} 
body { background: #fff;} 
/*body { background-size: 3%;} */
.horizontal-nav ul, h6.subhead strong {background: #C31919}
.container {background: none !important;}
.homepagecontainer{background:#fff; margin-bottom: -30px;}
.header-container {background: #FFF; height: 100%; width: 100%;}
.container-menu {width: 100%;background: #C31919;border-top: 1px solid #f5f5f5;height: 50px;border-bottom: 1px solid #f5f5f5;}
.feat .nav-pills > .active > a, .feat .nav-pills > .active > a:hover, .product .nav-pills > .active > a, .product .nav-pills > .active > a:hover, button.theme, .share a, .flex-control-paging li a.flex-active, .btn.theme, .btn-theme {background:#696969}.sidebar .tagcloud a{background: #f2f2f2}

/* Border colors */

.promo img {}.promo img:hover {}
.blog article, .archive article, .search article, .line, hr, .product .sidebar li {}
.blog .span8 {padding-right:10px;}
.product .tab-content.sideline {border-left: 3px double #DDD} .gmap  {border-bottom: 3px double #ddd}
.hometextarea{border-top: 3px double #ddd;}

/* Font family */

.horizontal-nav ul li a, section.single .cross-wrapper header, footer .foot strong {text-transform: uppercase}
#tweet .tweet_time a, .share a {font-size: .85em}
strong, section.single .cross-wrapper header {font-weight: 700}
button.theme {text-shadow: none}

/* Core style */

body.page, body.single {padding-bottom: 0}
a, a:hover {text-decoration: none;}
.btn {border-radius: 0}
input, textarea {font-size: 1em !important}
form label, form .btn {font-size: 1em} form legend {font-size:1.2em}
form.woocommerce_ordering select {font-size: .9em;}
.js .selectnav {display: none}
.wrap {padding:0 20px}
.tright {text-align: right} .tleft {text-align: left} .tcenter {text-align: center}
h6.subhead {margin-bottom: -10px;}
h6.subhead strong {padding: 0 10px; cursor: pointer}
hr {border-bottom: none}
/* .page .tab-pane.active, .post .tab-pane.active {padding: 10px} */
.gmap { width: 100%;  min-height: 350px; background: #ccc; text-align: center; }
.gmapfull {min-height: 700px !important; margin-bottom: -30px; width: 100%;   background: #ccc; text-align: center; }
.floatnone {float: none !important; margin-left: 0 !important}
.contact-container .contactfull  .absolutecontact {padding: 20px 0; background: #FFF; position: absolute; top: 320px; border: 1px solid #DDD;}
.absolutecontact a.clicker{padding: 5px; background: #333;  border: 1px solid #DDD; float:right; cursor:pointer; margin-top:-20px; color: #fff;}
.gmap img { vertical-align: top; max-width: 100%; }
.btn.theme {text-shadow:none}
img.alignleft {padding-right: 10px}
img.alignright {padding-left: 10px}
img.halfsize {width: 50%}
ins {text-decoration: none}
.nav-tabs > li {margin-bottom: 0px}
form.woocommerce_ordering {margin:20px 0}
.navigation {padding:10px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC}
::-webkit-scrollbar { height:12px; width: 15px; }
::-webkit-scrollbar-thumb { background-color: #A5A5A5; //warna scroll  }

#shipping_method li, #tweet li {list-style: none}
.demo_store {text-align: center; background: #E2E2E2; color: #747474; padding: 10px 0; margin:0}
.demobox {background: #ccc; text-align: center; margin-bottom: 10px}
.demobox1{text-align: center; margin-bottom: 35px; padding: 10px; min-height: 65px !important; font-size: 40px; background: #ED4E6E; color: #FFF;}
.demoicon ul li {list-style: none}
#review_form_wrapper {display: none}
input {border:1px solid #ccc; box-shadow: none}
.inputum {border: 3px double #ddd !important; width: 100%;}
.inputum  input:focus{box-shadow : none !important ; -moz-box-shadow:inset 0 1px 1px rgba(1, 1, 1, 0.075);box-shadow: inset 1px 1px 1px rgba(1, 21, 1, 0.075);}
embed {max-width:100%;}
#shipping_method input, #shipping_method label, #payment .payment_methods input, #payment .payment_methods label {float: left}
#shipping_method label, #payment .payment_methods label {padding-left: 10px;}

/* Structure */

.topbg{ position: absolute; border-top: 42px solid rgba(48, 48, 48, 0.7);  min-height: 168px; background: #FFF; border-bottom: 50px solid rgba(195, 25, 25, 0.7); width: 100%; z-index: -1;}
.footbg{min-height: 50px; width: 100%; position: absolute; border-top: 325px solid rgba(195, 25, 25, 0.7); background: #FFF; border-bottom: 350px solid rgba(48, 48, 48, 0.7); margin-top: -725px; z-index: -1;}
.wrapper {margin: 0 auto; -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6); background: #FFF}
.noboxed{width: 100%;margin: 0 auto;border-left: none; border-right: none; background: #FFF}
.streched {width: 100%; margin: 0 auto; border-left: none !important;border-right: none !important; background: #FFF}
.head.container {z-index: 9266; min-height: 167px;}
.welcome.container {background: #111; color:#999; font-size: 1.0em}
.welcome a {color:#fff}
.welcome .greet, .welcome .hscart {width: 46%; padding: 1% 0; text-transform: uppercase; text-transform: none; position: relative}
.counter {text-transform: uppercase;min-width: 210px;width: 120px;padding: 10px;color: #fff;float: right;}
.welcome .cartbubble {position: absolute; min-width: 231px; width: 159px;  top:40px; text-align: left; z-index: 30; -webkit-backface-visibility: hidden; display: none}
.welcome .cartbubble hr {margin:10px 0; border-top:1px solid #999; border-bottom: 1px solid black}
.welcome .cartbubble a {color: #fff;}
.standard header {text-align: center; padding:20px 0}
.call-to-action {margin-top: 20px}
.top {padding-top: 20px; padding-bottom: 20px}
.top .logo a {line-height:1em; } 
.top .logo.image img {max-width:232px; max-height:100px; margin-bottom: 20px;}
.top .searchcart {text-align: right;}
.top .cart form {position: relative; margin-top:10px}
.top .cart form button {position: absolute; top:8px; right: -4px; border:none; background: none}
.top .top-search { margin-bottom:0; margin-top:5px; border-radius:0; width: 146px; float: right; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; }
.top .top-search:focus {width: 150px; padding-right: 18px}
.top address a {color:#303030;}
/* Portfolio Page Header */
ul.portfolio-header {margin:  0;}
ul.portfolio-header li{margin:  0 15px 0 0; float:left;  list-style: none; color:#AFAFAF; }
ul.portfolio-header li a{ color:#AFAFAF; }
ul.portfolio-header li a:hover{ color:#fff; }

/* Menu */
.selectnav { display: block; width:90%; margin:0 auto 10px}
.nav {margin-bottom:0}
.nav-pills > li > a {border-radius: 0}
.horizontal-nav ul { text-align: center; display: none }
.horizontal-nav ul li {line-height: 30px; float:left; list-style: none;  border-left: 1px solid #ddd; position: relative !important}
/*.horizontal-nav ul li:last-child ul  {max-width: 110px !important;}*/
.horizontal-nav ul li:last-child { border-right: 1px solid #ddd; }
.horizontal-nav ul ul li:last-child { border-right: none !important; }
.horizontal-nav ul li a { display: block;  padding: 10px 0}
.horizontal-nav ul ul{min-width: 65px; display: none; position: absolute; top: 51px; left:0; z-index: 9999; width: 100%; }
.horizontal-nav ul ul.columns3{background-color: #FFF; border: 1px solid #E0E0E0; border-top: none; left: -26px !important; padding: 10px;padding:10px 15px 15px 15px; text-align: left; min-width: 470px; display: none; position: absolute; top: 51px; left:0; z-index: 9999; width: 100%; } .horizontal-nav ul ul.columns3 h4{font-size: 13px; color: #888; font-weight: normal; margin: 0px 10px 5px; padding-bottom: 5px; border-bottom: 1px solid #E0E0E0; letter-spacing: 0; }
.horizontal-nav ul ul.columns3 ol{margin: 0; }
.horizontal-nav ul ul.columns3 ol li a{color: #777; font-size: 13px; padding: 3px 0; line-height: 20px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.horizontal-nav ul ul.columns3 ol li a:hover{color: #792D1F; padding-left:5px;}
.horizontal-nav ul ul.columns3 h4{font-size: 14px; color: #888; font-weight: normal; margin: 0px 10px 5px; padding-bottom: 10px; border-bottom: 1px solid #E0E0E0; letter-spacing: 0; }
.horizontal-nav ul ul li.col1 {float: left; width:145px; border: none !important;  margin: 0 0 0 10px ;}
.horizontal-nav ul ul li.col1 a{text-transform:none; font-size: 12px; padding:4px 4px 0 0; border: none;}
.horizontal-nav li li a {font-size: 1em}
.horizontal-nav ul ul li {width: 100%; border:none; font-size: .85em; z-index: 9266}
.horizontal-nav ul ul li  a {padding: 5px;border-left: 1px solid #DDD;border-right: 1px solid #DDD;}
.horizontal-nav ul ul li  a:last-child  {border-left: 1px solid #DDD;border-right: 1px solid #DDD;border-bottom: 1px solid #DDD; }
.horizontal-nav ul ul li.col1  a:last-child  {border:none;}
.horizontal-nav ul li ul li:first-child a { }
.horizontal-nav li a:hover { -webkit-transition: background-color 100ms linear; -moz-transition: background-color 100ms linear; -o-transition: background-color 100ms linear; -ms-transition: background-color 100ms linear; transition: background-color 100ms linear; }
/* Banner etc.. */
.home-panel {text-align: center;margin:0 auto 20px ;padding: 20px;border: 1px solid #DDD;background: #FFF;border-left: none;border-right: none;}
.promo, .feat , .home{text-align: center}
.promo img:hover {opacity: .9}
.blog.home .promo article {padding: 0; border:none}
.banner {position:relative}
.arrow {position:absolute; bottom:3%; font-size: 2em; padding-left:10px}
.arrow a {cursor: pointer; color:white}
.arrow a i {display: block}
.arrow .pull-left, .arrow .pull-right {width:25px}
.login form, body.woocommerce-account form.login, p.padding, body.woocommerce-account form.register {padding:20px}
.login .form-horizontal .control-label {width:100px}
.login .form-horizontal .controls {margin-left: 120px}
.login-box {padding: 8px; min-height: 280px !important; border: 3px solid #303030; -webkit-box-shadow: 4px 4px 0 0 rgba(35, 35, 35, 0.1); -moz-box-shadow: 4px 4px 0 0 rgba(35, 35, 35, 0.1); box-shadow: 4px 4px 0 0 rgba(35, 35, 35, 0.1); background: #FFF;}
.login-box h5{margin: 4px 0 0px; line-height:8px;}
.login-box i{margin-right:10px;}
.login-box hr{border-top: 1px solid #DDD;}
address {margin-bottom: .5em}
address .clabel {width:5%!important; padding-right: 10px;}
address .cdata {width:90%}
.woocommerce_message a {float: right;background: #333;padding: 10px;margin: -10px;color: #FFF;}
.alert {padding: 8px 35px 8px 14px;margin-bottom: 20px;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);background-color: #FFF;border: 3px double !important;border-radius: 0px !important;}
.alert.alert-success{ margin:30px 0;}
.full-section.bottom-type.red .alert{display: inline-block;text-align: left;}
.woocommerce-ordering {margin-top:25px;}

/* Portfolio Homepage Items  *//* Portfolio Homepage Items  */
h4.main-line-border {padding-bottom: 14px; border-bottom: 5px solid #c31919;}
.portfolio-home-related {border: 0px solid #DDD; background: #FFF; border-left: none; border-right: none;}
.portfolio-home-related h4{margin: 30px 0 0 0}
.services-items-2 { text-align: center ; margin: 0 0 30px 0; padding: 30px 0; border-bottom: 3px double #DEDEDE; background: #EEE; }
.services-items-3 { text-align: center ;margin: 0 0 30px 0; padding: 10px 0; background: #E9E9E9; background: #FFFFFF; }
.services-items-3 h4 , .services-items-2 h4 ,.services-items h4  { text-transform: uppercase;}
.services-items { text-align: center ; margin:0 0 30px 0; padding:30px 0; background: url(../img/background/transparent1.png) repeat; -webkit-background-size: cover;     -moz-background-size: cover;     -o-background-size: cover;     background-size: cover; }
.services-item {text-align:center; margin:20px 0; min-height: 290px !important;}
.services-item  p{text-align:center !important;}
.services-item i {margin: 20px 0; border-bottom: 1px solid; font-size: 68px; line-height: 90px; }
.portfolio-brand {margin: 20px auto 15px;  text-align:center; max-width:100%;}
ul.portfolio-brands {margin: 0 ; padding: 0px;}
ul.portfolio-brands  li {height: 80px; overflow: hidden; padding:10px; width: 213px;list-style:none; float: left; border-bottom: 0px solid #ddd; border-top: 0px solid #ddd; border-left: 0px solid #ddd; border-right: 0px solid #ddd; }
/*
ul.portfolio-brands  li { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
ul.portfolio-brands  li:hover { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: gray; }
*/
/*ul.portfolio-brands  li:last-child { border-right: 1px solid #ddd; }*/

/* Portfolio Effects / Grid  */

.grid { 	max-width: 980px; 	list-style: none; 	margin: 15px auto; 	padding: 0; }
.grid li { 	display: block; 	float: left; 		width: 31.2%; 	opacity: 0; 	margin:5px 10px 5px 0 ; }
.no-js .grid li, .no-cssanimations .grid li { 	opacity: 1; }
.grid li a { 	outline: none; 	border: none; 	max-width: 100%; }
.grid li a.grid li img { 	outline: none; 	border: none; 	display: block; 	max-width: 100%; }
.grid figure { 	margin: 0; 	position: relative; }
.grid figure img { 	max-width: 100%; 	display: block; 	position: relative; }
.grid figcaption { 	position: absolute; 	top: 0; 	left: 0; 	padding: 20px; 	background: #2c3f52; 	color: #ed4e6e; }
.grid figcaption h3 { 	margin: 0; 	padding: 0; 	color: #fff; }
.grid figcaption span:before { 	content: 'by '; }
.grid figcaption a { 	text-align: center; 	padding: 5px 10px; 	border-radius: 2px; 	display: inline-block; 	background: #ed4e6e; 	color: #fff; }

/* Portfolio Related */
.grid-portfolio figure { 	margin: 0; 	position: relative; }
.grid-portfolio  figure img { 	max-width: 100%; 	display: block; 	position: relative; }
.grid-portfolio  figcaption { 	position: absolute; 	top: 0; 	left: 0; 	padding: 20px; 	background: #303030; 	color: #bbb; }
.grid-portfolio  figcaption h3 { 	margin: 0; 	padding: 0; 	color: #fff; line-height: 1em;}
.grid-portfolio  figcaption span { 	margin: 0; 	padding: 0 0 10px; float:left; }
/*.grid-portfolio  figcaption span:before { 	content: 'by '; }*/
.grid-portfolio  figcaption a { 	text-align: center; 	padding: 5px 10px; 	border-radius: 2px; 	display: inline-block; 	background: #c31919; 	color: #fff; }
.grid-portfolio { 	height: auto; /*min-height: 445px;*/max-width: 980px; 	list-style: none; 	margin: 30px auto; 	padding: 0; }
.port-right p {margin: 25px 0 28px ;  }
.grid-portfolio li { display: block; margin:15px 0px; overflow: hidden; border-radius: 10px; }
.grid-portfolio li a { 	outline: none; 	border: none; 	max-width: 100%; }
.grid-portfolio li a.grid li img { 	outline: none; 	border: none; 	display: block; 	max-width: 100%; }
ul.portfolio-list {margin: 10px 0;}
.portfolio-list li{list-style: none}
.portfolio-list li a{padding-left: 15px; font-size: 16px;}
.container-inner { margin-left: -9px; width:1000px; }
.about-left h2 {text-align: center; background: #C38919; font-size: 26px; min-height: 13px; text-transform: uppercase; padding: 6px; color: #FFF;margin-bottom: 30px;}
.details-related { margin: 15px auto 0px;}
.detail-list {margin: 30px 0 ; }
.detail-list li{ list-style:none; margin-bottom: 8px; clear: both;}
.detail-list li span{ margin-right: 5px;}
.detail-list ol{ list-style:none; margin-bottom: 8px; margin-top: 8px; margin-left: 30px; list-style-type: circle;}
/*.detail-list ol li {list-style-type: disc;}*/
.detail-list i{ color: #646464; margin-right:5px; font-size: 21px;}


/* Team Box */
.team-button {padding: 8px 10px; background: #333; color: #FFF;}
.team-social {position: relative; margin: 10px 0 0}
.team-social ul{ margin: 10px 0 0}
.team-social li{list-style: none ; float:left;}
.team-social li .icon-facebook:before , .team-social li .icon-twitter:before , .team-social li .icon-tumblr:before  ,.team-social li .icon-gplus:before  , .team-social li .icon-pinterest:before , .team-social li .icon-pinterest:before  , .team-social li .icon-instagrem:before , .team-social li .icon-behance:before , .team-social li .icon-picasa:before  , .team-social li .icon-skype:before  , .team-social li .icon-link:before { color:#fff; padding: 10px; }
.team-social li:hover{ color:#fff background: #333 !important; }

/* Team page */
.item-team {position:relative;}
ul.item-team  {margin:0; }
ul.item-team li{margin:0 4px 4px 0;; float: left; width: 32.595%; list-style: none;}
.team-right h3, .about-left  h3{text-align: center; background: #C38919; font-size: 26px; min-height: 18px; text-transform: uppercase; padding: 6px; color: #FFF; margin: 0 0 20px 0; }
.shadow-bottom{ -webkit-box-shadow: 0px 4px 10px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 4px 10px 4px rgba(0, 0, 0, 0.2); box-shadow: 0px 4px 10px 4px rgba(0, 0, 0, 0.2);}
.margin30 {margin-bottom: 30px;}
.margin20 {margin-bottom: 20px;}
.margin10 {margin-bottom: 10px;}
.padding10 {padding:0 10px;}
.padding30 {padding:0 30px;}
.nomargin {margin: 0 !important ;}
.nopadding {padding: 0 !important ;}
.full-section {position: relative; display: block; margin: 20px auto; padding: 20px 125px; background: #303030; color: #FFF; text-align: center;}
.full-section.dred{ background: #7A0F0F; color: #FFF; }
.full-section.red{ background: #C31919; color: #FFF; }
.full-section.green{ background: #3F8319; color: #FFF; }
.full-section.pink{ background: #E59AC3; color: #FFF; }
.full-section.dred:before{	border-color: #7A0F0F transparent transparent transparent; }
/*.full-section.red:before{	border-color: #C31919 transparent transparent transparent; }*/
.full-section.red:before{	border-color: transparent transparent transparent transparent;}
.full-section.green:before{	border-color: #3F8319 transparent transparent transparent; }
.full-section.pink:before{	border-color: #E59AC3 transparent transparent transparent; }
.full-section:before{z-index:2;	border-color: #303030 transparent transparent transparent; border-style: solid; border-width: 14px 13px 0px;  content: ""; height: 0; top:100%; left: 48.5%; position: absolute;   width:0;}
.bottom-type {margin-bottom: -30px;}
.bottom-typedemo {margin-bottom: -20px;}
.color-boxed {color: #fff; background: #333; padding: 20px;}
.color-boxed-white {color: #7E7E7E; background: #FFF; padding: 20px;}

 /* Effect 1: opacity */ 
.grid.effect-1 li.animate     { 	-webkit-animation: fadeIn 0.65s ease forwards; 	-moz-animation: fadeIn 0.65s ease forwards; 	animation: fadeIn 0.65s ease forwards; }
@-webkit-keyframes fadeIn {     to { opacity: 1; } }
@-moz-keyframes fadeIn    { 	to { opacity: 1; } } 
@keyframes fadeIn         { 	to { opacity: 1; } }

/* Effect 2: Move Up */
.grid.effect-2 li.animate   { 	-webkit-transform: translateY(200px); 	-moz-transform: translateY(200px); 	transform: translateY(200px); 	-webkit-animation: moveUp 0.65s ease forwards; 	-moz-animation: moveUp 0.65s ease forwards; 	animation: moveUp 0.65s ease forwards; }
@-webkit-keyframes moveUp{ to { -webkit-transform: translateY(0); opacity: 1; } }
@-moz-keyframes moveUp   { 	to { -moz-transform: translateY(0); opacity: 1; } } 
@keyframes moveUp        { 	    to { transform: translateY(0); opacity: 1; } }

/* Effect 3: Scale up */
.grid.effect-3 li.animate       { 	-webkit-transform: scale(0.6); 	-moz-transform: scale(0.6); 	transform: scale(0.6); 	-webkit-animation: scaleUp 0.65s ease-in-out forwards; 	-moz-animation: scaleUp 0.65s ease-in-out forwards; 	animation: scaleUp 0.65s ease-in-out forwards; }
@-webkit-keyframes scaleUp { 	to { -webkit-transform: scale(1); opacity: 1; } }
@-moz-keyframes scaleUp    { 	to { -moz-transform: scale(1); opacity: 1; } }
@keyframes scaleUp         { 	to { transform: scale(1); opacity: 1; } }

/* Effect 4: fall perspective */
.grid.effect-4                                      { 	-webkit-perspective: 1300px; 	-moz-perspective: 1300px; 	perspective: 1300px; }
.grid.effect-4 li.animate                     { 	-webkit-transform-style: preserve-3d; 	-moz-transform-style: preserve-3d; 	transform-style: preserve-3d; 	-webkit-transform: translateZ(400px) translateY(300px) rotateX(-90deg); 	-moz-transform: translateZ(400px) translateY(300px) rotateX(-90deg); 	transform: translateZ(400px) translateY(300px) rotateX(-90deg); 	-webkit-animation: fallPerspective .8s ease-in-out forwards; 	-moz-animation: fallPerspective .8s ease-in-out forwards; 	animation: fallPerspective .8s ease-in-out forwards; }
@-webkit-keyframes fallPerspective { 	100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } }
@-moz-keyframes fallPerspective    { 	100% { -moz-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } }
@keyframes fallPerspective         { 	100% { transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } 

/* Effect 5: fly  */
.grid.effect-5                  { 	-webkit-perspective: 1300px; 	-moz-perspective: 1300px; 	perspective: 1300px; } 
.grid.effect-5 li.animate { 	-webkit-transform-style: preserve-3d; 	-moz-transform-style: preserve-3d; 	transform-style: preserve-3d; 	-webkit-transform-origin: 50% 50% -300px; 	-moz-transform-origin: 50% 50% -300px; 	transform-origin: 50% 50% -300px; 	-webkit-transform: rotateX(-180deg); 	-moz-transform: rotateX(-180deg); 	transform: rotateX(-180deg); 	-webkit-animation: fly .8s ease-in-out forwards; 	-moz-animation: fly .8s ease-in-out forwards; 	animation: fly .8s ease-in-out forwards; }
@-webkit-keyframes fly  { 	100% { -webkit-transform: rotateX(0deg); opacity: 1; } }
@-moz-keyframes fly     { 	100% { -moz-transform: rotateX(0deg); opacity: 1; } }
@keyframes fly          { 	100% { transform: rotateX(0deg); opacity: 1; } }

/* Effect 6: flip  */
.grid.effect-6                  { 	-webkit-perspective: 1300px; 	-moz-perspective: 1300px; 	perspective: 1300px; }
.grid.effect-6 li.animate { 	-webkit-transform-style: preserve-3d; 	-moz-transform-style: preserve-3d; 	transform-style: preserve-3d; 	-webkit-transform-origin: 0% 0%; 	-moz-transform-origin: 0% 0%; 	transform-origin: 0% 0%; 	-webkit-transform: rotateX(-80deg); 	-moz-transform: rotateX(-80deg); 	transform: rotateX(-80deg); 	-webkit-animation: flip .8s ease-in-out forwards; 	-moz-animation: flip .8s ease-in-out forwards; 	animation: flip .8s ease-in-out forwards; }
@-webkit-keyframes flip { 	100% { -webkit-transform: rotateX(0deg); opacity: 1; } }
@-moz-keyframes flip    { 	100% { -moz-transform: rotateX(0deg); opacity: 1; } }
@keyframes flip         { 	100% { transform: rotateX(0deg); opacity: 1; } }

/* Effect 7: helix  */
.grid.effect-7                    { 	-webkit-perspective: 1300px; 	-moz-perspective: 1300px; 	perspective: 1300px; }
.grid.effect-7 li.animate   { 	-webkit-transform-style: preserve-3d; 	-moz-transform-style: preserve-3d; 	transform-style: preserve-3d; 	-webkit-transform: rotateY(-180deg); 	-moz-transform: rotateY(-180deg); 	transform: rotateY(-180deg); 	-webkit-animation: helix .8s ease-in-out forwards; 	-moz-animation: helix .8s ease-in-out forwards; 	animation: helix .8s ease-in-out forwards; }
@-webkit-keyframes helix { 	100% { -webkit-transform: rotateY(0deg); opacity: 1; } }
@-moz-keyframes helix    { 	100% { -moz-transform: rotateY(0deg); opacity: 1; } }
@keyframes helix         { 	100% { transform: rotateY(0deg); opacity: 1; } }

/* Effect 8:  */
.grid.effect-8                    { 	-webkit-perspective: 1300px; 	-moz-perspective: 1300px; 	perspective: 1300px; }
.grid.effect-8 li.animate   { 	-webkit-transform-style: preserve-3d; 	-moz-transform-style: preserve-3d; 	transform-style: preserve-3d; 	-webkit-transform: scale(0.4); 	-moz-transform: scale(0.4); 	transform: scale(0.4); 	-webkit-animation: popUp .8s ease-in forwards; 	-moz-animation: popUp .8s ease-in forwards; 	animation: popUp .8s ease-in forwards; }
@-webkit-keyframes popUp { 	70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; } 	100% { -webkit-transform: scale(1); opacity: 1; } }
@-moz-keyframes popUp    { 	70% { -moz-transform: scale(1.1); opacity: .8; -moz-animation-timing-function: ease-out; } 	100% { -moz-transform: scale(1); opacity: 1; } } 
@keyframes popUp         { 	70% { transform: scale(1.1); opacity: .8; animation-timing-function: ease-out; } 	100% { transform: scale(1); opacity: 1; } } 


/* Individual Caption Styles */
/* Caption Style 1 */
.cs-style-1 figcaption        { 	height: 100%; 	width: 100%; 	opacity: 0; 	text-align: center; 	-webkit-backface-visibility: hidden; 	-moz-backface-visibility: hidden; 	backface-visibility: hidden; 	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s; 	-moz-transition: -moz-transform 0.3s, opacity 0.3s; 	transition: transform 0.3s, opacity 0.3s; }
.no-touch .cs-style-1 figure:hover figcaption, .cs-style-1 figure.cs-hover figcaption { 	opacity: 1; 	-webkit-transform: translate(15px, 15px); 	-moz-transform: translate(15px, 15px); 	-ms-transform: translate(15px, 15px); 	transform: translate(15px, 15px); }
.cs-style-1 figcaption h3    { 	margin-top: 70px; }
.cs-style-1 figcaption span { 	display: block; }
.cs-style-1 figcaption a     { 	margin-top: 30px; }
/* Caption Style 2 */
.cs-style-2 figure img   { 	z-index: 10; 	-webkit-transition: -webkit-transform 0.4s; 	-moz-transition: -moz-transform 0.4s; 	transition: transform 0.4s; }
.no-touch .cs-style-2 figure:hover img, .cs-style-2 figure.cs-hover img { 	-webkit-transform: translateY(-90px); 	-moz-transform: translateY(-90px); 	-ms-transform: translateY(-90px); 	transform: translateY(-90px); }
.cs-style-2 figcaption   { 	height: 90px; 	width: 100%; 	top: auto; 	bottom: 0; }
.cs-style-2 figcaption a { 	position: absolute; 	right: 20px; 	top: 30px; }
/* Caption Style 3 */
.cs-style-3 figure          { 	overflow: hidden; /*border-radius: 10px;*/}
.cs-style-3 figure img    { 	/*-webkit-transition: -webkit-transform 0.4s; 	-moz-transition: -moz-transform 0.4s; 	transition: transform 0.4s; */}
.no-touch .cs-style-3 figure:hover img, .cs-style-3 figure.cs-hover img { 	/*-webkit-transform: translateY(-50px); 	-moz-transform: translateY(-50px); 	-ms-transform: translateY(-50px); 	transform: translateY(-50px); */}
.cs-style-3 figcaption    { text-align:left; 	/*height: 100px;*/ 	width: 260px; 	top: auto; 	bottom: 0; 	opacity: 0; 	-webkit-transform: translateY(100%); 	-moz-transform: translateY(100%); 	-ms-transform: translateY(100%); 	transform: translateY(100%); 	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; 	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; 	transition: transform 0.4s, opacity 0.1s 0.3s; }
.no-touch .cs-style-3 figure:hover figcaption, .cs-style-3 figure.cs-hover figcaption { 	opacity: 1; 	-webkit-transform: translateY(0px); 	-moz-transform: translateY(0px); 	-ms-transform: translateY(0px); 	transform: translateY(0px); 	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s; 	-moz-transition: -moz-transform 0.4s, opacity 0.1s; 	transition: transform 0.4s, opacity 0.1s; }
.cs-style-3 figcaption a { 	/*position: absolute; 	bottom: 20px; 	left: 20px;*/ clear: both; float:left; }

/* Caption Style 4 */
.cs-style-4 li       { 	-webkit-perspective: 1700px; 	-moz-perspective: 1700px; 	perspective: 1700px; 	-webkit-perspective-origin: 0 50%; 	-moz-perspective-origin: 0 50%; 	perspective-origin: 0 50%; }
.cs-style-4 figure { 	-webkit-transform-style: preserve-3d; 	-moz-transform-style: preserve-3d; 	transform-style: preserve-3d; }
.cs-style-4 figure > div { 	overflow: hidden; } 
.cs-style-4 figure img { 	-webkit-transition: -webkit-transform 0.4s; 	-moz-transition: -moz-transform 0.4s; 	transition: transform 0.4s; }
.no-touch .cs-style-4 figure:hover img, .cs-style-4 figure.cs-hover img { 	-webkit-transform: translateX(25%); 	-moz-transform: translateX(25%); 	-ms-transform: translateX(25%); 	transform: translateX(25%); }
.cs-style-4 figcaption { 	height: 100%; 	width: 50%; 	opacity: 0; 	-webkit-backface-visibility: hidden; 	-moz-backface-visibility: hidden; 	backface-visibility: hidden; 	-webkit-transform-origin: 0 0; 	-moz-transform-origin: 0 0; 	transform-origin: 0 0; 	-webkit-transform: rotateY(-90deg); 	-moz-transform: rotateY(-90deg); 	transform: rotateY(-90deg); 	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; 	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; 	transition: transform 0.4s, opacity 0.1s 0.3s; }
.no-touch .cs-style-4 figure:hover figcaption, .cs-style-4 figure.cs-hover figcaption { 	opacity: 1; 	-webkit-transform: rotateY(0deg); 	-moz-transform: rotateY(0deg); 	transform: rotateY(0deg); 	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s; 	-moz-transition: -moz-transform 0.4s, opacity 0.1s; 	transition: transform 0.4s, opacity 0.1s; }
.cs-style-4 figcaption a { 	position: absolute; 	bottom: 20px; 	right: 20px; }

/* Caption Style 5 */
.cs-style-5 figure img { 	z-index: 10; 	-webkit-transition: -webkit-transform 0.4s; 	-moz-transition: -moz-transform 0.4s; 	transition: transform 0.4s; }
.no-touch .cs-style-5 figure:hover img, .cs-style-5 figure.cs-hover img { 	-webkit-transform: scale(0.4); 	-moz-transform: scale(0.4); 	-ms-transform: scale(0.4); 	transform: scale(0.4); }
.cs-style-5 figcaption { 	height: 100%; 	width: 100%; 	opacity: 0; 	-webkit-transform: scale(0.7); 	-moz-transform: scale(0.7); 	-ms-transform: scale(0.7); 	transform: scale(0.7); 	-webkit-backface-visibility: hidden; 	-moz-backface-visibility: hidden; 	backface-visibility: hidden; 	-webkit-transition: -webkit-transform 0.4s, opacity 0.4s; 	-moz-transition: -moz-transform 0.4s, opacity 0.4s; 	transition: transform 0.4s, opacity 0.4s; }
.no-touch .cs-style-5 figure:hover figcaption, .cs-style-5 figure.cs-hover figcaption { 	-webkit-transform: scale(1); 	-moz-transform: scale(1); 	-ms-transform: scale(1); 	transform: scale(1); 	opacity: 1; }
.cs-style-5 figure a { 	position: absolute; 	bottom: 20px; 	right: 20px; }
/* Caption Style 6 */
.cs-style-6 figure img { 	z-index: 10; 	-webkit-transition: -webkit-transform 0.4s; 	-moz-transition: -moz-transform 0.4s; 	transition: transform 0.4s; }
.no-touch .cs-style-6 figure:hover img, .cs-style-6 figure.cs-hover img { 	-webkit-transform: translateY(-50px) scale(0.5); 	-moz-transform: translateY(-50px) scale(0.5); 	-ms-transform: translateY(-50px) scale(0.5); 	transform: translateY(-50px) scale(0.5); }
.cs-style-6 figcaption { 	height: 100%; 	width: 100%; }
.cs-style-6 figcaption h3 { 	margin-top: 60%; } 
.cs-style-6 figcaption a { 	position: absolute; 	bottom: 20px; 	right: 20px; }

/* Caption Style 7 */
.cs-style-7 li:first-child { z-index: 6; }
.cs-style-7 li:nth-child(2) { z-index: 5; }
.cs-style-7 li:nth-child(3) { z-index: 4; }
.cs-style-7 li:nth-child(4) { z-index: 3; }
.cs-style-7 li:nth-child(5) { z-index: 2; }
.cs-style-7 li:nth-child(6) { z-index: 1; }
.cs-style-7 figure img { 	z-index: 10; }
.cs-style-7 figcaption { 	height: 100%; 	width: 100%; 	opacity: 0; 	-webkit-backface-visibility: hidden; 	-moz-backface-visibility: hidden; 	backface-visibility: hidden; 	-webkit-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s; 	-moz-transition: opacity 0.3s, height 0.3s, box-shadow 0.3s; 	transition: opacity 0.3s, height 0.3s, box-shadow 0.3s; 	box-shadow: 0 0 0 0px #2c3f52; } 
.no-touch .cs-style-7 figure:hover figcaption,
.cs-style-7 figure.cs-hover figcaption { 	opacity: 1; 	height: 130%; 	box-shadow: 0 0 0 10px #2c3f52; } 
.cs-style-7 figcaption h3 { 	margin-top: 86%; } 
.cs-style-7 figcaption h3,
.cs-style-7 figcaption span,
.cs-style-7 figcaption a { 	opacity: 0; 	-webkit-transition: opacity 0s; 	-moz-transition: opacity 0s; 	transition: opacity 0s; } 
.cs-style-7 figcaption a { 	position: absolute; 	bottom: 20px; 	right: 20px; } 
.no-touch .cs-style-7 figure:hover figcaption h3,
.no-touch .cs-style-7 figure:hover figcaption span,
.no-touch .cs-style-7 figure:hover figcaption a,
.cs-style-7 figure.cs-hover figcaption h3,
.cs-style-7 figure.cs-hover figcaption span,
.cs-style-7 figure.cs-hover figcaption a { 	-webkit-transition: opacity 0.3s 0.2s; 	-moz-transition: opacity 0.3s 0.2s; 	transition: opacity 0.3s 0.2s; 	opacity: 1; } 
/* Grid caption end */


/*	13: CSS3 ANIMATIONS  */
.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}

.animated.hinge{-webkit-animation-duration:2s;-moz-animation-duration:2s;-ms-animation-duration:2s;-o-animation-duration:2s;animation-duration:2s;}@-webkit-keyframes fadeIn { 0% {opacity: 0;}	100% {opacity: 1;}}

@-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }
@-o-keyframes fadeIn   { 0% {opacity: 0;}	 100% {opacity: 1;} }
@keyframes fadeIn      { 0% {opacity: 0;} 100% {opacity: 1;} }

@-webkit-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}
@-o-keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}
@keyframes fadeInLeftBig {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	-moz-animation-name: fadeInLeftBig;
	-o-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes fadeInRightBig {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes fadeInRightBig {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}

.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	-moz-animation-name: fadeInRightBig;
	-o-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig;
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeInUp {
	0% { opacity: 0; -webkit-transform: translateY(20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}

@-moz-keyframes fadeInUp {
	0% { opacity: 0; -moz-transform: translateY(20px); }
	100% { opacity: 1; -moz-transform: translateY(0); }
}
@-o-keyframes fadeInUp {
	0% { opacity: 0;	-o-transform: translateY(20px); }
	100% { opacity: 1; -o-transform: translateY(0); }
}

@keyframes fadeInUp {
	0% { opacity: 0; transform: translateY(20px); }
	100% { opacity: 1; transform: translateY(0); }
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
@-webkit-keyframes fadeInDown {
	0% { opacity: 0; -webkit-transform: translateY(-20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}
@-moz-keyframes fadeInDown {
	0% { opacity: 0; -moz-transform: translateY(-20px); }
	100% { opacity: 1; -moz-transform: translateY(0); }
}
@-o-keyframes fadeInDown {
	0% { opacity: 0; -o-transform: translateY(-20px);}
	100% { opacity: 1; -o-transform: translateY(0); }
}
@keyframes fadeInDown {
	0% { opacity: 0; transform: translateY(-20px); }
	100% { opacity: 1; transform: translateY(0); }
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
@-webkit-keyframes bounceInDown {
	0% { opacity: 0; -webkit-transform: translateY(-2000px); }
	60% { opacity: 1; -webkit-transform: translateY(30px); }
	80% { -webkit-transform: translateY(-10px); }
	100% { -webkit-transform: translateY(0); }
}
@-moz-keyframes bounceInDown {
	0%   { opacity: 0; -moz-transform: translateY(-2000px); }
	60%   { opacity: 1; -moz-transform: translateY(30px); }
	80%   { -moz-transform: translateY(-10px); }
	100% { -moz-transform: translateY(0); }
}
@-o-keyframes bounceInDown {
	0%   { opacity: 0; -o-transform: translateY(-2000px); }
	60%   { opacity: 1; -o-transform: translateY(30px); }
	80%   { -o-transform: translateY(-10px); }
	100% { -o-transform: translateY(0); }
}
@keyframes bounceInDown {
	0%   { opacity: 0; transform: translateY(-2000px); }
	60%   { opacity: 1; transform: translateY(30px); }
	80%   { transform: translateY(-10px); }
	100% { transform: translateY(0); }
}

.bounceInDown {
	-webkit-animation-name: bounceInDown;
	-moz-animation-name: bounceInDown;
	-o-animation-name: bounceInDown;
	animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
	0%   { opacity: 0; -webkit-transform: translateX(-2000px); }
	60%   { opacity: 1; -webkit-transform: translateX(30px); }
	80%   { -webkit-transform: translateX(-10px); }
	100% { -webkit-transform: translateX(0); }
}
@-moz-keyframes bounceInLeft {
	0%   { opacity: 0; -moz-transform: translateX(-2000px); }
	60%   { opacity: 1; -moz-transform: translateX(30px); }
	80%   { -moz-transform: translateX(-10px); }
	100% { -moz-transform: translateX(0); }
}
@-o-keyframes bounceInLeft {
	0%   { opacity: 0; -o-transform: translateX(-2000px); }
	60%   { opacity: 1; -o-transform: translateX(30px); }
	80%   { -o-transform: translateX(-10px);}
	100% { -o-transform: translateX(0); }
}

@keyframes bounceInLeft {
	0%   { opacity: 0; transform: translateX(-2000px); }
	60%   { opacity: 1; transform: translateX(30px); }
	80%   { transform: translateX(-10px); }
	100% {transform: translateX(0); }
}

.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
	0%   { opacity: 0; -webkit-transform: translateX(2000px); }
	60%   { opacity: 1; -webkit-transform: translateX(-30px); }
	80%   { -webkit-transform: translateX(10px); }
	100% { -webkit-transform: translateX(0); }
}

@-webkit-keyframes swing {
	20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; }
	20% { -webkit-transform: rotate(15deg); }	
	40% { -webkit-transform: rotate(-10deg); }
	60% { -webkit-transform: rotate(5deg); }	
	80% { -webkit-transform: rotate(-5deg); }	
	100% { -webkit-transform: rotate(0deg); }
}

@-moz-keyframes swing {
	20% { -moz-transform: rotate(15deg); }	
	40%  { -moz-transform: rotate(-10deg); }
	60%  { -moz-transform: rotate(5deg); }	
	80%  { -moz-transform: rotate(-5deg); }	
	100% { -moz-transform: rotate(0deg); }
}

@-o-keyframes swing {
	20% { -o-transform: rotate(15deg); }	
	40% { -o-transform: rotate(-10deg); }
	60% { -o-transform: rotate(5deg); }	
	80% { -o-transform: rotate(-5deg); }	
	100% { -o-transform: rotate(0deg); }
}

@keyframes swing {
	20% { transform: rotate(15deg); }	
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }	
	80% { transform: rotate(-5deg); }	
	100% { transform: rotate(0deg); }
}

.swing {
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	-moz-animation-name: swing;
	-o-animation-name: swing;
	animation-name: swing;
}
/*Pricing table and price blocks*/
.pricing_table { line-height: 150%; 	font-size: 12px; margin: 0 auto; width: auto; 	padding-top: 10px; 	margin-top: 20px; } 		
.price_block { 	text-align: center; width: 100%; color: #fff; float: left; list-style-type: none; transition: all 0.25s; position: relative; box-sizing: border-box; margin-bottom: 10px; border-bottom: 1px solid transparent; } 		
/*Price heads*/ 
.pricing_table h3 { 	text-transform: none; 	padding: 5px 0; background: #333; margin: -10px 0 1px 0; font-size: 20px;} 		
/*Price tags*/
.price_pricing{ display: table;	background: #444; 	width: 100%; height: 70px; }
.price_figure { 	font-size: 24px;	text-transform: none; 	vertical-align: middle; display: table-cell; }
.price_number { 	font-weight: bold; display: block; 	}
.price_tenure { 	font-size: 11px; }

/*Features*/
.features { 	background: #E9E9E9;  	color: #2E2E2E; margin:0; }
.features li { padding: 8px 15px; border-bottom: 1px solid #979797; 	font-size: 12px; 	list-style-type: none; 		}
.footer { padding: 15px; background: #303030; 		}
.action_button { text-decoration: none; 	color: #fff; font-weight: bold; 	border-radius: 5px;	background: linear-gradient(#666, #333); padding: 5px 20px; font-size: 11px; text-transform: uppercase; }
.price_block:hover { box-shadow: 0 0 0px 5px rgba(0, 0, 0, 0.5); transform: scale(1.1) translateY(-5px); z-index: 1; border-bottom: 0 none;	}
.price_block:hover .price { background:linear-gradient(#DB7224, #F9B84A); box-shadow: inset 0 0 45px 1px #DB7224; }
.price_block:hover h3 { background: #222; }
.price_block:hover .action_button { background: linear-gradient(#F9B84A, #DB7224); }
@media only screen and (min-width : 480px) and (max-width : 768px) {
.price_block {width: 50%;}
.price_block:nth-child(odd) {border-right: 1px solid transparent;}
.price_block:nth-child(3) {clear: both;}
.price_block:nth-child(odd):hover {border: 0 none;}
}
@media only screen and (min-width : 768px){
.price_block {width: 25%;}
.price_block {border-right: 1px solid transparent; border-bottom: 0 none;}
.price_block:last-child {border-right: 0 none;}
.price_block:hover {border: 0 none;}
}

/* Quatrator Black*/

.cbp-qtrotator.cbg-black { background: #303030;	position: relative;  width: 100%; 	min-height: 200px; } 
.cbp-qtrotator.cbg-black .cbp-qtcontent{ 	position: absolute; 	min-height: 175px; 	border-top: 5px solid #f4f4f4; 	padding: 0; top: 0; z-index: 0; opacity: 0; width: 100%; } 
.cbp-qtrotator.cbg-black .cbp-qtcontent img { 	float: right; 	margin-left: 3em; 	max-width: 100% !important; } 
.cbp-qtrotator.cbg-black blockquote footer { 	padding: 20px ; color: #fff; font-size: 1.2em; 	border: none; 	box-shadow: none; 	background: none; } 
.cbp-qtrotator.cbg-black blockquote p { 	font-size: 1em; 	color: #fff; 	font-weight: 300; 	margin: 15px ; } 

/* Quatrator orange*/

.cbp-qtrotator.cbg-orange { background: #C38919;	position: relative;  width: 100%; 	min-height: 200px; } 
.cbp-qtrotator.cbg-orange .cbp-qtcontent{ 	position: absolute; 	min-height: 175px; 	border-top: 5px solid #f4f4f4; 	padding: 0; top: 0; z-index: 0; opacity: 0; width: 100%; } 
.cbp-qtrotator.cbg-orange .cbp-qtcontent img { 	float: right; 	margin-left: 3em; 	max-width: 100% !important; } 
.cbp-qtrotator.cbg-orange blockquote footer { 	padding: 20px ; color: #fff; font-size: 1.2em; 	border: none; 	box-shadow: none; 	background: none; } 
.cbp-qtrotator.cbg-orange blockquote p { 	font-size: 1em; 	color: #fff; 	font-weight: 300; 	margin: 15px ; } 

/* Quatrator default*/

.cbp-qtrotator { 	position: relative; 	margin: 1em auto 1em auto; 	width: 100%; 	min-height: 200px; } 
.cbp-qtrotator .cbp-qtcontent { 	position: absolute; min-height: 175px; 	border-top: 5px solid #f4f4f4; 	padding: 1em 0; 	top: 0; 	z-index: 0; opacity: 0; width: 100%; } 
.no-js .cbp-qtrotator .cbp-qtcontent { 	border-bottom: none; } 
.cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent,
.no-js .cbp-qtrotator .cbp-qtcontent { 	position: relative; 	z-index: 100; 	pointer-events: auto; 	opacity: 1; } 
.cbp-qtrotator .cbp-qtcontent:before,
.cbp-qtrotator .cbp-qtcontent:after { 	content: " "; 	display: table; } 
.cbp-qtrotator .cbp-qtcontent:after { 	clear: both; } 
.cbp-qtprogress { 	position: absolute; 	background: #C31919; height: 5px; 	width: 0%; 	top: 0; 	z-index: 1000; } 
.cbp-qtrotator blockquote { 	margin: 0; 	padding: 0; 	border: none; } 
.cbp-qtrotator blockquote p { 	font-style: italic; font-size: 1em; 	color: #444; 	font-weight: 300; 	margin: 0.4em 0 1em 25px; } 
.cbp-qtrotator blockquote footer { 	padding: 0 ; color: #333; font-size: 1.2em; 	border: none; 	box-shadow: none; 	background: none; } 
.cbp-qtrotator blockquote footer:before { 	content: '― '; } 
.cbp-qtrotator .cbp-qtcontent img { 	float: right; 	margin-left: 3em; 	max-width: 250px } 
/* Example for media query */
@media screen and (max-width: 30.6em) { 
.cbp-qtrotator { font-size: 70%; 	}  	
.cbp-qtrotator img { width: 80px; 	}  
}

/* 404 page */

.not-found { padding:40px;}
.not-found h4{font-size: 200px; color: #727272; font-weight: normal; letter-spacing: -5px; text-align: center;}
.not-found p{text-align: center; font-size: 28px; line-height: 36px; color: #727272;}

/* Maintenance page */
.maintenance-body {background: #CECECE;}
.maintenance  { padding: 20px; min-height: 100%; height: auto; float: none; margin: 4% auto; background: #FFF; border-bottom: 1px solid #DDD; border-top: 1px solid #DDD;}
.maintenance  .main-box{ padding: 18px; text-align: center;}
.maintenance  i{ font-size: 150px;}
.maintenance  .main-h3 { margin:30px 0 ;border-bottom: 3px double #ddd; text-align: center; font-family: Cuprum, "Droid Serif",Georgia,Times,serif; font-weight: normal; font-style: italic;}
.maintenance  .main-h3 h1{ font-family: Cuprum, "Droid Serif",Georgia,Times,serif; font-weight: normal; font-style: italic;}

/* Featured section */

.feat .span12{width: 952px; }
.feat .row{margin-left: -15px;}
.feat .row .span4{ margin: 10px 10px 10px 10px;}
.feat .headline, .feat .tab-content {padding: 30px 0}
.feat article {position: relative;background: #FFF;margin: 10px;font-size: 1em;}
.feat .tab-content .wrap {margin-bottom:30px}
.feat #myTab {padding:20px 0; margin-top: -35px}
.feat #myTab button {text-transform: uppercase}
.feat .btn-group > .btn {font-size:11px !important; text-shadow: none; -webkit-font-smoothing: antialiased; border-radius: 0;}
.feat .line {margin-top:30px}
.feat .view {margin: 10px}
.tab-brand {padding: 30px}
.feat .tab-brand {background: #FFF;padding: 5px 30px;margin: 0 -20px;border-top: 1px solid #DDD;}
.feat .tab-brand img {opacity: .6} .feat .tab-brand img:hover {opacity: 1}
.feat ul {margin:0}
.feat ul:before, .feat ul:after {display: table; content: ""; line-height: 0;}
.feat ul:after {clear:both}

/* Hover effect */

.view { margin-bottom: 15px !important; max-width: 320px; overflow: hidden; position: relative; text-align: center; cursor: default; background: #fff; }
.view .mask,
.view .content { height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; }
.view img { position: relative; }
.view h2 { text-transform: uppercase; color: #fff; text-align: center; position: relative; font-size: 1em; line-height: 1em; padding:20px 0 0 0; background: rgba(0, 0, 0, 0.8); margin: 20px 0 0 0; }
.view p { font-family: Georgia, serif; font-style: italic; font-size: 12px; line-height: 1em; position: relative; color: black; padding: 20px 20px 10px; text-align: center; }
.view button.info {border-top: 1px solid #000;border: none;line-height: 21px !important;}
.view a.info, .view button.info { display: inline-block; text-decoration: none; padding: 3px 8px; background: #000; font-size: .7em; color: #fff; text-transform: uppercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; }
.view a.info: hover, .view button.info: hover { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }
.view-thumb {position: relative;}
.view-thumb .onsale {position:absolute; right:5px; bottom:5px; padding: 5px 15px; background: #D56452; color:white; z-index: 111}
.view-thumb img { max-height: 300px; -webkit-transform: scaleY(1); -moz-transform: scaleY(1); -o-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.view-thumb .mask { min-width: 100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; }
.view-thumb h2 { position: relative;  background: #D56452;  color: #fff;  line-height: 20px;  margin: 0;  top: 0px;  right: 0px;  padding: 10px;  font-size: 1em;  -webkit-transform: scale(); -moz-transform: scale(); -o-transform: scale(); -ms-transform: scale(); transform: scale(); -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); }
.view-thumb p { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; position: relative;  background: #000;  color: #fff;  padding: 10px;  font-size: 1em;  margin: 0!important; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; -ms-transition: all 0.5s linear; transition: all 0.5s linear; }
.view-thumb a.info { margin: 50px 0; -webkit-transition: all 0.2s linear; -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: scale(); -moz-transform: scale(); -o-transform: scale(); display: inline-block;  text-decoration: none;  padding: 3px 8px 3.5px;  background: #000;  font-size: .7em;  color: #fff;  text-transform: uppercase;  -webkit-box-shadow: 0 0 1px #000;  -moz-box-shadow: 0 0 1px #000;  box-shadow: 0 0 1px #000; -ms-transform: scale(); transform: scale(); -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.span4:hover .mask, .span3:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.view-thumb:hover h2,
.view-thumb:hover p,
.view-thumb:hover a.info { margin: 10px 0 0;  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.view-thumb:hover h2{margin: 0 !important;}
.view-thumb button.info {margin-top: -1px;line-height: 20px; }
.view-thumb.hover img {opacity: 0}
.view-thumb.hover .mask {opacity: 1}
.view-thumb p {height: 60px; overflow: hidden}
.related .view-thumb p, .upsells .view-thumb p {height: 40px}
.related , .upsells {text-align: center;}

/* Header section */

header.prime {padding: 0px 0; border: none; text-transform: uppercase; margin-bottom: 0px; background: #f5f5f5; color: #636363; text-align: left;/*border-bottom: 1px solid #DDD; box-shadow: inset 0 10px 12px -10px rgba(0, 0, 0, 0.07); -moz-box-shadow: inset 0 12px 10px -10px rgba(0,0,0,0.07); -webkit-box-shadow: inset 0 12px 10px -10px rgba(0, 0, 0, 0.07);*/}
header.prime a {color: #636363}
header.prime h3 {font-size: 15px; margin:0;padding-right: 10px;}
header.prime .catmeta {font-size: .85em; text-transform: uppercase; letter-spacing: 1px}
.top-header {background: #303030; height: 40px;width: 100%;}
.button.long {display: block; line-height: 1.3em !important; height: 1.2em; margin: 0px 17px; text-align: center; font-size: 15px; font-weight: normal; font-family: Verdana, sans-serif;}
.order {float:right; width:220px;}
.awards a{float:right; display:block; padding-right: 10px; padding-bottom: 10px;}
.awards img{width: 111px;}
/* Products section */

.feat article .view-thumb p, .view-thumb p, .single article.view-thumb p, .product .tab-content.sideline article .view-thumb p, section.single .products .product .view-thumb p, section.product article .view-thumb p { border: 3px double #ddd; position:relative; background: #636363;color: #FFF; padding: 10px; max-width: 300px;font-size: 1em; margin: 0 auto!important;}
.feat article p a, .single article p a, .product .tab-content.sideline article p a, section.product article p a, section.single .products .product p a{color: #111;}
.feat article .product-title, .single article .product-title, .product .tab-content.sideline article .product-title, section.single .products .product .product-title, section.page .products .product .product-title, section.product article .product-title {margin: 6px;}
section.product article h5,section.page article h5, section.single  .products .product h5, .feat article h5, .product .tab-content.sideline article h5, .single article h5{ border-top: 3px double #ddd; border-bottom: 3px double #ddd; position: relative;background: #fff;color: #111;line-height: 20px;margin: 0 auto;max-width: 300px;padding: 10px;font-size: 1em;}
body.home .products {margin-bottom: 25px}
section.product .itembox {width:300px}
section.product {text-align: center}
section.product .nav {padding:20px 0 0}
section.product article {background: #FFF;text-align: center; border:none;}
section.product article a:hover {text-decoration: none}
section.product .tab-content {padding:50px 0 30px}
section.product .tab-content.sideline {margin: 0 0 30px; padding:0}
section.product .tab-content.sideline article {width: 33%; float:left}
section.product .tab-content .wrap {margin-bottom:30px}
section.product .overlay {padding-top:15px}
section.product .query {display: none}
section.product .query li {float: none; display: inline-block; zoom:1}
section.product #myTab {padding-bottom: 20px}
section.product .view {margin: 0}
section.product .sidebar {padding-left:20px}
section.product .sidebar li , .widget-categories li{padding:5px 0; border-bottom: 1px solid #ddd}

section.product .sidebar li a:before , .widget-categories li a:before { content:'\e762'; font-family: 'entypo'; font-weight: normal; font-style: normal; display: block; float: right; text-decoration: inherit; font-size: 14px; color:	#ADADAD; }
section.product .term-description {border-bottom: 3px double #DDD; padding: 10px;margin-bottom: 20px;}
section.product .sidebar li:first-child {border-top: none}
section.product .sidebar li li {padding-left: 10px; font-size: .9em}
section.product .sidebar, section.product .sidebar article {text-align: left}
section.product .sidebar section {margin-bottom: 50px}
section.page .products article {position: relative;background: #FFF;text-align: center;width: 270px;margin: 10px;}
section.product .sidebar section article {margin-bottom: 10px}
section.product .sidebar .thumb {width:30%; float: left; padding-right: 5%}
section.product .sidebar .info {width: 65%; float:left; font-size: .9em; padding-top: 5px}
section.product article { margin-bottom: 15px; padding-top:0}
section.product li.product-cat {margin:0 5px}

/* Single product section */


section.single select {font-size:.9em; border-radius: 0; background: none;}
section.single  .products .onsale {position:absolute; right:5px; padding: 5px 30px; background: #4F4F4F; color:white; z-index: 111}
section.single .span5 .onsale {position:absolute; left:20px; padding: 5px 30px; background: #4F4F4F; color:white; z-index: 111}
section.single .view-thumb .onsale {position: absolute;bottom: 5px;padding: 5px 15px;background: #4F4F4F;color: #FFF;z-index: 111;}
section.single .hsaddtocart {position: relative;}
section.single input.minus, section.single input.plus {background: black; border:none; color:white; position:absolute; height:18px; width:18px; margin:0; padding:0; z-index: 2}
section.single input.plus {left: 60px; top:0}
section.single input.minus {left: 60px; top:19px}
section.single .quantity {position: relative;}
section.single .quantity input.quantityinput {width: 30px; text-align: center; height: 32px; -webkit-appearance: none}
section.single p.stock {font-family: Georgia; font-style: italic; opacity: .7; filter:alpha(opacity=70); margin:0; padding:0; padding-top:5px;}
section.single .single_variation {margin-bottom: 15px}
section.single .single_variation span.amount {background: #4F4F4F; color:white; font-size: 1em; padding: 5px 16px;}
section.single .related .itembox, section.single .upsells .itembox {width:220px}
section.single #comments h2 {font-size: 1em; text-transform: uppercase; border-bottom: 1px dashed #CCC}
section.single #comments ol {margin:0}
section.single #comments img.avatar {display: none}
section.single #comments time {font-size: .85em; font-family: Georgia, sans-serif; opacity: .8}
section.single #comments .add_review {text-align: center;}
section.blog .comments-area .commentlist {border: 2px solid #ddd}
section.blog .comments-area .commentlist p{background: #fff; color: #000 !important;}
section.single {padding-bottom:50px}
section.single .wrapper-product {padding:10px 20px}
section.single .screen a {display: none}
section.single .cross-wrapper {padding: 0 20px; text-align: center}
section.single .cross-wrapper header {padding:10px 0 25px}
section.single .flex-control-nav {bottom:-30px !important; display: none}
section.single #flexcarousel-product {margin-top: 15px}
section.single #flexcarousel-product li {padding: 2px; cursor: pointer}
section.single form {margin-bottom: 0}
section.single .price {padding: 0 0 10px;font-size: 24px;}
section.single .socialshare {margin-bottom: 10px}
section.single .decider {font-size: 1.6em; text-align: right;}
section.single .decider a {display: inline-block}
section.single .view {margin: 0px auto}
section.single .qty {position: relative; width:45px; margin-right: 20px; text-align: center; height: 28px}
section.single .qty input.input-text {width: 30px; text-align: center; height: 32px}
section.single .qty .total {position: absolute;right: -16px;top: -1px;}
section.single .qty .total a {display: block;}
section.single .details {text-align: left;padding: 20px;}

/* Portfolio Filter Page */


/*#portfolio-filter {list-style-type: none;margin: -20px 0px 30px;text-align: center;padding: 0px 0 11px;border-bottom: 3px double #DDD;position: relative;display: block;}
#portfolio-filter li {display: inline;padding: 10px;}
#portfolio-filter li a {color: #777;text-decoration: none;text-transform: uppercase;}
#portfolio-filter li .current{color: #000;border-bottom: 1px solid;padding-bottom: 14px;}
.portfolio-wrapper {padding-bottom: 25px;}
#portfolio-list {list-style-type: none;margin:0 !important;}
#portfolio-list .portfolio-item {margin-bottom: 20px;}
#portfolio-list .portfolio-item.span4 {width:299px; margin-left: 21px;}
#portfolio-list .portfolio-item h3  {font-size:12px; color: #303030;text-transform: uppercase;border-top: 3px double #DDD;font-weight: normal;border-bottom: 3px double #DDD; padding: 5px 10px;}
#portfolio-list .portfolio-item .excerpt{text-align: justify;background: #303030; color: #C4C4C4; margin: 0; min-height: 90px;font-size: 14px;line-height: 18px;padding: 15px;max-width: 425px;}
#portfolio-list .portfolio-item .excerpt a {	color: #fff;}
#portfolio-list .portfolio-item .excerpt a:hover {text-decoration: none;}
#primaryhome {margin:15px 0}
.home-brand {overflow: hidden; margin: 10px 0}
.portfolio-h3{text-align: center; background: #C31919;; font-size: 26px; min-height: 18px; text-transform: uppercase; padding: 16px; color: #FFF;	}
.portfolio-h3 {line-height:1em;	}
.btn.theme { background: #3A3A3A;}
.time_theme {
font-weight: bold;
padding-left: 26px;
width: 105px;}
.time_theme.text {}*/



/*------------PORTFOLIO NEW------------*/
#port-filter {text-align: center;line-height: 1.6;padding-bottom: 10px;margin-bottom: 40px;border-bottom: 1px solid #C24F4F;}


#port-filter li {display: inline-block;padding: 0 25px;line-height: 14px;}

.portfolio-wrapper.loading_mode{height:100px; overflow:hidden; background: #fff url(../fancybox_loading.gif) center no-repeat;}
.portfolio-wrapper.loading_mode > div {opacity:0;}
.portfolio-wrapper > div {width: 33.3%;overflow: hidden;position: relative;}

#same-wrapper.portfolio-wrapper {margin-bottom:30px;}
#same-wrapper.portfolio-wrapper > div {float:left;}

#port-filter li a {font-size: 12px;letter-spacing: 1.5px;text-transform: uppercase;color: #adadad;}

#port-filter li a:hover, #port-filter li.active a {color: #f64747;}


.portfolio-wrapper .block .portfolio-hover{background: rgba(48, 48, 48, 1);}


.portfolio-wrapper .block .portfolio-hover {position: absolute;top: 0;bottom: 0;left: 0;right: 0;opacity: 0;text-align: center;background: rgba(48, 48, 48, 1);-webkit-transition: opacity 400ms ease 0s;-moz-transition: opacity 400ms ease 0s;transition: opacity 400ms ease 0s;z-index: 5;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);}

.portfolio-wrapper > .block:hover img {backface-visibility: hidden;-webkit-transition: all 700ms;-moz-transition: all 700ms;transition: all 700ms;transform: scale(1.1) rotate(0.1deg);-ms-transform: scale(1.1) rotate(0.1deg);-webkit-transform: scale(1.1) rotate(0.1deg);-o-transform: scale(1.1) rotate(0.1deg);-moz-transform: scale(1.1) rotate(0.1deg);}

.portfolio-wrapper .block:hover .portfolio-hover {    opacity: 1;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";filter: alpha(opacity=95);}

.portfolio-wrapper .image-holder{width:100%;}
.portfolio-wrapper .image-holder img{width:100%;}


.portfolio-wrapper .block .portfolio-info {/*position: absolute;top: 50%;width: 100%;margin-top: -20px;*/width:90%; padding:15% 5% 0 5%;}
.portfolio-wrapper .portfolio-title {color: #fff;text-transform: uppercase;font-size: 14px; margin:0 0 10px 0;line-height: 1;}

.portfolio-wrapper .portfolio-category {color: #fff;font-size: 14px;display:inline-block;line-height:1.1;margin-bottom:8px;}
.portfolio-wrapper .portfolio-category span:before{content:" / ";}
.portfolio-wrapper .portfolio-category span:first-child:before{content:"";}

.portfolio-wrapper .portfolio-detail-link{
	background-color:#c31717;
	color:#fff;
	font-size:14px;
	padding:6px 10px;
	border-radius:3px;
}


/*====== Portfolio New Detail =======*/
	.detail_portfolio {
		background-color: #fff;
	}
	.detail_portfolio .container {
		width: 85%;
		max-width: 960px;
	}
	.detail_portfolio header {
		position: fixed;
		right: 0;
		top: 0;
		z-index: 9;
	}

	.detail_portfolio h1#portfolio-title {
		text-align: center;
	}
	.detail_portfolio h1#portfolio-title:after {
		position: relative;
		display: block;
		content: "";
		height: 2px;
		width: 30px;
		margin: 10px auto 20px;
		background: #d3145a;
	}
	.detail_portfolio h3.category {
		text-align: center;
		margin-bottom: 40px;
	}
	.detail_portfolio .port_images {
		text-align:center;
	}
	.detail_portfolio .port_images img {
		display: inline;
		margin-bottom: 30px;
		max-width: 100%;
		border:1px solid #d6d6d6;
	}
	.detail_portfolio .prog_info{
		padding:0 20px;
		text-align: center;
		margin:30px 0;
	}
	.detail_portfolio .prog_info .title {
		font-weight: bold;
		display: block;
		color: #333;
	}
	.detail_portfolio .prog_info> span:last-child {
		margin-bottom: 0;
	}
	.detail_portfolio .prog_info .entry {
		margin-bottom: 30px;
		display: block;
	}
	.detail_portfolio .port_images .owl-pagination {
		position: relative;
		bottom: auto;
	}
	.detail_portfolio .port_images .owl-pagination .owl-page span {
		border-color: #aeaeae;
	}
	.detail_portfolio .port_images .owl-pagination .owl-page.active span {
		background-color: #d3145a;
		border: 1px solid #d3145a;
	}
	.right_col{
		float:left;
		width:60%;
		padding-right:3%;
	}
	.left_col{
		float:left;
		width:37%;
	}
	
	.portfolio-h3 {
		text-align: center;
		background: #C31919;
		font-size: 18px;
		padding: 10px 16px;
		color: #FFF;
	}
	
/* Star Rating */

p.stars span { width: 80px; height: 16px; position: relative; float: left; background: url(../img/star.png) repeat-x left 0;}
p.stars span a { float: left; position: absolute; left: 0; top: 0; width: 16px; height: 0; padding-top: 16px; overflow: hidden; }
p.stars span a:hover, p.stars span a:focus { background: url(../img/star.png) repeat-x left -16px; }
p.stars span a.active { background: url(../img/star.png) repeat-x left -32px; }
p.stars span a.star-1 { width: 16px; z-index: 10; }
p.stars span a.star-2 { width: 32px; z-index: 9; } 
p.stars span a.star-3 { width: 48px; z-index: 8; }
p.stars span a.star-4 { width: 64px; z-index: 7; }
p.stars span a.star-5 { width: 80px; z-index: 6; }
.star-rating { float: right; width: 80px; height: 16px; background: url(../img/star.png) repeat-x left 0; margin-top:10px}
.star-rating span { background: url(../img/star.png) repeat-x left -32px; height: 0; padding-top: 16px; overflow: hidden; float: left; }
#review_form h3 {font-size: 1em; line-height: 1.2em}
.comment-form-rating .stars {float:right; margin-top:-20px}

/* Page section */

.page {margin: 20px auto 0  ; padding-bottom: 0px}.page .contactform {margin-top: 20px}.page .contactform {padding: 20px 20px 0 20px auto !important;}
.page p {text-align:justify;}
/*.container h1, .container  h2, .container  h3, .container h4, .container h5, .container h6{color: #303030;}*/
.wrap p a {font-weight: bold; text-decoration: underline;  color: #303030; }
.wrap p a:hover {text-decoration: none; color: #c31919; color:#808080; }
/* Blog section */

section.blog .bloglist {padding-top:30px}
.blog header i {padding-left:10px}
.blog article { padding: 20px;}
.foot article {border-left:none !important; border-right:none !important; padding: 0;}

.blog article:first-child {padding-top:0}
.blog article h4 {/*background: #f5f5f5;*/ padding: 10px; padding-left: 0; margin:0}
.list article p.article-container { margin: 0; background: #303030; color: #FFF; padding: 20px; }
.list article p.post-image { margin: 0;}
.blog article:first-child,  {border:0}
.blog article h4 a {font-size: 16px; text-transform: uppercase} 
.blog small.date, .blog small.comments {font-style: italic}
.blog small.date { padding:5px 5px 5px 0}
.blog small.comments {padding:5px; }
.blog .post article {padding-top:20px}
.blog .post article:first-child {padding-top: 0}
.share {text-align: center}
.share a {padding:5px}

/* Archive Section */

.archive header i {padding-left:10px}
.archive article {padding: 30px 0}
.archive article:first-child {}
.archive article h4 {margin-top:0}
.archive article h4 a {font-size: 16px; text-transform: uppercase} 
.archive small.date, .blog small.comments {font-style: italic}
.archive small.date { padding:5px 5px 5px 0}
.archive small.comments {padding:5px; }
.archive .post article {padding-top:20px}
.archive .post article:first-child {padding-top: 0}

/* Search Section */

.search header i {padding-left:10px}
.search article {padding: 30px 0}
.search article:first-child {padding-top:0}
.search article h4 {margin-top:0}
.search article:first-child {border:0}
.search article h4 a {font-size: 16px; text-transform: uppercase} 
.search small.date, .blog small.comments {color : #fff; font-style: italic}
.search small.date a, .blog small.comments a{color : #fff; font-style: italic}
.search small.date { padding:5px 5px 5px 0}
.search small.comments {padding:5px; }
.search .post article {padding-top:20px}
.search .post article:first-child {padding-top: 0}

/* Sidebar section */

.sidebar aside , .sidebar .widget { padding-bottom: 15px;}
.sidebar aside .title ,.sidebar .widget .title , .sidebar section .title {text-transform: uppercase; font-weight: 700}
.sidebar ul {margin:0}
.sidebar ul {list-style: none}
.sidebar li {margin:3px 0;}
.sidebar  a{color:#303030;text-decoration: none;font-weight: normal;}
.sidebar  a:hover{color:#f00;color:#c31919;color:#808080;}
.sidebar  {}
.sidebar  aside:last-child , .sidebar  .widget:last-child { border-bottom: 0;}


 footer .widget_tag_cloud .tagcloud a , .sidebar .tags a{font-size:11px !important; display: block;float: left;line-height: 12px;margin: 0 1px 1px 0;color: #FFF;background: #792D1F;padding: 5px;-webkit-transition: background-color 400ms linear; -moz-transition: background-color 400ms linear; -o-transition: background-color 400ms linear; -ms-transition: background-color 400ms linear; transition: background-color 400ms linear;}
 footer .widget_tag_cloud .tagcloud a:hover , .sidebar .tags a:hover{color: #FFF;background: #000;padding: 5px; -webkit-transition: background-color 400ms linear; -moz-transition: background-color 400ms linear; -o-transition: background-color 400ms linear; -ms-transition: background-color 400ms linear; transition: background-color 400ms linear;}

/* Comment section */

.comments {padding:10px 20px}
.comments div.avatar {width:10%; border-radius: 50%}
.comments .text {width:85%}
.comments article {border:none; padding:10px !important}
.comment-form {padding:20px}
.commentmeta {opacity: .5}
.commentmeta:hover {opacity: 1}
.commentlist li {list-style: none}
.commentlist ul.children {margin: 0 0 0 25px; clear:both; zoom: 1}

/* ============ */
/* Cart section */
/* ============ */

.cartpage table.shop_table .cart-img {width:15%; padding: 5px 0; margin-right:3%}
.cartpage table.shop_table .item {width:80%; font-size: 1.1em; padding-top: 40px}
.cartpage table.shop_table .item a {display: inline-block;}
.cartpage table.shop_table tbody td {padding-top:40px;}
.cartpage table.shop_table tbody td:first-child {padding-top:0px;}
.cart-pay .cart-checkout {text-align: right}
.cartpage .product-quantity .minus, .cartpage .product-quantity .plus{background: black; color:white; border:none}
.checkout-row {padding:30px 0}
.coupon {text-align: left}
.goco {text-align: right;}
.cart .wrap-table {margin: 20px}
.cart table .cart-img {width:15%; padding: 5px 0; margin-right:3%}
.cart table .item {width:80%; font-size: 1em; padding-top: 40px}
.cart table .item a {display: inline-block;}
.cart table tbody td {padding-top:40px;}
.cart table tbody td:first-child {padding-top:10px;}
.cart-pay .cart-checkout {text-align: right}
.table {border: 1px solid #DDD;}

/* Checkout section */

.payment_methods li {list-style: none}
ul.payment_methods {margin:0 0 20px}
.payment_box {font-family: Georgia; font-style: italic; font-style: .9em; padding:10px; }
.payment_box p {margin:0}

/* Footer section */


footer {padding:30px 0 20px; /*margin-top: 30px;border-top: 50px solid #FFF;*/border-top: 30px solid #FFF; background: #303030;}
.ftop {margin:-5px 0 -30px;}
footer .foot strong {padding-bottom: 10px; display: inline-block}
footer .foot ul, footer .social ul , .contactshare ul{margin: 0; padding: 0}
footer .foot ul li {list-style: none}
footer .social ul li {list-style: none; float:left; padding-left:10px}
footer .social li a {display: inline-block;}
footer .social .pull-left, footer .social .pull-right {width:50%} 
footer .social .pull-right ul {float: right}
.contactshare { margin:9px 0 48px;}
.contactshare ul li {list-style: none; float:left; padding-left:10px}
.contactshare ul li:first-child{padding-left:0px}
.contactshare ul li a{color: #fff}
footer input, footer .add-on {border-radius: 0 !important}
footer .doubleline {padding: 0px 0 0px;border-top: 0px solid #3C3C3C;border-bottom: 1px solid #3C3C3C;margin: 30px 0;}
footer .currency {text-align: right} footer .currency a {padding-left: 5px}
footer article {padding-top: 0 !important;border: none !important;}
.carousel {margin-bottom: 0}
.carousel-control {top:90%; border: none; background: none}
.carousel-control.right {left: 60px}


/* Widget Section */

.price_slider { margin-bottom: 1em }
.price_slider_amount { text-align: right; line-height: 2.4em; font-size: 0.8751em; }
.price_slider_amount .button { font-size: 1.15em }
.price_slider_amount .button { float: left;border: 1px solid #000;background: #555;padding: 3px 11px;color: #FFF; }
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 0.9em; height: 0.9em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 1px solid rgba(0, 0, 0, 0.25); cursor: pointer; background: #e7e7e7; background: -webkit-gradient(linear,left top,left bottom,from(#FEFEFE),to(#e7e7e7)); background: -webkit-linear-gradient(#FEFEFE,#e7e7e7); background: -moz-linear-gradient(center top,#FEFEFE 0%,#e7e7e7 100%); background: -moz-gradient(center top,#FEFEFE 0%,#e7e7e7 100%); outline: none; top: -.3em; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset; -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 255, 255, 0.65) inset; }
.ui-slider .ui-slider-handle:last-child { margin-left: -1em }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background: none repeat scroll 0 0 #FF6B6B; box-shadow: 1px 1px 1px 0.5px rgba(0, 0, 0, 0.25) inset; -webkit-box-shadow: 1px 1px 1px 0.5px rgba(0, 0, 0, 0.25) inset; -moz-box-shadow: 1px 1px 1px 0.5px rgba(0, 0, 0, 0.25) inset -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; }
.price_slider_wrapper .ui-widget-content { -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; background: #1e1e1e; background: -webkit-gradient(linear,left top,left bottom,from(#1e1e1e),to(#6a6a6a)); background: -webkit-linear-gradient(#1e1e1e,#6a6a6a); background: -moz-linear-gradient(center top,#1e1e1e 0%,#6a6a6a 100%); background: -moz-gradient(center top,#1e1e1e 0%,#6a6a6a 100%); }
.ui-slider-horizontal { height: .5em }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: -1px }
.ui-slider-horizontal .ui-slider-range-max { right: -1px }
.product_list_widget li {position:relative;}
.product_list_widget li a {font-size: .85em; display:block}
.product_list_widget .amount {min-width: 50px;  position: absolute; right:0; top:5px; background: #E55137; color:white; padding: 2px 5px}
.product_list_widget del .amount, .product_list_widget .from {display: none}
.product_list_widget .star-rating {position: absolute;; bottom: 5px; right:0}
.product_list_widget .attachment-shop_thumbnail {border: 3px double #DDD;max-width: 60px;margin-right:5px}
.foot .product_list_widget li {margin-bottom: 10px}
.foot .product_list_widget .attachment-shop_thumbnail {width:50px}
.foot .product_list_widget .amount {font-size: .8em; color: #333; top:0; left: 55px; background: none}
.product_list_widget .quantity .times {position: absolute; left: 0; top: 5px; background: #333; color: white; padding:1px 5px; border-radius:50%; font-size: .8em}

/* Fancybox */

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; }
.fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; }
.fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.fancybox-opened { z-index: 8030 }
.fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); }
.fancybox-outer, .fancybox-inner { position: relative }
.fancybox-inner { overflow: hidden }
.fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch }
.fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; }
.fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; }
.fancybox-image { max-width: 100%; max-height: 100%; }
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../img/fancybox_sprite.png) }
#fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; }
#fancybox-loading div { width: 44px; height: 44px; background: url(../img/fancybox_loading.gif) center center no-repeat; }
.fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; }
.fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(../img/blank.gif); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; }
.fancybox-prev { left: 0 }
.fancybox-next { right: 0 }
.fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; }
.fancybox-prev span { left: 10px; background-position: 0 -36px; }
.fancybox-next span { right: 10px; background-position: 0 -72px; }
.fancybox-nav:hover span { visibility: visible }
.fancybox-tmp { position: absolute; top: -9999px; left: -9999px; visibility: hidden; }

/* Overlay helper */

.fancybox-lock { overflow: hidden }
.fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url(../img/fancybox_overlay.png); }
.fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; }
.fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; }

/* Title helper */

.fancybox-title { visibility: hidden; position: relative; text-shadow: none; z-index: 8050; }
.fancybox-opened .fancybox-title { visibility: visible }
.fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; }
.fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; }
.fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; }
.fancybox-title-inside-wrap { padding-top: 10px }
.fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); }



/*Owl - if it would br okay flex colud be removed*/
.owl-carousel div.owl-item{
	  height: 300px;
}
.owl-carousel div.owl-item p{
	text-align:center;
}


.owl-controls{	
	text-align: center;
	padding: 0 10px 10px 10px;
}


.owl-theme .owl-controls .owl-page{
	margin: 9px 4px 0; zoom: 1; display: inline-block;
	
	
}

.owl-theme .owl-controls .owl-page span{
	-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;border:4px solid #fff; width: 8px; height: 8px; display: block; background: #666; background: #c31919; cursor: pointer; text-indent: -9999px;  box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}

.owl-theme .owl-controls .owl-page span:hover{
	-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;background: #333; background: rgba(0,0,0,0.7); 	box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1), 0 0 0 5px rgba(255,255,255,0.5);
}

.owl-theme .owl-controls .owl-page.active span{
	cursor: default; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;background: #333; background: rgba(0,0,0,0.7); 	box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1), 0 0 0 5px rgba(255,255,255,0.5);
}



/* Flexslider styling */

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none; } 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0 auto; padding: 0;}
section.single #flexcarousel-product li{text-align:left; min-width: 115px;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden; position: relative; text-align: center}
.flexslider.row .slides > li  {height: 300px; overflow: hidden;}
.flexslider .slides > li img {}

.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* Flex Text Slider     */
 
.full-slider-container{background: #303030; min-height: 250px; margin: 20px;background: url(../img/background/best/triangles.png) repeat;}
.full-slider-container .flex-direction-nav{display:none !important;}
.full-slider-container .slides{background: none !important; min-height: 250px; margin: 0;}
.full-slider-container .full-slider{}
.full-slider-container .full-slider-caption strong{ display: inline-block; text-transform:uppercase; font-size:40px; margin:20px; margin-top: 20px; line-height: 1em;}
.full-slider-container .full-slider-caption span{ color: #C38919; color: #fff; font-weight: bold; font-weight: normal; border-bottom: 0px solid;}
.full-slider-container .full-slider-caption {text-transform:none; font-size:16px; margin:30px; margin-bottom: 0px;}
.full-slider-container .full-slider-caption{background: none !important; color: #fff;}
 
/* FlexSlider Default Theme     */
.home-span12{ width: 100%;height: auto; overflow: hidden; padding: 20px 0;}
.carousel-option{}
.flexslider {position: relative;max-width: 100%;zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.carousel li {margin-right: 5px}
.carousel-option #flexcarousel img {cursor: pointer;width: 188px;border-top: 3px solid #000;}
.carousel-option.details #flexcarousel-details{height: 93px;}
.carousel-option.details #flexcarousel-details li {width:133px;height: 90px;border-top: 3px solid #303030;border-left: 1px solid #303030;border-right: 1px solid #303030;border-color: #CBCBCB;}
.carousel-option.details #flexcarousel-details .flex-direction-nav li, .carousel-option.details #flexcarousel-details .flex-direction-nav li:hover{border: 0px solid #303030;}
.carousel-option.details #flexcarousel-details img {cursor: pointer;width:133px;height: auto;}
.carousel-option #flexcarousel img:hover , .carousel-option.details  #flexcarousel-details li:hover {border-top: 3px solid #c31919; -webkit-transition: all .3s ease;}
.carousel-option.home {padding-bottom: 30px}
/*.carousel-option.details {padding-bottom: 30px}*/


/* Direction Nav */ 

.flex-direction-nav a {width: 30px; height: 30px; margin: -15px 0 0; display: block; background: url(../img/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
-khtml-opacity: 0;
}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 1.0; right: 5px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
-khtml-opacity: 0.8;
}
.flexslider:hover .flex-prev {opacity: 1.0; left: 5px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
-khtml-opacity: 0.8;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
.flex-caption {width: 300px; padding: 2%; position: absolute; right: 2%; top: 56%; background: rgba(0, 0, 0, 0.6); color: white; text-align: left; text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px; font-size: 14px; line-height: 18px;}
.flex-caption-portfolio { border-left:10px solid #2c3f52; margin-right:-10px; min-height:0%; width: 300px; padding: 2%; position: absolute; right: 0%; top: 0%; background: rgba(0, 0, 0, 0.6); color: white; text-align: left; text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px; font-size: 14px; line-height: 18px;-webkit-transition: all .5s ease; -moz-transition: all .5s ease; transition: all .5s ease; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.flexslider:hover .flex-caption-portfolio { background: rgba(255, 71, 0, 0.6); min-height:100% ;min-width: 380px; opacity:1; border-left:4px solid #2c3f52; margin-right:0px; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.flex-caption-portfolio  .linep {display: inline-block; padding: 10px; text-align: left; margin-bottom: 30px; background: #2c3f52; width: 90%; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.flexslider:hover  .linep { padding: 12px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;}
.flex-caption-portfolio  .linep:before{	border-color: #2c3f52 transparent transparent transparent; border-style: solid; border-width: 14px 13px 0px;  content: ""; height: 0; left: 44px; top:57px; position: absolute; bottom: -13px;     width: 1;}
/* Control Nav */

.flex-control-nav {/*width: 100%; position: static; bottom: 10px; */text-align: center; margin: 0 10px 10px 10px;}
.flex-control-nav li {margin: 9px 4px 0; zoom: 1; display: inline-block;}
.flex-control-paging li a {-webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;border:4px solid #fff; width: 8px; height: 8px; display: block; background: #666; background: #c31919; cursor: pointer; text-indent: -9999px;  box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;background: #333; background: rgba(0,0,0,0.7); 	box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1), 0 0 0 5px rgba(255,255,255,0.5);}
.flex-control-paging li a.flex-active { cursor: default; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; transition: all .3s ease-in-out;background: #333; background: rgba(0,0,0,0.7); 	box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1), 0 0 0 5px rgba(255,255,255,0.5); }
.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .active {opacity: 1; cursor: default;}

/* Bubble Cart */

.arrow-box {position: relative; background: #111111; border: 1px solid #555555; padding: 5px; font-size: .85em; text-transform: uppercase }
.arrow-box:after, .arrow-box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.arrow-box:after { border-color: rgba(17, 17, 17, 0); border-bottom-color: #111; border-width: 10px; left: 50%; margin-left: -10px; }
.arrow-box:before { border-color: rgba(85, 85, 85, 0); border-bottom-color: #555555; border-width: 11px; left: 50%; margin-left: -11px;}
.arrow-box .pull-left { width: 75%; font-size: .85em}

/* Payment method */

.payment { background: url(../img/payment.png) no-repeat; float: left; padding-right: 5px; }
.payment:hover {opacity: 1}
.twocheckout { width: 38px; height: 24px; background-position: -49px -140px; }
.amex { width: 38px; height: 24px; background-position: -0px -140px; }
.cirrus { width: 38px; height: 24px; background-position: -147px -105px; }
.delta { width: 38px; height: 24px; background-position: -147px -70px; }
.direct-debit { width: 38px; height: 24px; background-position: -147px -35px; }
.discover { width: 38px; height: 24px; background-position: -148px -0px; }
.ebay { width: 38px; height: 24px; background-position: -98px -105px; }
.google { width: 38px; height: 24px; background-position: -49px -105px; }
.maestro { width: 39px; height: 24px; background-position: -0px -0px; }
.mastercard { width: 38px; height: 24px; background-position: -0px -105px; }
.moneybookers { width: 38px; height: 24px; background-position: -98px -70px; }
.paypal { width: 38px; height: 24px; background-position: -49px -70px; }
.sagepay { width: 38px; height: 24px; background-position: -0px -70px; }
.solo { width: 38px; height: 24px; background-position: -98px -35px; }
.switch { width: 38px; height: 24px; background-position: -49px -35px; }
.visaelectron { width: 38px; height: 24px; background-position: -0px -35px; }
.visa { width: 38px; height: 24px; background-position: -99px -0px; }
.westernunion { width: 38px; height: 24px; background-position: -50px -0px; }

/* Table  ====================================*/
table.standard-table { 	width: 100%; 	border-collapse: separate; 	border-spacing: 0; 	border:none; 	margin-bottom: 15px; 	-webkit-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03); 	box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03); }
table.standard-table th { 	border: 1px solid #e0e0e0; 	border-right: none; 	background-color: #fafafa; 	text-align: left; 	padding: 10px 15px; 	color: #444; 	vertical-align: top; 	font-size: 14px; 	font-weight: 600; }
table.standard-table td:last-child { 	border-right: 1px solid #e0e0e0; }
table.standard-table th:last-child { 	border-right: 1px solid #e0e0e0; }
table.standard-table td { 	padding: 10px 15px; 	border: #e0e0e0 1px solid; 	border-top: none; 	border-right: none; }
table.standard-table tr:hover td {background-color: #fafafa;}

/* Default Wordpress */

.alignnone { margin: 5px 20px 20px 0 }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0 }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0 }
.wp-caption.alignleft { margin: 5px 20px 20px 0 }
.wp-caption.alignright { margin: 5px 0 20px 20px }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }
.sticky {}
.gallery-caption {}
.bypostauthor {}
.gallery img {border:none !important}
.post article p {margin-top:0}

/* Features page demo elements*/
.demo1 { background: #333; color: #FFF; padding: 20px; text-transform: uppercase;}
.demo2 { background: #111; color: #FFF; padding: 20px; text-transform: uppercase;}
.demo3 { background: #303030; color: #FFF; padding: 20px; text-transform: uppercase;}
.demo4 { background: #C38919; color: #FFF; padding: 20px; text-transform: uppercase;}
.demo5 { background: #303030; color: #FFF; padding: 20px; text-transform: uppercase;}
.demo6 { background: #C38919; color: #FFF; padding: 20px; text-transform: uppercase;}


.portfolio-item .portfolio_preview_img_wrap{
	border: 1px solid #303030;
}
.portfolio-item  .portfolio_preview_img{
	width:100%;
}


/*.portfolio_detail .port_right_col{width: 360px;float: right;	min-height: 1px;margin-left: 20px;}*/

.container.carousel-option.details{max-width:100%;}
.portfolio_detail_review {position: relative;min-height: 175px;top: 0;z-index: 0;margin: 0 0 1em 0;width: 100%;}
.portfolio_detail_review:before{content: " ";display: table;}
.portfolio_detail_review:after{clear: both;content: " ";display: table;}
.portfolio_detail_review  blockquote {margin: 0;padding: 0;border: none;}
.portfolio_detail_review  blockquote p{font-style: italic; font-size: 1em;color: #444;font-weight: 300;margin: 0.4em 0 1em 25px;}
.portfolio_detail_review  blockquote footer{padding: 0;color: #333;font-size: 1.2em;border: none;box-shadow: none;background: none;}
.portfolio_detail_review  blockquote footer:before{content: '― ';}
.portfolio_detail_review  blockquote footer span:before{content: '― ';opacity:0;}
.portfolio_detail_review img{float: right;margin-left: 3em;max-width: 250px;}

.portfolio_detail_main_text{margin-top:20px}


.prc_table{display:table; margin:30px 0;}
.prc_table .prc_table_row{display:table-row;}
.prc_table .prc_table_row .prc_table_cell{display:table-cell; padding-bottom:8px; padding-left: 10px;}
.prc_table .prc_table_row .prc_table_cell .icon-check{font-size: 1em;}
.prc_table .prc_table_row .prc_table_cell:first-child{width:26px; padding-left: 0px;}
.prc_table .prc_table_row .prc_table_cell.date{width:132px;}

.prc_table li{ list-style:none; margin-bottom: 8px;}
.prc_table li span{ margin-right: 5px;}
.prc_table ol{ list-style:none; margin:0;list-style-type: circle;}
.prc_table i{ color: #646464; margin-right:5px; font-size: 21px;}

.redform_wrap.red {background: #C31919;color: #FFF;}
.redform_wrap{position: relative;display: block;margin: 20px auto;padding: 20px 0px;background: #303030;color: #FFF;text-align: center;}

.redform {width:774px; margin:0 auto;padding: 30px 0;}
.redform:after {content:' ';display:block;clear:both;}
.redform_inputs {float:left;width:164px;}
.redform_inputs .redform_inputs_item {}
.redform_inputs .redform_inputs_item input{}
.redform_textarea {float:right;width:600px;}
.redform_textarea textarea{width:95%;}


.review_p {
/* height: 26px; */
/* width: 20px; */
/* line-height: 27px !important; */
padding: 5px;
/* margin: 4px; */
/* font-size: 1px; */
/* position: relative; */
/* float: left; */
/* clear: both; */
/* top: 0px; */
/* display: inline-block; */
}
.review_p:before {font-size: 60px;
color: #c31919;
/* font-family: "Arial", sant-serif; */
height: 26px;
width: 20px;
/* background-color: #000; */
/* line-height: 30px !important; */
/* margin-top: -5px; */
float: left;
/* clear: both; */
}


.bitrix_explane_table{width:100%;}
.bitrix_explane_table:after{content:"";display:block;clear:both;}
.bitrix_explane_table .bet_left{float:left;width:130px;}
.bitrix_explane_table .bet_left.bet_left_short{float:left;width:65px;}
.bitrix_explane_table .bet_right{float:right;width:465px;}
	

	
.choose_table{width:100%;}
.choose_table:after{content:"";display:block;clear:both;}
.choose_table .choose_table_item{float:left; width:33%; text-align:center;}
.choose_table .choose_table_item a{display:inline-block;}
.choose_table .choose_table_item a .cti_img_wrap {display:inline-block;line-height:144px;vertical-align:middle;}
.choose_table .choose_table_item a .cti_img_wrap img{display:inline-block;margin-bottom:15px;}
.choose_table .choose_table_item a span{font-weight:700;}


.show_mobile_ver{display:block;cursor:pointer;}

.show_mobile_ver:after{content:"Полная версия сайта";}
.show_mobile_ver.fs_on:after{content:"Мобильная версия сайта";}