* {padding:0; margin:0; border:none; -webkit-box-sizing:border-box;	-moz-box-sizing:border-box;	box-sizing:border-box}
body {background:#f5f5f5; font-family:'Open Sans', sans-serif; font-weight:400; font-size:14px; color:#666}
li {list-style-type:none}
a {
	color:#02417f;
	text-decoration:none;
	-webkit-transition:color .1s linear; 
	-moz-transition:color .1s linear; 
	-o-transition:color .1s linear; 
	transition:color .1s linear
}
a:hover, a:focus {color:#2a95ff; outline:0}

.content-mobile {display:none}
/*body{background: green !important}*/

.left {float:left}
.right {float:right; margin-left: 20px;}
.clear:before, .clear:after, .button:before, .button:after {content:""; display:table}
.clear:after, .button:after {clear:both}
.clear, .button {*zoom:1}

.wrap-center {margin:0 auto; width:1050px}

.padding-def {padding:20px}

#wrap-content, #col-2-lg {border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6}
#wrap-content {
	background:#fff; 
	display:table; 
	-webkit-box-shadow:inset 0 10px 10px  -10px rgba(0,0,0,0.25); 
	-moz-box-shadow:inset 0 10px 10px -10px rgba(0,0,0,0.25); 
	-o-box-shadow:inset 0 10px 10px -10px rgba(0,0,0,0.25); 
	box-shadow:inset 0 10px 10px -10px rgba(0,0,0,0.25)
}
#col-1-sm, #col-2-lg, #col-3-sm {display:table-cell; vertical-align:top; padding-bottom:80px}
#col-1-sm, #col-3-sm {width:20%}
#col-2-lg {width:60%}
#col-3-sm {text-align:center}

.grad-main-down {
	background:#2284e5;
	background:-moz-linear-gradient(top,  #2284e5 0%, #2a95ff 100%);
	background:-webkit-linear-gradient(top,  #2284e5 0%,#2a95ff 100%);
	background:linear-gradient(to bottom,  #2284e5 0%,#2a95ff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2284e5', endColorstr='#2a95ff',GradientType=0 );
}
.grad-main-up {
	background:#2a95ff;
	background:-moz-linear-gradient(top,  #2a95ff 0%, #2284e5 100%);
	background:-webkit-linear-gradient(top,  #2a95ff 0%,#2284e5 100%);
	background:linear-gradient(to bottom,  #2a95ff 0%,#2284e5 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a95ff', endColorstr='#2284e5',GradientType=0 );
}
.grad-sub-up {
	background:#16d6b8;
	background:-moz-linear-gradient(top,  #16d6b8 0%, #1acca8 100%);
	background:-webkit-linear-gradient(top,  #16d6b8 0%,#1acca8 100%);
	background:linear-gradient(to bottom,  #16d6b8 0%,#1acca8 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#16d6b8', endColorstr='#1acca8',GradientType=0 );
}
.grad-del-up {
	background:#d5522f;
	background:-moz-linear-gradient(top,  #d5522f 0%, #cb3e3a 100%);
	background:-webkit-linear-gradient(top,  #d5522f 0%,#cb3e3a 100%);
	background:linear-gradient(to bottom,  #d5522f 0%,#cb3e3a 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5522f', endColorstr='#cb3e3a',GradientType=0 );
}

.button {display:inline-block}
.button.right {margin-right:20px}
.button span, .button strong {display:block; float:left; height:inherit}
.button span img {height:inherit; width:auto}
.button strong {color:#fff !important; text-transform:uppercase; letter-spacing:-0.5px}
.button:hover {opacity:0.85}

.button.small {
	display:inline-block;
	height:30px;
	border-radius:15px; 
	-moz-border-radius:15px; 
	-webkit-border-radius:15px;
	min-width: 98px;
}
.button.big {
	display:inline-block;
	height:45px;
	border-radius:22px; 
	-moz-border-radius:22px; 
	-webkit-border-radius:22px;
}

.button.small strong {font-size:12px; font-weight:600; line-height:30px; margin-right:12px}
.button.big strong {font-size:18px; font-weight:300; line-height:45px; margin-right:18px}

.main-opt, .table-def table thead tr td {background:#e9f4ff !important}
.sub-opt {background:#fff4e1}

#header {background:url(/img/banner-pharmacy.jpg) no-repeat right top #fff; background-size:auto 150px; width:100%; height:150px}
#header a.logo {display:inline-block}
#header a.logo img {display:block; margin:6px 0 0 15px;   height: 130px;}
#banner-top {float:right}
#banner-top ul + img {height:150px}
#banner-top ul {float:left; padding-top:30px}
#banner-top ul + ul {padding-left:30px}
#banner-top ul li {
	background:url(/img/ico-check-list.png) no-repeat left top; 
	background-size:16px auto;
	font-size:16px; 
	font-weight:600; 
	letter-spacing:-0.5px; 
	color:#02417f; 
	line-height:1.2em; 
	padding:0 0 0 20px;
	margin:10px 0;
}

#nav {
	width:100%; 
	-webkit-box-shadow:0 10px 10px  -10px rgba(0,0,0,0.25); 
	-moz-box-shadow:0 10px 10px -10px rgba(0,0,0,0.25); 
	-o-box-shadow:0 10px 10px -10px rgba(0,0,0,0.25); 
	box-shadow:0 10px 10px -10px rgba(0,0,0,0.25);
}
#nav {padding:10px 0; height:50px}
#nav ul li {float:left;	border-left:1px solid #54a8fc}
#nav ul li:first-child {border-left:none}
#nav ul li a {
	display:block; 
	font-size:18px; 
	font-weight:300; 
	letter-spacing:-0.5px; 
	color:#fff; 
	line-height:30px; 
	padding:0 37px;
	-webkit-transition:all .1s linear; 
	-moz-transition:all .1s linear; 
	-o-transition:all .1s linear; 
	transition:all .1s linear
}
#nav ul li a:hover, #nav ul li a:focus  {text-shadow:0 0 5px rgba(255,255,255,0.75)}

#footer {
	background:#8f8f8f;
	font-size:12px;
	line-height:15px;
	color:#fff;
	text-align:Center;
	padding:15px 30px;
	width:100%;
	-webkit-box-shadow:inset 0 10px 10px  -10px rgba(0,0,0,0.25); 
	-moz-box-shadow:inset 0 10px 10px -10px rgba(0,0,0,0.25); 
	-o-box-shadow:inset 0 10px 10px -10px rgba(0,0,0,0.25); 
	box-shadow:inset 0 10px 10px -10px rgba(0,0,0,0.25)
}

h2 {font-size:20px; font-weight:700; line-height:1.2em; letter-spacing:-1px; color:#02417f; margin:25px 20px}
.text-wrap {padding:20px; border-top:1px solid #e6e6e6}
.text-wrap h2 {margin:0 0 25px}
.img-wrap {
	width:33%;
	padding:10px;
	border:1px solid #e6e6e6;
	overflow:hidden;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
}
.img-wrap img {width:100%}
.img-wrap.right {margin:0 0 20px 20px}
#col-2-lg .text-wrap:first-child, #ttl-page + .text-wrap {border-top:none}
.text-def p {text-align:justify; margin-top:15px}
.text-def p:first-of-type {margin-top:0}
.text-def ul {margin-left:15px}
.text-def ul li {list-style-type:circle; list-style-position:outside; margin-top:10px}

#grid-prod + div.text-wrap {border-top:none}
#grid-prod {border-top:1px solid #e6e6e6}
#grid-prod a {
	display:inline-table; 
	font-weight:600;
	letter-spacing:-0.5px;
	float:left; 
	vertical-align:top; 
	text-align:center; 
	width:25%; 
	padding:15px 0; 
	border-right:1px solid #e6e6e6; 
	border-bottom:1px solid #e6e6e6;
	font-size: 12px;
}
#grid-prod a.grid-desk {border-right:1px solid transparent}
#grid-prod a span {display:block; position:relative; width:80%; margin:0 10%; padding-bottom:80%; margin-bottom:10px; overflow:hidden}
#grid-prod a span img {
	display:block; 
	position:absolute; 
	top:50%; 
	left:50%; 
	transform:translate(-50%, -50%); 
	width:100%; 
	height:auto;
	-webkit-transition:width .1s linear; 
	-moz-transition:width .1s linear; 
	-o-transition:width .1s linear; 
	transition:width .1s linear
}
#grid-prod a:hover span img, #grid-prod a:focus span img {width:110%}

.wrap-opts {letter-spacing:-0.5px}
.wrap-opts dt {padding:10px 15px; font-weight:600; line-height:1em; color:#02417f; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6}
.wrap-opts dd {padding:15px}
.wrap-opts dd ul li a {color:#666}
.wrap-opts dd ul li a:hover, .wrap-opts dd ul li a.active {color:#2a95ff}
.wrap-opts dd.links ul li {margin-top:5px}
.wrap-opts dd.links ul li:first-child {margin-top:0}

.wrap-opts dd.flags ul li {display:inline-block; margin-right:5px}
.wrap-opts dd.flags ul li img {height:30px}

#wrap-cart p {margin-bottom:10px}
#wrap-cart p strong {color:#02417f}

#wrap-cards ul {display:inline-block; margin-top:5px}
#wrap-cards ul li {float:left; text-align:center; font-size:9px; color:#de8e09}
#wrap-cards ul li:first-child {margin:5px 5px 0 0}
#wrap-cards ul li:first-child + li {margin:5px 0 0}
#wrap-cards ul li img {width:40px}

#wrap-testimonials {padding:0}
#wrap-testimonials ul li {font-size:12px; letter-spacing:-0.5px; text-align:left; padding:10px 15px; border-top:1px dotted #e6e6e6}
#wrap-testimonials ul li:first-child {border-top:none}
#wrap-testimonials ul li p {font-weight:600; color:#02417f; margin-bottom:5px}
#wrap-testimonials ul li p strong {float:right; font-size:10px; letter-spacing:0; color:#666}

#wrap-sac {padding:10px}
#wrap-sac img {width:100px; margin-bottom:10px}
#wrap-sac p {font-size:12px; margin-bottom:5px}
#wrap-sac p strong {display:block; font-size:14px; font-weight:600; letter-spacing:-0.5px}
#wrap-sac span {font-size:10px}

#ttl-page {padding:15px 20px; border-bottom:1px solid #e6e6e6}
h1 {font-size:30px; line-height:40px; font-weight:300; color:#2a95ff; letter-spacing:-2px}
#ttl-page a {float:right}
#ttl-page a:hover {opacity:0.85}
#ttl-page a img, #ttl-page a span {display:block; float:left; height:40px}
#ttl-page a span {
	text-transform:uppercase;
	font-size:12px;
	font-weight:600;
	color:#2a95ff;
	line-height:40px; 
	padding:0 15px 0 10px;
	border:1px solid #e6e6e6;
	border-left:none;
	border-radius:0 4px 4px 0; 
	-moz-border-radius:0 4px 4px 0; 
	-webkit-border-radius:0 4px 4px 0;
}

.def-input {
	display:table;
	width:100%;
	margin-bottom:15px;
	border:1px solid #e6e6e6;
	border-radius:10px; 
	-moz-border-radius:10px; 
	-webkit-border-radius:10px;
	overflow:hidden;
}
.def-input span, .def-input strong, .def-input input[type="text"], .def-input texture {display:table-cell; vertical-align:top}
.def-input span, .def-input strong {background:#f8f8f8}
.def-input span {text-align:center; width:10%}
.def-input span img {width:45px}
.def-input strong {font-weight:600; color:#2a95ff; letter-spacing:-0.5px; line-height:50px; width:25%; border-right:1px solid #e6e6e6}
.def-input input[type="text"], .def-input textarea {
	font-family:'Open Sans', sans-serif; 
	font-weight:400; 
	font-size:14px; 
	color:#666;
	padding:15px;
	width:100%; 
	resize:none; 
	outline:0 !important
}
.def-input input[type="text"] {height:48px}
.def-input textarea {height:148px}

.table-def {padding:0 20px 20px}
#ttl-page + .table-def {padding:20px}
.table-def table {
	overflow:hidden;
	width:100%;
	border:1px solid #e6e6e6;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
}
.table-def table tr td {line-height:1.2em; text-align:center; padding:8px 9px; border-top:1px dotted #e6e6e6}
.table-def table tr td:first-child {text-align:left}
.table-def table tr.hover td {background:#f8f8f8}
.table-def table tr.sale td {background:#e6fffb}
.table-def table tr.sale td strong {color:#01a785}
.table-def table tr.total td {font-weight:700; text-transform:uppercase; color:#02417f; padding:13px 10px}
.table-def table tr.total td strong {font-size:20px}
.table-def table thead tr td {font-weight:600; color:#02417f; border-top:none; border-bottom:1px solid #e6e6e6; padding:13px 10px}
.table-def table tbody tr:first-child td {border-top:none}

.table-def table + a.button {margin-top:20px}

.textUl {padding-left: 20px;}
.textUl > li {list-style: circle;}

.submitKasse {    
	display: inline-block;
    height: 45px;
    border-radius: 22px;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    background: #16d6b8;
    background: -moz-linear-gradient(top, #16d6b8 0%, #1acca8 100%);
    background: -webkit-linear-gradient(top, #16d6b8 0%,#1acca8 100%);
    background: linear-gradient(to bottom, #16d6b8 0%,#1acca8 100%);
    float: right;
    font-size: 18px;
    font-weight: 300;
    color: white;
    padding: 14px;
    margin-right: 20px;
    cursor: pointer;
}


@media (max-width:1000px) and (-webkit-min-device-pixel-ratio: 1) {

	.wrap-center {margin:0; width:100%}
	
	#nav ul li a {padding:0 24px}
	
}

@media (max-width:840px) and (-webkit-min-device-pixel-ratio: 1) {

	body {padding-top:80px}
	
	#top {
		background:#fff;
		position:fixed;
		top:0;
		left:0;
		width:100%;
		height:80px;
		-webkit-box-shadow:0 0 5px rgba(0,0,0,0.25); 
		-moz-box-shadow:0 0 5px rgba(0,0,0,0.25); 
		-o-box-shadow:0 0 5px rgba(0,0,0,0.25); 
		box-shadow:0 0 5px rgba(0,0,0,0.25);
		z-index:999 !important
	}
	#top a#bt-cart, #top a#bt-menu {
		background-size:80px auto; 
		background-repeat:no-repeat; 
		background-position:left top; 
		position:relative; 
		display:block; 
		width:80px; 
		height:80px
	}
	#top a#bt-cart.active, #top a#bt-menu.active {background-size:80px auto; background-position:left bottom}
	
	#bt-cart {background-image:url(/img/bt-cart.png); border-left:1px solid #e6e6e6; float:right}
	#bt-cart span {
		position:absolute; 
		top:15px;
		right:15px;
		background:#ffa105;
		font-size:12px; 
		font-weight:600;
		color:#fff;
		line-height:20px;
		text-align:center;
		display:block;
		width:20px;
		height:20px;
		border-radius:50%; 
		-moz-border-radius:50%; 
		-webkit-border-radius:50%
	}
	
	#bt-menu {background-image:url(/img/bt-menu.png); border-right:1px solid #e6e6e6}
	
	#top a:first-child {border-right:none; border-left:1px solid #e6e6e6}
	#top a.logo {position:fixed; top:0; left:50%; transform:translate(-50%, 0); padding: 0}
	#top a.logo img {height:80px}
	
	#wrap-content {position:relative}
	
	#col-1-sm {
		//background:#fff;
		display:none; 
		font-size:18px;
		position:absolute; 
		top:-150px; 
		left:0;
		bottom:0;
		right:0;		
		width:100%;
		z-index:888 !important
	}
	#col-1-sm.visible {display:block}
	
	.wrap-opts {background:#fff; text-align:center}
	.wrap-opts dt {font-size:20px}
	.wrap-opts dd.links {padding:0}
	.wrap-opts dd.links ul li {margin:0; border-top:1px solid #e6e6e6}
	.wrap-opts dd.links ul li:first-child {border-top:none}
	.wrap-opts dd.links ul li a {display:block; padding:5px 0}
	
	.wrap-opts dd.opt{padding:0}
	.wrap-opts dd.opt ul li{border-top:1px solid #e6e6e6}
	.wrap-opts dd.opt ul li a {display: block; padding: 5px 0;}

	#wrap-testimonials  ul li {font-size:14px; padding:10px 20px}
	#wrap-testimonials  ul li p {font-size:16px}
	#wrap-testimonials  ul li p strong {font-size:12px}	
	
	#wrap-sac p, #wrap-sac span {font-size:14px}
	#wrap-sac p strong {display:inline; letter-spacing:0}
	
	.table-def {padding:0 0 20px}
	#ttl-page + .table-def {padding:20px 0}
	.table-def table {
		border-left:none;
		border-right:none;
		border-radius:0; 
		-moz-border-radius:0; 
		-webkit-border-radius:0
	}
	.table-def table tr td {font-size:12px; padding:8px 0 8px 4px}
	.table-def table thead tr td {padding:13px 0 13px 4px}
	
	.table-def table tr td a.button strong {margin:0 10px}

	#header {text-align:center}
	#banner-top {text-align:left; float:none; display:inline-block}
	
	.content-desk {display:none !important}
	.content-mobile {display:block}
	#wrap-content, #col-2-lg {
		width:100%;
		border:none;
		-webkit-box-shadow:none; 
		-moz-box-shadow:none; 
		-o-box-shadow:none; 
		box-shadow:none
	}

	#grid-prod a {width:50%}
	#grid-prod a.grid-mobile {border-right:1px solid transparent}
	
	#footer p {margin-top:10px}
	#footer p:first-child {margin-top:0}
	.button.small.grad-del-up {margin-right: 10px !important;}
}



.width100{width: 100%}


@media (max-width:360px) and (-webkit-min-device-pixel-ratio: 1) {
	a.button.small.grad-main-up strong{    margin: 0 0px;}
	#banner-top ul li { font-size: 13px;}
	.def-input strong { letter-spacing: -1.6px; line-height: 40px;}
	.wrap-opts dd.opt ul li a , .wrap-opts dd.links ul li a{ padding: 3px 0 ;  font-size: 85% ;}
	h1 { font-size: 23px;}
	.wrap-opts dt { font-size: 18px;}
	.submitKasse { height: 41px; font-size: 14px; padding: 14px;}
	h2 { font-size: 17px;}

}

.opt.menu ul li{padding: 3% 5%;}

.wrap-opts dd {  padding: 8px 15px;}

@media screen and (max-width: 800px) {	
	.opt.menu ul li{padding: 1% 4%;}
}
.wrap-opts dd {  padding: 8px 15px;}

@media screen and (max-width: 930px) and (min-width: 841px) {	
	#grid-prod a:nth-child(6){font-size: 12px;padding: 6px 0;}
}
@media screen and (max-width: 970px) {	
	#header , #banner-top ul + img  {
	    height: 135px;
	}
	#header a.logo {
	    width: 27%;
	}
	#header a.logo img {
	    display: block;
	    margin: 14px 0 0 0px;
	    height: auto;
	    width: 90%;
	}
}

@media (max-width:895px) and (-webkit-min-device-pixel-ratio: 1) {
	#nav ul li a {
    	padding: 0 19px;
	}
	#header a.logo img {
	    display: block;
	    margin: -54% 0px 0px -6px;
	    width: 81%;
	}
	#header a.logo {
	    display: inline-block;
	    width: 28%;
	}
}
.opt.menu .main-opt{ padding: 7px 12px !important;}

#wrap-content h3{margin-top: 3%;}