@import url(https://fonts.googleapis.com/css?family=Archivo+Narrow:400,700);
html,
body {
  /*font-size: 18px;*/
}

body {
  font-family: "Roboto", sans-serif;
  margin: 0px;
  padding: 0px;
  color: #465866;
  /*text-rendering: optimizeLegibility;
  font-weight: 400;*/
  background-color: #fff;
  overflow-x: hidden;
}
/*------------------------------------------------------ my css ------------------------------------------------------------------------*/
.bold{
	font-weight: bold
}
.bg_fff{
	background-color:#FFF;
	min-height: 310px
}
.bg_c89c42{
	background-color: #c89c42;
	min-height: 60px;
	max-height:inherit
}
.bg_000{
	background-color:#000;
	min-height: 85px;
	max-height:inherit
}
.blue_button{
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
	min-height:1em;
	outline:none;
	border:none;
	font-family:"Lato", sans-serif;
	background-color:#1a5393;
	color:#fff;
	margin:0em;
	padding:1em 1.5em;
	font-size:1rem;
	line-height:1;
	font-weight:400;
	font-style:normal;
	text-align:center;
	text-decoration:none;
	border-radius:0.25em;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
	-webkit-transition:opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, -webkit-box-shadow 0.25s ease;
	-moz-transition:opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
	transition:opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease
}
/*Text Aligns*/
.justify{text-align:justify !important;}
.right {text-align:right !important;}
.center {text-align:center;}
.left {text-align:left !important}

/* Colors*/
.col_0268ad {color:#0268ad;}
.col_414042 {color:#414042;}
.col_282828 {color:#282828;}
.col_0268ad {color:#0268ad;}
.col_ff6d00 {color:#ff6d00;}
.col_58595b {color:#58595b;}
.col_a7a9ac {color:#a7a9ac;}
.col_524e4f	{color:#524e4f;}
.col_000000 {color:#000000;}
.col_202022 {color:#202022;}
.col_733386 {color:#733386;}
.col_524e4f {color:#524e4f;}
.col_f15a29 {color:#f15a29;}
.col_6d6e71 {color:#6d6e71;}
.col_1c75bc {color:#1c75bc;}
.col_f16721 {color:#f16721;}
.col_6d6e71 {color:#6d6e71;}
.col_231f20 {color:#231f20;}
.col_ed1c24 {color:#ed1c24;}
.col_f1f2f2 {color:#f1f2f2;}
.col_4d4d4d {color:#4d4d4d;}
.col_808080 {color:#808080;}
.col_262262 {color:#262262;}
.col_666666 {color:#666666;}
.col_333333 {color:#333333;}
.col_f4ebd9 {color:#f4ebd9;}
.col_c8a059 {color:#c8a059;}
.col_1a1a1a {color:#1a1a1a;}
.col_999999 {color:#999999;}
.col_3380b6 {color:#3380b6;}
.col_1a5493 {color:#1a5493;}
.col_fff {color:#fff;}
.col_007adf {color:#007adf;}
.col_18984f {color:#18984f;}
.col_df1800 {color:#df1800;}

/*Margins and Paddings*/
.paddingtop5 {padding-top:5px;}
.paddingtop10 {padding-top:10px;}
.paddingtop15 {padding-top:15px;}
.paddingtop20 {padding-top:20px;}
.paddingtop25 {padding-top:25px;}
.paddingtop30 {padding-top:30px;}
.paddingtop35 {padding-top:35px;}
.paddingtop40 {padding-top:40px;}
.paddingtop45 {padding-top:45px;}
.paddingtop50 {padding-top:50px;}
.paddingtop55 {padding-top:55px;}
.paddingtop60 {padding-top:60px;}
.paddingtop65 {padding-top:65px;}
.paddingtop80 {padding-top:80px;}
.paddingtop90 {padding-top:90px;}
.paddingtop105 {padding-top:105px;}
.paddingtop270 {padding-top:270px;}
.paddingtop370 {padding-top:370px;}
.paddingtop550 {padding-top:550px;}
.paddingleft110 {padding-left:110px;}
.paddingleft150 {padding-left:80px;}
.paddingleft220 {padding-left:220px;}
.paddingleft230 {padding-left:230px;}
.paddingleft245 {padding-left:202px;}
.paddingleft420 {padding-left:420px;}
.paddingleft425 {padding-left:425px;}

.paddingright10 {padding-right:10px;}
.paddingleft30 {padding-left:30px;}
.paddingleft10 {padding-left:10px;}
.paddingleft30 {padding-left:30px;}
.paddingright30 {padding-right:30px;}
.paddingright50{ padding-right:50px;}
.paddingleft15 {padding-left:15px;}
.paddingleft20 {padding-left: 20px;}
.paddingright20{padding-right: 20px;}
.nopaddingleft {padding-left:0px;}
.nopaddingright {padding-right:0px;}
.paddingbottom5 {padding-bottom:5px;}
.paddingbottom10 {padding-bottom:10px;}
.paddingbottom15 {padding-bottom:15px;}
.paddingbottom20 {padding-bottom:20px;}
.paddingbottom40 {padding-bottom:40px;}
.paddingbottom70 {padding-bottom:70px;}
.paddingbottom130 {padding-bottom:130px;}
.paddingright25 {padding-right:25px;}
.paddingleft40 {padding-left:40px;}
.paddingleft50 {padding-left:50px;}
.margintop20 { margin-top:20px;}
.marginleft20{margin-left:20px;}
.marginright20{margin-right:20px;}
.minusMargin {margin-top:-150px; position:relative; z-index:2;}
.marginright5 {margin-right:5px;}
.marginbottom5 {margin-bottom:5px;}

/*Font Sizes*/
.size10 {font-size:10px;}
.size11 {font-size:11px;}
.size12 {font-size:12px;}
.size13 {font-size:13px;}
.size14 {font-size:14px;}
.size15 {font-size:15px;}
.size16 {font-size:16px;}
.size17 {font-size:17px;}
.size18 {font-size:18px;}
.size19 {font-size:19px;}
.size20 {font-size:20px;}
.size21 {font-size:21px;}
.size22 {font-size:22px;}
.size23 {font-size:23px;}
.size24 {font-size:24px;}
.size25 {font-size:25px;}
.size26 {font-size:26px;}
.size27 {font-size:27px;}
.size28 {font-size:28px;}
.size32 {font-size:32px;}
.size35 {font-size:35px;}
.size38 {font-size:38px;}
.size40 {font-size:40px;}
.size43 {font-size:43px;}
.size47 {font-size:47px;}
.size50 {font-size:50px;}
.size55 {font-size:55px;}
.size56 {font-size:56px;}
.size57 {font-size:57px;}
.size58 {font-size:58px;}
.size59 {font-size:59px;}
.size60 {font-size:60px;}
.size61 {font-size:61px;}
.size63 {font-size:63px;}

/*Fonts*/
.Roboto {font-family: "Roboto", sans-serif;}
.RobotoLight {font-family:'Roboto', sans-serif;
				font-weight:300;}
.RobotoThin {font-family:'Roboto', sans-serif;
				font-weight:100;}
.RobotoNormal {font-family:'Roboto', sans-serif;
		    	 font-weight:400;}
.RobotoSemiBold {font-family: 'Roboto', sans-serif;
				 font-weight:600;}
.RobotoBold {font-family: 'Roboto', sans-serif;
				 font-weight: bold;}

.Lato {font-family: "Lato", sans-serif;}
.LatoLight {font-family:'Lato', sans-serif;
				font-weight:300;}
.LatoThin {font-family:'Lato', sans-serif;
				font-weight:100;}
.LatoNormal {font-family:'Lato', sans-serif;
		    	 font-weight:400;}
.LatoSemiBold {font-family: 'Lato', sans-serif;
				 font-weight:600;}
.LatoBold {font-family: 'Lato', sans-serif;
				 font-weight: bold;}

.RobotoSemiBoldItalic {font-family: 'Roboto', sans-serif;
				 font-weight:600;
				 font-style:italic;}
.RobotoSlab {font-family: "Roboto slab";
				 font-weight: lighter;
				 }
.RobotoSlabBold {font-family: "Roboto slab";
				 font-weight: bold;
				 }
.RobotoSlabLight {font-family: "Roboto slab";
				 font-weight: lighter;}
/*------------------------------------------------ end my css ---------------------------------------------------------------------------*/

a,
a.inverted,
a.white {
  cursor: pointer;
  color: #18984f;
  text-decoration: none;
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
  outline: none
}

a.inverted {
  color: #53BD99;
}

a.white {
  color: #fff;
}

a:hover,
a.hover,
a:focus {
  color: #aaa;
  -webkit-transition: all .55s ease;
  -moz-transition: all .55s ease;
  -o-transition: all .35s ease;
  transition: all .55s ease;
  outline: none;
  text-decoration: none
}

a.inverted:hover,
a.inverted:focus {
  color: #394147;
}

a.white:hover,
a.white:focus {
  color: #E14D43;
}

hr {
  margin-top: 2em;
  margin-bottom: 2em;
  border: 0;
  height: 3px;
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0));
  background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0));
  background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0));
  background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.1), rgba(0,0,0,0));
}

h1,
h2,
h2.h3.h4,
h3,
h5,
h6 {
  font-family: 'Archivo Narrow';
  color: #2D343E;
  margin-bottom: 1rem;
}

p {
  margin-bottom: 1em;
}

p:last-child {
  margin-bottom: 0;
}

.sk-content {
  padding: 1em;
}

.sk-content-full {
  padding: 2em 1em
}
.sk-content-half {
  padding: .5em 1em;
}

header {
  position: relative;
  background-color: #18984f;
  border-bottom: 6px solid #fff;
  border-top: 6px solid #18984f;
}

header .top-bar {
  background-color: #fff;
  color: #18984f;
  background-attachment: scroll;
  padding: .5em 0;
  min-height:50px
}

header .top-bar .doSearch {
  float: right;
  min-width: 300px
}

header .logo {
  padding-left: 1em;
  padding-top: .75em;
  padding-right: 1em;
}

.subheader {
  background-image: url("https://www.procopioumedishop.com/uploads/images/pages/subheader.jpg");
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
  min-height:314px
}

.subheader h1 {
  color: #fff;
  margin: 0;
  font-weight: 100
}

.subheader h1 small {

  display: block;

  font-weight: 300;

  color: #fff;

  margin-top: .5em;

}

.subheader .sk.breadcrumb {
  position: absolute;
  bottom: 0;
  right: 1em;
  background-color: rgba(255,255,255,0.2);
  color: #fff;
  padding: .5em 1.2em;
  text-transform: capitalize;
  width: auto;
}

.subheader .sk.breadcrumb a.section {
  color: #fff;
}

.subheader .sk.breadcrumb a:hover {
  text-decoration: underline;
}

.subheader .sk.breadcrumb .section {
  font-size: .876em;
  color: #fff;
}

.subheader .sk.inverted.input {
  width: 300px;
}

#suggestions {
  position: absolute;
  width: 300px;
  top: 5em;
  z-index: 100
}

#search-results {
  background-color: #FFF;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.08);
}

#search-results {
  background-color: #FFF;
}

#search-results .item {
  display: block
}

#page {

}

#pagination {
  margin-top: 1em;
}

/* == Menu Navigation == */
.sm,
.sm ul,
.sm li {
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: normal;
  direction: ltr;
}

ul.sm li {

  position: relative;

}

ul.sm a {
  position: relative;
  display: block;
}

ul.sm a.disabled {
  cursor: default;
}

ul.sm ul {
  position: absolute;
  top: -999999px;
  left: -800px;
  width: 100px;
}

ul.sm li {
  float: left;
}

ul.sm-rtl {
  direction: rtl;
}

ul.sm-rtl li {
  float: right;
}

ul.sm ul li,
ul.sm-vertical li {
  float: none;
}

ul.sm a {
  white-space: nowrap;
}

ul.sm ul a,
ul.sm-vertical a {
  white-space: normal;
}

* html ul.sm-vertical li {
  float: left;
  width: 100%;
}

* html ul.sm-vertical ul li {
  float: none;
  width: auto;
}

*:first-child+html ul.sm-vertical>li {
  float: left;
  width: 100%;
}

ul.sm ul.sm-nowrap>li>a {
  white-space: nowrap;
}

ul.sm:after {
    display: none !important;
}

* html ul.sm {
  height: 1px;
}

*:first-child+html ul.sm {
  min-height: 1px;
}

ul.sm li *,
ul.sm li *:before,
ul.sm li *:after {
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

ul.sm {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* Menu box
===================*/
#menu {
    display: flex !important;
    justify-content: space-between;
}
#side-menu li > a {
  display: block;
  text-decoration: none;
  font-weight: 400;
  color: #1a5493;
  font-family:"Lato" sans-serif;
}

#side-menu li > a:hover {
  color: #4d4d4d;
}

#side-menu li ul li a {
  display: block;
  text-decoration: none;
  font-weight: 400;
  color: #8e8e8e;
  font-family:"Lato" sans-serif;
  width: 100%
}

#side-menu li ul li a:hover {
  color: #ffffff;
  background-color:#4876a9
}
.top-menu {
  position: relative;
}

.topmenu ul {
  background-color: #fff;
  opacity:0.85;
  /*border-radius: 10px*/
}

.topmenu li > a {
  display: block;
  text-decoration: none;
  padding: 1em 0.27em 0.85em 0.27em;
  text-align: center;
  font-weight: 400;
  color: #fff;
  font-family:"Roboto" sans-serif;
}

.topmenu li a > i {
  display: none;
  font-size: 2em;
}

.topmenu li > a strong {
  display: block;
  /*text-transform: uppercase;*/
  font-weight: 400;
  font-size: 16px;
  padding: 1em 0;
}

.topmenu li > a small {
  display: none;
  font-size: .85em;
}

.topmenu li > a i,
.topmenu li > a strong,
.topmenu li > a small {
  position: relative;
}

.topmenu li:hover > a i {
  opacity: 1;
  /*font-weight:bold;*/
}

.topmenu li:hover a strong {
  opacity: 1;
  /*font-weight:bold;*/
}

.topmenu li:hover a small {
  opacity: 1;
  /*font-weight:bold;*/
}

.topmenu a >small {
  display: block
}

.topmenu a:hover,
.topmenu a:focus,
.topmenu a:active,
.topmenu a.highlighted {
  color: #4d4d4d ;
  /*font-weight:bold !important*/
}

.topmenu li > a.active {
  color: #aaa;
}

.topmenu li ul li a.active {
  color: #ccc;
}

.topmenu li > a.active:after {
  /*position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #53BD99;
  bottom: -10px;
  left: 50%;
  margin-left: -8px*/
}

.topmenu a.has-submenu {

}

.topmenu li.nav-submenu-item i.icon {
  margin-right: .5em
}

.topmenu ul a.has-submenu,
 .topmenu-vertical a.has-submenu {
  padding-right: 1.8em;
}

.topmenu li ul li a {
  padding: .85em;
  text-align: left;
  border-bottom: 2px solid #e9e9e9;
  /*box-shadow: inset 0 -1px 0 0 rgba(255,255,255,0.2);
  text-transform: uppercase;*/
  font-weight: 400;
  font-size: 13px;
  color:#000;
  margin: 0 0;
  /*margin-left: 10px;
  margin-right:10px;*/
}

/*.topmenu li ul li a:last-child {
	border-bottom:none
}*/

.topmenu li ul li a:hover {
  background-color: #d9d9d9;
  color: #18984f;
}

.topmenu li ul li a i {
  font-size: 1em;
  display: inline-block;
  margin: 0 .5em 0 0;
}

#menu ul.two.cols {
  width: 380px!important;
}

#menu ul.three.cols {
  width: 500px!important;
}

#menu ul.three.cols li {
  width: 33.33%;
}

#menu ul.four.cols li {
  width: 25%;
}

#menu ul.four.cols {
  width: 680px!important;
}

#menu ul.cols li {
  display: block;
  float: left;
  width: 50%;/*box-shadow: inset 1px 0 0 0 #EEE;*/
}

#menu ul.cols li:first-child {
  box-shadow: none
}

#menu ul.cols {
  clear: both
}

/* Sub menu indicators
===================*/
.topmenu ul.menu-submenu {
  box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.1);
}

.topmenu a span.sub-arrow {
  position: absolute;
  left: 50%;
  bottom: 45px;
  margin-left: -12px;
  width: 1em;
  height: 1em;
  line-height: 1em;
}

.topmenu ul.menu-submenu a span.sub-arrow,
.topmenu-vertical a span.sub-arrow {
  right: 1em;
  top: 1.4em;
  left: auto;
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
/*Dropdown Menu*/
.menu-icons-inside {
    position: relative;
    text-align: center;
    float: right;
    cursor: pointer;
    z-index: 2;
    display: none;
    padding: 10px 0;
    right: 15px;
}
.menu-icon {
    position: relative;
    color: #fff;
    float: right;
    height: 26px;
    margin-right: 0;
    display: inline-block;
}
.menu-icon-create {
    display: inline-block;
    width: 23px;
    height: 2px;
    position: relative;
    top: 12px;
    vertical-align: bottom;
    background: #fff;
    white-space: nowrap;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    float: left;
}
.menu-icon-create::after, .menu-icon-create::before {
    position: absolute;
    content: '';
    display: inline-block;
    width: 23px;
    height: 2px;
    -webkit-transition: all ease .3s;
    -moz-transition: all ease .3s;
    -o-transition: all ease .3s;
    transition: all ease .3s;
    outline: 1px solid transparent;
    left: 0;
    background: #fff;
}
.menu-icon-create::before {
    top: -8px;
}
.menu-icon-create::after {
    top: 8px;
}
.menu-icon.opened .menu-icon-create {
    background: none;
}
.menu-icon.opened .menu-icon-create::before {
    top: 100%;
    -webkit-transform: rotate(-48deg) translate(2px,0);
    -moz-transform: rotate(-48deg) translate(2px,0);
    -ms-transform: rotate(-48deg) translate(2px,0);
    -o-transform: rotate(-48deg) translate(2px,0);
    transform: rotate(-48deg) translate(2px,0);
}
.menu-icon.opened .menu-icon-create::after {
    -webkit-transform: rotate(45deg) translate(0,1px);
    -moz-transform: rotate(45deg) translate(0,1px);
    -ms-transform: rotate(45deg) translate(0,1px);
    -o-transform: rotate(45deg) translate(0,1px);
    transform: rotate(45deg) translate(0,1px);
    -webkit-transform-origin: 100% 0;
    -moz-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    -o-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
/* Items separators
===================*/
.topmenu li {
}

.topmenu li:first-child {
  border-left: 0;
}

.topmenu ul li,
 .topmenu-vertical li {
  border-left: 0;
}

.topmenu ul li:first-child,
 .topmenu-vertical li:first-child {
  border-top: 0;
}

.topmenu span.scroll-up,
.topmenu span.scroll-down {
  position: absolute;
  display: none;
  visibility: hidden;
  overflow: hidden;
  border: solid #bbb;
  border-width: 1px 0;
  background: #fff;
  height: 20px;
}

.topmenu span.scroll-up-arrow,
.topmenu span.scroll-down-arrow {
  position: absolute;
  top: -2px;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  overflow: hidden;
  border-width: 8px;
  border-style: dashed dashed solid dashed;
  border-color: transparent transparent #555 transparent;
}

.topmenu span.scroll-down-arrow {
  top: 6px;
  border-style: solid dashed dashed dashed;
  border-color: #555 transparent transparent transparent;
}

/* == Plugis Layout == */

#topwidget {
  background-color: #fff;
}

#topwidget .static-image {
  background-attachment: scroll;
  background-image: url("uploads/images/pages/static6.jpg");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  padding: 1em 4em;
  color: #fff
}

#topwidget .static-image > h1 {
  font-size: 3em;
  text-transform: uppercase;
  color: #fff;
  font-family: "Archivo Narrow";
  font-weight: 100;
}

#rightwidget aside,
#leftwidget aside {
  margin-bottom: 1.5em;
}

#rightwidget aside h3,
#leftwidget aside h3 {
  font-weight: 400;
  color: #333
}

#botwidget {
  position: relative;
  /*background-color: #F4F6F8;
  border-top: 1px solid #fff;*/
  color: #85959a
}

#botwidget h3 {
  font-size: 1.667em;
  padding-top: 1em;
  text-transform: capitalize;
  font-weight: 400;
  color: #465866;
}

/* == Loading == */

.loader {
  position: relative
}

.loader:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.8) url(../images/loader-large.gif) no-repeat 50% 50%;
  visibility: visible;
  z-index: 5000;
}

/* == Footer == */
footer {
  background-color: #31353d;
  text-align: center;
  color: #fff;
  padding: 2em 0;
  border-bottom: 10px solid #989a9e;
  margin-top: 20px
}

footer .footer-wrap {

}

footer .logo {
  max-width: 130px;
  text-align: center;
  margin: 0 auto;
  margin-top: 1em;
}

footer .ficons {
  margin-bottom: 1em;
}

footer .ficons i.icon {
  margin: 0 .25em;
}

#scrollUp {
  bottom: 20px;
  right: 20px;
  width: 45px;
  height: 45px;
  background-color: #18984f;
  /*border-radius: 30px;*/
  text-align: center;
  line-height: 42px;
  /*opacity: 0.8;*/
  color: #455C6A;
}

#scrollUp:before {
  content: "\f077";
  display: inline-block;
  vertical-align: middle;
  font: 21px 'Icons';
  color: #fff;
}

#error-page {
  height: 100%;
  background-image: url(../images/404_bg.png);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: top center;
  height: 100vh;
  text-align: center;
  background-color: #282828;
  box-shadow: inset 0 10px 0 0 #000000, inset 0 -10px 0 0 #000000;
  position: relative
}

