@charset "utf-8";

@-ms-viewport{ width: device-width;}

/*----------------------------*/
/*      OTHER CSS FILES       */
/*----------------------------*/

@import url(gothampro.css);
@import url(rg-table.css);

/*----------------------------*/
/* RESETTING BROWSER DEFAULTS */
/*----------------------------*/
* {margin: 0; padding: 0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table { border-collapse: collapse; border-spacing: 0;}

/* Border Box! */
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

/* Other Annoying Things */
*:invalid, *:-moz-submit-invalid, *:required, *:-moz-placeholder, *:-moz-focusring {outline: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}
input[type=submit] {cursor: pointer; -webkit-appearance: none; }
input[type=number] { -moz-appearance:textfield;}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}
input[type=text], input[type=email], input[type=password], input[type=number], input[type=url], input[type=date], input[type=reset], input[type=tel], input[type=color], input[type=time], input[type=date], input[type=week], input[type=month], input[type=range], input[type=search], input[type=datetime], input[type=datetime-local], textarea, select { -webkit-appearance: none; }
* :focus {outline: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
html {-webkit-text-size-adjust: 100%;} /* Prevent IPhone font scaling while allowing user zoom (corrects the iPhone/iPad behavior, without changing desktop behavior) */
a {text-decoration: none;}
sup, sub { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; font-size: 70%;}
sup { bottom: 1ex; }
sub { top: .5ex; }
/* Font Smoothing */
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }


/*---------------------------*/
/*      GENERAL FONT         */
/*---------------------------*/

/* 
Thin:		100 (N/A)
Extra Light:200 (N/A)	
Light:		300
Normal:		400
Medium:		500
Semi Bold:	600 (N/A)
Bold: 		700
Extra Bold:	800 (N/A)
Black:		900
*/

html, input, textarea, select, button {font-family: 'GothamPro', sans-serif; }


/*---------------------------*/
/*       GENERAL STUFF       */
/*---------------------------*/

