/***Font***/

@font-face{ font-family:neuropolitical; src:url(../fonts/neuropolitical.ttf);}
@font-face{ font-family:EBGaramond-Bold; src:url(../fonts/EBGaramond-Bold.ttf);}
@font-face{ font-family:EBGaramond-Medium; src:url(../fonts/EBGaramond-Medium.ttf);}
@font-face{ font-family:EBGaramond-Regular; src:url(../fonts/EBGaramond-Regular.ttf);}
@font-face{ font-family:EBGaramond-SemiBold; src:url(../fonts/EBGaramond-SemiBold.ttf);}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Reset css ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


*{
 
 box-sizing: border-box;
}

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, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
 border: 0;
 font-family:EBGaramond-Regular;
 font-size: 100%;
 font-style: inherit;
 font-weight: inherit;
 margin: 0;
 outline: 0;
 padding: 0;
 vertical-align: baseline;
}
html {
 -webkit-text-size-adjust: none;
}

::-webkit-scrollbar {
width: 5px;
height: 5px;
background-color: transparent;
-webkit-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.30);
box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.30);
}
::-webkit-scrollbar-thumb {
background: hsl(0, 0%, 9%);
}

::-webkit-scrollbar-thumb {
border-radius: 2px;
-webkit-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.30);
box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.30);
}
::-webkit-scrollbar-track {
background-color: rgba(38, 50, 56, .1);
-webkit-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.30);
-moz-box-shadow: 2px 3px 5px 0px rgba(0, 0, 0, 0.30);
}

/* 
---------------------------------------------
global styles
--------------------------------------------- 
*/
::selection {
 background: #4886FF;
 color: #fff;
}

::-moz-selection {
background: #4886FF;
color: #fff;
}
:focus {
 outline: 0;
}
table {
 border-collapse: separate;
 border-spacing: 0;
}
caption, th, td {
 font-weight: normal;
 text-align: left;
}
a img {
 border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
 display: block;
}
embed, iframe, object {
 max-width: 100%;
}
/* Horizontal Line */
hr {
 border-color: #eaeaea;
 border-style: solid none none;
 border-width: 1px 0 0;
 height: 0;
 margin: 0 0 0px;
}
body {
 color: #666666;
 font-size: 14px;
 line-height: normal;
 word-wrap: break-wbannerord;
 background: #fff;
 margin: 0 auto;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 font-family:EBGaramond-Regular;
 height: 100vh;
 background-image: url(../images/bg-home.jpg) ;
background-repeat: no-repeat;
 background-position: left bottom;
 background-color: #000;
 background-size: 600px;
}
/* Text elements */

h1, h2, h3, h4, h5, h6 {
 margin: 0px 0px 20px 0px;
 padding: 0px;
 font-weight: normal;
 font-family:EBGaramond-Bold;
 line-height: normal;
}
h1 {
 font-size: 34px;
}
h2 {
 font-size: 34px;
}
h3 {
 font-size: 30px;
}
h4 {
 font-size: 24px;
}
h5 {
 font-size: 18px;
}
h6 {
 font-size: 16px;
}
p {
 font-family:EBGaramond-Regular;
 font-size: 16px;
 line-height: 1.625;
 letter-spacing: 0;
color:#666;
}
/* Links */
a {
 color: #092f87;
 text-decoration: none;
}
a:hover, a:focus, a:active {
 text-decoration: none;
 color: #666;
}
img {
 max-width: 100%;
 height: auto;
 vertical-align: middle;
}
ol, ul {
 margin: 0;
 /*padding: 0px 0px 10px 30px;*/
 list-style: none;
}
strong {
 font-weight: 700;
}
/* Forms */
input, textarea {
 -webkit-border-radius: 0px;
}
input[type="text"], input[type="email"], input[type="search"], input[type="password"], input[type="reset"], input[type="button"], input[type="submit"], textarea {
 -webkit-appearance: none !important;
 appearance: none !important;
}
input[type="text"], input[type="email"], input[type="password"], textarea, select {
 padding: 5px 10px;
 border: 1px solid #181818;
 line-height: 20px;
 width: 100%;
 margin: 0 0 10px;
 background-color: #181818;
 -webkit-border-radius: 0px;
 -moz-border-radius: 0px;
 border-radius: 0px;
 min-height: 40px;
font-family:EBGaramond-Regular;
 font-size: 16px;
 color: #fff;
}
input[type="reset"], input[type="button"], input[type="submit"] {
 background: #092f87;
 border: none;
 color: #fff;
 display: inline-block;
 min-height: 40px;
 margin: 0px;
 padding: 5px 16px;
 cursor: pointer;
 font-family:EBGaramond-Regular;
 font-size: 16px;
 transition: linear 0.3s all;
 -webkit-transition: linear 0.3s all;
}
input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover {
 background: #978865;
}
textarea {
 height: 75px;
 resize: none;
}
cite, em, i {
 font-style: italic;
}
pre {
 background-color: #fff;
 margin-bottom: 20px;
 overflow: auto;
 padding: 20px;
}
pre, code, kbd {
 font-family: 'poppinsregular';
 font-size: 14px;
 line-height: 19px;
 background-color: #F9F9F9;
}
abbr, acronym, dfn {
 border-bottom: 1px dotted #666;
 cursor: help;
}
address {
 display: block;
 margin: 0 0 1.625em;
}
ins {
 background: #fff9c0;
}
/* Superscript and Subscript */
sup, sub {
 font-size: 10px;
 height: 0;
 line-height: 1;
 position: relative;
 vertical-align: baseline;
}
sup {
 bottom: 1ex;
}
sub {
 top: .5ex;
}
figure {
 margin: 0;
 text-align: center;
}
img.alignleft, img.alignright, img.aligncenter {
 margin-bottom: 1.625em;
}
/* clearfix hack */
.clearfix:after {
 visibility: hidden;
 display: block;
 font-size: 0;
 content: " ";
 clear: both;
 height: 0;
}
.clearfix {
 display: inline-block;
 width: 100%;
}
/* start commented backslash hack \*/
* html .clearfix {
 height: 1%;
}