#error-page .logo {
  padding-top: 2em;
}

#error-page h1 {
  padding-top: .5em;
  color: #fff;
  font-size: 5em;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
}

#error-page h3 {
  color: #7F7F7F;
  font-size: 1.5em;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
}

#error-page h3.primary {
  margin-top: 2em;
}

#error-page #but.button {
  font-size: 2em;
  border-radius:500em;
}

#error-page #but.button i.icon {
  font-size: 4em;
}

/* == Custom Sections == */
.section1 {
  background: #f4f6f8;
  position: relative;
  padding: 3em 1em;
}

.section1:before {
  background: #fff;
  border-top: 1px solid #e1e1e1;
  content: "";
  display: inline-block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  top: 1px;
}

.section1:after {
  background: #e1e1e1;
  border-bottom: 1px solid #fefefe;
  bottom: 5px;
  content: "";
  display: inline-block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
}

.section2:after {
  background: #fefefe;
  content: "";
  display: inline-block;
  height: 1px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s ease 0s;
}

.section2 {
  position: relative;
  padding: 3em 1em;
  background: #f4f6f8;
  border-top: 1px solid #e3e3e3;
}

.section3 {
  background: #fff;
  border-top: 1px solid #dadada;
  position: relative;
  padding: 3em 1em;
}

