html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration: none;}
ul{list-style-type: none;}



body{background-color:#fff;}
img{width: 100%;display: block;}
body{font-family:sans-serif;color: #333;line-height:160%;}

/*Theme setup*/
:root {
  --main-color: #fff;
  --secondary-color:#264c65;
  }


#header{width: 90%;margin: auto;overflow: auto;padding: 0 5%;position: sticky;z-index: 9999;background-color: var(--main-color);top:0;font-size: 14px;box-shadow: 0px 0px 3px #c7c7c7;}
.logo{width: 120px;float: left;padding:10px 0;}

#menu_but{display: none;float: right;margin:10px 3%;}
.bar1, .bar2, .bar3 {width: 24px;height: 2px;background-color: var(--secondary-color);margin: 6px 0;transition: 0.4s;}
.change .bar1 {-webkit-transform: rotate(-45deg) translate(-9px, 6px);transform: rotate(-45deg) translate(-4px, 6px);}
.change .bar2 {opacity: 0;}
.change .bar3 {-webkit-transform: rotate(45deg) translate(-8px, -8px);transform: rotate(45deg) translate(-6px, -8px);}

#nav {width: 80%;float: right;text-align: right;}
#nav ul{list-style-type: none;}
#nav ul li{/*float: left;*/width:15%;display: inline-block;}
#nav a{font-family: serif;display: block;color: color: var(--secondary-color);font-size:14px;text-align: center;padding:20px 2%;transition: background-color 0.5s;}
#nav a:hover{background-color: #f2f2f2;-webkit-transition: background-color 0.3s; /* For Safari 3.1 to 6.0 */
    transition: background-color 0.3s;}


h1, h2, h3, h4{color: #535456;line-height: 150%;}
h1{font-size: 30px;}
h2{font-size: 22px;}

p a{color: var(--main-color);font-style:italic;}

.pg{width: 85%;margin: auto;overflow: auto;padding: 5%;}
.pg h1, .pg h2,.pg h3,.pg h4, .pg p{margin-bottom: 30px;}



#sec{background-color: transparent;margin: 0;}
#footer{background-color: #474747;color:#fff;overflow: auto;padding: 3% 0;line-height: 170%;clear: both;}
#footer_pg{width: 85%;margin:auto;padding:2%;overflow: auto;}
#footer_pg .col{width: 33.3%;float: left;}
#footer h4{color: #fff;text-align: left;font-size: 20px;margin-bottom: 30px;}
#footer a{color: #fff;}
#footer a:hover{text-decoration: underline;}

.but{background-color: var(--secondary-color);color:#fff;padding: 10px;border-radius: 5px;border: none;margin: 2% 0;-webkit-appearance: none;}
.ft_form input[type="text"],.ft_form input[type="email"], .ft_form textarea{width: 97%;margin: 2% 0;padding: 5px;color:#474747;font-size: 14px;border-radius: 5px;border: none;font-family: sans-serif;}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #474747; opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #474747;}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #474747;}

.buts_social{display: inline-block;width: 40px;}
.buts_social img{border-radius: 5px;}

.but:hover{opacity: 0.8;}



@media only screen and (max-width : 1018px) {
#nav a{font-size: 15px;}

	}

	@media only screen and (max-width : 944px) {
		
    .pg{width: 90%;margin: auto;overflow: auto;padding: 5%;}
.logo{width: 90px;float: left;padding:8px 5px;max-width: 150px;}

#menu_but{display: block;}
#nav {clear: both;height:0;width: 100%;float: none;}
#nav ul{padding:25px 0;}
#nav ul li{/*float: left;*/width:100%;}
#nav a{display: block;font-size:14px;text-align: center;padding:20px 2%;letter-spacing: 1px;transition: background-color 0.5s;border-top: 1px solid #c7c7c7;}
#nav a:hover{-webkit-transition: background-color 0.3s; /* For Safari 3.1 to 6.0 */
    transition: background-color 0.3s;}


#nav{opacity:0;-webkit-transition: opacity 0.5s; /* For Safari 3.1 to 6.0 */
    transition: opacity 0.5s;}



#footer{background-color: #474747;color:#fff;overflow: auto;padding: 30px 0;line-height: 170%;}

#footer_pg{width: 90%;margin:auto;padding:0;overflow: auto;}
#footer_pg .col{width: 97%;float: none;margin: auto;}
#ft_nav{display: none;}
#ft_note{text-align: center;}

#footer h4{margin: 30px 0;}

	}