/* close commented backslash hack */
.clearfix-third, .clear {
 clear: both;
}
.fl {
 float: left
}
.fr {
 float: right
}
.rel {
 position: relative
}
.txtc {
 text-align: center
}
.txtl {
 text-align: left
}
.txtr {
 text-align: right
}
.upper {
 text-transform: uppercase;
}
.lower {
 text-transform: lowercase;
}
.capital {
 text-transform: capitalize;
}
*, *:before, *:after {
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.container {
 max-width:1200px;
 padding: 0 20px;
 margin: 0 auto;
}
.btn {
 border: 1px solid #f7776e;
 padding: 15px 15px;
 min-width: 155px;
 display: inline-block;
 text-align: center;
 font-size: 13px;
 border-radius: 3px;
 margin-top: 10px;
 transition: all 0.3s;
 color: rgba(255,255,255,1);
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -o-transition: all 0.3s;
 position: relative;
 color: #f7776e;
 overflow: hidden;
}
.btn::before, .btn::after {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 z-index: 1;
 background-color: rgba(255,255,255,0.25);
 -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
 -o-transition: all 0.3s;
 transition: all 0.3s;
 -webkit-transform: translate(-100%, 0);
 transform: translate(-100%, 0);
 -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
 transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.btn:hover {
 background: #f7776e;
 color: #fff;
 border: 0px solid transparent;
}
.btn::after {
 -webkit-transition-delay: 0.2s; /* Safari */
 transition-delay: 0.2s;
}
.btn:hover::before, .btn:hover::after {
 -webkit-transform: translate(0, 0);
 transform: translate(0, 0);
}
.mg_tp150 {
 margin-top: 150px;
}
.mg_tp50 {
 margin-top: 50px;
}
.full_wid {
 width: 100%;
 display: inline-block;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~Welcome-strats~~~~~~~~~~~~~~~~~~~~ */
.welcome, .welcome-one{
width:100%;
display: inline-block;
text-align: center;

border-style: solid;
padding:30px 0;
position: relative;
}
.welcome-one{
/*background-image: url(../images/bg-inner.png) !important;*/
background-repeat: no-repeat;

 
}
.welcome-logo1{
 width:200px;
}
.welcome-logo{
 padding: 20px;
  margin:10px 0;
 /*background-color: #181818;*/

 display: block;
 margin: 0 auto;
}
.welcome-logo img{
   /*width:200px;*/
}
.welcome-text h2{
color:#fff;
font-size: 50px;
 margin-bottom: 0;

}
.welcome-text h2 span{
 display: block;
}
.welcome-text{
 width:50%;
 display:inline-block;
     margin: 10px 0;
}
.welcome-text h1{
color:#fff;
font-size: 55px;

}
.welcome-text a{
font-size: 20px;
color:#fff;
font-weight: 600;
 display: inline-block;
}
.welcome-text a:hover{
color:#fff;
}
.social-icons{
 width:100%;
 display:inline-block;
 margin: 3% 0%;
}
.social-icons li{
 display: inline-block;
}
.social-icons li a{
margin:20px 5px;
line-height: 30px;
 color: #fff;
}
.social-icons li a span{
font-size:14px; 
background: #6ab43e;
 text-align: center;
 display: inline-block; 
color:#fff;
line-height: 33px;
 border-radius: 50%;
}
.social-icons li a span i {
line-height:30px;
text-align: center;
margin-right: 0;
width: 30px;
height: 30px;
     
}
.welcome-recycle{
position: absolute;
right:30px;
bottom:5px;
padding: 0 0 0 40px;
}
.welcome-recycle i{
font-size:40px;
 color:#116339;
}

.step-pic{
 position: absolute;
 bottom: 5px;
 left: 0;
 right: 0;
 margin: 0 auto;
 text-align: center;
}

.step-text {
    position: absolute;
    bottom: 0;
    background-color: #15a6df;
    left: 0;
    color: #fff;
    /* border-radius: 30px; */
    padding: 10px;
    width: 399px;
    text-align: center;
    border-radius: 0 15px 0 0;
}
.step-text h3{
 margin-bottom: inherit; 
}


/* ~~~~~~~~~~~~~~~~~Welcome-ends~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~menu-strats~~~~~~~~~~~~~~~~~~~~ */
.menu{
 width:100%;
 display: inline-block;
 position: absolute;

}
.menu-inner{
 width:70%;
float: right;
 margin: 20px 0;
}
.menu-inner ul{
 width:100%;
 display:inline-block;
  text-align: center;
}
.menu-inner ul li{

float: left;
}
.menu-inner ul li a{
padding:20px 40px 20px 0;

 color:#fff;
 font-size:20px; 
}
.menu-inner li a:hover, .menu-inner li a.active {
color: #15a7e0;
border-radius: 5px;
}
/* ~~~~~~~~~~~~~~~~~menu-ends~~~~~~~~~~~~~~~~~~~~ */
/* ~~~~~~~~~~~~~~~~~about-starts~~~~~~~~~~~~~~~~~~~~ */
.about-us{

display: inline-block;

 }
.about-lft{
width:45%;
}
.about-lft li{
display: inline-block;
width: 45%;
margin: 2% 11px;
}
.about-rgt {
 width: 70%;
 /*background-color: rgba(255,255,255,0.1);*/
 /*padding: 20px;*/
}
.about-rgt p{
color:#fff;
padding:10px 0;
 font-size: 17px;
 text-align: justify;
}
.about-rgt b{
 color: #15a7e0;
}
.about-rgt strong{
color:#15a7e0;
font-size: 23px;
}
/* ~~~~~~~~~~~~~~~~~about-ends~~~~~~~~~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~~~~~~products-start~~~~~~~~~~~~~~~~~~~~ */

.pro-tabs{

 width:100%;
}
.pro-det{
 margin-top: 10px;
}
.tab-full{
 width: 70% !important;
 float: right;
}

.pro-det li{
 float: left;
 width: 50%;
 padding: 3px 0;
 
 font-size: 16px;
 color: #fff;
}

.tit_1{
 color: #15a7e0;
 margin: 0 0 10px 0;
}

.pro-img{
 width: 30%;
 
}
.pro-con{
 width: 68%;
}

/* ~~~~~~~~~~~~~~~~~products-start~~~~~~~~~~~~~~~~~~~~ */


/* ~~~~~~~~~~~~~~~~~contact-strats~~~~~~~~~~~~~~~~~~~~ */
.contact{

width:100%;
display: inline-block;
bottom: 80px;
text-align: center;
padding:0px 0px;
margin: 0 auto;
z-index: 1;

}
.contact-in1{
 width: 70%;
 float: right;
}
.map{
width:30%;
 float: right;
z-index: 1;
    margin-top: 15px;
}
.contact-in{
 width: 70%;
 float: left;
   /*background-color: rgba(255,255,255,0.1);*/
 /*padding: 20px;*/
 height: 340px;
}
.contact ul li{
padding: 7px 0;
color:#fff;
text-align: left;
font-size: 20px;
clear:both;
}
.contact-in i{
 font-size: 18px;
  color: #15a7e0;
}
.contact ul li a{
color:#fff;
padding-left: 10px;
font-size: 18px;
}
.book-appoint {
width: 100%;
display: inline-block;
padding: 0px 0;
text-align: center;

}
.forms {

 width:30%;

 text-align: center;
    display: inline-block;
    padding: 25px 10px;
}
.forms h1 {
    text-align: center;
    font-size: 25px;
    color: #fff;
}
.form-actions li {
    padding: 10px 15px;
    width: 48%;
    text-align: center;
    display: inline-block;
}
.text-center {
    text-align: center;
}
.field-label {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    margin: 10px 0px;
    display: block;
    color: #fff;
}
input[type="submit"] {
 background-color:#047A3D; 
}

/*
/* ~~~~~~~~~~~~~~~~~footer-strats~~~~~~~~~~~~~~~~~~~~ */
.footer{
position: absolute;
width:100%;
display: inline-block;
text-align: center;
bottom: -205px
}
/* ~~~~~~~~~~~~~~~~~footer-ends~~~~~~~~~~~~~~~~~~~~ */


/**********RESPOPNSIVE************/

.res_menu {
    padding: 5px;
    display: none;
}
.res_menu a i {
    background: #fff;
    padding: 10px;
    color: #505ce6;
}
.res_menu a {
    color: #000;
    font-size: 18px;
 display: inline-block;
}

.mob-logo{
 display: none;
}

.mob-title{
 display: none;
}


.home-1{

 color: #666666;
 font-size: 14px;
 line-height: normal;
 word-wrap: break-wbannerord;
 background: #fff;
 margin: 0 auto;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 font-family:EBGaramond-Regular;
 height: 100vh;
 background-image: url(../images/bg-home.jpg) ;
background-repeat: no-repeat;
 background-position: left bottom;
 background-color: #000;
 background-size: 600px;
}

.contact .container ul h3 {
    font-size: 25px;
    float: left;   
    color: #fff;
    padding-top: 10px;
}