body {margin:0; padding:0; font-family: 'Montserrat', sans-serif;}
.pnon{padding:0;}html {scroll-behavior: smooth;}  
main{min-height:500px;}
.navbar-inverse{background:#47bd8c; border:0; border-radius:0;}
.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav>li>a{color:#fff; cursor:pointer;}
.skill-details .nav>li>a{color:#333;}
.skill-details .nav-tabs>li.active>a,.skill-details .nav-tabs>li.active>a:focus,.skill-details .nav-tabs>li.active>a:hover{color:#47bd8c; font-weight:bold;}
.nav-tabs .dropdown-menu{padding:0;}
.dropdown-menu{background:#47bd8c;}
.dropdown-menu>li>a{color:#fff; padding:5px 20px;}
li.search-content{background:#fff; padding:10px;}
li.search-content input.search{border-radius: 3px;border: 1px solid #ccc; font-size: 13px; padding: 5px 10px;}
.skill-details .dropdown-menu>.active>a,.skill-details .dropdown-menu>.active>a:focus,.skill-details .dropdown-menu>.active>a:hover{background:#fff; color:#333;}
.middle-content{border:1px soid red;}
.skill-box{border:1px solid #ccc; margin:30px 0; border-radius:3px; padding:20px 0; background:#f5f5f5; box-shadow: 2px 5px 5px  rgba(255,255,255,0.6) inset;}
.skill-box h5, .skill-box p{margin:10px 20px;}
.skill-box h5{color:#47bd8c; font-weight:700; text-transform:uppercase; padding:0 20px 10px; margin:0 0 20px; border-bottom:1px solid #47bd8c;}
.skill-box p{font-size:13px; color:#333;}
.skill-box p span,.skill-box p a span{margin-right:10px;}
.skill-box p span{color:#47bd8c;}
.skill-box p a{float:right;color:#47bd8c;}
.skill-box p a:hover, .skill-box p a:focus{color:#999; text-decoration:none;}
.form-area{border:1px solid #ccc; background:#f5f5f5; padding:20px 30px; border-radius:3px; box-shadow: 2px 5px 5px  rgba(255,255,255,0.6)}
.form-left .form-group{width:29.5%; display:inline-table; margin-right:10px;}
.checkbox{display:inline-block; width:45%;}
.form-area .checkbox-inline, .form-area .radio-inline,.form-area .checkbox label,.form-area .radio label{font-weight:600;}
.form-control{height:40px;}
textarea.form-control {height: 110px;}
.btn.submit, .btn.reset{border:0; background:#47bd8c; color:#fff; padding:10px 40px; font-size:14px; font-weight:600; text-transform:uppercase; border-radius:3px;}
.btn.reset{background:#a5a9a7; margin-left:20px;}
.btn-default.focus, .btn-default:focus{outline:none;}
.table-area table{border:1px solid #ccc; margin:30px 0;}
.table-area table th{background:#eee;}
.table-area table th, .table-area table td{border:1px solid #ccc;}
.modal-header h4{color:#47bd8c; font-weight:700; text-transform:uppercase;}
.modal-content{border-radius:5px;}
a.conect{ padding:15px; border-radius:3px; margin-bottom:20px; width:47.5%; position:relative; display:inline-block; height:60px;}
a.conect p{color:#fff; font-size:14px; text-transform:uppercase; display:inline-block;position: absolute;left: 40px; top:24px;}
a.conect span{font-size:45px; font-weight:700;text-transform: lowercase; position:absolute; top:-8px; left:15px; color:#fff;}
.fb{background:#4569ad;}
.tw{background:#1baac1; margin-left:20px;}
a.conect:hover{text-decoration:none;}
.signup-area{padding:30px 50px;}
.sign-email{padding-right:0;}
.optional p{font-size:20px; color:#333; margin-bottom:20px;}
footer{background:#555; margin-top:50px;}
footer p{font-size:13px; color:#fff; padding:15px 0;}
/*responsive settings*/
@media only screen and (max-width: 767px) {
.navbar-inverse .navbar-toggle{border-color:#fff;}
.form-left .form-group,a.conect, .modal-content .btn.submit{width:100%;}
.btn.submit, .btn.reset{margin:0 0 20px 5%;width:90%;}
.table-area{padding:0 20px;}
.tw{margin-left:0;}
.modal-content .btn.submit{margin-left:0;}
.sign-email{padding:0;}
a.conect p{font-size:12px;}
}
::-webkit-scrollbar {
    width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #555; 
}