.section4 {
  background: #e3e8ee;
  border-bottom: 1px solid #f4f6f8;
  padding: 3em 1em;
  position: relative;
}



@media only screen and (min-width: 768px) and (max-width: 959px) {

.topmenu li > a {
    padding: .5em;
    font-size: 15px;
}

.topmenu li a > i {
  font-size: 1.2em;
}

.topmenu li > a strong {
  font-size: .85em;
}

.topmenu li > a small {
  font-size: .65em;
}

.topmenu a span.sub-arrow {
  display: none;
}

}
.error_stock {
    background-color: white;
    color: #e21e1e;
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 1px;
    padding: 0.5em;
    -webkit-box-shadow: 2px 2px 8px 0px rgba(158,158,158,0.25);
    -moz-box-shadow: 2px 2px 8px 0px rgba(158,158,158,0.25);
    box-shadow: 2px 2px 8px 0px rgba(158,158,158,0.25);
    border-radius: 0.6em;
    margin: 5px 0;
}
.sk.small.buttons .sk.small.button {
     padding: 1em;
 }
.sk.normal.buttons .sk.normal.button {
    padding: 1em;
}

@media only screen and (max-width: 768px) {
.logo {
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;
  text-align: center;
}

#footer .links {
  float: none!important
}

.sk.tabs li {
  float: none;
}

.sk.tabs li a.active,
 .sk.tabs li a.active:hover {
  border-color: #F4BF1E;
}

ul.topmenu {
  width: auto;
}

ul.topmenu ul {
  display: none;
  position: static;
  top: auto!important;
  left: auto!important;
  margin-left: 0 !important;
  margin-top: 0!important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
}

ul.topmenu>li {
  float: none;
}

ul.topmenu>li>a,
ul.topmenu ul.sm-nowrap>li>a {
  white-space: normal;
}

ul.topmenu iframe {
  display: none;
}
.header-tools {
    padding: 0 15px;
}
#livesearch .sk.basic.inverted.icon.input.relative {
    margin: 20px 0 0 !important;
    width: 100%;
}
/* Menu box
===================*/
.topmenu ul.menu-submenu {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: relative;
    background-color: rgba(255,255,255,0.5);
}

.topmenu li > a {
  display: block;
  text-decoration: none;
  padding: .5em 1em;
  text-align: left;
  font-weight: 400;
  color: #4d4d4;
  box-shadow: inset 0 -1px 0 0 rgba(255,255,255,0.2);
  margin: 0;
}

.topmenu li a > i {
  display: inline-block;
  font-size: 1em;
  margin-right: 1em;
}

.topmenu li > a strong {
  display: inline-block;
  font-weight: 400;
  font-size: .85em;
  padding:0;
}

.topmenu li > a small {
  display: block;
  font-size: .8em;
  margin-left: 2.5em;
}

.topmenu a span.sub-arrow {
  left: auto;
  right: 1em;
  bottom: 0.5em;
  width: 1em;
  height: 1em;
  line-height: 1em;
}

.topmenu ul a span.sub-arrow,
.topmenu-vertical a span.sub-arrow {
  left: auto;
  right: 1em;
}

#menu ul.two.cols,
#menu ul.three.cols,
#menu ul.four.cols {
  width: 100%!important;
}

#menu ul.cols li {
  float: none;
  width: auto;
  box-shadow: none
}

.topmenu li:hover > a i,
.topmenu li:hover a small {
  opacity: 1;
  -webkit-animation: none;
  -moz-animation: none;
  -ms-animation: none;
  -o-animation: none;
  animation: none;
}

.topmenu a.highlighted span.sub-arrow {
  -ms-transform: rotate(-180deg);
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.topmenu li {
  border-left: 0;
}

.topmenu li:first-child {
  border-top: 0;
}
/*Menu*/
.menu-icons-inside {
    display: block;
}
#menu {
    display: none !important;
    padding: 0 15px;
    width: 250px;
    position:absolute;
    right: 0;
    z-index: 1000;
    padding: 0;
    margin-top: 46px;
    background-color: #18984f;
    overflow: auto;
}
.showmenu #menu {
    display: block !important;
}
#menu li {
    display: block !important;
    float: none;
}
}