body, html { height: 100%;  }
html { font-size: 16px; background: #f9f9fa;  }
body {background: #f9f9fa; color: #2c3442; overflow-x: hidden;  }
strong, b { font-weight: bold; }
em { font-style: italic; }
hr { border: 0; height: 0; border-top: none; border-bottom: #d1d6dd 1px solid; margin: 2em 0; clear: both; }
mark { background-color: dimGray; color: white; padding: 2px; }

/* Responsive Images */
img {max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; }

.no-padding { padding: 0px !important; }
.noscroll { overflow: hidden; }

.float-left { display: block; float: left; width: 49%; }
.float-right { display: block; float: right; width: 49%;  }

@media screen and (max-width: 800px){
	.float-left { display: block; float: none; width: 100%; }
	.float-right { display: block; float: none; width: 100%;  }
	.float-right.right { text-align: inherit !important; }
}

.left { text-align: left !important; }
.right { text-align: right !important; }
.center { text-align: center !important; }
.small { font-size: 0.8em; }
.large { font-size: 1.2em; }
.caps { text-transform: uppercase !important; }
.no-caps { text-transform: none !important; }
.no-shadow {-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;}

.white { color: #fff !important; }
.red { color: red !important; }
.blue { color: #3077c1 !important; }
.grayish { color: #8694a3 !important; }

.temp-hide { display: none; }

.cover {background-repeat: no-repeat; background-position: 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }

/* Proper position of the Anchors */
a.anchor { display: block; width: 20px; position: relative; top: -65px; /*height of Sticky header*/ visibility: hidden;}

.clearfix {  visibility: hidden; display: block; height: 0; clear: both; }

.container { }



/*---------------------------*/
/*          HEADER           */
/*---------------------------*/

header { width: 100%; /*overflow-x: hidden;*/ background: #fff; font-size: 0px; /*position: fixed; z-index: 60;*/
	/*Menu position:*/ text-align: left;
	/*-webkit-box-shadow:0 0 36px rgba(44,51,65,0.3); -moz-box-shadow:0 0 36px rgba(44,51,65,0.3); box-shadow:0 0 36px rgba(44,51,65,0.3);*/
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  }
	header:after, header .container:after {content: "."; visibility: hidden; display: block; height: 0; clear: both;  }
	header .container { /*padding: 20px 40px;*/ position: relative; width: 90%; max-width: 1600px; margin: 0px auto;  }



/*---Top Bar---*/
header .top-bar { background: #fff; color: #2c3442; font-size: 14px; text-align: left; border-top: #d1d6dd 6px solid; 
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	header .top-bar:after, header .top-bar .container:after {content: "."; visibility: hidden; display: block; height: 0; clear: both;  }
	header .top-bar .container { /*padding: 0px 40px; */}
	header .top-bar a { /*display: block; */  }
	

	
/*---Logo---*/
header h1 { display: block; text-align: right;}
header h1 a { display: block; float: left; overflow: hidden; text-indent: -9999px; font-size: 0px;  margin: 20px 0 10px 0;
	-webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
	/*Logo Image:*/	background-image: url(../img/silotreat_logo.png);
	/*Logo Size:*/	width: 290px; height: 70px;
	background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
	header h1 a:hover, header h1 a:focus { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; }
	header h1:after {content: "."; visibility: hidden; display: block; height: 0; clear: both;  }
	
/*---Header Icons---*/
header .language, header .cart, header .user { display: inline-block; float: right; font-size: 14px; line-height: 40px; margin-left: 10px; }
	header .cart { margin-left: 0px; }
header .cart a, header .user a { color: #2c3442;  -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	header .cart a:hover, header .cart a:focus, header .user a:hover, header .user a:focus { color: #3077c1; }
header .cart a:before, header .user a:before { content: "\f07a"; font-family: fontAwesome; font-size: 22px; color: #d1d6dd; display: inline-block; padding: 0 10px; text-align: center; line-height: 30px; position: relative; 
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  }
header .user a:before { content: "\f007"; }
	header .cart a:hover:before, header .user a:hover:before, header .cart a:focus:before, header .user a:focus:before { color: #3077c1; }
header ul.language li { display: inline-block;  }
	header ul.language li a { display: block;  padding: 0 10px; height: 40px; color: #2c3442; background: #fff; 
		-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  }
		header ul.language li a:hover, header ul.language li a:focus { background: #d1d6dd; color: #fff; }
	header ul.language li.act a {color: #2c3442; background: #d1d6dd;  }
		header ul.language li.act a:hover, header ul.language li.act a:focus { color: #fff; }	


/*---Breadcrumps---*/
ul.breadcrump-nav { font-size: 13px; text-align: left; position: absolute; left: 0; bottom: -40px; line-height: 34px; border-bottom: #d1d6dd 1px dotted; width: 100%; z-index: 0; }
ul.breadcrump-nav li { display: inline-block; }
ul.breadcrump-nav li + li:before { content: "/\00a0"; content: "\f101"; font-family: fontAwesome; padding: 0 10px 0 7px; }
ul.breadcrump-nav a { color: #2384c6; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  }
	ul.breadcrump-nav a:hover, ul.breadcrump-nav a:focus { color: #3077c1; }

/*---STICKY HEADER---*/

header.sticky { background: rgba(255,255,255,0.9); -webkit-box-shadow:0 0 30px rgba(44,51,65,0.3); -moz-box-shadow:0 0 30px rgba(44,51,65,0.3); box-shadow:0 0 30px rgba(44,51,65,0.3); }
header.sticky > .container { padding-top: 10px; padding-bottom: 10px; }
header.sticky .top-bar { /*font-size: 0px;*/ line-height: 0px; -webkit-transform: translateY(-24px); -ms-transform: translateY(-24px); transform: translateY(-24px); -webkit-backface-visibility: hidden;}

@media screen and (max-width: 1200px) { 
	header h1 { text-align: left; float: left; clear: left;}
	header h1 a { float: right; width: 207px; height: 50px;}
	header .header-icons-wrapper { overflow: auto; border-bottom: #d1d6dd 1px solid; }
	
}
@media screen and (max-width: 900px) { ul.breadcrump-nav { display: none; } }
@media screen and (max-width: 550px) { 
	header .cart, header .user { font-size: 0px; height: 40px; overflow: hidden; }
		header .cart #display-cart-items { font-size: 14px; }
	header .cart a:before, header .user a:before {  height: 40px; line-height: 40px;}
	header h1 a { width: 166px; height: 40px;}
	header .header-icons-wrapper { }
}

/*---------------------------*/
/*         PARALLAX          */
/*---------------------------*/

.parallax, .parallax1, .parallax2, .parallax3 { 
	width: 100%;
	height: auto; 
	display: table; 
	padding: 7%;
	vertical-align: central; 
	background-repeat: no-repeat; 
	background-position: 50% 50%; 
	background-attachment: fixed; 
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; 
}
.parallax > .container, .parallax1 > .container, .parallax2 > .container, .parallax3 > .container { display: table-cell; width: 100%; vertical-align: middle;}

@media screen and (max-width: 800px){ .parallax, .parallax1, .parallax2, .parallax3 { background-position: 50% 50% !important; background-attachment: scroll !important; } }

.transparent { background: rgba(255,255,255,0.5); padding: 40px 7%; text-align: center;}

/*---------------------------*/
/*            HERO           */
/*---------------------------*/

.hero { display: table; width: 100%; height: 100%; /*min-height: 300px;*/ background-repeat: no-repeat; background-position: 50% 50%;  
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
.hero .overlay { display: table-cell; vertical-align: middle; text-align: left;  background: rgba(0,0,0,0.3);  padding: 60px 6% 60px 6%; position: relative; height: 100%; color: rgba(255,255,255,0.01);}
	
.hero.half { height: 50%;}
.hero.third { height: 30%}

.hero h1 { font-weight: 900; font-size: 100px !important; text-transform: uppercase;  margin: 0 0 0.1em 0 !important; color: #fff; }

@media screen and (max-width: 800px){
	.hero .overlay {  padding: 30px 6% 30px 6%; }
	.hero h1 { font-size: 60px !important;} 
	.hero p { font-size: 14px; } 
}

/*---Scroll Down---*/
.scroll-down { position: absolute; bottom: 20px; left: 50%; margin-left: -20px; width: 40px; height: 40px !important; font-size: 0px;}
.scroll-down a { display: block; width: 40px; height: 40px; color: #fff; font-size: 36px; line-height: 40px; text-align: center;
	/*-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;*/
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
	-webkit-animation: pulsing 1.15s infinite;
    -moz-animation: pulsing 1.15s infinite;
    animation: pulsing 1.15s infinite;  }
	.scroll-down a:hover, .scroll-down a:active {background-color: rgba(0,0,0,0.6); }	
	
	@-webkit-keyframes pulsing {
	  0% {opacity: 0.3;}
	  50% {opacity: 1;}
	  100% {opacity: 0.3;}
	}
	@-moz-keyframes pulsing {
		0% {opacity: 0.3;}
	  50% {opacity: 1;}
	  100% {opacity: 0.3;}
	}
	@keyframes pulsing {
		0% {opacity: 0.3;}
	  50% {opacity: 1;}
	  100% {opacity: 0.3;}
	}


/*---------------------------*/
/*          CONTENT          */
/*---------------------------*/
.content {  }
.content:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; font-size: 0px; }

/* Link Color */
.content a { color: #3077c1;
	-webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease; }
	.content a:hover, .content a:focus { color: #42a0e8; }

/* Sections and  Containers*/

.content .container { width: 90%; max-width: 1600px; margin: 0px auto; padding: 60px 0; }
	.content .container:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; font-size: 0px; }
@media screen and (max-width: 900px){.content .container { padding: 40px 0; } }
@media screen and (max-width: 600px){.content .container { padding: 20px 0; } }


section { width: 100%;
	-moz-box-shadow:    inset 0 40px 36px -40px #d8dadd;
	-webkit-box-shadow: inset 0 40px 36px -40px #d8dadd;
	box-shadow:         inset 0 40px 36px -40px #d8dadd; }
section.dark { background: #212121; color: white; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;  }
section.gray { background: #d1d6dd; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
section.narrow > .container { max-width: 1200px; }
section.no-padding > .container { padding: 0px !important; max-width: none!important; width: 100%; }
section.small-padding > .container { padding: 20px 0 !important;  }
section.first-child > .container { padding-top: 40px !important;  }
@media screen and (max-width: 900px){section.first-child > .container { padding-top: 0px !important;  } }




/* Typography Basics */
.content p,
.content ul,
.content ol,
.content blockquote,
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 { margin: 1.4em 0; line-height: 1.4em; }

/* Preventing single paragraph to push container heights
.content p { margin: 0px 0px 0.85em 0px; }
.content p + p { margin: 0.85em 0px; }
/* Preventing single... END */

.content ul, .content ol { margin: 1em 0 1em 2em;}
.content ul ul, .content ol ol, .content ol ul, .content ul ol { margin: 0 0 0 2em; }

.content ul { list-style-type: disc; list-style-position: inside; }
.content ul ul { list-style-type: circle; list-style-position: inside; }
.content ul ul ul { list-style-type: square; list-style-position: inside; }
.content ul ul ul ul { list-style-type: circle; list-style-position: inside; }

.content ol { list-style-type: decimal; list-style-position: inside; }
.content ol ol { list-style-type: upper-roman; list-style-position: inside; }
.content ol ol ol { list-style-type: upper-latin; list-style-position: inside; }
.content ol ol ol ol { list-style-type: lower-latin; list-style-position: inside; }

.content blockquote { /*margin: 1em 2em;*/ /*font-style: italic;*/ position: relative; border: #d1d6dd 1px solid; padding: 15px 20px; background: #fff; margin-top: -10px;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
	/*.content blockquote:before { content: ""; position: absolute; left: -1.4em; width: 1px; height: 100%; display: block; background: #d1d6dd; } */
	.content blockquote p.right { margin-top: -1em; }

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { margin: 0.8em 0; font-weight: 600;  }

.content h1 { font-size: 36px; }
.content h2 { font-size: 28px; }
.content h3 { font-size: 26px; }
.content h4 { font-size: 24px; }
.content h5 { font-size: 22px; }
.content h6 { font-size: 20px; }

@media screen and (max-width: 900px){

.content h1 { font-size: 32px; }
.content h2 { font-size: 24px; }
.content h3 { font-size: 22px; }
.content h4 { font-size: 20px; }
.content h5 { font-size: 18px; }
.content h6 { font-size: 16px; }

}

@media screen and (max-width: 600px){

.content p,
.content ul,
.content ol,
.content blockquote { font-size: 15px; }
.content h1 { font-size: 28px; }
.content h2 { font-size: 20px; }
.content h3 { font-size: 18px; }
.content h4 { font-size: 17px; }
.content h5 { font-size: 16px; }
.content h6 { font-size: 15px; }

}

/* Special Links */

.more a:before { content: "\f054"; font-family: fontAwesome; display: inline-block; width: 30px; height: 30px; line-height: 26px; text-align: center; border: #3077c1 2px solid; margin: 0 15px 0 0;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	.more a:hover:before { border-color: #42a0e8; }

.back a:before { content: "\f053"; font-family: fontAwesome; display: inline-block; width: 30px; height: 30px; line-height: 26px; letter-spacing: 0.2em; text-align: center; border: #3077c1 2px solid; margin: 0 15px 0 0;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	.back a:hover:before { border-color: #42a0e8; }
	
.edit a:before { content: "\f044"; font-family: fontAwesome; display: inline-block; width: 30px; height: 30px; line-height: 26px; letter-spacing: -0.1em; text-align: center; border: #3077c1 2px solid; margin: 0 15px 0 0;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	.edit a:hover:before { border-color: #42a0e8; }
	
.delete a:before { content: "\f014"; font-family: fontAwesome; display: inline-block; width: 30px; height: 30px; line-height: 26px; text-align: center; border: #3077c1 2px solid; margin: 0 15px 0 0;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	.delete a:hover:before { border-color: #42a0e8; }
	
.edit, .delete { margin: 10px 0 !important;  }

/* Bullets */
ul.bullets { list-style: none; margin:0; padding: 0; text-align: center; vertical-align: top; font-size: 0px;}
ul.bullets li { display: inline-block; width: 250px; /*margin: 0 10px 20px 10px;*/ padding: 20px; vertical-align: top !important; font-size: 1rem; }
ul.bullets li img { margin-bottom: 10px; }
ul.bullets li h6 { margin-bottom: -0.5em; text-transform: uppercase; }

/* Side Menu */
ul.side-menu { list-style: none; margin:0; padding: 0;}
ul.side-menu li { display: block; width: 100%; margin: 0 0 10px 0; }
ul.side-menu li a { display: block; background: #d1d6dd; color:#242424; padding: 10px 20px;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	ul.side-menu li a:hover, ul.side-menu li a:focus { background: #3077c1; color: white; }
ul.side-menu li.act a { background: #3077c1; color: white; }
ul.side-menu li.logout a:before { content: "\f08b"; font-family: fontAwesome; display: inline-block; margin-right: 10px; }
	ul.side-menu li.logout a:hover, ul.side-menu li.logout a:focus { background: #d53838; }
	
/* Pagination */
ul.pagination { margin: 20px 0; padding: 0px; list-style: none; text-align: center;  }
ul.pagination li { display: inline-block; width: 40px; height: 40px; line-height: 40px !important; overflow: hidden; text-align: center;  /*padding: 10px 0;*/ margin: 3px; font-weight: 700;  font-size: 18px; line-height: 20px; text-transform: uppercase;  background: #f9f9fa; color: #3077c1; border: #3077c1 1px solid;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;   }
ul.pagination li a { display: block;/* padding: 10px 15px; margin: -10px -15px; font-weight: 400;*/  color: #fff; background: #3077c1; 
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	ul.pagination li a:hover, ul.pagination li#page-first a:hover, ul.pagination li#page-prev a:hover, ul.pagination li#page-next a:hover, ul.pagination li#page-last a:hover { background: #f9f9fa; color: #3077c1; }

ul.pagination li#page-first a, ul.pagination li#page-prev a, ul.pagination li#page-next a, ul.pagination li#page-last a{ /*background: black; color: #fff;*/ }
	ul.pagination li#page-first, ul.pagination li#page-prev, ul.pagination li#page-next, ul.pagination li#page-last { color: #fff; background: #3077c1;}
	
/* Special Bullets */

/* Contacts*/
ul.special-list {list-style: none; margin: 16px 0 30px 0; line-height: 1.4em;  }
	ul.special-list li { padding: 0 0 0 30px; margin: 14px 0; position: relative;  }
		ul.special-list li a { color: #242424; }
		ul.special-list li a:hover { color: #3077c1; }
	ul.special-list li:before { content: "\f069"; font-family: fontAwesome; color: #3077c1; font-size: 21px; text-align: center; display: inline-block; position: absolute; left: 0px; width: 20px; margin-right: 10px;
	-webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; transition: color 0.3s ease;  }
		/*ul.contact-list li:hover:before, ul.contact-list li:focus:before { color: #66ccff; }*/
ul.special-list li.address:before {content: "\f041";}
ul.special-list li.phone:before {content: "\f095";}
ul.special-list li.mobile:before {content: "\f10b";}
ul.special-list li.fax:before {content: "\f1ac";}
ul.special-list li.email:before {content: "\f003";}
ul.special-list li.website:before {content: "\f0ac";}
ul.special-list li.skype:before {content: "\f17e";}
ul.special-list li.facebook:before {content: "\f09a";}
ul.special-list li.twitter:before {content: "\f099";}
ul.special-list li.google:before {content: "\f0d5";}
ul.special-list li.linkedin:before {content: "\f0e1";}
ul.special-list li.instagram:before {content: "\f16d";}
ul.special-list li.resume:before {content: "\f0f6";}
ul.special-list li.time:before {content: "\f017";}
ul.special-list li.cart:before {content: "\f07a";}
ul.special-list li.cube:before {content: "\f1b2";}
ul.special-list li.drop:before {content: "\f043";}
ul.special-list li.youtube:before {content: "\f167";}
	
/* Articles */

.columns {
  -webkit-columns: 2 150px; -moz-columns: 2 150px; columns: 2 150px;
  -webkit-column-gap: 2em; -moz-column-gap: 2em; column-gap: 2em;
}
.columns p { margin: 0 0 1.4em 0 !important; }
.columns p + p { margin: 1.4em 0 1.4em 0 !important; }
@media screen and (max-width: 900px){ .columns {  -webkit-columns: auto; -moz-columns: auto; columns: auto;} }

.article-image { margin: 30px 0; }

/* Stores */

/*#sophia,*/ #plovdiv, #burgas { display: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }

/*---------------------------*/
/*           BOXES           */
/*---------------------------*/

.boxes { font-size: 0px; }
.boxes .box { display: inline-block; padding: 20px; margin: 0; font-size: 1rem; line-height: 1.4rem; vertical-align: top; width: 33.33%; }
.boxes .box .container {height: 100%; width: 100%;}

/* 4 Columns */
.boxes.four-columns .box { width: 25%; }
/* 5 Columns */
.boxes.five-columns .box { width: 20%; }
/* 6 Columns */
.boxes.six-columns .box { width: 16.66%; }
/* 2 Columns */
.boxes.two-columns .box { width: 50%; }

/* Square Boxes */
.boxes.square .box { position: relative; padding: 0;}
.boxes.square .box:after { content: ""; display: block; padding-bottom: 100%;}
.boxes.square > .box > .container {position: absolute; height: 100%; width: 100%; padding: 20px; text-align: center; 
	/*display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center;*/}

/* Squares (by Bobby Kilpatrick) */
.squares { font-size: 0px; }
.squares .square { display: inline-block; position: relative; font-size: 1rem; line-height: 1.4rem; width: 20%; vertical-align: top; }
.squares .square:after {content: ""; display: block; padding-bottom: 100%; }
.squares .square .container {position: absolute;  width: 100%;  height: 100%; padding: 20px; text-align: center; overflow: hidden;
	display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center;}
	
	
/* Layout Boxes */

.boxes.layout .box { /*padding: 0 20px;*/ }
.boxes.layout .box:nth-child(3n+1) { padding-left: 0px; }
.boxes.layout .box:nth-child(3n+3) { padding-right: 0px; }

.boxes.layout.two-columns { }
.boxes.layout.two-columns .box { padding: 20px 20px 20px 0px; }
.boxes.layout.two-columns .box + .box { padding: 20px 0px 20px 20px;}

.boxes.layout-left .box { width: 66.6%; padding: 20px 20px 20px 0px; }
.boxes.layout-left .box + .box { width: 33.3%; padding: 20px 0px 20px 20px; }

.boxes.layout-right { direction: rtl; }
.boxes.layout-right .box { direction: ltr; }
.boxes.layout-right .box { width: 66.6%; padding: 20px 0px 20px 20px; }
.boxes.layout-right .box + .box { width: 33.3%; padding: 20px 20px 20px 0px; }

.boxes.layout-middle .box { width: 20%; padding: 20px 20px 20px 0px; }
.boxes.layout-middle .box + .box { width: 60%; padding: 20px 20px 20px 20px; }
.boxes.layout-middle .box + .box + .box { width: 20%; padding: 20px 0px 20px 20px; }

.boxes.no-padding .box { padding: 0px !important; }
.boxes.padding .box { padding: 20px !important; }

/* Split Two Sides */

.layout-split { display: table;}
.layout-split .side { display: table-cell; vertical-align: top; width: 50%; }

.layout-split.reverse { direction: rtl; }
.layout-split.reverse .side { direction: ltr; }

.layout-split-title { position: relative; top: 50%; text-align: center; display: block; padding: 20px; margin: 0px auto;  max-width: 300px; background: rgba(0,0,0,0.5); color: white; 
	-ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

@media screen and (max-width: 400px){ .layout-split-title { max-width: 86%; } }

/*.layout-split-title { position: relative; top: 50%; text-align: center; display: block; padding: 0px; margin: 0px auto; max-width: 300px; background: rgba(160,160,200,0.5); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;
	-ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
	.layout-split-title:after { content: ""; display: block; padding-bottom: 100%;}
	.layout-split-title > .container {position: absolute; height: 100%; width: 100%; padding: 40px; text-align: center; 
	display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: column; justify-content: center;}*/
	
/*.layout-split-title {  top: 50%; text-align: center; display: table-cell; vertical-align: middle; padding: 0px; margin: 0px auto; width: 300px; height: 300px; overflow: hidden; background: rgba(160,160,200,0.5); -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;}*/

@media screen and (max-width: 900px){

.boxes .box { width: 100% !important; padding: 20px 0px !important;  }
.boxes.no-padding .box { padding: 0px !important; }

.layout-split .side { display: block;  width: 100%; }
.layout-split .side .full { height: auto !important; padding: 10% 0; }
	.layout-split-title { -ms-transform: none; -moz-transform: none; -webkit-transform: none; transform: none; }
}

/* Item Boxes (additional class to "Boxes") */

.boxes-items { margin: 0 -20px; }
.boxes-items a { color: black !important; width: 100%; height: 100%; display: block; }
.boxes-items h1, .boxes-items h2, .boxes-items h3, .boxes-items h4, .boxes-items h5, .boxes-items h6 { color: #3077c1 !important; text-transform: none !important; }
.boxes-items .date { font-size: 0.8em; color: gray; text-transform: uppercase; margin: -0.5em 0px -1em 0px; }

.boxes-items .image { display: inline-block; overflow: hidden; position: relative; width: 100%; margin-bottom: 10px; padding-bottom: 56.25%;}
/*Padding-bottom options: 56.25% = 16/9; 50% = 2/1; 75% = 4/3; 100% = 1/1 (square)*/
.boxes-items .image img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 100%; height: auto;  transform-origin: center center;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-backface-visibility: hidden; }
.boxes-items .box:hover .image img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05);  transform: scale(1.05); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8;  }

@media screen and (max-width: 900px){ .boxes-items { margin: 0px;} }


.four-themes { display: table; height: 100%; width: 100%; }
	.four-themes .box1, .four-themes .box2, .four-themes .box3, .four-themes .box4 { display: table-cell; background: url(../img/pic/_demo_masonry_01.jpg) 50% 50% no-repeat; font-size: 14px; vertical-align: bottom; position: relative;
	-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  }
		.four-themes .box2 { background-image: url(../img/pic/_demo_masonry_06.jpg); }
		.four-themes .box3 { background-image: url(../img/pic/_demo_masonry_10.jpg); }
		.four-themes .box4 { background-image: url(../img/pic/_demo_masonry_13.jpg); }
	.four-themes .box1 a, .four-themes .box2 a, .four-themes .box3 a, .four-themes .box4 a { height: 100%; width: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; color: #fff; background: rgba(255,255,255,0);
		-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  }
		.four-themes a:hover, .four-themes a:focus { background: rgba(255,255,255,0.3);}
	.four-themes .text-box { display: table-cell; position: absolute; left: 0; right: 0; bottom: 0; min-height: 25%; background: rgba(0,0,0,0.6); border-bottom: #000 2px solid; padding: 20px 20px 40px 20px; line-height: 1.4em; text-align: center;
		-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
		.four-themes .text-box h3 { font-size: 22px; text-transform: uppercase; margin: 0 0 1em 0; line-height: 1.2em; }
	.four-themes a:hover .text-box, .four-themes a:focus .text-box { background: rgba(0,0,0,0.9); padding-bottom: 60px;}

@media screen and (max-height: 800px) { .four-themes .text-box {height: 30%;} }
@media screen and (max-height: 600px) { .four-themes .text-box {height: 38%;} }
@media screen and (max-width: 900px) and (max-height: 900px) {.four-themes .text-box {height: 35%;} }
@media screen and (max-width: 900px) and (max-height: 800px) {.four-themes .text-box {height: 40%;} }
@media screen and (max-width: 900px) and (max-height: 600px) {.four-themes .text-box {height: 50%;} }
@media screen and (max-width: 800px), (max-height: 500px) {
	.four-themes { height: auto; }
	.four-themes .box1, .four-themes .box2, .four-themes .box3, .four-themes .box4 {display: block; min-height: 440px;}
	.four-themes .text-box { height: auto; padding-bottom: 20px; }
	.four-themes .box4 { min-height: 500px; }
	.four-themes .box4 .text-box { padding-bottom: 40px; }
	.four-themes a:hover .text-box, .four-themes a:focus .text-box { padding-bottom: 40px;}
	.four-themes .box4 a:hover .text-box, .four-themes .box4 a:focus .text-box { padding-bottom: 60px;}
}

/*---------------------------*/
/*            SHOP           */
/*---------------------------*/

#cart { position: fixed; top: 0; right: -300px; left: auto; z-index: 999; height: 100%; width: 300px; overflow-y: auto; text-align: left; color: #fff; direction: rtl; font-size: 16px; font-size: 1rem;
	background: rgba(44,52,66,0.95); /*background: rgba(255,255,255,0.9);*/
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	#cart.open { -webkit-transform: translateX(-300px); -ms-transform: translateX(-300px); transform: translateX(-300px); }
	
#cart-close {position: fixed; top: 30px; right: -270px; text-align: center; width: 40px; height: 40px; line-height: 39px; color: #3077c1; font-size: 21px; background: rgba(209,214,221,0.8);  z-index: 72; cursor: pointer;
	-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	#cart-close.open { -webkit-transform: translateX(-300px); -ms-transform: translateX(-300px); transform: translateX(-300px); }
	#cart-close:hover {background: rgba(209,214,221,1); }

#cart .cart-container { direction: ltr; padding: 40px 30px 30px 30px; }

.product-prices {line-height: 1.8em !important; margin-bottom: 30px !important;}
.buy-me { padding: 30px 0 10px 0; border-bottom: #d1d6dd 1px solid; border-top: #d1d6dd 1px solid; }

#cart .cart-tn { display: block; width: 100px; height: 100px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 0 20px 0; }
#cart p { margin: 1.4em 0; }
#cart p.product-prices { margin: 0px 0px 20px 0px !important; }
#cart a { color: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	#cart a:hover, #cart a:focus { color: #d7e5f3; }
#cart hr { margin: 1em 0; }
#cart .add-to-cart { margin: 0px; }
#cart input, #cart select { margin: 0 0 20px 0; }

.click-row { cursor: pointer; }
.click-row:hover {  /*background: #d1d6dd !important;*/ }
.click-row i { margin-right: 10px; color: #3077c1; }

ul.checkout-nav {list-style: none; margin: 10px 0px 0px 0px; padding: 0; text-align: center; position: relative;  }
ul.checkout-nav li {display: inline-block; margin: 0 15px 20px 0; font-size: 18px; text-align: center; width: 40px; height: 40px; line-height: 40px; border: #c6cdd5 1px solid; color: #1a1b1b; background: #fff; 
	-moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
ul.checkout-nav li.act {background: #3077c1; color: #fff; border-color: #3077c1; }
@media screen and (max-width: 840px) { ul.checkout-nav {margin: 20px 0 -10px 0; } }
@media screen and (max-width: 840px) { ul.checkout-nav li {margin: 0 5px 20px 0; } }

/*---------------------------*/
/*         PRODUCTS          */
/*---------------------------*/

.product-item { display: block; width: 100%; vertical-align: middle; border-bottom: #d1d6dd 1px solid; padding: 20px 0; text-align: right; }
	.product-item:last-of-type { border-bottom: none; }
.product-item a { color: #242424; }
.product-item .product-thumb {display: inline-block; float: left; margin: 0 30px 0px 0;}
.product-item .product-thumb img {-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;}
.product-item .product-description { float: left; text-align: left; max-width: 40%; }
.product-item .product-description h3 { font-weight: 400; margin: 0.4em 0 0.2em 0; }
.product-item .product-description p {margin: 0.4em 0;  }
.product-item .product-buttons { }
.product-item p.button { display: inline-block; margin-left: 20px;  }

@media screen and (max-width: 1100px){
	.product-item { overflow: auto; }
	.product-item .product-thumb {margin: 0 30px 10px 0;}
	.product-item .product-description { max-width: none; }
	.product-item .product-buttons { display: block; clear: both; text-align: left; margin-bottom: -20px;  }
	.product-item .product-buttons p.button:first-child { margin-left: 0px; }
}
@media screen and (max-width: 500px){
	.product-item .product-thumb {margin: 0 30px 20px 0;}
	.product-item .product-description { float: none; }
	.product-item p.button { display: block; margin-left: 0px; }
	.product-item p.button a { display: block; }
}

.product-picture { float: left;text-align: center; }
@media screen and (max-width: 1000px){ .product-picture { float: none;  } }
@media screen and (max-width: 900px){ .product-picture { float: left;  } }
@media screen and (max-width: 700px){ .product-picture { float: none; } }

/*---------------------------*/
/*           TABS            */
/*---------------------------*/

.tabs { width:100%; display:inline-block; margin: 40px 0px !important;}
/* Tab Links */
.tabs-nav-bar { clear: both; margin-top: 0px; }
.tab-links { list-style: none; margin: 0px !important; padding: 0px !important; vertical-align: top; /*font-size: 0px;*/ white-space: nowrap; overflow-x: auto; }
/*.tab-links:after { content:''; display:block; clear:both;  }*/
.tab-links li { margin: 0px 10px; display: inline-block;  }
.tab-links a { display:inline-block; padding: 20px; background: black; color: white;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	.tab-links a:hover { background:darkGray; color: white; }
	li.active a { background: white; color: black; }
		li.active a:hover, li.active a:focus { background: white; color: darkGray; }
 /* Tabs Content */
.tab-content { padding: 10px 20px; background:white;}
.tab h1, .tab h2, .tab h3, .tab h4, .tab h5, .tab h6 { text-align: left !important; }
.tab {display:none;}
.tab.active {display:block;}

/*---------------------------*/
/*        ACCORDION          */
/*---------------------------*/

.accordion { margin: 40px 0px; overflow:hidden; /*-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;*/}
 
/* Section Titles */
a.accordion-section-title {display:inline-block; width:100%; background: #fff; color: #242424; font-weight: 700; line-height: 1.2em; padding: 15px 60px 15px 20px; margin: 0 0 20px 0; position: relative;
	 
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	a.accordion-section-title:after { content: "\f078"; font-family: fontAwesome; font-size: 18px; font-weight: 400; color: #3077c1; text-align: center; line-height: 30px; display: block; width: 30px; height: 30px; position: absolute; right: 10px; top: 50%;
		-ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
	a.accordion-section-title:hover, a.accordion-section-title:focus { background: #c6cdd5; color: #242424;}
		a.accordion-section-title:hover:after, a.accordion-section-title:focus:after { color: #fff; }
a.accordion-section-title.active { background: #3077c1; color: white;}
	a.accordion-section-title.active:after { content: "\f077"; color: #fff; }
 
.accordion-section:last-child a.accordion-section-title { border-bottom:none;}
 
/* Section Content */
.accordion-section-content { padding: 0 15px 5px 15px; margin-bottom: 30px; display:none; border-bottom: #ccc 1px solid; }
.accordion-section:first-child .accordion-section-content { display: block; } /*Open first question*/

/*---------------------------*/
/*           VIDEO           */
/*---------------------------*/

video.bgvideo { 
    /*position: fixed;*/
	position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background-repeat: no-repeat;
    background-size: cover; 
}

/* Responsive embedded video */
.video-embed { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin: 30px 0; } 
.video-embed iframe, .video-embed object, .video-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*---------------------------*/
/*            MAP            */
/*---------------------------*/

.map {position: relative; height: 600px;}

#map-canvas { width: 100%; height: 100%; }
#map-canvas img { max-width: none; }

.gm-style-iw { line-height: 1.4em; }
.gm-style-iw a {color: gray; }

.map-button { position: absolute; left: 40px; bottom: 0px; z-index: 1;  }
@media screen and (max-width: 400px){.map-button { right: 40px; }}

/*---------------------------*/
/*        GALLERIES          */
/*---------------------------*/

/*ZOOM ONLY GALLERY*/

/*---16x9 Zoom Only Gallery---*/

.image-gallery { font-size: 0px; line-height: 0px;  }
.image-gallery .image-wrap { display: inline-block; overflow: hidden !important; position: relative; width: 25%; 
	background: url(../img/fallback/icon_zoom.png); background-image: url(../img/icon_zoom.svg), none; background-repeat: no-repeat; background-position: 50% 50%; }
	.image-gallery .image-wrap:after { content: ""; display: block; padding-bottom: 56.25%; }
.image-gallery .image-wrap img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 103%; height: auto;  transform-origin: center center;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-backface-visibility: hidden; }
	.image-gallery a .image-wrap img:hover { -webkit-transform: scale(1.2); -ms-transform: scale(1.2);  transform: scale(1.2); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7;  }

/*---4x3 Zoom Only Gallery---*/
.image-gallery.postcard .image-wrap:after { content: ""; display: block; padding-bottom: 75%;}
.image-gallery.postcard .image-wrap img { -webkit-transform: scale(1.4); -ms-transform: scale(1.4);  transform: scale(1.4); }
.image-gallery.postcard .image-wrap img:hover { -webkit-transform: scale(1.6); -ms-transform: scale(1.6);  transform: scale(1.6); }

/*---Square Zoom Only Gallery---*/
.image-gallery.square .image-wrap:after { content: ""; display: block; padding-bottom: 100%;}
.image-gallery.square .image-wrap img { -webkit-transform: scale(1.8); -ms-transform: scale(1.8);  transform: scale(1.8); }
.image-gallery.square .image-wrap img:hover { -webkit-transform: scale(2); -ms-transform: scale(2);  transform: scale(2); }

/*---COLUMNS Zoom Only Gallery---*/

.image-gallery.six-columns .image-wrap { width: 16.66%; }
.image-gallery.five-columns .image-wrap { width: 20%; }
.image-gallery.three-columns .image-wrap { width: 33.33%; }
.image-gallery.two-columns .image-wrap { width: 50%; }
.image-gallery.one-column .image-wrap { width: 100%; }


/*CAPTION GALLERY*/


/*---16x9 Image Caption Gallery---
ul.caption-gallery  { list-style: none; margin: 0; padding: 0; font-size: 0px; }
ul.caption-gallery li { display: inline-block; overflow: hidden; position: relative; width: 25%; }
ul.caption-gallery li:after { content: ""; display: block; padding-bottom: 56.25%;}
ul.caption-gallery li img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 102%; height: auto;  transform-origin: center center;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-backface-visibility: hidden;}
ul.caption-gallery li:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2);  transform: scale(1.2); }
ul.caption-gallery li .caption {position: absolute; bottom: -60px; width: 100%; height: 100%; overflow: hidden; font-size: 14px;   
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
	ul.caption-gallery li:hover .caption { bottom: 0; }
ul.caption-gallery li .caption a {position: absolute; bottom: 0; background: rgba(44,52,66,0.65); height: auto; width: 100%; text-align: right;	padding: 20px; color: #fff;	 }
	ul.caption-gallery li .caption a h3,
	.content ul.caption-gallery li .caption a h3 { font-size: 26px; line-height: 1.2em; margin: 0 0 20px 0; position: relative; text-align: right; text-transform: none !important;  }
	ul.caption-gallery li .caption a h3 strong,
	.content ul.caption-gallery li .caption a h3 strong { display: block; font-weight: 700; text-transform: uppercase;}
	ul.caption-gallery li .caption a h3:after,
	.content ul.caption-gallery li .caption a h3:after { content: ""; display: block; width: 0px; height: 1px; background: #fff; margin: 15px 0px 0px auto;
		-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}
		ul.caption-gallery li:hover .caption a h3:after,
		.content ul.caption-gallery li:hover .caption a h3:after {  width: 100%;}
	.content ul.caption-gallery li .caption a p { margin: 0;}*/
	
ul.caption-gallery  { list-style: none; margin: 0; padding: 0; font-size: 0px; }
ul.caption-gallery li { display: inline-block; overflow: hidden; position: relative; width: 25%; }
ul.caption-gallery li:after { content: ""; display: block; padding-bottom: 56.25%;}
ul.caption-gallery li img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 102%; height: auto;  transform-origin: center center;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-backface-visibility: hidden;}
ul.caption-gallery li:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2);  transform: scale(1.2); }
ul.caption-gallery li a {position: absolute; bottom: -60px; width: 100%; height: 100%; overflow: hidden; font-size: 14px;   
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
	ul.caption-gallery li:hover a { bottom: 0; }
ul.caption-gallery li  a .caption{position: absolute; bottom: 0; background: rgba(44,52,66,0.65); height: auto; width: 100%; text-align: right;	padding: 20px; color: #fff;	 }
	ul.caption-gallery li  a .caption h3,
	.content ul.caption-gallery li  a .caption h3 { font-size: 26px; line-height: 1.2em; margin: 0 0 20px 0; position: relative; text-align: right; text-transform: none !important;  }
	ul.caption-gallery li a .caption h3 strong,
	.content ul.caption-gallery li a .caption h3 strong { display: block; font-weight: 700; text-transform: uppercase;}
	ul.caption-gallery li a .caption h3:after,
	.content ul.caption-gallery li a .caption h3:after { content: ""; display: block; width: 0px; height: 1px; background: #fff; margin: 15px 0px 0px auto;
		-webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease;}
		ul.caption-gallery li:hover a .caption h3:after,
		.content ul.caption-gallery li:hover a .caption h3:after {  width: 100%;}
	.content ul.caption-gallery li a .caption p { margin: 0;}

@media screen and (max-width: 1300px){
	ul.caption-gallery li a .caption h3, .content ul.caption-gallery li a .caption h3 { font-size: 26px; }
	
}


/*---4x3 Image Caption Gallery---*/
ul.caption-gallery.postcard li:after { padding-bottom: 75%;}
ul.caption-gallery.postcard li img { -webkit-transform: scale(1); -ms-transform: scale(1);  transform: scale(1); }
ul.caption-gallery.postcard li:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05);  transform: scale(1.05); }

/*---Square Image Caption Gallery---*/
ul.caption-gallery.square li:after { padding-bottom: 100%;}
ul.caption-gallery.square li img { -webkit-transform: scale(1.8); -ms-transform: scale(1.8);  transform: scale(1.8); }
ul.caption-gallery.square li:hover img { -webkit-transform: scale(2); -ms-transform: scale(2);  transform: scale(2); }

/*---COLUMNS Image Caption Gallery---*/

ul.caption-gallery.six-columns li { width: 16.66%; }
ul.caption-gallery.five-columns li { width: 20%; }
ul.caption-gallery.three-columns li { width: 33.33%; }
ul.caption-gallery.two-columns li { width: 50%; }
ul.caption-gallery.one-column li { width: 100%; }

/*--- With Borders ---*/
.image-gallery.border-fat, ul.caption-gallery.border-fat { margin-left: -1%;  }
.image-gallery.border-fat .image-wrap, ul.caption-gallery.border-fat li { width: 24%; margin: 0 0 1% 1%;  }
	
	.image-gallery.six-columns.border-fat .image-wrap, ul.caption-gallery.six-columns.border-fat li { width: 15.66%;   }
	.image-gallery.five-columns.border-fat .image-wrap, ul.caption-gallery.five-columns.border-fat li { width: 19%;   }
	.image-gallery.three-columns.border-fat .image-wrap, ul.caption-gallery.three-columns.border-fat li { width: 32.33%; }
	.image-gallery.two-columns.border-fat .image-wrap, ul.caption-gallery.two-columns.border-fat li { width: 49%; }
	.image-gallery.one-column.border-fat .image-wrap, ul.caption-gallery.one-column.border-fat li { width: 100%; margin: 0 0 1% 0; }
		.image-gallery.one-column.border-fat, ul.caption-gallery.one-column.border-fat { margin-left: 0; }

.image-gallery.border-medium, ul.caption-gallery.border-medium { margin-left: -0.5%;  }
.image-gallery.border-medium .image-wrap, ul.caption-gallery.border-medium li { width: 24.5%; margin: 0 0 0.5% 0.5%;  }

	.image-gallery.six-columns.border-medium .image-wrap, ul.caption-gallery.six-columns.border-medium li { width: 16.16%;   }
	.image-gallery.five-columns.border-medium .image-wrap, ul.caption-gallery.five-columns.border-medium li { width: 19.5%;   }
	.image-gallery.three-columns.border-medium .image-wrap, ul.caption-gallery.three-columns.border-medium li { width: 32.83%; }
	.image-gallery.two-columns.border-medium .image-wrap, ul.caption-gallery.two-columns.border-medium li { width: 49.5%; }
	.image-gallery.one-column.border-medium .image-wrap, ul.caption-gallery.one-column.border-medium li { width: 100%; margin: 0 0 0.5% 0; }
		.image-gallery.one-column.border-medium, ul.caption-gallery.one-column.border-medium { margin-left: 0; }

.image-gallery.border-thin, ul.caption-gallery.border-thin { margin-left: -0.1%; }
.image-gallery.border-thin .image-wrap, ul.caption-gallery.border-thin li { width: 24.9%; margin: 0 0 0.1% 0.1%;  }

	.image-gallery.six-columns.border-thin .image-wrap, ul.caption-gallery.six-columns.border-thin li { width: 16.56%;   }
	.image-gallery.five-columns.border-thin .image-wrap, ul.caption-gallery.five-columns.border-thin li { width: 19.9%;   }
	.image-gallery.three-columns.border-thin .image-wrap, ul.caption-gallery.three-columns.border-thin li { width: 33.23%; }
	.image-gallery.two-columns.border-thin .image-wrap, ul.caption-gallery.two-columns.border-thin li { width: 49.9%; }
	.image-gallery.one-column.border-thin .image-wrap, ul.caption-gallery.one-column.border-thin li { width: 100%; margin: 0 0 0.1% 0; }
		.image-gallery.one-column.border-thin, ul.caption-gallery.one-column.border-thin { margin-left: 0; }

@media screen and (max-width: 1200px){
	.image-gallery .image-wrap { width: 50%; }
	ul.caption-gallery li { width: 50%; }
	
	.image-gallery.border-fat, ul.caption-gallery.border-fat { margin-left: -2%;  }
	.image-gallery.border-fat .image-wrap, ul.caption-gallery.border-fat li { width: 48%; margin: 0 0 2% 2%;  }
	

		.image-gallery.three-columns.border-fat .image-wrap, ul.caption-gallery.three-columns.border-fat li { width: 48%; }

	
	.image-gallery.border-medium, ul.caption-gallery.border-medium { margin-left: -1%;  }
	.image-gallery.border-medium .image-wrap, ul.caption-gallery.border-medium li { width: 49%; margin: 0 0 1% 1%;  }
	
	.image-gallery.border-thin, ul.caption-gallery.border-thin { margin-left: -0.2%; }
	.image-gallery.border-thin .image-wrap, ul.caption-gallery.border-thin li { width: 49.8%; margin: 0 0 0.2% 0.2%;  }
}

@media screen and (max-width: 600px){
	.image-gallery .image-wrap { width: 100%; }
	ul.caption-gallery li { width: 100%; }
	
	.image-gallery.border-fat, ul.caption-gallery.border-fat { margin-left: 0;  }
	.image-gallery.border-fat .image-wrap, ul.caption-gallery.border-fat li { width: 100%; margin: 0 0 4% 0;  }
	
		.image-gallery.three-columns.border-fat .image-wrap, ul.caption-gallery.three-columns.border-fat li { width: 100%; }
	
	.image-gallery.border-medium, ul.caption-gallery.border-medium { margin-left: 0;  }
	.image-gallery.border-medium .image-wrap, ul.caption-gallery.border-medium li { width: 100%; margin: 0 0 2% 0;  }
	
	.image-gallery.border-thin, ul.caption-gallery.border-thin { margin-left: 0; }
	.image-gallery.border-thin .image-wrap, ul.caption-gallery.border-thin li { width: 100%; margin: 0 0 0.4% 0;  }
}

/*---------------------------*/
/*           FORMS           */
/*---------------------------*/

form.narrow { max-width: 900px; margin: 1.6em auto; }


/* Labels */
label { display: block; margin-bottom: 20px; color: #3077c1; }
.label { margin: 0 0 20px 0 !important; }

.no-labels label {display: none;}
.no-labels .checkbox label, .no-labels .radiobuttons label { display: inline-block;}

/* Inputs */
input, textarea, select {width: 100%; height: 56px; font-size: 18px; font-weight: 400; border: #666e7e 1px solid; background: #fff; color: #000; line-height: 54px; padding: 0 16px; margin: 0 0 30px 0; 
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
	input:focus, textarea:focus, select:focus { border-color: #3077c1;}
textarea { resize: vertical;  padding: 16px; height: 10em; line-height: 1.4em; }
select {  -webkit-appearance: none; -moz-appearance: none; appearance: none; background: transparent; background: url(../img/select.png); background-image: url(../img/select.svg), none; background-repeat: no-repeat; background-position: 100% 50%; background-color: #fff;  cursor: pointer;  color: #3077c1; /*Same as placeholder*/  }
select.selected { color: #000; }
option { padding: 5px; }

/* Buttons */
input[type="submit"], input[type="button"], button { -webkit-appearance: none; cursor: pointer; width: 100%; max-width: 300px; margin: 0 0 30px 0;  font-size: 18px; line-height: 50px; font-weight: 500; text-transform: uppercase; color: #fff; border: #3077c1 1px solid; 
	background: #3077c1; 
	background: -moz-linear-gradient(top,  #6197d0 0%, #3077c1 100%); 
	background: -webkit-linear-gradient(top,  #6197d0 0%,#3077c1 100%); 
	background: linear-gradient(to bottom,  #6197d0 0%,#3077c1 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6197d0', endColorstr='#3077c1',GradientType=0 );
	-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
input[type="submit"]:hover, input[type="button"]:hover, button:hover { color: #3077c1; 
	background: #ffffff; 
	background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9fa 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9fa 100%); 
	background: linear-gradient(to bottom,  #ffffff 0%,#f9f9fa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9fa',GradientType=0 );  }
@media screen and (max-width: 500px){ input[type="submit"], input[type="button"], button { max-width: 100%; } }



/* Button-like Links */
.button { }
.button a { display: inline-block; text-align: center; margin: 10px auto; font-size: 18px !important; line-height: 1.2em !important; padding: 17px 30px;
	font-weight: 500; text-transform: uppercase; color: #fff; border: #3077c1 1px solid; 
	background: #3077c1; 
	background: -moz-linear-gradient(top,  #6197d0 0%, #3077c1 100%); 
	background: -webkit-linear-gradient(top,  #6197d0 0%,#3077c1 100%); 
	background: linear-gradient(to bottom,  #6197d0 0%,#3077c1 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6197d0', endColorstr='#3077c1',GradientType=0 );
	-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	.button a:hover, .button a:focus { background: #fff; color: #3077c1; }

.button.real-button { margin: 0px !important;}
.button.real-button a { margin: 0px 0px 30px 0px !important; min-width: 300px; }
@media screen and (max-width: 500px){ .button.real-button a { min-width: 100%; } }

.button a i { font-size: 18px; margin-right: 10px; color: #fff;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  }
	.button a:hover i, .button a:focus i { color: #3077c1; }
	
.button.inverted a i { font-size: 18px; margin-right: 10px; color: #3077c1;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;  }
	.button.inverted a:hover i, .button.inverted a:focus i { color: #fff; }
	
/*Inverted Buttons*/

input[type="submit"].inverted, input[type="button"].inverted, button.inverted, .button.inverted a { color: #3077c1; 
	background: #ffffff; 
	background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9fa 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9fa 100%); 
	background: linear-gradient(to bottom,  #ffffff 0%,#f9f9fa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9fa',GradientType=0 );  }
input[type="submit"].inverted:hover, input[type="button"].inverted:hover, button.inverted:hover, .button.inverted a:hover { color: #fff; border: #3077c1 1px solid; 
	background: #3077c1; 
	background: -moz-linear-gradient(top,  #6197d0 0%, #3077c1 100%); 
	background: -webkit-linear-gradient(top,  #6197d0 0%,#3077c1 100%); 
	background: linear-gradient(to bottom,  #6197d0 0%,#3077c1 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6197d0', endColorstr='#3077c1',GradientType=0 );}

/* Checkbox and radio */
input[type="radio"], input[type="checkbox"] { width: auto; height: auto; /*-moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; background: none;*/ margin: 0 7px 30px 0; padding: 0px; }
.checkbox, .radiobuttons {white-space: nowrap;}
@media screen and (max-width: 500px){.checkbox, .radiobuttons {white-space: normal;}}
	.checkbox label, .checkbox input, .radiobuttons label, .radiobuttons input { vertical-align: middle; cursor: pointer; }
.checkbox label { display: inline-block; line-height: 20px; margin: 0 0 30px 0; white-space: normal; width: 90%; font-size: 16px; color: #242424; }
.radiobuttons label { display: inline-block; line-height: 20px; margin: 0 20px 30px 0; white-space: normal; word-break: break-all; font-size: 16px; color: #242424;}

/* Placeholder */
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {color: #3077c1; opacity: 1; -khtml-opacity: 1; }	

/* Datepicker */
.datepicker-wrapper { white-space: nowrap;}
input.date-picker { max-width: 200px; max-width: calc(100% - 67px);  }
.ui-datepicker-trigger {cursor: pointer; margin-left: 10px; font-family: fontAwesome; width: 57px; height: 56px; font-size: 22px;
	-webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); }
	
/* Special forms */
input.input-username { background: url(../img/fallback/icon_user.png); background-image: url(../img/icon_user.svg), none; background-repeat: no-repeat; background-position: 10px 50%; background-color: #fff; padding-left: 50px; }
input.input-password { background: url(../img/fallback/icon_password.png); background-image: url(../img/icon_password.svg), none; background-repeat: no-repeat; background-position: 10px 50%; background-color: #fff; padding-left: 50px; }

/* Upload */
.hide-me {visibility: hidden; width: 0px; height: 0px; position: absolute; margin: 0; padding: 0; border: none; }

/* On Submit */
input.invalid, select.invalid, textarea.invalid {border-color: #d53838;}
label.invalid {color: #d53838 !important;}
.input-error { display: inline-block; padding: 7px 15px;  background: #d53838; color: #fff; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); position: relative; max-width: 100%;}
	.input-error:before {bottom: 100%; left: 17px; border: solid transparent; content: " "; height: 0; width: 0;	position: absolute;	pointer-events: none; border-color: rgba(247, 96, 84, 0); border-bottom-color: #f76054;	border-width: 5px;	margin-left: -5px;}
.checkbox > .input-error, .radiobuttons > .input-error { display: table; }

/* Submit Messsages */
.alert-success {  /*border-bottom: #3a635f 1px solid;*/  line-height: 1.6em; }
	.alert-success:before { content:"\f14a"; font-family: fontAwesome; color: #609d0f; margin-right: 10px; font-size: 22px; }
.alert-danger {  /* border-bottom: #f76054 1px solid;*/  line-height: 1.6em; color: #d53838 !important;}
	.alert-danger:before { content:"\f071"; font-family: fontAwesome; color: #d53838; margin-right: 10px; font-size: 22px; }
.message { display: block; margin: 80px auto 40px auto; max-width: 800px; text-align: center; border: #d1d6dd 2px solid; background: #fff; padding: 10px 30px 10px 30px; position: relative;
	-webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; }
	.message:before { content: ""; display: block; height: 40px; position: absolute; bottom: 100%; left: -2px; right: -2px; background: url(../img/fallback/icon_message.png); background-image: url(../img/icon_message.svg), none; background-repeat: no-repeat; background-position: 50% 50%; background-color: #d1d6dd; 
	-webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; }
.message.alert { border-color: #d53838;} .message.alert:before { background-color: #d53838;  }
.message.ok { border-color: #3077c1;} .message.ok:before { background-color: #3077c1;  }
.content .message h4 { font-size: 26px; margin-bottom: -0.6em !important; }
@media screen and (max-width: 840px){
	 .message {  padding: 20px 20px 5px 20px; }
	 .content .message h4 { font-size: 22px; margin-bottom: -0.2em !important; margin-top: 0px !important; }	 	
}

/* Add to Cart */
.add-to-cart { font-size: 0px; margin-top: 40px; margin-bottom: -20px; vertical-align: top; }
#package { max-width: 300px; }
.quantity-control { font-size: 0px; height: 56px;}
input.qty, input.qtyplus, input.qtyminus, input.qtyzero { width: 56px; text-align: center; }
input.qty { /*-webkit-transform: translateY(-1px); -moz-transform: translateY(-1px); -ms-transform: translateY(-1px); -o-transform: translateY(-1px); transform: translateY(-1px);*/ border-left: none; border-right: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; }
input.qtyplus { margin-right: 20px;
-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
 -webkit-border-top-right-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px; }
input.qtyminus {
-webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;
-webkit-border-top-left-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-bottomleft: 4px;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px; }
input.qtyzero { font-family: lg; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
@media screen and (max-width: 220px) { 
	input.qtyplus, input.qtyminus { display: none; }
	input.qty {  border: #2c2c2c 2px solid; }
}

/*---------------------------*/
/*          FOOTER           */
/*---------------------------*/

footer { width: 100%; background: #c6cdd5;  }

footer .container { width: 90%; max-width: 1600px; margin: 0px auto; padding: 60px 0; }
@media screen and (max-width: 900px){footer .container { } }
@media screen and (max-width: 600px){footer .container {  } }

/* Footer Specials */
footer a { color: #2c3442;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	footer a:hover, footer a:focus { color: #3077c1; }

footer hr { border-bottom-style: solid; border-color: #fff; }

footer p { margin: 1.4em 0; line-height: 1.4em; }
	
footer p.copyright {font-size: 11px; margin: 0px !important; }

footer .logo {display: inline-block; margin: 20px 0;}
footer .logo a {display: block;  overflow: hidden; text-indent: -9999px; font-size: 0px; 
	-webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease;
	/*Logo Image:*/	background: url(../img/fallback/logo_footer.png); background-image: url(../img/logo_footer.svg), none;
	/*Logo Size:*/	width: 150px; height: 40px;
	background-position: 50% 50%; background-repeat: no-repeat;}
	header h1 a:hover, header h1 a:focus { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); opacity: 0.8; }

/*footer input[type="submit"], footer input[type="button"], footer button { max-width: none; background: #666; border: #666 2px solid; }
footer input[type="submit"]:hover, footer input[type="button"]:hover, footer button:hover { background: #ccc; border-color: #ccc; color: black; }*/

/* Footer Layouts */

footer .boxes.layout-left .box {  padding-top: 0px; padding-bottom: 0px; width: 75%; }
footer .boxes.layout-left .box + .box { text-align: right; padding: 0px; width: 25%;  }
/* Followin Query shoud be synched with the native Boxes Queries */
@media screen and (max-width: 900px) {
	footer .boxes.layout-left .box { border-right: none; border-bottom: #fff 1px solid; text-align: center;  }
	footer .boxes.layout-left .box + .box { text-align: center; }
}

footer .float-right { text-align: right;  }
footer .float-right:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }

@media screen and (max-width: 700px) {
	footer .float-left, footer .float-right { display: block; float: none; width: 100%; text-align: center; margin: 0 0 20px 0; }
}

footer .boxes.four-columns .box { border-right: #fff 1px solid; }
	footer .boxes.four-columns .box:first-child { padding-left: 0px; }
	footer .boxes.four-columns .box:last-child { border: none; }
/* Followin Query shoud be synched with the native Boxes Queries */
@media screen and (max-width: 900px) {
	footer .boxes.four-columns .box { border-right: none; border-bottom: #767676 1px solid; text-align: center; }
}

/* Footer Menus */
	
footer ul.footer-nav { font-size: 16px; margin: 0 -10px; }
footer ul.footer-nav li { display: inline-block; margin: 0 10px 10px 10px; }

footer ul.footer-vertical-nav li { margin: 1em 0; }

footer .social-icons { margin: 1em 0 0 0; }
footer .social-icons li {display: inline-block; margin: 10px; font-size: 28px;}
footer .social-icons li a { color: #fff; }
footer .social-icons li a i {-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
footer .social-icons li a:hover i { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

/* Footer Bar */
footer .footer-bar { width: 100%; background: white; padding: 40px 7%; text-align: center;  }

ul.footer-logos { list-style: none; margin:0; padding: 0;}
ul.footer-logos li { display: inline-block; margin: 10px 20px; vertical-align: middle; }
ul.footer-logos li a { display: block; -webkit-transform: scale(0.9); -ms-transform: scale(0.9);  transform: scale(0.9); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
	ul.footer-logos li a:hover, ul.footer-logos li a:focus { -webkit-transform: scale(1); -ms-transform: scale(1);  transform: scale(1); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }