/***********************************************************

1. CSS RESET

2. VARIABLES
2.1 GRADIENTS
2.2 CSS3 TRANSITIONS

3. GLOBAL THEME STYLES

4. TYPOGRAPHY
4.1 HEADINGS
4.2 PARAGRAPHS & LISTS
4.3 LINKS
4.4 PRODUCT ATTRIBUTES (name, description, price)
4.5 RTE

5. FORMS & COMPONENTS
5.2 ALERTS
5.3 BUTTONS

6. GLOBAL PAGE LAYOUT

7. SIDEBAR CONFIGURATION

8. MAIN PAGE
8.1 HEADER
8.2 NAVIGATION
8.3 NIVOSLIDER
8.4 SHOWCASE
8.5 MAIN PRODUCT LISTING
8.6 FOOTER

9. COLLECTION PAGES
9.1 PAGES CONTENT
9.2 BREADCRUMBS
9.3 COLLECTION LISTING
9.4 PAGINATION

10. SIDEBAR WIDGETS
10.1 LINKS LIST
10.2 SIDEBAR PRODUCT LISTING

11. SEARCH RESULTS PAGE

12. PRODUCT PAGE
12.1 PRODUCT IMAGES
12.2 PRODUCT INFO
12.3 PRODUCT PAGINATION
12.4 RELATED PRODUCTS

13. BLOG
13.1 POSTS LISTING
13.2 SINGLE POST

14. CUSTOMER PAGES
14.1 LOG IN
14.2 ACCOUNT
14.3 ADDRESSES
14.4 ORDERS

15. CART PAGE
15.1 CART PRODUCTS
15.2 GUEST CHECKOUT

16. CONTACTS PAGE

***********************************************************/



/* 1. CSS RESET ************************************************************************** */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, 
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, 
fieldset, form, label, legend, textarea, button
{margin: 0;padding: 0;border: 0;outline: none !important;vertical-align: top;background: transparent;font-weight: normal;line-height: 1em;}

ol, ul {list-style:none;}
a, span {vertical-align:baseline;}
b, strong {font-weight: bold;}
i, dfn {font-style: italic;}

img {max-width: 100%;}


.calendar-event {
  overflow: hidden;
  display: block;
  position: relative;
  height: 85px;
  padding: 5px;
  margin-bottom: 10px;
  //border-radius: 5px;
  //border: 1px solid #DDDDDD;
  background-color: #FFFFFF;
}

.calendar-event .right-elements {
  padding-top: 15px;
  padding-right: 15px;
  float: right;
  height: 80px;
  width: 100px;
  font-size: 11px;
  text-align: right;
}

.calendar-event .right-elements .calendar-month {
  font-size: 15px;
  color: #2185c5;
  text-transform: uppercase;
  padding-bottom: 10px;
}

.calendar-event .right-elements .calendar-date {
  padding-bottom: 3px;
  font-size: 15px;
  text-transform: uppercase;
}

.calendar-event .left-elements {
  float: left;
  width: 80px;
  padding: 30px 15px 30px 15px;
}

.calendar-event .calendar-main {
  margin-right: 100px;
  padding: 10px 0 0 0;
  height: 80px;
}

.calendar-event .event-title {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  padding: 5px;
}

.calendar-event .event-title .text {
  display: inline-block;
  max-width: 90%;
  padding: 0 0 4px 10px;
  border: 1px solid transparent;
  color: #2185c5;
}

