*{box-sizing:border-box;}

p,a {font-family: 'Raleway', sans-serif;color:#1A2D3B;}
p {line-height: 30px;}
h1 {font-size:28px; color:#05406E;}
h3{color:#1764A0;}
.product-h3{
font-size:color: #1764A0;
font-size: 17px;
 font-family: raleway;
}
h2 {
    color: #bebebe;
    font-size: 16px;
    /*font-style: italic;*/
    letter-spacing: 1px;
}
h4 {color:#207ac0; font-size:14px; }
h5 {
    text-align: center;
    color: #bbbec0;
}
h6 {
font-size:14px;
color:#b5b6b7;
font-style: italic;
}
.clearfix {
content:"";
visibility:hidden;
clear:both;

}
#myTopnav {
    
    padding: 24px 0px 0px 225px;
}
#box > a:link {
    border:none;
    text-decoration: none;
}
#box-2 > a:link {
    border:none;
    text-decoration: none;
}
#box a:first-child div {
    background: url(./images/1.jpg)no-repeat -50px -93px;
    border: 1px solid #4d55db;
}
#box a:nth-child(2) div {
    background: url(./images/2.jpg)no-repeat -107px -39px;
        background-size: auto auto;
    background-size: 311px 253px;
}
.boxes {
    float: left;
    margin: 6px;
    padding: 10px 7px 5px;
    width: 180px;
    height: 190px;
    background: white;
    border: 1px solid #ccd2d6;
    border-radius: 24px;
    box-sizing: content-box;
}
.boxes > h1 {
    text-align: center;
}
.boxes h3 {
    text-align: center;
}
.boxes h4 {
text-align:center;
}

.boxes:hover {
    background: #dee3e6 none no-repeat scroll 10px 10px;
}
.boxes > img {
    display: block;
    margin: 0 15px;
    text-align: center;
}
html, body {
margin:0;
padding:0;
}
#box {
    display: flex;
width: 100%;
background: white;
margin-top: -46px;
}
#box h1 {
    padding-top: 45px;
}
#box h2 {
    padding-bottom: 45px;
}
#box div {

    width: 95%;
    max-width: 1050px;
    margin: 0 auto;
    text-align: center;

}
#box ul {list-style: none;}
#box li {margin: 0 auto;
display: inline-block;}
#box img {
    width: 200px;
    height: 200px;
    border-radius: 15px;
    margin: 0 2px 0 2px;
}
#box li span {
    max-width: 200px;
    height: 20px;
    display: block;
    font-size: 14px;
    margin: 15px 0 0 0;
    font-weight: bold;
}
#box li text {
    max-width: 200px;
    display: inline-block;
    font-size: 14px;
    margin: 15px 0;
    vertical-align: top;
}
#box div {
    text-align: center;
}
#box-bottom{
width: 0px;
height: 0px;
z-index: 1;
left: 0;
content: "";
width: 0px;
height: 0px;
border-style: solid dashed solid dashed;
border-width: 0px 674.5px 16px 674.5px;
    border-right-width: 674.5px;
    border-left-width: 674.5px;
border-color: transparent white transparent white;
margin: 0 0 250px 0;
}
#box-2 {
    display: flex;
}
#wrapper {
    /*background: url(../images/bg.png)no-repeat;
        background-attachment: scroll;
        background-size: auto auto;*/
    height: 100%;
    padding: 0;
    width: 100%;
    
}
#footer {
width:100%;
height:585px;
background:#ebebeb;
margin: -20px 0px 0px 0px;
}
#inner-footer {
width:960px;
height:170px;
padding:5px;
color:white;
margin:0 auto;
}
#inner-footer h1 {
    text-align: center;
    color: black;
    margin: 0 auto;
    padding: 65px 0px 9px 0px;
    width: 180px;
    font-size: 28px;
    border-style: none none solid none;
    border-width: 0 0 1px 0;
    border-color: transparent transparent #ddd transparent;
}
#inner-footer h2 {
    text-align: center;
    font-size: 15px;
    color: #717171;
    padding: 0px 0px 42px 0px;
}
.footer-box1{color: mediumturquoise;
    float: left;
    font-size: 14px;
    height: 150px;
    line-height: 20px;
    padding: 5px;
    width: 315px;}
