@charset "utf-8";
/* CSS Document */


body{font-family: 'robotoregular';}
*{padding:0; margin: 0; resize: none; box-sizing: border-box;}
header, section{display:block; float: left;}
section{width:100%; float: left;}

a, .btn {transition: all 0.25s ease-in 0s; -webkit-transition: all 0.25s ease-in 0s; -moz-transition: all 0.25s ease-in 0s; -o-transition: all 0.25s ease-in 0s; outline:none; text-decoration:none;}

input:-webkit-autofill {-webkit-box-shadow: inset 0 0 0px 9999px #79338b; color:#fff!important;}
:focus {outline: 0;}

::-webkit-input-placeholder {color:#6b6b6b; opacity:1!important; /* for chrome */}
:-moz-placeholder {/* Firefox 18- */color:#ffffff; opacity:1!important; /* for chrome */}
::-moz-placeholder {/* Firefox 19+ */    color: #6b6b6b;	 opacity: 1 !important; /* for chrome */}
:-ms-input-placeholder {color: #6b6b6b;    opacity: 1 !important; /* for chrome */}
::-webkit-input-placeholder {color: #6b6b6b!important;}
:-moz-placeholder {/* Firefox 18- */   color:#6b6b6b!important}
::-moz-placeholder {/* Firefox 19+ */   color:#6b6b6b!important;}
:-ms-input-placeholder {color:#6b6b6b!important;}


img{border:0; width: 100%; display: block;}
ul,li{list-style: none;}

p{font:normal 16px/1.7 Arial, sans-serif; color:#555555; text-align:left; text-transform: none;}
h3{font:bold 40px/1.4 Arial, sans-serif; color:#2a2a2a; text-align:left; text-transform: uppercase;}
h4{font:bold 40px/1.4 Arial, sans-serif; color:#2a2a2a; text-align:left; text-transform: uppercase;}

.wrapper{width:1300px; margin: 0 auto;}

/*header Section*/
header{width:100%; height: 88px; display: flex; justify-content:space-between; align-items:center; }
.logo-bb{}
.logo-bb img{width:auto}
.logo-nss{}
.logo-nss img{width:auto}

/*banner Section*/
.banner-section{width: 100%; text-align: center;  position: relative;}
.tagline{ position: absolute;  top:40%; left: 0; right: 0; margin: 0 auto;}
.tagline .text1{display: inline-block; font:bold italic 22px/40px Arial, sans-serif; color:#ffffff; text-align:center; text-transform: uppercase;  padding: 0 20px; position: relative; z-index: 2;}
.tagline .text1:before{background-color: #2a2b6b; transform:skew(-5deg); position: absolute; content: ''; left:0; top:0; width:100%; height: 40px; z-index: -1;}
.tagline .text2{display: inline-block;  font:bold italic  51px/55px Arial, sans-serif; color:#ffffff; text-align:center; text-transform: uppercase; padding: 0 20px; position: relative; z-index: 2;}
.tagline .text2:before{background-color: #2a2b6b; transform:skew(-5deg); position: absolute; content: ''; left:0; top:-10px; width:100%; height: 70px; z-index: -1;}

img.desktop{display: block;}
img.mobile{display: none;}


/*Form Section*/
/* .form-section{ background-color: #edf1f4; padding: 40px 0; }
form{background-color: #ffffff; width: 100%; float: left;  border: 1px solid #b8c0c6; border-left: 1px solid #b8c0c6; border-top: 1px solid #b8c0c6; border-bottom: 1px solid #b8c0c6; border-right: none;}
.block{width:15.8%; float:left; margin-bottom:5px; margin-right: 1%; position: relative;}
.block input{width:100%; height:50px; float:left; padding:0 15px 0 35px; background:#ffffff;  border: 1px solid #ffffff; outline:none; font:normal 15px/1.4 Arial, sans-serif; color:#6b6b6b;}
.block select{width:100%; height:50px; float:left; padding:0 15px 0 30px; background:#ffffff url(../images/select-arrow.png) no-repeat 95% center;  border: 1px solid #ffffff;  outline:none; font:normal 15px/1.4 Arial, sans-serif; color:#6b6b6b; -webkit-appearance: none;-moz-appearance: none;appearance: none;}

.submitclass{width:16%; height:57px; float:left; text-align:center;}
.submitclass input{width:100%; height:57px; background:#ff6600; display:inline-block; border:none; color:#ffffff; font-size:14px;  text-transform:uppercase; cursor:pointer; outline:none;  ;-webkit-appearance:none; -moz-appearance:none; transition: all ease 0.4s; -webkit-transition: all ease 0.4s; font-size: 16px; font-weight: bold;}
.submitclass input:hover{ background-color: #3b3c72;}

.block:after{ position: absolute; content: ''; background-color: #dedede; width: 1px; height: 40px; right: 0; top: 10px;}
.block:nth-child(5):after{ background-color: #ffffff;}

.icon-name{ position: absolute; top: 20px; left: 10px;}
.icon-email{ position: absolute; top: 20px; left: 10px;}
.icon-phone{ position: absolute; top: 20px; left: 10px;}
.icon-purpose{ position: absolute; top: 20px; left: 10px;}
.icon-amount{ position: absolute; top: 20px; left: 10px;} */

/*About us Section*/
.about-section{width:100%; float:left; padding-left: 50%; background-color: #ffffff; padding-top: 150px; padding-bottom: 50px; position: relative;}
.about-section h3{ margin-bottom: 30px;}
.about-section p{ margin-bottom: 30px;}
.about-section::before{position: absolute; content: ''; left:0; top:50px; width:619px; height: 696px; background: url(../images/group.png) no-repeat left top;}
.about-section p img{ display: none;}

/*group pic*/
.group-pic{width:100%; float: left; text-align: center;}
.group-pic img{display: inline-block;}

/*what-we-do*/
.what-we-do{ width:100%; float: left; }
.what-we-do h3{ text-align: center; margin-bottom: 30px;}
.what-we-do ul{display: flex; justify-content: space-around;}
.what-we-do li{ width:33%; margin: 0 20px; position: relative;}
.what-we-do li:after{ position: absolute; content: ''; left:0; top: auto; bottom: -30px; background-color: #24ccff; height: 2px; width:110px}
.what-we-do li .box{width: 100%; float: left;}
.what-we-do li .box .icon{width: 100%; float: left; box-shadow: 0 0 20px 5px rgba(0,0,0,0.2);}
.what-we-do li .box .text{width: 100%; float: left; margin-top: 20px;}
.what-we-do li .box .text strong{display:block; font:bold 32px/1.7 Arial, sans-serif; color:#2c276d; text-align:left; text-transform: none;}
.what-we-do li .box .text span{font:normal 16px/1.7 Arial, sans-serif; color:#555555; text-align:left; text-transform: none;}

/*group pic 2*/
.group-pic2{width:100%; float: left; text-align: center; margin-top: 100px;}
.group-pic2 img{display: inline-block;}

/*achievements*/
.achievements{width:100%; float: left; margin-top: 50px;}
.achievements h3{ text-align: center; margin-bottom: 30px;}


.achievements .box{width: 100%; float: left;}
.achievements .box .icon{width: 100%; float: left; text-align: center;}
.achievements .box .icon img{ display: inline-block; width: auto;}
.achievements .box .text{width: 100%; float: left; }
.achievements .box .text strong{display:block; font:normal 17px/1.7 Arial, sans-serif; color:#1e1e4c; text-align:center; text-transform: none;}
.achievements .box .text span{font:normal 16px/1.7 Arial, sans-serif; color:#555555; text-align:left; text-transform: none;}

.achievements .box2{width: 100%; float: left; box-shadow: 0 0 20px 5px rgba(0,0,0,0.2); border: 4px solid #0bc6ff; padding: 20px; margin-bottom: 20px; }
.achievements .box2 strong{display:block; font:bold 32px/1.2 Arial, sans-serif; color:#2c276d; text-align:center; text-transform: none;}
.achievements .box2 span{display:block; font:normal 16px/1.2 Arial, sans-serif; color:#555555; text-align:center; text-transform: none;}

.achievments-slide{ padding-bottom: 30px;}
.achievments-slide .owl-dots{width:100%; height:13px; bottom:0; left:auto; right:auto; position:absolute; margin:0 auto; text-align:center;}
.achievments-slide .owl-dots .owl-dot{width:12px; height:12px; background-color:#d0d6d8; border-radius: 50%; margin-right:5px; display:inline-block}
.achievments-slide .owl-dots .owl-dot.active{width:18px; height:18px; background-color:#ff6600;}
.achievments-slide .owl-nav{ display: none!important;}



/*image gallery*/
.image-gallery{width:100%; float: left; margin-top: 100px;}
.image-gallery h3{ text-align: center; margin-bottom: 30px;}

.img_gallery-slide img{ filter: grayscale(0);}
.img_gallery-slide img:hover{ filter: grayscale(100%);}

.img_gallery-slide .owl-dots{width:100%; height:13px; bottom:-40px; left:auto; right:auto; position:absolute; margin:0 auto; text-align:center;}
.img_gallery-slide .owl-dots .owl-dot{width:12px; height:12px; background-color:#d0d6d8; border-radius: 50%; margin-right:5px; display:inline-block}
.img_gallery-slide .owl-dots .owl-dot.active{width:18px; height:18px; background-color:#ff6600;}

.img_gallery-slide .owl-nav{ display: none!important;}

/*footer*/
.footer-grey{width:100%; float:left; text-align:center; background:#f1f1f1; padding: 30px 0; margin-top: 120px;}
.footer-grey p{ color:#222222; font-size:16px; text-align: center; line-height: 1.4;}

/*footer*/
footer{ width: 100%; padding: 20px 0; float: left; text-align:center; background:#000000;  font-size:18px}
footer .copy{float:left; color:#ffffff; font-size:16px;}
footer .copy p{color:#c0c0c0}
footer .social-icon{float:right;}
footer .social-icon ul{}
footer .social-icon li{ height: 30px; float: left; margin: 0 10px;}
footer .social-icon li a{ display:inline-block; transition:  all 0.3s;}
footer .social-icon li a:hover{margin-top: -5px;}