.calendar-event .event-title .text span {
  float: left;
  padding-right: 10px;
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.calendar-event .sub-text {
  margin-left: 16px;
  margin-bottom: 6px;
  font-size: 12px;
}

div.link {
  display: inline;
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
  cursor: hand;
  padding-right: 10px;
}






.error {
	color: red !important;
	font-weight: bold !important;
}

.success {
	color: green !important;
	font-weight: bold !important;
}

.content {
	margin-left: 20px;
	margin-right: 20px;
}

.login-section {padding-bottom:10px;padding-right:10px;}
.float-right {float: left;}

.weather-results{padding-left: 10px; }
.photo-upload-container{float: right; font-size: 12px;}
.photo-upload{display: inline-block !important; padding-left: 10px;}
.photo-upload-text{color: #2185c5; }

.photo-gallery-img {
	float: left;
	padding-right: 4px;
	padding-bottom: 4px;
}
.display-items {
	background-color: #FFFFFF;
	margin-bottom: 6px;
	margin-left: 30px;
}
.display-items a {
	display: block;
	text-transform: uppercase;
	transition: 0.2s ease-in-out;
	padding: 8px 10px 8px 25px;
	font: normal 15px Open Sans;
	color: #999999;
	text-decoration: none;
	vertical-align: baseline;
	background: transparent;
	cursor: auto;
}

.display-blue {
	background-color: #2185c5;
	margin-bottom: 6px;
	margin-left: 30px;
}

.display-blue a {
	display: block;
	text-transform: uppercase;
	transition: 0.2s ease-in-out;
	padding: 8px 10px 8px 25px;
	font: normal 15px Open Sans;
	color: #FFFFFF;
	text-decoration: none;
	vertical-align: baseline;
	background: transparent;
	cursor: auto;
}

.display-blue a:hover {
	color: #CCCCCC;
}

.nice-table table {
	border: none;
	background-color: none;
	width: 100%;
}

.nice-table td {
  background-color: #FFFFFF;
  margin-bottom: 6px;
  margin-left: 30px;
  height: 36px;
  text-transform: uppercase;
  transition: 0.2s ease-in-out;
  padding: 8px 10px 8px 25px;
  font: normal 15px Open Sans;
  color: #999999;
  text-decoration: none;
}

#album {
	cursor: pointer;
	background-color: #2185c5;
	color: #FFFFFF;
	padding: 8px 0 8px 25px;
}

.group .album .ui-icon {
	background-image: url("../images/ui-icons_FFFFFF_256x240.png");
}

.group .album .ui-icon {
	background-image: url("../images/ui-icons_FFFFFF_256x240.png");
}

.ui-accordion-header {
	margin: 5px 0 10px 0 !important;
	cursor: pointer;
	background-color: #FFFFFF;
	padding: 8px 0 8px 25px;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	position: absolute;
	left: 23px;
	margin-top: 3px;
}

.ui-state-active .ui-icon {
	background-image: url("../images/ui-icons_454545_256x240.png");
}

.ui-state-default .ui-icon {
	background-image: url("../images/ui-icons_888888_256x240.png");
}

.ui-icon-triangle-1-s {
	background-position: -64px -16px;
}

.ui-icon {
	width: 16px;
	height: 16px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}



.form-cell {
	padding-right: 10px;
	padding-bottom: 10px;
}

.form-input {
	width: 227px;
	background-color: #FFFFFF;
}

.form-date {
	width: 80px !important;
}

.form-address {
	width: 218px;
}

.form-submit {
	font-family: Arial, Helvetica, sans-serif;
	color: #9a9da1 !important;
	background-color: #FFFFFF !important;
	padding: 10px;
	font-size: 12px;
	border: solid 1px #dddddd;
	width: 150px;
}

.form-submit-blue {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF !important;
	border: solid 1px #2185c5;
	background-color: #2185c5 !important;
	padding: 10px;
	font-size: 12px;
	border: solid 1px #dddddd;
	width: 150px;
}

.form-submit-red {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF !important;
	border: solid 1px #2185c5;
	background-color: rgb(216, 11, 11) !important;
	padding: 10px;
	font-size: 12px;
	border: solid 1px rgb(216, 11, 11);
	width: 150px;
}

.form-label {
	font-size: 14px;
	padding-left: 0px;
}

.form-choose-file {
    position:relative;
    display:inline-block;    
    border:#ebebeb solid 1px;
    width:250px; 
    padding: 7px 6px 7px 8px;
    font: normal 14px Myriad Pro, Verdana, Geneva, sans-serif;
    color: #7f7f7f;
	background:white;
	margin-right: -4px;
}
.form-choose-file input[type="file"] {
    -webkit-appearance:none; 
    position:absolute;
    top:0; left:0;
    opacity:0; 
}

#cke_editor {
}

