/* Customizing the scroll bar -START */ 

body::-webkit-scrollbar {
    width: 20px; /* actual width of scroll bar */
}
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #00A0E6; /* scrollbar base color */
/*    -webkit-box-shadow: inset 0 0 6px #00A0E6;*/
/*    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
}
 
body::-webkit-scrollbar-thumb {
    background:linear-gradient(90deg, #60D7FF, #0485D3); /* gradient angle */
/*  background-color: #00A0E6;*/
/*  outline: 1px solid white;*/
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); /* background color */
/*    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
    border-radius: 10px;
}
 
body::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2); /* outline around bar */
}
/* customizing the scroll bar -END */ 


/* HEADER-START */
/****************/
.header {
    position: fixed;
    top: 0px;
    width: 100%;
    padding:0;
    background-color: #000000;
    height: 100px;
    z-index: 5;
}
@media(max-width:992px){
.header {
    height: 75px;

}
}
.header-logo {
    content:url(../img/400x100-CWD-logo.png);
    width:250px;
    z-index;2;
    transition: width 300ms ease;
}
/***************/
/* HEADER-END */


/* HERO BLOC START */
/*************************/
#hero-text-bloc{
position: absolute;
top:155px;
z-index:4!important;
}
.hero-bloc{
margin-top:0;
z-index:3;
}
/*************************/

@media(min-width:1200px){
.hero-bloc{
margin-top:0!important;
/*margin-top:-325px!important;*/
z-index:3;
}
#hero-text-bloc{
top:300px;
}
.hero-h1{
font-size:120px;
line-height:120px;
}
#intro-bloc{
margin-top:-300px;
z-index:3;
}
}
/*************************/

@media(max-width:1200px){
.hero-bloc{
margin-top:-225px;
z-index:3;
}
}
/*************************/

@media(max-width:768px){
.hero-bloc{
margin-top:75px!important;
z-index:3;
}
}
/* HERO BLOC END */
/*************************/


/* MOBILE DROPDOWN MENU - START */
/********************************/

.btn-dropdown a{
color:#04B0FF;
}
.button-bloc-code-widget{
position:fixed;
top:5px;
right:25px;
}
.menu-button{
font-family:'open sans';
font-size:16px;
font-weight:800;
height:15px;
padding:2px;
}
.button-menu-list{
text-align:right;
}
#C-icon{
vertical-align: middle;
}
.dropdown-menu{
width:250px!important;
padding:10px 5px 20px 5px;
margin-top:15px;
background-color:rgba(255, 255, 255, .9);
}
.dropdown-menu li a{
font-family:'helvetica';
font-size:16px;
font-weight:600;
line-height:32px;
text-align:right;
color:#000000;
}
.dropdown-menu li a:hover{
background-color:#ffffff;
font-family:'helvetica';
font-size:16px;
font-weight:600;
line-height:32px;
text-align:right;
}
/******************************/
/* MOBILE DROPDOWN MENU - END */

/* PROJECT GALLERY SETTINGS-START */
/**********************************/
#project-gallery{
width:100%;
padding:5px 0;
margin:0;
}
/* cd-items is the ul for each of the cd-item li's */
.cd-items { /* ul */
width:100%;
max-width:1200px;
padding: 0;
margin:0 auto;
}
.cd-item {
width:49%;
margin: .5%;
padding:0;
float: left;
}
.cd-item:hover {
-webkit-transform: scale(1.01,1.01,1);
transform: scale(1.01,1.01,1);
-webkit-filter: drop-shadow(2px 2px 2px rgba(128, 128, 128, 0.72));filter: drop-shadow(2px 2px 2px rgba(128, 128, 128, 0.5));
z-index: 1;
}
.cd-item img{
opacity:.75;
width:100%;
float:left;
}
.cd-item img:hover{
opacity:1;
}    
@media(max-width:768px){
.cd-item {
width: 100%;
margin: 0;
padding: 5px 0;
}
.cd-item img{
opacity:1;
width:100%;
float:left;
}
}
/**********************************/
/* PROJECT GALLERY SETTINGS-END */


/* CONTACT-FORM-START */
/**********************/
.form-control {
    font-family:'PT Sans'!important;
    font-weight: 500;
    font-size: 18px!important;
    font-weight: 400;
    line-height: 26px;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.form-check-label{
    font-family:'PT Sans'!important;
    font-weight: 500;
    font-size: 18px!important;
    font-weight: 400;
    line-height: 26px;
}
message-field {
/*    height: 100px;*/
}

.form-check-input {
    font-family:'PT Sans'!important;
    font-weight: 500;
    font-size: 18px!important;
    font-weight: 400;
    line-height: 26px;
    position: absolute;
    margin-top: 2px;
    margin-left: -18px;
    z-index:2;
}
/********************/
/* CONTACT-FORM-END */


/* MISC-START */
/**********************/

@media (min-width: 576px){
.modal-dialog {
    max-width: 900px!important;
    margin: 1.75rem auto;
    padding-left:3rem;
    padding-right:3rem;
}
}

.anchor-bloc{
    z-index: -100;
}
/********************/
/* MISC-END */