.footer-box2{color: mediumturquoise;
    float: left;
    font-size: 14px;
    height: 150px;
    line-height: 20px;
    padding: 5px;
    width: 315px;}
.footer-box2 ul {
    width: 250px;
    list-style: none;
    color: #717171;
}
.footer-box2 ul li {
    margin: 10px 0px 10px 0px;
}
.footer-box2 ul li text {
    display: inline-block;
    width: 140px;
}
.contact-icon {
    width: 36px;
    height: 36px;
    margin: 0 5px 18px 0;
}
.footer-box3{color: mediumturquoise;
    float: left;
    font-size: 14px;
    height: 150px;
    line-height: 20px;
    padding: 5px;
    width: 315px;}
	.footer-box3 form ul li input[type="text"] {
    width: 290px;
    height: 25px;
    border-radius: 5px;
    border: solid 1px #ddd;
    margin: 5px 0 0 0;
}
.footer-box3 ul {
    width: 250px;
    list-style: none;
    color: #717171;
}
.footer-box3 input[type=submit] {
  background-color: #4D4CAF;
  border: none;
  color: white;
  padding: 16px 32px;
  text-decoration: none;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 9px;
}

	
.footer-box p {color:white;}
#header {
width:100%;
position: fixed;
z-index: 10;
background: white;

}
#header-content{
width:960px;
margin:0 auto;
}
#logo{
width:200px;
float:left;
padding: 10px 0;

}
#content {
    display: flex;
    width: 100%;
}
#content-col-1 {
    margin: 0 auto;
    padding: 166px 0 20px;
    width: 100%;
    
}
.content-bg {background: rgba(0, 0, 0, 0) url("/images/bgprod.png") no-repeat scroll 0 0;}
#content-col-2, #content-col-4,#content-col-5,#content-col-5 {
    
    border-radius: 15px;
    box-shadow: 1px 1px 12px #ccd2d6;
    padding: 1px 15px;
}
.c-col {
    background: white;
    padding: 75px 15px;
    position: relative;
    width: 960px;
    margin: 0 auto;
}
.c-col p {
    text-align: justify;
}
#content-col-3 {
    
}
#content-col-3 h1 {
    text-align: center;
    text-decoration: underline;
    padding: 60px 0px 11px 0px;
}
#content-col-3 h2 {
    text-align: center;
    padding: 10px 0px 20px 0px;
}
#header2{
    position: absolute;
    z-index: 1;
    left: 0;
    content: "";
    width: 0px;
    height: 0px;
    border-style: solid dashed solid dashed;
    border-width: 16px 674.5px 0 674.5px;
        border-right-width: 674.5px;
        border-left-width: 674.5px;
    border-color: white transparent transparent transparent;
}
#box-up{
    width: 0px;
height: 0px;
z-index: 1;
left: -20px;
content: "";
width: -36px;
height: 0px;
border-style: solid dashed solid dashed;
border-width: 22px 674.5px 3px 674.5px;
    border-right-width: 674.5px;
    border-left-width: 674.5px;
border-right-width: 674.5px;
border-left-width: 674.5px;
border-right-width: 674.5px;
border-left-width: 674.5px;
border-color: transparent white transparent white;
margin: 0 0 250px 0;
}
* {
    margin: 0px;
    padding: 0px;
    font-family: OpenSans-Regular;
}

.text-center{text-align:center;}

/************social sidenav******************/



/*************Top menü************************/

 /* Add a black background color to the top navigation */
.topnav {
    
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #05406E;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
	border-right: 1px solid #9799a4;
height: 22px;
padding-top: 1px;
font-weight: bold;
}

/* Add an active class to highlight the current page */
.active {
    background-color: #F1F8FF;
    color: white;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

/* Dropdown container - needed to position the dropdown content */
.dropdown {
    float: left;
    overflow: hidden;
}

/* Style the dropdown button to fit inside the topnav */
.dropdown .dropbtn {
    font-size: 17px;
    border: none;
    outline: none;
    color: #05406E;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
	font-family: 'Raleway', sans-serif;
}

/* Style the dropdown content (hidden by default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Style the links inside the dropdown */
.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
}

