@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:300&display=swap');


/* 
200 -extra lighte
300 - lighte
400 - regular
500 - medium
600 - semi-bold
700 - bold
800 - extra bold

*/

/****************************************************************************/
html {scroll-behavior: smooth;}
body { background:#fff; color:#000; font-family: 'Lato', sans-serif;font-weight:300; font-size:14px; line-height:1.6; margin:0px; padding:0px;}

.radio input[type=radio]{margin-top:10px;}

.text-info{color:#81e2e8;}
.btn { text-decoration:none !important;background:none;text-transform:uppercase;border-radius:0px;font-size:12px;font-weight:400;padding:12px 20px;letter-spacing:0.2em}

.card-img-top {border-radius: 0px !important;/* border-top-right-radius: calc(.25rem - 1px); */}
 .form-control{border-radius:0;}
 .form-control::placeholder{color:#627e95;}

.flex-row{display: flex; align-items: center; justify-content: center;}

.no-gutter {margin-left:0px!important;margin-right:0px!important;}
.no-gutter div[class^="col"]{padding-left:0px!important;padding-right:0px!important;}

.gutter-xs {margin-left:-5px!important;margin-right:-5px!important;}
.gutter-xs div[class^="col"]{padding-left:5px!important;padding-right:5px!important;}

.gutter-sm {margin-left:-10px!important;margin-right:-10px!important;}
.gutter-sm div[class^="col"]{padding-left:10px!important;padding-right:10px!important;}

.gutter-lg {margin-left:-20px!important;margin-right:-20px!important;}
.gutter-lg div[class^="col"]{padding-left:20px!important;padding-right:20px!important;}

.wpcf7h{height:75px!important}


p{margin-bottom:20px;}
a, a:hover { text-decoration:none; outline:none}
h1, h2, h3, h4, h5, h6 {}
h1{ font-family: 'Raleway', sans-serif;font-weight:500;font-size:29px;  }
h2{font-family: 'Raleway', sans-serif;font-weight:500; }
h3{ font-family: 'Raleway', sans-serif; font-weight:500;}
h4{font-family: 'Raleway', sans-serif;font-weight:500;}
h5{font-family: 'Raleway', sans-serif;font-weight:500;}
h6{font-family: 'Raleway', sans-serif;font-weight:700;font-size:18px;}
.py-100{padding-top:100px;padding-bottom:100px;}
.py-60{padding-top:60px;padding-bottom:60px;}
.py-40{padding-top:40px;padding-bottom:40px;}
.List li { background:url(../images/tick.png) no-repeat 0px 5px; list-style:none; padding-left:40px;margin-bottom:20px;}
li.no-icon{background:none;}

/*************************8      header css           ****************************************************/

.bg{background:url('../images/bg.jpg');background-attachment:fixed; background-position: center; background-repeat: no-repeat; background-size: cover;height:100vh;}
/*.main-nav .logo{margin-top:-17px;}*/
#Navigation{margin:10px 0px;}
.navbar .nav-item{margin:0px 20px;font-size:14px;font-family: 'Raleway', sans-serif;font-weight:500;letter-spacing:0.02em;}
.navbar .nav-item:last-child{margin-right:0px;}
.navbar .nav-item .nav-link{color:#fff;padding-left:0px;padding-right:0px;}
.navbar .nav-item .nav-link:hover{}

.navbar-nav .menu-item {
    margin: 0px 20px;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.menu-item .nav-link{
    color: #fff;
    padding-left: 0px!important;
    padding-right: 0px!important;
}

.navbar-nav .menu-item .nav-link{color:#fff}

/**********                Home page css       *******************************/


.bnr-text{margin-top:100px;width:58%;font-size:21px;font-weight:400;}
.main-content{width:37%; background-color:rgba(38,39,53,0.9);top:0;left:0;min-height:100%;z-index:999;position:fixed;overflow:auto;}

.fa-arrow-left{font-size:20px;color:#fff;}


/**************              Footer                 ******************************/

.footer{border-top:solid 2px #b0b8bb; position:fixed;bottom:0px;left:0;right:0; font-size:11px;line-height:16px;font-family: 'Raleway', sans-serif;font-weight:400;}
.footer p{margin-bottom:0px;}
.footer .list-inline-item{margin-right:0px;}
.footer a{color:#fff;}
.footer a:hover{color:#000;}



/********************     Media query       ***************************************/

.wpdiscuz-front-actions{display:none !important;}

.wc-comment-text p{color:#000 !important;}

@media (min-width: 1600px){
	.container {max-width: 1170px; padding-left:0px;padding-right:0px;}
}

@media (min-width: 1200px) and (max-width: 1599.98px){
	
}


@media (min-width: 991.98px) and (max-width: 1199.98px) {   /**                       FOR IPAD   ***********************/
	.main-content{width:50%; }
	.bnr-text {width: 78%;}
}


@media (min-width: 768px) and (max-width: 991.98px) { 
.py-100{padding-top:80px;padding-bottom:80px;}
.py-60{padding-top:40px;padding-bottom:40px;}
.py-40{padding-top:30px;padding-bottom:30px;}
#Navigation{justify-content: center; width:100%;margin:10px auto;}
.navbar .nav-item {margin: 0px 15px;font-size: 13px;}
.main-content{width:50%; }
.bnr-text {width: 88%;}

}

@media (max-width: 767.98px){
	.container {max-width:100% !important;}
	.py-100{padding-top:80px;padding-bottom:80px;}
.py-60{padding-top:40px;padding-bottom:40px;}
.py-40{padding-top:30px;padding-bottom:30px;}
	.navbar-toggler{margin:0; outline:none !important; position:absolute;top:-70px;right:0px}
.navbar-toggler-icon{width:1.2em; height:1.2em;}
.navbar-collapse{margin:0px; padding:0px; text-align:center; width:100%;}	
	
	#Navigation{margin:0px;z-index:9999;}
	.navbar .nav-item {background-color:rgba(38,39,53,0.9);padding-left:10px;margin:0px 0px 2px 0px;}
	.navbar .nav-item:last-child {margin-right: 0px;}
	.main-content{width:100%;top:130px;position:static!important; }
	.bnr-text {width: 100%;}
	.footer{position:static !important;}
}


@media (max-width: 576px){
.navbar-toggler{position:static;}
.navbar .nav-item{margin-left:0px;margin-right:0px;}
.navbar .nav-item:last-child {margin-right: 0px !important;}
.main-content{top:180px; }
}

/**********************

@media (min-width: 767.98px) { }
@media (min-width: 1920px) { .container{width:1820px; margin:auto;} }
@media (min-width: 1200px) {}
@media (min-width: 1359.98px) and (max-width: 1459.98px) { }
@media (min-width: 1199.98px) and (max-width: 1359.98px) { }
@media (min-width: 991.98px) and (max-width: 1199.98px) {	}
@media (min-width: 768px) and (max-width: 991.98px) { }
@media (max-width: 767.98px) { }
@media (max-width: 479px) { }
@media (max-width: 320px) { }


***************************/