.email-lightbox {
	display: none;
	position: absolute;
	top: 25%;
	left: 25%;
	width: 50%;
	padding: 16px;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

.blackout {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

/* 2. VARIABLES ***************************************************************************/

/* 2.1 GRADIENTS */

/* 2.2 CSS3 TRANSITIONS */






/* 3. GLOBAL THEME STYLES ***************************************************************************/

/* hiding placeholder text on focus in webkit, thanks to http://www.kolodvor.net/2012/03/23/webkit-placeholder-attribute-behavior */
input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {color: transparent;}



/* clearfix - nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix {zoom: 1;}

.clearfix:before,
.clearfix:after {content: "";display: table;}

.clearfix:after {clear: both;}



/* utility classes: hidden, float left, float right, etc. */
.hidden,
.visuallyhidden {display: none;}
 
.left {float: left;}
.right {float: right;}



/* custom selects global styles */
.customselect_wrap {position: relative;cursor: pointer;}
.customselect_wrap select {margin: 0;padding: 0;border: none;z-index: 100;cursor: pointer;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.customselect_wrap span.customSelect {
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
}



#fancybox-wrap {padding: 0 !important;}



/* 4. TYPOGRAPHY ***************************************************************************/




body {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #888888;}



/* 4.1 HEADINGS */


.column_center h1,
.column_center h2,
.column_center h3,
.column_center h4,
.column_center h5,
.column_center h6 {margin: 15px 0;font: 20px Open Sans;color: #2185c5;text-transform: uppercase;}

.column_center .page-head{margin-bottom: 30px; margin-top:0px; font: 20px Open Sans;color: #2185c5;text-transform: uppercase;}

.column_center h2,
.column_center h3,
.column_center h4 {font-size: 15px;}

.column_center h5,
.column_center h6 {font-size: 13px;}

.column_center .page_heading {margin: 0;padding: 20px 30px 22px 30px;background: #7ecefd;font: 20px Open Sans;color: #ffffff;text-transform: uppercase;}
.column_center .page_heading a {float: right;}



/* 4.2 PARAGRAPHS & LISTS */
p {margin: 15px 0;padding: 0;}

.column_center ul {list-style-type: square;list-style-position: inside;}
.column_center ol {list-style-type: decimal;list-style-position: inside;}



/* 4.3 LINKS */
a {color: #888888;text-decoration: none;}
a:hover, a:focus {color: #2185c5;}


/* 4.5 RTE */
.rte {margin-top: 15px;margin-bottom: 15px;color: inherit;}

.rte a {color: inherit;text-decoration: underline;}
.rte a:hover {text-decoration: none;}

.rte h1 {font-size: 19px;}
.rte h2 {font-size: 17px;}
.rte h3 {font-size: 16px;}
.rte h4 {font-size: 14px;}
.rte h5 {font-size: 13px;}
.rte h6 {font-size: 12px;}

.rte img {margin-top: 15px;margin-bottom: 15px;}



/* 5. FORMS & COMPONENTS ***************************************************************************/

/* 5.1 FORMS */
label {font-weight: bold;font-size: 12px; vertical-align: middle;}

select,
select.form-control,
textarea,
textarea.form-control,
input[type="text"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="telephone"] {padding: 6px;border:1px solid #dddddd;font: normal 13px 'Arial';color: #9a9da1;
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
        box-sizing: border-box;
border-radius: 0;
box-shadow: none;
}

select,
select.form-control {padding: 8px 3px;}

textarea,
textarea.form-control {min-width: 100%;max-width: 100%;min-height: 100px;}

.form-control:focus {border-color: #aaa;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #ddd;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #ddd;
}


.form-group {vertical-align: top !important;margin-top: 15px;margin-bottom: 0;}



.form-horizontal {}
.form-horizontal label {padding-top: 0 !important;text-align: right;line-height: 34px;}
.form-horizontal select {width: 100%;}

.action_bottom span.note {margin-left: 5px;}
.action_bottom span.note a {margin-left: 5px;}



/* 5.2 ALERTS */
.alert {margin: 15px 0;
-webkit-border-radius: 0;
   -moz-border-radius: 0;
        border-radius: 0;
}

.alert > p,
.alert > ul,
.alert > ol {list-style-type: none;margin: 0;}

.alert > p + p,
.alert > ul + ul {margin: 10px 0 0 0;}


/* 5.3 BUTTONS */
.btn,
.btn a,
.btn-info,
.btn-primary {padding: 10px 15px;background: #2185c5 !important;border-color: #2185c5 !important;font-size: 11px;color: #ffffff !important;text-transform: uppercase;
border-radius: 0 !important;
box-shadow: none !important;

-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;

}

.btn a {padding: 0 !important;border: none !important;}

.btn-cart {}

.btn:hover,
.btn:hover a,
.btn-info:hover,
.btn-primary:hover {background: #3e454c !important;border-color: #3e454c !important;}



/* 6. GLOBAL PAGE LAYOUT ***************************************************************************/

html, body {height: 100%;background-color: #dbdbdb;}

#wrapper {

background-image: url(../images/body_bg.jpg?4949);

background-position: 50% 0;
background-repeat: no-repeat;
}
#wrapper2 {overflow: hidden;}
#wrapper3 {max-width: 1260px;margin: 70px auto;background: #ffffff;}



.container {padding: 0;}



#main {margin-top: 70px;position: relative;z-index: 1;}
.template-index #main:before {content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 40px;z-index: -1;
-webkit-box-shadow: inset 0 0 0 700px rgba(227,227,227,0.5);
        box-shadow: inset 0 0 0 700px rgba(227,227,227,0.5);
}



#main_content,
.column .widget {margin-bottom: 50px !important;}



/* 7. SIDEBAR CONFIGURATION ***************************************************************************/

/* NO SIDEBAR */
.sidebar_none {}


/* LEFT SIDEBAR */
.sidebar_left {}
.sidebar_left .column_center {width: 100%;}
.sidebar_left .column_center #main_content {margin: 0 0 0 25%;}
.sidebar_left .column_left {margin-left: -100%;}


/* RIGHT SIDEBAR */
.sidebar_right {}


/* BOTH SIDEBARS */
.sidebar_both {}
.sidebar_both .column_center {width: 100%;}
.sidebar_both .column_center #main_content {margin: 0 25%;}
.sidebar_both .column_left {margin-left: -100%;}
.sidebar_both .column_right {margin-left: -25%;}


/* NOSIDEBAR PAGES */
.sidebar_off .column_center #main_content {margin: 0;}



/* 8. MAIN PAGE ***************************************************************************/

/* 8.1 HEADER */
#header {}



.header_search {width: 285px;height: 46px;float: right;padding: 0 46px 0 0;background: #eee;}
.header_search #search-field {width: 100%;height: 46px;float: left;padding: 0 0 0 15px;background: none;border: none;}
.header_search #search-submit {width: 46px;height: 46px;margin: 0 -48px 0 0;color: #9a9da1;}
.header_search #search-submit i {font-size: 25px;}
.header_search #search-submit:hover {color: #2185c5;}

#logo {padding: 40px 0 0 0;}
#logo a {display: inline-block;text-transform: uppercase;}
#logo a img {float: left;margin: 12px 0 0 0; width: 300px}
#logo a b {display: block;margin: 0 0 0 300px;font: 300 70px/1em Open Sans;color: #3e454c;

-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;

}
#logo a span {display: block;margin: 0 0 0 200px;font: 300 20px Open Sans;color: #3e454c;

-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;

}

#logo a:hover b {color: #2185c5;}
#logo a:hover span {color: #9a9da1;}



.header_user {width: 25px;height: 25px;display: block;float: right;margin: 19px 0 0 20px;background: #3e454c;text-align: center;

-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;

}
.header_user i {line-height: 22px;color: #ffffff;}

.header_user:hover {background: #2185c5;}



.header_currency {float: right;padding: 23px 0 0 20px;}
.header_currency .customselect_wrap {display: inline-block;}
.header_currency span.customSelect {}
.header_currency span.customSelect span {width: 40px;height: 13px;font-weight: bold;font-size: 11px;color: #2185c5;text-transform: uppercase;}
.header_currency i {font-size: 14px;position: absolute;right: 0;top: 2px;z-index: 1;}
.header_currency #currencies {width: 40px;height: 13px;}
.header_currency #currencies option {}



.header_cart {float: right;margin: 19px 0 0 35px;}
.header_cart a {width: 215px;height: 46px;display: block;padding: 0 12px;background: #2185c5;line-height: 46px;color: #ffffff;

-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;

}
.header_cart a i {margin: 0 10px 0 0;font-size: 23px;line-height: 41px;}
.header_cart a b {vertical-align: baseline;}
.header_cart a span {font-size: inherit;color: #7ecefd;text-transform: uppercase;}
.header_cart a span.count {margin: 0 4px;}

.header_cart a:hover {background: #3e454c;}



.custom_header1 {float: right;margin: 19px 0 0 0;}
.custom_header1 h3 {font: 300 25px Open Sans;line-height: 44px;color: #3e454c;}
.custom_header1 h3 i {margin: 5px 10px 0 0;font-size: 40px;color: #2185c5;}



/* 8.2 NAVIGATION */
#navigation {float: right;padding: 90px 0 0 0;position: relative;z-index: 1;}

#navigation select.menu_mobile {width: 100%;height: 30px !important;display: block;background: #eee;}


.sf-menu {}
.sf-menu li {position: relative;}

.sf-menu > li {float: left;}
.sf-menu > li ~ li {margin: 0 0 0 20px;}
.sf-menu > li > a {font-size: 12px;color: #999999;text-transform: uppercase;}

.sf-menu > li.active > a,
.sf-menu > li:hover > a {color: #2185c5;}


.sf-menu ul {width: 190px !important;background: #3e454c;position: absolute;left: 0;top: 25px;z-index: 1000;}
.sf-menu ul li {}
.sf-menu ul li a {display: block;padding: 6px 10px 4px 10px;font-size: 11px;color: #ffffff;text-transform: uppercase;}
.sf-menu ul li ~ li a {
-webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2);
        box-shadow: inset 0 1px 0 0 rgba(255,255,255,0.2);

-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;

}

.sf-menu ul > li a:hover,
.sf-menu ul > li.active a {background: #2185c5;}



/* 8.3 NIVOSLIDER */

.nivoSlider {width: 100%;height: auto;overflow: hidden;position: relative;}
.nivoSlider img {max-width: none;position: absolute;top: 0;left: 0;}
.nivo-main-image {width: 100% !important;display: block !important;position: relative !important;}

.nivoSlider a.nivo-imageLink {width: 100%;height: 100%;margin: 0;padding: 0;background: #fff;border: 0;z-index: 6;position: absolute;left: 0;top: 0;
display: none;filter: alpha(opacity=0);opacity: 0;
}

.nivo-slice {height: 100%;display: block;position: absolute;top: 0;z-index: 5;}

.nivo-box {display: block;overflow: hidden;position: absolute;z-index: 5;}
.nivo-box img {display: block;}

.nivoSlider > a,
.nivoSlider > img,
.caption_hidden {display: none;}


.slider_wrap {margin: 0 0 30px 0;position: relative;z-index: 1;}

.nivoSlider {
height: 477px;

}

.nivo-caption {position: absolute;left: 0;top: 0;z-index: 8;
display: none;
}


.nivo-directionNav a {display: block;vertical-align: top;position: absolute;top: 50%;z-index: 9;cursor: pointer;}
.nivo-directionNav a:hover {}
.nivo-directionNav a span {display: none;}
.nivo-directionNav a i {display: inline-block;}
.nivo-prevNav {left: 0;}
.nivo-nextNav {right: 0;}


.nivo-controlNav {position: absolute;right: 30px;top: 430px;z-index: 10;}
.nivo-controlNav a {width: 39px;height: 0;display: block;overflow: hidden;float: left;padding: 11px 0 0 0;background: #2185c5;cursor: pointer;

-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;

}
.nivo-controlNav a + a {margin: 0 0 0 5px;}
.nivo-controlNav a:hover {background: #7ecefd;}
.nivo-controlNav a.active {background: #7ecefd;cursor: default;}


/* 8.4 SHOWCASE */
#showcase {}

.custom_showcase {margin: 0 0 30px 0;}
.custom_showcase a {display: block;}

.custom_showcase a div {padding: 25px 20px 30px 20px;background: #2185c5;

-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;

}
.custom_showcase i {width: 53px;height: 53px;display: block;float: right;background: #7ecefd;font-size: 29px;line-height: 50px;color: #ffffff;text-align: center;
-webkit-box-shadow: inset 0 0 0 50px #7ecefd;
        box-shadow: inset 0 0 0 50px #7ecefd;

-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;

}
.custom_showcase h3 {margin: 0;padding: 2px 0 0 0;border: none;font: 300 20px/1em Open Sans;color: #7ecefd;

-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;

}
.custom_showcase h4 {margin: 0;padding: 0;border: none;font: 300 30px/1em Open Sans;color: #ffffff;}

.custom_showcase a div:hover {background: #7ecefd;}
.custom_showcase a div:hover i {background: #2185c5;
-webkit-box-shadow: inset 0 0 0 0 #7ecefd;
        box-shadow: inset 0 0 0 0 #7ecefd;
}
.custom_showcase a div:hover h3 {color: #ffffff;}


.custom_showcase1 {}
.custom_showcase2 {}
.custom_showcase3 {}

.custom_showcase4 {}
.custom_showcase4 a {position: relative;}
.custom_showcase4 a div {width: 100%;height: 100%;padding: 0 55px 0 55px;background: none !important;position: absolute;left: 0;top: 0;}
.custom_showcase4 a i {width: 95px;height: 95px;margin: 77px 0 0 0;font-size: 53px;line-height: 93px;}
.custom_showcase4 h3 {padding: 66px 0 0 0;font-size: 60px;color: #ffffff;

-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;

}
.custom_showcase4 h4 {margin: -2px 0 0 0;font-size: 54px;color: #7ecefd;

-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;

}

.custom_showcase4 a:hover h3 {color: #7ecefd !important;}
.custom_showcase4 a:hover h4 {color: #ffffff !important;}


/* 8.6 FOOTER */
#footer {background: #fff; margin-top:29px;}


.custom_footer {width: 25%; padding-left: 60px;}
.custom_footer h3 {padding: 45px 0 0 0;font: 300 14px Open Sans;color: #2185c5;text-transform: uppercase; font-weight: bold;}
.custom_footer ul {padding: 10px 0 0 0;}
.custom_footer ul li {padding: 4px 0 0 0;}
.custom_footer ul li a {color: #999999;}

.custom_footer ul li.active a,
.custom_footer ul li a:hover {color: #3e454c;}


.custom_footer4 {}
.custom_footer4 i {float: left;margin: 0 12px 0 0;font-size: 40px;color: #2185c5;}
.custom_footer4 span {display: block;}


#footer .copyright {margin: 50px 0 0 0;padding: 25px 0;background: #3e454c;font-size: 11px;color: #999999;}
#footer .copyright p {margin: 0 auto;}
#footer .copyright a {color: #999999;}
#footer .copyright a:hover {color: #ffffff;}



/* 9. COLLECTION PAGES ***************************************************************************/

/* 9.1 PAGES CONTENT */
ul.tags {margin-top: 15px;list-style-type: none;}
ul.tags li {float: left;}
ul.tags li + li {margin: 0 0 0 5px;}
ul.tags li a {display: block;padding: 5px 10px;color: #3e454c;

-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;

}

ul.tags li a:hover,
ul.tags li.active a {background: #3e454c;color: #ffffff;}


.collection_info {margin-top: 15px;}
.collection_info .collection_img {text-align: center;}
.collection_info .collection_desc .rte {margin: 0;}



/* 9.2 BREADCRUMBS */
.breadcrumb {margin: 0 0 30px 0;background: #eee;
-webkit-border-radius: 0;
   -moz-border-radius: 0;
        border-radius: 0;
}



/* 9.3 COLLECTION LISTING */
.collection_listing {}
.collection_listing .collection {margin: 30px 0 0 0;}



/* 9.4 PAGINATION */

#pagination {display: inline-block;overflow: hidden;margin: 30px 0 0 0;
-webkit-border-radius: 0;
   -moz-border-radius: 0;
        border-radius: 0;
}
#pagination span {display: block;float: left;
-webkit-box-shadow: inset 0 0 0 400px rgba(0,0,0,0.06);
        box-shadow: inset 0 0 0 400px rgba(0,0,0,0.06);
}
#pagination span ~ span {margin: 0 0 0 1px;}

#pagination span a,
#pagination span.current {display: block;padding: 7px 10px;color: #3e454c;

-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;

}

#pagination span a:hover {background: #3e454c;color: #ffffff;}
#pagination span.current {background: #2185c5;font-weight: bold;color: #ffffff;cursor: default;}



/* 10. SIDEBAR WIDGETS ***************************************************************************/

.column .widget {}

.column .widget h3.widget_header {margin: 0;padding: 20px 30px 22px 30px;background: #3e454c;font: 20px Open Sans;color: #ffffff;text-transform: uppercase;}


/* 10.1 LINKS LIST */
.column .widget__collections h3.widget_header {background: #2185c5;}

.column .widget ul.list {}
.column .widget ul.list li {}
.column .widget ul.list li.item_odd {background: #eee;}
.column .widget ul.list li.item_even {background: #FFFFFF;}

.column .widget ul.list li a {display: block;padding: 11px 10px 12px 30px;font: normal 15px Open Sans;color: #999999;text-transform: uppercase;

-webkit-transition: 0.2s ease-in-out;
   -moz-transition: 0.2s ease-in-out;
    -ms-transition: 0.2s ease-in-out;
     -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;

}

.column .widget ul.list li.active a,
.column .widget ul.list li a:hover {color: #2185c5;}








/* 16. CONTACTS PAGE ***************************************************************************/

.contact-scope {}
.contact-form {}

.contact-scope iframe {width: 100%;margin: 15px 0;border: 1px solid #dddddd;}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form input[type="telephone"],
.contact-form textarea {}

.contact-form textarea {width: 100%;}

.contact-form_buttons {}
.contact-form_buttons .btn-toolbar {}