/* Add a dark background on topnav links and the dropdown button on hover */
.topnav a:hover, .dropdown:hover .dropbtn {
    background-color: #f0f0f0;
    color: #05406E;
}

/* Add a grey background to dropdown links on hover */
.dropdown-content a:hover {
    background-color: #ddd;
    color: black;
}

/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.dropdown:hover .dropdown-content {
    display: block;
}

/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}


/*******************responsive*******************************/

@media only screen and (max-device-width:480px) {



    body {
        
    }
	.c-col {
    background: white;
    padding: 75px 15px;
    position: relative;
    width: 300px;
    margin: 0 auto;
}
.footer-box2 {
    color: mediumturquoise;
    float: left;
    font-size: 14px;
    height: 150px;
    line-height: 20px;
    padding: 5px;
    width: 315px;
    margin-top: 143px;
}
.footer-box3 {
    color: mediumturquoise;
    float: left;
    font-size: 14px;
    height: 150px;
    line-height: 20px;
    padding: 5px;
    width: 315px;
    margin-top: 143px;
}
	#myTopnav {
    padding: 21px 0px 0px 1px;
}
	#logo img {
    width: 131px;
    height: 49px;
}
	#slides {
    float: left;
    max-height: 148px;
    max-width: 256px;
	}
	.l-btn, .r-btn {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid lightgray;
    border-radius: 10px;
    color: gray;
    float: left;
    margin: 3px;
    padding: 0 1px 1px;
    width: 25px;
}
#logo {
    float: left;
    padding: 10px 0;
    width: 150px;
}
#box {
    display: table;
}
.boxes > img {
    margin: 0 43px;
    padding: 5px;
}
#content-col-1 > h1 {
    margin: 0 31px;
    text-align: center;
}
#inner-footer {
    color: white;
    height: 170px;
    margin: 0 auto;
    padding: 5px;
	width: 100%;
    
}
.boxes {
    
    border: 1px solid #ccd2d6;
    border-radius: 24px;
    box-shadow: 1px 1px 12px #ccd2d6;
    float: left;
    margin: 6px;
    padding: 10px 7px 5px;
    width: 287px;
}
.topnav {
    float: left;
    overflow: hidden;
}
.test img {
    height: 64px;
    margin: 0 35px;
    transition: all 1s ease 0s;
    width: 64px;
}
#footer {
    background:#ebebeb;
    height: 469px;
    width: 100%;
}
#content-col-2, #content-col-4, #content-col-5, #content-col-5 {
    border-radius: 15px;
    box-shadow: 1px 1px 12px #ccd2d6;
    padding: 1px 15px;
    width: 300px;
}
.products_info > img {
    height: 240px;
    width: 250px;
}
.content-bg {
    background: none;
}
.products_info {
   
    float: left;
    padding: 5px 3px 2px;
    width: 276px;
}
.products {
    float: left;
    padding: 0 10px;
    width: 275px;
}
#products-order > a {
    border: none;
    font-size: 15px;
    padding: 0px;
	margin:0px;
    text-decoration: none;
	width:30px;
}
#products-order  {
    display:table;
}

#content-col-1 {
    margin: 0 auto;
    padding: 166px 0 20px;
    width: 300px;
}
.contact-form {
    background: #1b75bb url("/images/bg-contact.png") no-repeat scroll 0 75px;
    border-radius: 15px;
    float: left;
    line-height: 15px;
    margin: 0 -6px 10px;
    padding: 0 5px;
    width: 305px;
	height:577px;
}
.right-contact-form input {
    display: block;
    line-height: 13px;
    margin: 2px;
    padding: 4px;
    width: 149px;
}
.left-contact-form p {
    color: white;
    font-size: 11px;
}
.contact-data {
    background: #1b75bb none repeat scroll 0 0;
    border-radius: 15px;
    float: left;
    margin: 0 -5px;
    padding: 5px;
    width: 305px;
	height:auto;
}
iframe {
    width: 295px;
}
/*****sidenav*******/
.sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
/*************************/	
	
	
	
}