/* ---------- Main Layout Styles ----------- */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Zilla+Slab:wght@400;600;700&display=swap');


html {
    height: 100%;
    width: 100%;
    margin: 0;
    display: block;
    position: relative;
}

a {
   outline: 0;
}

a:active {
    outline: none;
}

a:focus {
    outline: none;
}



body {
    margin: 0;
    padding: 0;
    cursor: default;
    position: relative;
    font-family: Lato;
    overflow-x: hidden;
    width: 100%;
    background-color: white;}

#block_land{
    position:absolute; 
    top:0; 
    left:0; 
    text-align:center; 
    background:rgba(0,0,0, 0.9); 
    width:100%; 
    height:100%; 
    text-align : center;
    z-index: 500;
    display:none !important;
}

.block_land{
    position:absolute; 
    top:0; 
    left:0; 
    text-align:center; 
    background:rgba(0,0,0, 0.9); 
    width:100%; 
    height:100%; 
    text-align : center;
    z-index: 500;
    display:block !important;
}


#block_land p{
    color : #0064eb;
    text-align : center;
    top : 3%;
    position : relative;
    font-size : 24px;
    font-weight : 300;
}


#block_land img{
   width : 100px;
    height : 100px;
    position : relative;
    margin-top : 9%;
    
    -webkit-transform: rotateX(90deg); /* Safari */
    transform: rotateX(90deg);
}


.neat-scrollbar{
    background-color: darkgrey;
    outline: 1px solid slategrey;
    border-radius : 15px;
}

.container{
    width: 65%;
    position: relative;
    display: block;
    margin : 0 auto;
}

#carousel{
    background-position: center bottom !important;
}


@media (max-width : 991px){
    
    .container{
    width : 70%;
    }
    
}


#backtotop{
    z-index: 499;
}

/*-------------Chrome scroll bar--------------*/

body::-webkit-scrollbar {
    width: 1em;
    border-radius : 15px;
    background-color : white;
}

body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color : white;
}

body::-moz-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color : white;
}

body::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
    border-radius : 15px;
}

body::-moz-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
    border-radius : 15px;
}



/*-------------News Ticker----------------*/



#block-views-news-block {
    position: absolute;
    z-index: 200;
    margin-top: 159px;
    min-width : 310px;
    display : none;
    margin-left : 30px;
    background-color: rgba(34,149,176, 0.7);
     border-radius : 8px;
    /*border-right : 4px solid #e2e3e4;*/
}


#block-views-news-block {
display : none;
    content : "";
    clear : both;
}

#views-ticker-liScroll-news li{
    margin-right : 70px;
}

.closebtn{
      color: white;
    font-size: 13px;
    position: absolute;
    float: right;
    display: inline-block;
    right : 4px;
    margin-top: 0px;
}

.closebtn:hover{
    cursor: pointer;
}

.news-semi-colons{
    display : inline-block;
    color : white;
    width : 10%;
}

.view-news .views-ticker-liScroll-news p{
    width : 90%;
    font-family: Lato;
    font-weight: 200;
    color : white;
    text-align : center;
      display : inline-block;
}

.views-fade-tick-field p{
    color : white;
}

#views-ticker-fade-news{
    width: 30%;
    display: block;
    margin: 0 auto;
    min-width : 297px;
    text-align : center;
    padding-left : 0;
    text-decoration : underline;
  
}

#views-ticker-fade-news .field-content p{
    margin : 0 0 1px;
}


#views-ticker-fade-news li{

    list-style : none;
}


.views-ticker-fade-news p{
    text-align : center;
}

#views-ticker-fade-news .views-field-body{
    display : inline-block;
    position : relative;
    font-weight: 400;
    font-size : 12px;
    margin-top : 4px;

}

.ticker-pdf .news-span{
padding-left : 5px;
    padding-right: 5px;
}

.views-field-field-news-pdf{
    display : block;
    color : white;
    position : relative;
    margin-top: -5px;
    padding-bottom: 5px;
}

.ticker-pdf
{
    font-family: Lato;
    font-weight: 400;
    font-size : 12px;
    color : white;
}

.liScroll-container{
    width : 69%;
    display : block;
    position : relative;
    margin : 0 auto;
    min-width : 320px;
}


.liScroll-container .mask {
    position: relative;
    left: 0;
    top: 8px;
    width : 100%;
    overflow: hidden;
}

/*------------header--------------------*/
#header{
    width:100%;
    position : fixed;
    display : block;
    border-bottom: 1px solid #13151c;
    background-color : transparent;
    z-index: 300;
    margin-top : 0px;
    top : 0;
     border-top :2px solid #0064eb;
}

#header .container{
    padding : 0;
}

.not-front #header{
       background-color: rgba(0, 0, 0, 0.8);
}


.img-responsive{
    position : absolute;
    display : block;
    margin-left : 12px;
    width : auto;
    height : 50px;
    margin-top : 12px;
}


.hidden{
    display : none;
}

/*-------------------Login Page-------------*/


.page-user{
    text-align : center;

}

.page-user .main-menu-block .menu li{
    
 border-bottom : 1px solid unset; 
}

.page-user .main-menu-block .menu li:nth-child(1) a{
    
 color : white;   
}

.page-user .title{
    width : 100%;
    text-align: center;
    position : relative;
    top : 100px;
    color :  #0064eb;
   
}


.page-user .tabs{
    display : inline-block;
    margin: 0 auto;
    margin-top : 80px;
    width : 70%;
   
}

.page-user h3{
    border-bottom : 1px solid lightgrey;
  width : 50%;
    margin : 0 auto;
    padding-bottom : 10px;
    
}

.page-user #block-system-main{
    padding-bottom: 40px;
    width: 50%;
    margin: 0 auto;
    border-bottom: 1px solid #0064eb;
}

.page-user #main-content{
    margin : 0 auto;
    position : relative;
    width : 60%;
    display : block;
    margin-top : 80px; 
}

.page-user .form-submit{

   font-size: 17.73px;
    padding: 2px;
    margin-top: 33px;
    max-width: 10%;
    min-width : 59px;  
}

.page-user #block-system-main #google_recaptcha_user_login{
    TEXT-ALIGN: CENTER !important;
    width: 304px !important;
    DISPLAY: BLOCK !important;
    height: 78px !important;
    MARGIN: 0 AUTO !important;
    PADDING-TOP: 20PX !important;
    PADDING-BOTTOM: 20PX !important;
}

/*------------main menu--------------------*/

.head-container{
   width : 80%;
   display : block;
    position : relative;
    margin : 0 auto;
    
}



.main-menu-block .menu{
    position: relative;
    z-index: 20 !important;
    display : block;
    margin: 0 auto;
    text-align : center;
    padding-left : 0;

}



.main-menu-block .menu  li:hover {

border-bottom : 2px solid #0064eb;
     cursor : pointer;
}

.main-menu-block .menu  li a:hover {
    color : #0064eb;
}



.main-menu-block .menu  li:nth-child(1){
    border-bottom : 2px solid transparent; 
}

.not-front .main-menu-block .menu  li:nth-child(1){
    border-bottom : 2px solid transparent; 
}


.not-front .main-menu-block .menu  li a:hover{
   border-bottom : 2px solid #0064eb; 
    color : #0064eb;
}



.main-menu-block .menu li a{
    color : white;
    padding-top: 24px;
    padding-bottom: 27px;
}

.main-menu-block .menu li a:focus{
 border : none;
 text-decoration: none;
}

.main-menu-block .menu li a:hover{
    text-decoration: none;
    color :#0064eb;
}

.mean-nav  li:nth-child(9){
    
   background:url("../images/My-ODC-icon.png");
    background-repeat: no-repeat;
    background-position: left 104px top 10px;
    padding-right : 23px; 
    display: none !important;
}

@media (max-width : 768px){
.mean-nav  li:nth-child(9){
    
   background:url("../images/My-ODC-icon.png");
    background-repeat: no-repeat;
    background-position: left 94px top 10px;
    padding-right : 23px;  
    }
}

@media (max-width : 480px){
.mean-nav  li:nth-child(9){
    
   background:url("../images/My-ODC-icon.png");
    background-repeat: no-repeat;
    background-position: left 80px top 10px;
    padding-right : 23px;  
    }
}

@media (max-width : 340px){
.mean-nav  li:nth-child(9){
    
   background:url("../images/My-ODC-icon.png");
    background-repeat: no-repeat;
    background-position: left 70px top 10px;
    padding-right : 23px;  
    }
}


.main-menu-block .menu  li:nth-child(1){
 border-bottom : 2px solid transparent;   
}

.main-menu-block .menu  li:nth-child(9){  /*My ODC menu login*/
    background:url("../images/My-ODC-icon.png");
    background-repeat: no-repeat;
    background-position: left 64px top 21px;
    padding-right : 23px;
    display: none !important;
}


.main-menu-block .menu  li:last-child a{ 
    background: #0064eb url(./../images/okavango-blue.png) no-repeat center left 1.3rem;
    padding: 5px 25px 5px 51px;
    border-radius: 50px;
    background-size: 29px;
    color: #fff;
}

.main-menu-block .menu  li:last-child:hover{
    color:#fff !important;
    border-bottom: none;
    
}


.main-menu-block .menu  li:last-child a:hover{
    background: #0c56ba url(./../images/ob-hover.png) no-repeat center left 1.3rem;
    background-size: 29px;
    
}

.main-menu-block .menu  li:nth-child(9):hover{  /*My ODC menu login*/
    background:url("../images/my-odc-icon2.png");
    background-repeat: no-repeat;
    background-position: left 64px top 23px;
    padding-right : 23px;
}

.main-menu-block .menu  li{

    list-style: none;
    position : relative;
    display : inline-block;
    text-align : center;
    margin-left: 2% !important; /*was 4.5%*/
    padding-top : 25px;
    padding-bottom : 25px;
    z-index: 10;
}





.main-menu-block .menu  li a{
    font-weight : 300;
    font-size : 17px;
}



@media only screen and (max-width: 1822px) {
    .main-menu-block .menu  li{
        margin-left : 0%;/*80px*/

    }
}


@media only screen and (max-width: 1645px) {
    
    .main-menu-block .menu  li{
    margin-right: 0 !important;
    margin-left: 0 !important; 

    }  
    
}


@media only screen and (max-width: 1584px) {
    
    .main-menu-block .menu  li{
    margin-right: 0 !important;
    margin-left: 0 !important; 

    }  
    
}



@media only screen and (max-width: 1476px) {
    
    #header .container{
        padding : 0;
    }  
    
}


/*@media only screen and (max-width: 1425px) {
    .main-menu-block .menu  li{
        margin-left : 0px;/*80px*/
/*
    }
}
*/

@media only screen and (max-width: 1431px) {
    
    .main-menu-block .menu  li{
    margin-right: 0 !important;
    margin-left: 0  !important; 
    }  
    
}



/*@media only screen and (max-width: 1391px) {*/
/*    .img-responsive{*/
/*        position : absolute;*/
/*        display : block;*/
/*        width : 154px;*/
/*        height : 38px;*/
/*        margin-top : 19px;*/
/*    }*/
    
/*}*/
   

    
    @media only screen and (max-width: 1366px) {
    
    #header .container{
    width : 70%;
    }  
        
    
}




/*@media only screen and (max-width: 1329px) {
    .main-menu-block .menu  li{
        margin-left : -14px;/*80px*/

  /*  }
}*/


/*--@media only screen and (max-width: 1274px) {
    /*.main-menu-block .menu  li{

        margin-left : -20px;/*80px

    }

 

}*/


   /* }
        .img-responsive{
        position : absolute;
        display : block;
        margin-left : 4px;
        width : 134px;
        height : 33px;
        margin-top : 19px;
    }*/




@media only screen and (max-width: 1252px) {
     
    .main-menu-block .menu  li a{
     font-size : 16px;
    }
}


@media only screen and (max-width: 1207px) {

   
     
    .main-menu-block .menu  li a{
     font-size : 16px;
        

    }
}

@media only screen and (max-width: 1187px) {
     .main-menu-block .menu  li a{
     font-size : 15px;
    } 
    
     .main-menu-block .menu li:nth-child(9) {
    background-position: left 54px top 21px;
    }
    
    .main-menu-block .menu li:nth-child(9):hover {
    background-position: left 54px top 21px;
    }
}


@media only screen and (max-width: 1135px) {
     
    
     .main-menu-block .menu  li:nthchild(8){
           background-position: left 59px top 23px;
      
    }
    
    
}

@media only screen and (max-width: 1320px){
    
    .main-menu-block .menu{
        padding-left: 101px !important;
    }
}
    
   
@media only screen and (max-width: 1127px) {
    
     .main-menu-block .menu  li a{
     font-size : 15px;
        

    }
    
    .main-menu-block .menu li:nth-child(9) {
    background: url("../images/My-ODC-icon.png");
    background-repeat: no-repeat;
    background-position: left 58px top 21px;

}
    
    
        .main-menu-block .menu li:nth-child(9):hover {
     background: url(../images/my-odc-icon2.png);
    background-repeat: no-repeat;
    background-position: left 58px top 21px;

}
    
     
    
}

/*@media only screen and (max-width: 1149px) {*/
/*.img-responsive {*/
/*    position: absolute;*/
/*    display: block;*/
/*    width: 129px;*/
/*    height: 34px;*/
/*    margin-top: 19px;*/
/*   }*/
/*}*/
    
    
@media only screen and (max-width: 1139px) {
        
    #header .container{
        width : 76%;
    }
    
    .main-menu-block .menu  li a{
    font-size : 14px; 
    } 
    
    .main-menu-block .menu  li{
    margin-right: 12px !important;
    margin-left: 5px !important;
    }
}

    
@media only screen and (max-width: 1127px) {
          
    .main-menu-block .menu  li{
    margin-right: 6px !important;
    margin-left: 6px !important;
    }
}
    
        
@media only screen and (max-width: 1110px) {
          
    .main-menu-block .menu  li{
    margin-right: 3px !important;
    margin-left: 3px !important;
    }
}



@media only screen and (max-width: 1073px) {
     .main-menu-block .menu  li{
        margin-right : 7px;/*80px*/
   
    }
    
     .main-menu-block .menu  li a{
     font-size : 14px;
        

    }
}


@media only screen and (max-width: 1050px) {
.img-responsive {
    position: absolute;
    display: block;
    width: auto;
    height: 35px;
    margin-top: 19px;
  }
}



@media only screen and (max-width: 1019px) {
    .main-menu-block .menu  li{
        margin-right : 3px;/*80px*/
        
    }
    
      
     .main-menu-block .menu  li a{
     font-size : 13.5px;
        

    }

}






@media only screen and (max-width: 1092px) {


    
    .main-menu-block .menu  li:nth-child(9){  /*My ODC menu login*/

    background-position: left 54px top 21px;
        padding-right : 23px;}
}


.mean-container a.meanmenu-reveal {
    width: 22px;
    height: 22px;
    padding: 13px 13px 11px;
    position: absolute;
    margin : 0 auto;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    text-indent: -9999em;
    line-height: 22px;
    font-size: 1px;
    display: block;
    font-family:Lato;
    font-weight: 700;
}

.mean-nav {
    position : relative;
    top : 32px;
}

.mean-nav li{
    list-style : none;

    
}

.mean-container .mean-nav {
    width: 100%;
    background: #0c1923;
    margin-top: 12px;
}

 .mean-bar {

    width: 100%;
    position: fixed;
    background-color :rgba(12,25,35,0.9);
    z-index: 999999;
    
 
}


 .not-front .mean-bar {
     margin-top : 0;
 }




.mean-container a.meanmenu-reveal span{/*toggle burger button*/
    display: block;
    background: #fff;
    position : relative;
    top : 0px;
    height: 3px;
    width: 25px;
    margin-top: 3px;
    margin-left: -2px;
}



@media only screen and (max-width: 1111px) {




   .mean-container .mean-bar {/*front page mean menu*/
    width: 100%;
    position : fixed;
       top : 0;
    background-color :rgba(12,25,35,0.9);
       height : 40px;
    z-index: 99;

}



    .not-front .mean-bar { /*sub page mean menu*/
    width: 100%;
    position: fixed;
    background-color :rgba(12,25,35,0.9);
       height : 40px;
    z-index: 99;


}

      .not-front .mean-nav{
          top : 32px;
    }

    .hidden{
        display : block;

    }




}


@media only screen and (max-width: 1017px) {
    
    .img-responsive{
        margin-top : 6px;
        margin-left : 10px;
    }
}


/*------------lists--------------------*/

li ol
{
  list-style: none;
}



/*------------carousel--------------------*/

#carousel {
    text-align : center;
    position: relative;
    display : block;
    clear : both;
    width: 100%;
    max-width : 100%;
    max-height : 100vh;
    background-color : rgba(0,0,0,0.3);
    border-top :2px solid #1e88a0;
    overflow: hidden;
}

.logo {
    align-content: center;
    text-align : center;
    display : block;
    top:17%;
    position:absolute;
    height : auto;
    width : 45%;
    left : 20%;
    z-index: 14;
}


#carousel .logo img{
    width: 100%;
    max-width : none;
    height : auto;
   
}

#people img{
    max-width : none;
    width : 100%;
    height : 100%;
   
}

.carousel-Image {
    position : relative;
    display : block;
    width : 100%;
  height : 100vh;
    z-index: -1;
   
}

#carousel:after{
    position: absolute;
    background: rgba(0,0,0,0.5);
    width: 100%;
    height: 100vh;
    content: ".";
    color: transparent;
    top: 0;
    /* z-index: 500; */
    left: 0;
}


.carousel-block{
    width : 100%;
    height : 100%;
    display : block;
    position : relative;
    text-align : center;
    clear : both;
}


.slogan
{
    font-size: 30px;
    align-content:center;
    text-align: center;
    color:white ;
    display : none;
    top : 63.6%;
    position :absolute;
    width:100%;
    z-index: 10;
    clear : both;
}


.hero-button
{
   min-width: 222px;
background-color: #0064eb;
border-radius: 18px;
border: 2px solid #0064eb;
margin-left: -111px;
left: 50%;
padding: 2px;
position: absolute;
display: block;
top: 77%;
text-align: center;
font-weight: 300;
color: #fff;
z-index: 30;
font-size: 19.04px;
-webkit-transition: background-color 100ms ease-in 100ms;
-moz-transition: background-color 100ms ease-in 100ms;
-o-transition: background-color 100ms ease-in 100ms;
transition: background-color 100ms ease-in 100ms;
text-transform: capitalize;
clear: both;
}

.node-type-webform .form-actions input{
padding: 2px 25px;
background-color: #0064eb;
border-radius: 18px;
border: 2px solid #0064eb;
text-transform: capitalize;
font-weight: 300;
color: #fff;
z-index: 30;
font-size: 19.04px;
margin: 10px 0 0;
}

.node-type-webform .form-actions input:hover,
.hero-button:hover {
    color: #fff;
    border: 2px solid #fff;
  background-color: transparent;
    text-decoration: none;
}

.hero-button:active {
    color:white;
  background-color: #0064eb;
    text-decoration: none;
}


.Chevron {
    width : 100%;
    padding-top : 37px;
    top: 85.5%;
    text-align: center;
    align-content : center;
    background:url("../images/Chevrons.png");
    display : block;
    background-position: center;
    background-size: 3.2%;
    background-repeat: no-repeat;
    position:absolute;
    margin : auto;
    z-index: 5;
}



/*-----------------------------------------------PAGE 2 ----sell--------------------*/
#sell {
    width:100%;
    max-width : 100%;
    background-color:white;
    position: relative;
    display : block;
    background-image: url("../images/Sale-man2.png");
    background-size : contain;
    background-position: top 0 left 0;
    background-repeat: no-repeat;
    clear : both;
    padding-bottom : 405px;
    overflow-x: hidden;
    text-align : center;

}



.how-we-sell-block{ /*---Main sell paragraph - head, p, btn-----*/
       display : block;
    position: relative;
    width : 36%;
    left: 49%;
    text-align : center;
    margin-top : 60px;
}

.region-blockgroup-sales-calendar-group{/*calendar dates */ 
    position : relative;
    display : block;
    width : 50%;
    min-width : 690px;
    left : 42%;
    margin-top: 125px;
}


.region-blockgroup-sales-calendar-group .views-field-title{
    font-size : 20px;
    color : #0064eb;
}


.region-blockgroup-sales-calendar-group .views-field-title:hover{
    text-decoration : underline;
    
}

.how-we-sell-block > h2{
    margin-top : 132px;
    margin-bottom : 30px;
    width : 100%;
    min-width : 220px;
    position : relative;
    display : block;
    color:#0064eb;
    text-align: center;
    font-size: 25px;
    font-weight : bold;
    background-repeat: no-repeat;
}



.how-we-sell-slogan
{
    max-Width:100%;
    min-width: 220px;
    margin-top : 30px;
    text-align: center;
    color:#545353;
    font-size: 25px;
    line-height :normal;
    display : block;
    position : relative;
    margin-top : 5px;
    font-weight : 300;
}


.how-we-sell-btn{

    min-width: 116px;
    width : 12%;
    font-size : 14.73px;
    padding-top: 3px;
    padding-left : 21px;
    padding-right : 21px;
    padding-bottom: 3px;
    background-color: transparent;
    border-radius: 18px;
    border: 2px solid #0064eb;
    position:relative;
    text-align:center;
    margin : 0 auto;
    top : 43px;
    z-index: 30;
    color : #0064eb;
    -webkit-transition: background-color 100ms ease-in 100ms;
    -moz-transition: background-color 100ms ease-in 100ms;
    -o-transition: background-color 100ms ease-in 100ms;
    transition: background-color 100ms ease-in 100ms;
    text-transform: capitalize;
}



.how-we-sell-btn:hover{
    color : white;
    text-decoration: none;
    background-color: #0064eb;
}

.how-we-sell-btn:active{
    color : white;
    text-decoration: none;
    background-color: #0064eb;
}





/*---------------------------------Lot breakdown block ---*/

.Lot-breadown-block{
    /*width : 12%;*/
    min-width : 205px;
    display:inline-block;
    position : relative;
     padding :0px;
}

.Lot-breadown-block .views-field-field-file-attachment p{
    display: inline-block;
margin-left: 20px;

}
.Lot-breadown-block > h2{
    color: #545353;
    font-size:18.23px;
    font-weight : bold;
    width : 100%;
    top : 32px;
    text-align: center;
    position : relative;

}


.lot-month{
    font-size: 49.67px;
    position : relative;
    color : #0064eb;
    top : 20px;
    font-weight : bold;
    text-align : center;
}

.lot-year{
    font-size : 15.38pt;
    position:relative;
    color : #545353;
    text-align : center;
    top : 20px;
    letter-spacing: 12px;
    padding-left : 11px;
}


#block-views-lot-breakdown-view-block .views-field-field-file-attachment a{
    font-size : 20px;
    color : #0064eb;
}

#block-views-lot-breakdown-view-block .views-field-field-file-attachment a:hover{
    
      color : #0064eb;
}

#lot-view-all-btn{
    color : #0064eb;
    text-align: center;
    margin-top : 18px;
    top : 16px;
    width: 100%;
    display : block;
    font-size : 14.5pt;
    position : relative;
    margin-bottom: 201px;
}

/*---------------------------------Latest sales results block ---*/

.latest-sales-block{
    display:inline-block;
    position : relative;
    width : 23%;
    padding :0px;
    min-width : 195px;
}


.latest-sales-block > h2{
    color: #545353;
    top : 32px;
    font-size:18.23px;
    font-weight : bold;
    display:block;
    width: 100%;
    text-align : center;
    position : relative;
}


.latest-sales-month{
    font-size: 49.67px;
    position : relative;
    color : #0064eb;
    font-weight : bold;
    width : 100%;
    text-align : center;
    top : 20px;
}

.latest-sales-year{
    font-size : 15.38pt;
    position:relative;
    color : #545353;
    text-align : center;
    display :block;
    width : 100%;
    top : 20px;
    letter-spacing: 12px;
    padding-left : 11px;
  
}

.sales-results-btn{
    font-size : 20px;
    color : #0064eb; 
}

.sales-results-btn:hover{
   color : #0064eb; 
}

.latest-sales-btn{
    color : #0064eb;
    text-align: center;
    position : relative;
    margin-top : 18px;
    display : block;
    top : 15px;
    width: 100%;
    font-size : 14.5pt;
    margin-bottom: 201px;
}

/*---------------------------------Sales calendar block --------*/


.sales-calendar-block{
    width : 12%;
   
    min-width : 195px;
    display:inline-block;
   /* background-image: url("../images/Sales-calendar-icon.png");
    background-position: left 50% top 0px;
    background-repeat: no-repeat;*/
    position : relative;
     padding :0px;
}


.sales-calendar-block > h2{
    color: #545353;
    font-size:18.23px;
    font-weight : bold;
    text-align: center;
    display:block;
    top : 31px;
    position: relative;
    width: 100%;

}

.sales-calendar-month{
    font-size: 49.67px;
    position : relative;
    color : #0064eb;
    font-weight : bold;
    text-align: center;
    top : 20px;
    width : 100%;
}


.sales-calendar-year{
    font-size : 15.38pt;
    position:relative;
    color : #545353;
    display : block;
    padding-left : 11px;
    text-align: center;
    width : 100%;
    top : 20px;
    letter-spacing: 12px;

}


.sales-calendar-block .more-link a {
    color : #0064eb;
    text-align: left;
    position : relative;
    width: 100%;
    font-size : 20px;
    display : block;
}

@media screen and (max-width:770px) {
.sales-calendar-block .more-link a {text-align:center;}
}

/*----------------------------------------------page_three_Product--------------------*/
#product {
    right:0;
    left:0;
    padding:0px;
    width:100%;
    max-width : 100%;
    position: relative;
    background-image: url("../images/ODC3-Product.jpg");
    background-size : cover;
    background-repeat: no-repeat;
    overflow-x: hidden;
}



.Our-product-block{
    display : block;
    position: relative;
    text-align : center;
    padding-bottom : 457px;

}


.Our-product-block > h2{
    color : #0064eb;
    font-size: 25px;
    font-weight : bold;
    margin-top : 306px;
    width : 100%;
    display : block;
    text-align : center;
    background-repeat: no-repeat;
    clear : both;
    position : relative;
}


.Product-Slogan{
    Width : 96%;
    display : block;
    text-align: center;
    margin : 0 auto;
    color:#545353;
    font-size: 25px;
    padding-top : 8px;
    position: relative;
    clear : both;
    font-weight : 300;
}

.Product-Slogan a{
    color: #0064eb !important;
}


.Product-Slogan a:hover {
    color: #0064eb !important;
    text-decoration: underline;
}
.Our-product-block .more-link  {
    min-width: 116px;
    padding : 2px;
    width : 10%;
    background-color: transparent;
    border-radius: 18px;
    border: 2px solid #0064eb;
    position:relative;
    margin-top : 40px;
    display : inline-block;
    text-align:center;
    z-index: 30;
    -webkit-transition: background-color 100ms ease-in 100ms;
    -moz-transition: background-color 100ms ease-in 100ms;
    -o-transition: background-color 100ms ease-in 100ms;
    transition: background-color 100ms ease-in 100ms;
    text-transform: capitalize;
}

.Our-product-block .more-link  a{
    font-size : 14.73px;
    color : #0064eb;
}


.Our-product-block .more-link:hover{
    background-color: #0064eb;
}

.Our-product-block .more-link:active{
    background-color: #0064eb;
}

.Our-product-block .more-link a:hover {
    color:white;
    text-decoration: none;
}

.Our-product-block .more-link a:active {
    color:white;
    text-decoration: none;
}


/*---------------------------------------page_four--------------------*/
#customer {
    width:100%;
    height : 100%;
    max-width : 100%;
    position: relative;
    display : block;
    background-color: white ;
    background-image: url("../images/ODC3-Customer.jpg");
    background-size : cover;
    background-repeat: no-repeat;
    padding-bottom : 490px;
    overflow-x: hidden;
}

.region-blockgroup-customer-group{
    display : block;
    position : relative;
    width : 40%;
    margin-top : 40px;
    left : 46%;
    text-align : center;
}

/*.customer-block-group{
    position : relative;
    display : block;
    width : 50%;
    left : 60%;
}*/


.customer-block2{
    display : block;
    position : relative;
    width : 100%;
     margin-top : 60px;
}

.node-type-webform   #content h2{
    color: #0064eb;
    font-size: 18px;
    font-weight: bold;
    width: 100%;
    display: block;
    position: relative;
}

.customer-block2 > h2 {
    color : #0064eb;
    font-size: 25px;
    font-weight : bold;
    margin-top : 210px;
    margin-bottom : 10px;
    min-width : 140px;
    width : 100%;
    text-align : center;
    display : block;
    position : relative;
}


.customer-slogan
{
    color : #545353;
    font-size: 24px;
    line-height: normal;
    font-family : lato;
    width : 80%;
    left : 10%;
    text-align : center;
    display : block;
    text-align : center;
    position :relative;
    margin-top : 14px;
    font-weight : 300;
}

.customer-block2 .more-link {
    color : #0064eb;
    padding : 2px;
    font-size : 14.73px;
    margin-top : 45px;
    border-radius: 18px;
    display : inline-block;
    padding-bottom : 4px;
    text-align: center;
    text-decoration : none;
    position : relative;
    z-index: 10;
}

.customer-block2 .more-link a{
    border-radius: 18px;
    padding-top : 2px;
    width : 9%;
    min-width: 126px;
    border: 2px solid #0064eb;
    padding-left : 20px;
    padding-right : 20px;
    padding-bottom : 4px;
    background-color: transparent;
    color : #0064eb;
}

.customer-block2 .more-link a:hover {
    color:white;
    text-decoration : none;
}

.customer-block2 .more-link a:active {
    color:white;
    text-decoration : none;
}

.customer-block2 .more-link:hover{
    color:white;
    background-color: #0064eb;
    text-decoration: none;
}

.customer-block2 .more-link:active{
     color:white;
    background-color: #0064eb;
    text-decoration: none;
    
}


/*-------Registration Process block------*/



#block-views-4a35ee21d19b31e4bec5129eae47bdad{
       display : inline-block;
    position : relative;
    margin-top : 10px;
    text-align : center;
}


.views-field-field-home-page-file a{
    font-size : 20px;
    color : #0064eb;
    margin-top : 50px;
    display : inline-block;
    text-align: center;
    text-decoration: none;
}

.views-field-field-home-page-file a:hover{
   
      text-decoration : underline;
}
/*-------Registration Process block------*/


.registration-block{
    display : inline-block;
    position : relative;
    margin-top : 10px;
    text-align : center;
}



.registration-block > h2{
display : none;
}



.reg-pdf-btn{/* Registration process btn*/
    color : #0064eb;
    padding : 2px;
    font-size : 20px;
    margin : 0 auto;
    margin-top : 78px;
    display : inline-block;
    text-align: center;
    text-decoration: none;
     position : relative;
}

.reg-pdf-btn a{
    color : #0064eb;
    font-size : 20px;
}

.reg-pdf-btn:hover{
     color : #0064eb;
      text-decoration : underline;
}

.reg-pdf-btn a:hover {
 color : #0064eb;
      text-decoration : underline;
}

/*------------------Registration FAQs-----*/


.reg-faq-block{
    display : inline-block;
    position : relative;
    float : left;
    margin-top : 10px;
    text-align : left;
}


.reg-faq-block > h2{
 display : none;
}

.reg-faq-slogan{
    display: none;

}

.faq-pdf-btn{
    color : #0064eb;
    padding : 2px;
    font-size : 20px;
    margin : 0 auto;
    position : relative;
    display : inline-block;
    text-align: center;
    padding-top : 50px;
   
}

.faq-pdf-btn:hover {
  color : #0064eb;
    text-decoration : underline;
}

/*---------------------------------------page_five-- About--------------------*/

#about {
    background-color: #000;
    position: relative;
    width: 100%;
    max-width: 100%;
    display: block;
    background-image: url("../images/ODC3_About.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    padding-bottom: 584px;
    background-position: bottom;
    overflow-x: hidden;

}


.about-block{
    width : 100%;
    position : relative;
    display : block;
    text-align : center;
}


.about-block > h2 {
    text-align:center;
    width:100%;
    color : #fff;
    font-size:30px;
    position:relative;
    margin-top : 198px;
    z-index: 10;
    display : block;
}

.About-us-slogan{
    width:60%;
    left : 20%;
    margin-top : 13px;
    display : block;
    text-align: center;
    color: white;
    font-size: 22px;
    position:relative;
    z-index: 10;
    clear : both;
    font-weight : 300;
}




.about-block .more-link a {
    min-width: 115px;
width: 6.5%;
background-color: #0064eb;
border-radius: 18px;
border: 2px solid #0064eb;
position: relative;
display: block;
top: 32px;
text-align: center;
margin: auto;
clear: both;
color: #fff;
font-weight: 300;
z-index: 30;
font-size: 14.73px;
padding: 2px;
-webkit-transition: background-color 100ms ease-in 100ms;
-moz-transition: background-color 100ms ease-in 100ms;
-o-transition: background-color 100ms ease-in 100ms;
transition: background-color 100ms ease-in 100ms;
text-transform: capitalize;
}

.about-block  .more-link a:hover{
    color: white;
    background-color: #0064eb;
    text-decoration: none;

}


.about-block  .more-link a:active{
    color: white;
    background-color: #0064eb;
    text-decoration: none;

}



/*-------------------------------------People  section ------------------------------------------*/
#people{
    background-image: url("../images/odc-new-team.jpg") !important;
    width: 100%;
    max-width : 100%;
    min-width : 100%;
    position: relative;
    background-size: 100%;
    display: block;
    height : 100vh;
    overflow: hidden;
}

.views-field-field-image-home{
    position: relative;
    display: block;
    width: 100%;
    height: 100vh;
}

.Meet-Exco-btn{
    min-width : 141px;
    width : 8.5%;
    background-color: #0064eb;
    border-radius: 18px;
    border: 2px solid #0064eb;
    position:relative;
    display : inline-block;
    left : 50%;
    margin-left : -185px;
    font-weight : 500;
    text-align:center;
    clear: both;
    color : white;
    position : absolute;
     bottom : 21%;
    z-index: 30;
    font-size : 14.73px;
        padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 6px;
    padding-left: 6px;
}


.Meet-Exco-btn:hover{
    background-color : white;
    text-decoration : none;
    color : #0064eb;
}

.Meet-Exco-btn:active{
    background-color : white;
    text-decoration : none;
    color : #0064eb;
}

.meet-board-btn{
    min-width : 125px;
    width : 8.5%;
     left : 50%;
    margin-left : 21px;
    background-color: #0064eb;
    border-radius: 18px;
    border: 2px solid #0064eb;
    position:absolute;
    display : inline-block;
    text-align:center;
    clear: both;
    bottom : 21%;
    color : white;
      font-weight : 500;
    z-index: 30;
    font-size : 14.73px;
       padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 6px;
    padding-left: 6px;
}

.meet-board-btn:hover,
.about-block .more-link a:hover{
    text-decoration : none;
background-color : white;
    color : #0064eb;
}

.meet-board-btn:active {
    text-decoration : none;
background-color : white;
    color : #0064eb;
}



@media only screen and (max-width: 682px) {

    .meet-board-btn{
        bottom : 12%;
          margin-left : 10px;
    }
    
    
.Meet-Exco-btn{
     bottom : 12%;
    margin-left : -135px;
    }
}

/*-------------------------------------footer---  Contacts section-----------------*/
#footer {
    background-color: #000a46;
    width:100%;
    max-width : 100%;
    display : block;
    position: relative;
    z-index: 2;
    overflow-x: hidden;
}

.region-footer{
    display : block;
    position :relative;
    width : 100%;
}

.region-blockgroup-footer-group{
    display: block;
position: relative;
width: 100%;
padding: 100px 0;
}


.region-blockgroup-footer-group:after{
    clear:both;
    display : block;
    content : "";
}


.contact-heading-block{
    width : 50.83%;
    margin-left : 24.81%;
    float : left;
    display : block;
    position : relative;
    clear : both;
}


.contact-heading{ /*Heading text*/
   width: 100%;
text-align: center;
color: white;
display: block;
font-weight: 300;
border-bottom: 1px solid white;
padding-bottom: 70px;
font-size: 30px;
}

/*--------location details-------*/
.location-details-block{
    position : relative;
    display : block;
    width : 16%;
    margin-top : 37px;
    float : left;
    margin-left : 25%;
    text-align: center;
    background-image: url("../images/location-icon.png");
    background-repeat: no-repeat;
    background-position:left 50% top 3px;
}

.location-block:after{
    clear : both;
    display : block;
    content:"";
}

.location-slogan{
    padding-top : 45px;
    color : white;
    font-size : 15pt;
    display : block;
    position : relative;
    width : 100%;
    font-weight : 300;
}

/*--------postal details-------*/

.postal-block{
    position : relative;
    display : block;
    width : 16%;
    margin-top : 37px;
    float : left;
    margin-left : 1%;
    text-align: center;
    background-image: url("../images/postal-icon.png");
    background-repeat: no-repeat;
    background-position:left 50% top 3px;
}
.postal-block:after{
    clear : both;
    display : block;
    content:"";
}

.postal-slogan{
    padding-top : 45px;
    color : white;
    font-size : 15pt;
    position : relative;
    width : 100%;
    display : block;
    font-weight : 300;
}


/*------- contact info slogan---*/


.contact-info-block{
    position : relative;
    margin-top : 37px;
    margin-bottom : 20px;
    display : block;
    width : 15%;
    float : left;
    margin-left : 1%;
    text-align: center;
    background-image: url("../images/Contact-info-icon.png");
    background-repeat: no-repeat;
    background-position:left 50% top 3px;
}

.contact-info-block:after{
    clear : both;
    display : block;
    content:"";
}


.contact-info-slogan{
    padding-top : 45px;
    color : white !important;
    font-family : lato;
    font-weight : 300;
    font-size : 15pt;
    position : relative;
    width : 100%;
    display : block;
}

.contact-info-slogan a{
    color : white !important;
    
}

.contact-info-slogan:active{
    color : white !important;
}

.contact-info-slogan:focus{
    color : white !important;
}




#contact-form-btn{
    position: relative;
    display : block;
    margin-top : 68px;
    min-width : 190px;
    width : 70%;
    margin-left : 14%;
    padding: 2px;
    border-radius : 17px;
    font-size : 16px;
    color : white;
    border : 1px solid white;
    z-index: 10;
    font-weight : 300;
}


#contact-form-btn:hover {
    background-color: white;
    color: #0064eb;
    text-decoration: none;
}

#contact-form-btn:active {
    background-color: white;
    color: #0064eb;
    text-decoration: none;
}


#contact-form-btn:onfocus {
    background-color: white;
    color: #0064eb;
    text-decoration: none;
}

/*---------Google Map---------*/

#block-views-odc-location-map-block{
    position : relative;
    display : block;
    WIDTH : 100%;
}

#leaflet-map{
    position : relative;
    display : block;
    width: 100%;
    margin-top : 32px;
   
}

/*------------Contact Us form--------------------*/


.modal-default{
    font-family : Lato;
}

.modal-header .close {
    margin-top: -32px;
    margin-bottom: 30px;
}

.modal-content{
    box-shadow: none;
    border : none;
    -webkit-box-shadow : none;
    
}

div.modal-forms-modal-content .modal-title {
    display: block;
    color: #0064eb;
    width: 100%;
    text-align: center;
    position: relative;
    font-size: 25px;
    top: 7px;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    font-family: lato;
    font-size: 12pt;
}

div.modal-forms-modal-content .form-item label {
    float: none;
    width: auto;
    opacity: 0.5;
}

.name-field{
    border-radius : 5px;
    height : 32px;
    border : 1px solid #0064eb;
    width : 412px;
    margin-left : 54px;
    margin-bottom : 10px;
      padding-left : 10px;
}

label{
font-family : lato;
    font-size : 12pt;
    color : #545353;
}

.company-name-field{
    border-radius : 5px;
    height : 32px;
    border : 1px solid #0064eb;
    width : 412px;
    margin-left: 54px;
    margin-bottom : 10px;
    padding-left : 10px;
}

.city-field{
    border-radius : 5px;
    height : 32px;
    border : 1px solid #0064eb;
       width : 412px;
    margin-left : 54px;
     margin-bottom : 10px;
      padding-left : 10px;
}


.webform-component--country{
    margin-left : 54px;
}

.country-field{
    border-radius : 5px;
    height : 32px;
    border : 1px solid #0064eb;
    width : 412px;
    margin-left : 0px;
     padding-left : 10px;
     margin-bottom : 10px;

}

.email-field{
    border-radius : 5px;
    height : 32px;
    border : 1px solid #0064eb;
        width : 412px;
    margin-left : 54px;
      padding-left : 10px;
}

.tel-field{
    border-radius : 5px;
    height : 32px;
    border : 1px solid #0064eb;
    width : 412px;
    margin-left :54px;
    margin-bottom : 10px;
     padding-left : 10px;
 
}

.comment-field
{
    border-radius : 5px;
    height : 70px;
    border : 1px solid #0064eb;
    width : 412px;
    margin-left : 54px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.form-textarea-wrapper textarea {
    display: block;
    margin: 0;
    width: 412px;
    margin-left: 54px;
    padding-left: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


 .modal-content .form-submit
 {
     display : block;
     position : relative;
     border : 1px solid #0064eb;
     color : white;
     background-color: #0064eb;
     width : 30%;
     height : 28px;
     top : 13px;
     border-radius : 12px;
     left : 35%;
     right:35%;
     bottom : 5px;
 }







@media only screen and (max-width: 768px) {
    
    #block-views-location-details-block{
        margin-top : 23px;
    }
    
    #block-views-postal-details-block{
        margin-top : 23px;
    }
    
    #block-views-contact-info-block{
            margin-top: 13px;
    }
}



@media only screen and (max-width: 550px) {
    .popups-container {
        width: 80%;
        position : relative;
        display : block;
        margin : auto;
    }

   label{
        font-family : lato;
        font-size : 12pt;
        color : #545353;
        left : 7px;
    }


    .name-field{
        height: 25px;
    border: 1px solid #0064eb;
    position: relative;
    width: 60%;
    /* right: 3px; */
    left: 0;
    display: block;
    }

    .company-name-field{
  
         height: 25px;
    border: 1px solid #0064eb;
    position: relative;
    width: 60%;
    /* right: 3px; */
    left: 0;
    display: block;
    }

    .city-field{
         height: 25px;
    border: 1px solid #0064eb;
    position: relative;
    width: 60%;
    /* right: 3px; */
    left: 0;
    display: block;
    }


    .country-field{
       
        height: 25px;
    border: 1px solid #0064eb;
    position: relative;
    width: 67%;
    /* right: 3px; */
    left: 0;
    display: block;
    }

    .email-field{
       
        height: 25px;
    border: 1px solid #0064eb;
    position: relative;
    width: 60%;
    /* right: 3px; */
    left: 0;
    display: block;
    }

    .tel-field{
       
          height: 25px;
    border: 1px solid #0064eb;
    position: relative;
    width: 60%;
    /* right: 3px; */
    left: 0;
    display: block;
    }

    .comment-field
    {
    
         height: 25px;
    border: 1px solid #0064eb;
    position: relative;
    width: 60%;
    /* right: 3px; */
    left: 0;
    display: block;
    }
    
    #modalContent .form-textarea-wrapper textarea {
            height: 25px;
    border: 1px solid #0064eb;
    position: relative;
    width: 60%;
    /* right: 3px; */
    left: 0;
    display: block;
    }
    
    #modal-content .resizable-textarea .grippie{
        display: none;
    }
    



     .modal-content .form-submit {
          left: 50%;
    margin-left: -120px;
    }
    
    div.modal-forms-modal-content .popups-container {
    overflow: hidden;
    height: 100%;
    background: #fff;
    text-align: left;
    height: 450px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
}


@media only screen and (max-width: 443px) {
    
     .popups-container {
        width: 60%;
        position : relative;
        display : block;
        margin : auto;
    }
    
    
    
    .name-field{
        height: 25px;
    border: 1px solid #0064eb;
    position: relative;
    width: 40%;
    /* right: 3px; */
    left: 0;
    display: block;
    }

    .company-name-field{
  
         height: 25px;
    border: 1px solid #0064eb;
    position: relative;
    width: 40%;
    /* right: 3px; */
    left: 0;
    display: block;
    }

    .city-field{
         height: 25px;
    border: 1px solid #0064eb;
    position: relative;
    width: 40%;
    /* right: 3px; */
    left: 0;
    display: block;
    }


    .country-field{
       
        height: 25px;
    border: 1px solid #0064eb;
    position: relative;
    width: 45%;
    /* right: 3px; */
    left: 0;
    display: block;
    }

    .email-field{
       
        height: 25px;
    border: 1px solid #0064eb;
    position: relative;
    width: 40%;
    /* right: 3px; */
    left: 0;
    display: block;
    }

    .tel-field{
       
          height: 25px;
    border: 1px solid #0064eb;
    position: relative;
    width: 40%;
    /* right: 3px; */
    left: 0;
    display: block;
    }

    .comment-field
    {
    
         height: 25px;
    border: 1px solid #0064eb;
    position: relative;
    width: 40%;
    /* right: 3px; */
    left: 0;
    display: block;
    }
    
    #modalContent .form-textarea-wrapper textarea {
            height: 25px;
    border: 1px solid #0064eb;
    position: relative;
    width: 40%;
    /* right: 3px; */
    left: 0;
    display: block;
    }
    
    
    .modal-content .form-submit {
    left: 50%;
    margin-left: -166px;
 }
}


/*-----------------------------My ODC Page------------------------*/

/***expression-form***/
.page-node-355 #webform-client-form-355{
    max-width: 100% !important;
}

.page-node-355 #edit-submitted-service-category{
    width:100%;
}

.page-node-355 #webform-client-form-355 .form-checkboxes .form-item{
    margin: 0 10px 10px 0;
    position: relative;
    width: 30%;
    display: block;
    display: inline-block;
    padding-left: 20px;
}

.page-node-355 #webform-client-form-355 #edit-submitted-service-category label{
    font-size: 12.5px;
}

.page-node-355 #webform-client-form-355 input.form-checkbox {
    vertical-align: middle;
    position: absolute;
    width: auto !important;
    left: 0;
    top: 22%;
    transform: translateY(-5px);
}

.page-node-119{
    background-image : url("../images/my-odc-new-img.jpg");
    background-size : cover;
    background-repeat : no-repeat;
   
}


.page-node-119 #page-title{
    display : none;
}



.page-node-119 .main-menu-block .menu li:nth-child(1) a{
 color : white;   
}

.page-node-119 .main-menu-block .menu li:nth-child(9){
border-bottom : 2px solid #0064eb;
    background-image : url(../images/my-odc-icon2.png);
}

.page-node-119 .main-menu-block .menu li:nth-child(9) a{
 color : #0064eb;   
}

.page-node-119 .field-items p{
      color: #0064eb;
    font-size: 82.25px;
    font-weight: 300;
    width: 100%;
    text-align: center;
    position: relative;
    display: block;
    margin-top: 9%;
    
}

@media (max-width : 1366px){
    .page-node-119 .field-items p{
    margin-top: 4%;
    
   }
    
     .page-node-119{
    background-position : center;
   
    }
} 



@media (max-width : 1024px){
    .page-node-119 .field-items p{
    margin-top: 6.7%;
    
   }
} 

@media (max-width : 480px){
    .page-node-119 .field-items p{
      color: #0064eb;
    font-size: 52.25px;
    font-weight: 300;
    width: 100%;
    background-position: center;
    text-align: center;
    position: relative;
    display: block;
    margin-top: 6%;
    
   }
}

/*--------------------------------Sub footer--------------------*/
#sub-footer{
    width:100%;
    max-width : 100%;
    overflow-x: hidden;
    position: relative;
    display : block;
    padding-bottom : 25px;
    z-index: 2;
    background-color: #000a46;
    background-image : url(../images/subfooter-logo.png);
    background-repeat: no-repeat;
    background-position: left 50% top 50%;
}

#sub-footer:after{
   display : block;
    clear: both;
    
}

.sub-footer-block{
    position : relative;
    width : 100%;
    color : white;
    display : block;
}

.sub-footer-block:after{
   display : block;
    clear: both;
    
}


.copyright{
     position : relative;
    top : 11px;
    min-width : 260px;
     width : 13%;
    float : left;
      font-size : 12px;
    display : inline-block;
}


.company-name{
    position : relative;
    top : 11px;
    float : left;
    min-width : 175px;
    width : 10%;
    font-size : 12px;
    display : inline-block;
}


.disclaimer{
    position : relative;
    top : 11px;
    color : white;
    float : left;
      font-size : 12px;
    display : inline-block;

}

.developed-by-text{
    position : relative;
    float : right;
    min-width : 290px;
    font-size : 12px;

    top : 11px;
    color : white;
    display : inline-block;

}

.terms-of-use-link{
    position : relative;
    width : 6.8%;
    min-width : 110px;
    font-size : 12px;
    top : 11px;
    float : right;
    color : white;
    display : inline-block;
}

.terms-of-use-link span{
    color : white;
    padding-left : 14px;
}


.terms-of-use-link:hover{
  color : white;

}

.disclaimer:hover{
  color : white;

}

.disclaimer span{
    color : white;
    padding-right : 8px;
}



.developed-by-text:hover{
    color : white;
}

/*------------------------------------------------------- SUB PAGES -----------------------------*/

/*
html{
    background-image: url(../images/ODC3-Product.jpg);
    background-size :cover;
    background-repeat:  no-repeat;
}

.not-front .container-fluid{
    background-image: url(../images/ODC3_ProductPage-background.jpg);
    background-repeat:  repeat; 
}



.page-how-we-sell .container-fluid{
    background-image: none !important;
}

.page-products .container-fluid{
    background-image: none !important;
}

.page-customer .container-fluid{
    background-image: none !important;
}

.page-customer .container-fluid{
    background-image: none !important;
}

.page-about .container-fluid{
    background-image: none !important; 
}
*/


#main-content{

}

#sub-page-header{
     width:100%;
    position : fixed;
    border-top : 2px solid #0064eb;
    border-bottom: 1px solid #292c34;
    background-color : #090a10;
    z-index: 300;
    opacity: 0.8;
    top : 0;
}


.sub-page-footer{
    display : none;
}










    /*-------------------How we sell Page----------*/
    .page-how-we-sell .menu li:nth-child(2) {

        border-bottom: 2px solid #0064eb;
    }

.page-how-we-sell .nicescroll-cursors{
        display : none;
     
    }

.page-how-we-sell .ui-widget-overlay {
    background: rgba(0,0,0,0.8);
    opacity: none;
    filter: none;
}


.page-how-we-sell .latest-sales-page-pdf-btn {
    top : 0 !important;
}

 .page-how-we-sell .menu li:nth-child(2) a{

       color : #0064eb;
    }

    .page-how-we-sell .menu li:nth-child(1) {
        border-bottom: inherit;
    }

 .page-how-we-sell .menu li:nth-child(1) a{
       color : white;
    }

    .page-how-we-sell {
        position: relative;
        display: block;
        height : 100%;
        width : 100%;
        background-image: url("../images/Sale-man2.png");
        background-size: 75%;
        background-repeat: no-repeat;
        background-position : left 0;
    }

.page-how-we-sell #modalframe-element  #nicescroll-rails{
    display : none;
}

    .page-how-we-sell .title {
        font-size: 25px;
        position: relative;
        color: #0064eb;
        font-weight: bold;
        margin-top: 122px;
        width: 40%;
        left: 44%;
        text-align : center;
        z-index: 3;
        margin-bottom: 7px;
    }

.page-how-we-sell .page-content {
        display: block;
        margin-top: 25px;
        position: relative;
        width: 40%;
        left: 44%;
        padding-right: 9px;
        text-align: center;
        z-index: 2;
        font-size: 22px;
        color: #545353;
        line-height: normal;
        height: 345px;
        overflow-y: scroll;
        font-weight: 300;
    }




.page-how-we-sell .page-content::-webkit-scrollbar {
    width: 4px;
}

.page-how-we-sell .page-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: lightgrey;
    border-radius: 15px;
}

.page-how-we-sell .page-content::-webkit-scrollbar-thumb {
    background-color: #0064eb;
    outline: 1px solid slategrey;
    border-radius: 15px;
}


    .page-sell-image:after {
        content: "";
        display: block;
        clear: both;
    }

    .page-how-we-sell .region-blockgroup-sales-block-group {

           position: relative;
    display: block;
    width: 40%;
    margin-left: 44%;
    min-width: 620px;
    margin-top: 24px;

    }

 .page-how-we-sell .region-blockgroup-sales-block-group H2 {
     margin-top : 50px;
}

.page-how-we-sell .region-blockgroup-sales-block-group .lot-month{

    top : 0px;
}

.page-how-we-sell .region-blockgroup-sales-block-group .lot-year{

top : 11px;
}

.latest-sales-year {
    top : 11px;
}

.sales-calendar-year {
     top : 11px;
}

.page-how-we-sell  .lot-breakdown-page-block .lot-breakdown-pdf-btn {
    margin-top : 24px;
}

.page-how-we-sell  .lastest-sales-page-block .latest-sales-pdf-btn {
     margin-top : 24px;
}

.page-how-we-sell .sales-calendar-page-block .sales-page-btn {
  
}

.page-how-we-sell .region-blockgroup-sales-block-group .latest-sales-month{
      top : 0px;
}

.page-how-we-sell .region-blockgroup-sales-block-group .sales-calendar-month{
      top : 0px;
}

    .lot-breakdown-page-block {
       display: inline-block;
    position: relative;
    width: 33%;
    min-width: 205px;
    float: left;
    text-align: center;
    }

    .page-how-we-sell h2 {
        color: #0064eb;
        font-size: 18.23px;
        font-weight: bold;
        display: block;
        font-weight : 400;
        width: 100%;
        text-align: center;
        position: relative;
    }

    .lot-breakdown-page-block .lot-breakdown-pdf-btn {
        color: #0064eb;
        text-align: center;
        float: left;
        margin-top: 34px;
        width: 100%;
        font-size: 14.5pt;
        position: relative;
        margin-bottom: 201px;
    }

.view-lot-breakdown-page-view .views-field-field-file-attachment a{
       color: #0064eb;
    text-align: left;
    float: left;
    position: relative;
    margin-top: 0;
    width: 100%;
    margin-top : 26px;
    font-size: 20px;
}

 .sub-page-sales-btn{
       color: #0064eb;
    text-align: center;
    float: left;
    position: relative;
    margin-top: 26px;
    width: 100%;
    font-size: 20px;
}

    .lastest-sales-page-block {
        display: inline-block;
        position: relative;
        text-align: center;
        width: 33%;
        padding: 0px;
        float : left;
        min-width: 195px;
     /* background-image: url("../images/Latest-sale-results-icon.png");
        background-position: left 50% top 0px;
        background-repeat: no-repeat;
            height: 256px;*/
    }

    .lastest-sales-page-block .latest-sales-pdf-btn {
        color: #0064eb;
        text-align: center;
        position: relative;
        float: left;
        margin-top: 26px;
        width: 100%;
        font-size: 20px;
        margin-bottom: 20px;
    }

    .sales-calendar-page-block {
        display: inline-block;
        position: relative;
        width: 33%;
        min-width: 195px;
      /* background-image: url("../images/Sales-calendar-icon.png");
        background-position: left 50% top 0px;
        background-repeat: no-repeat;
            height: 256px;*/
    }

    .sales-calendar-page-block .sales-page-btn {
        color: #0064eb;
        text-align: right;
        float: left;
        position: relative;
        margin-top: 26px;
        width: 100%;
        font-size: 20px;
    }

    /*--------Media queries--------*/
    @media only screen and (max-width: 1653px) {

        .page-how-we-sell .region-blockgroup-sales-block-group {
           margin-left : 45%;

        }
    }


 


@media only screen and (max-width: 1388px) {

    .page-how-we-sell .region-blockgroup-sales-block-group {
        margin-left : 42%;

    }
}

@media only screen and (max-width: 1230px) {

    .page-how-we-sell .region-blockgroup-sales-block-group {
        margin-left : 36%;

    }
}

@media only screen and (max-width: 1024px) {
    .page-how-we-sell .region-blockgroup-sales-block-group{
        margin-left : 24%;
    }
    
}

@media only screen and (max-width: 1015px) {
    .page-how-we-sell .page-content{
        width: 51%;
    }
    
}


@media only screen and (max-width: 941px) {

    .page-how-we-sell .region-blockgroup-sales-block-group {
        margin-left : 15%;
        text-align : center;

    }
}


    @media only screen and (max-width: 770px) {

        
        .page-how-we-sell {
        position: relative;
        display: inline-block;
        height : 100%;
        width : 100%;
        background-image: url("../images/Sale-man2.png");
        background-size: 75%;
        background-position : left -20px top -15px;
        }

        .page-how-we-sell .title {
            color: #0064eb;
            width: 100%;
            text-align: center;
            left: 0;
            margin-top: 247px;
            font-size: 22px;

        }

        .page-how-we-sell .page-content {
            display: block;
            margin-top: 35px;
            width: 90%;
            left: 5%;
            color: #545353;
            font-size : 20px;
            padding-right: 25px;
            text-align: center;
            overflow-y: scroll;
        }
        
        
         .page-how-we-sell .page-content .content {
             
        font-size: 20px;

        }

       

        .sales-calendar-page-block {
            
        }



        .page-how-we-sell .region-blockgroup-sales-block-group {

            position: relative;
            display: block;
            width: 100%;
            min-width: 250px;
            left: 0;
            margin: 0 auto;
            padding-bottom : 20px;
            

        }
        
        .view-lot-breakdown-page-view .views-field-field-file-attachment a {
    color: #0064eb;
    text-align: center;
    float: left;
    position: relative;
    margin-top: 0;
    width: 100%;
    margin-top: 26px;
    font-size: 18px;
}
        .sales-calendar-page-block .sales-page-btn {
    color: #0064eb;
    text-align: center;
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 20px;
    font-size: 18px;
}
    
     .sub-page-sales-btn {
   
    font-size: 18px;
}
        #block-views-sales-calendar-page-block-block{
            
        }
    }




@media only screen and (max-width: 661px){
    
    
    .page-how-we-sell .title {
    color: #0064eb;
    width: 100%;
    text-align: center;
    left: 0;
    margin-top: 107px;
    font-size: 22px;
}
    
    .lot-breakdown-page-block {
    display: block;
    position: relative;
    width: 100%;
    /* min-width: 205px; */
    left: 0;
    float: left;
    text-align: center;
}
    .lastest-sales-page-block {
    display: block;
    position: relative;
    text-align: center;
    width: 100%;
    padding: 0px;
        margin-top : 4px;
    float: left;
    min-width: unset;
}
     .sub-page-sales-btn{
    margin-top : 0;    
    }
    
    .sales-calendar-page-block {
    display: block;
    position: relative;
    width: 100%;
         margin-top : 0px;
        text-align : center;

}
    
    .sales-calendar-page-block .sales-page-btn {
    color: #0064eb;
    text-align: center;
    float: left;
    position: relative;
    margin-top: 4px;
    width: 100%;
    margin-bottom: 20px;
    font-size: 18px;
}
    
}


@media only screen and (max-width: 631px) {/*-----Font size reduction---------*/
    
       .page-how-we-sell  .page-content p span[style] { /*-paragraph*/
        font-size: 20px !important;
    }
    
}


 

   @media only screen and (max-width: 480px) {
       .page-how-we-sell {
    position: relative;
    display: block;
    height: 100%;
    width: 100%;
    background-image: url("../images/Sale-man2.png");
    background-size: 55%;
    background-repeat: no-repeat;
    background-position: left 0 top 5px;
}
        .page-how-we-sell .title {
    color: #0064eb;
    width: 100%;
    text-align: center;
    left: 0;
    margin-top: 90px;
    font-size: 20px;
}
  
       .view-lot-breakdown-page-view .views-field-field-file-attachment a {
    color: #0064eb;
    text-align: center;
    float: left;
    position: relative;
    margin-top: 0;
    width: 100%;
    margin-top: 15px;
    font-size: 18px;
}
       .page-how-we-sell  .page-content {
       padding-right : 10px;  
           margin-top : 15px;
           height : 265px;
       }
       
         .page-how-we-sell  .page-content p[style] { /*-paragraph*/
        font-size: 18px !important;
             text-align : center !important;
             
    }
       
}

    /*---------------------Modal for lot breakdown and latest sales------*/
    .modalframe {
        color: none;
        background-color: #ffffff;
        border: none;
        height: 300px;
    }

.page-latest-sales-results .modalframe{
     height: 300px !important;
}

.page-latest-sales-results .latest-sales-page-pdf-btn {
    position: relative;
    display: block;
    font-size: 25px;
    min-width: 240px;
    width: 80%;
    display: block;
    margin: auto;
    top: 16px;
    color: #0064eb;
    text-align: center;
    text-decoration: none;
    margin-bottom: 25px !important;
}

.page-latest-sales-results .ui-dialog {
    top: 341.5px !important;
    
}

    .ui-dialog {
        top: 361.5px;
        display: block;
        position: fixed;
        padding: 0px;
        overflow: hidden;
        font-family: Lato;
    }

    .modalframe .ui-dialog-titlebar-close {
        display: block;
        position: absolute;

        right: 0;
        margin: 3px 2px 2px 0.5em;
        padding: 0;
        width: 23px;
        height: 20px;
        top: -1px;
        border: none;
        border-radius: 50%;
        background: url(../images/close.gif);
    }

    .ui-widget-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000000;
        opacity: 0.6;
        filter: alpha(opacity=60);
    }

    #modalframe-element {
        margin: 0;
        padding: 0;
        border: none;
        border-bottom: none;
    }

    .modalframe-page-content {
        margin-top: 17px;
        height: 300px;
        font-family: Lato;

    }

    .ui-widget-header {
        border: none;
        background: none;
        color: none;
        font-weight: 700;
    }

    .ui-widget-header {
        border: none;
        background: none;
        color: none;
        font-weight: 700;
        width: 100%;
    }

    .modalframe .ui-dialog-titlebar {
        position: relative;
        cursor: move;
        height: 69px;
        width: 100%;
        left: 0;
        border: none;
        border-top: 2px solid #0064eb;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        white-space: nowrap;
        background-color: #252525;
    }

    .modalframe .ui-dialog-title {
        color: #0064eb;
        height: 60px;
        text-align: center;
        font-size: 25px;
        padding-top: 7px;
        width: 100%;
        margin: 0;
        left: 0;
        position: relative;
        font-family: Lato;
        border-top: 1px solid #252525;
        background-color: #252525;
    }

    .modalframe-processed {
        display: none;
    }

    .modalframe-page-content {
        margin-top: 17px;
        padding: 0;
    }

    /*--------------LOT BREAKDOWN PAGE--------------*/
  
    /*--------------LATEST SALES PAGE--------------*/
    .page-latest-sales-results .menu li:nth-child(2) {

        border-bottom: 2px solid #0064eb;
        color: #0064eb;
    }


 .page-latest-sales-results .nicescroll-cursors{
        display : none;
     
    }

    .page-latest-sales-results .title {
        margin: auto;
        width: 100%;
        float: left;
        left: 20%;
        text-align: center;
        top: 69px;
        position: relative;
        display: block;
        font-size: 25px;
        font-weight: bold;
        color: #0064eb;
    }


    .latest-sales-page-text {
        display: block;
        position: relative;
        float: left;
        width: 35%;
        left: 54%;
        font-size: 25px;
        top: 40px;
        color: #545353;
        text-align: center;
        z-index: 22;
        font-weight: 300;
    }

    .latest-sales-page-pdf-btn {
        position: relative;
        display: block;
        font-size: 25px;
        min-width: 240px;
        width: 80%;
        display: block;
        margin: auto;
        top: 36px;
        color: #0064eb;
        text-align: center;
        text-decoration: none;
        margin-bottom: 25px !important;
    }

    .modal-text {
        display: inline-block;
        color: #242424;
        font-family: Lato;
        font-size: 25px;
    }

    /*--------------SALES CALENDAR PAGE--------------*/
    .page-sales-calendar .menu li:nth-child(2) {
        border-bottom: 2px solid #0064eb;
        color: #0064eb;
    }

    .page-sales-calendar .menu li:nth-child(2) a{
        color: #0064eb;
    }


page-sales-calendar .menu li:nth-child(1){
        border-bottom : inherit;
    } 

 .page-sales-calendar .menu li:nth-child(1) a{
        color: white;
    }

    .page-sales-calendar {
        background-image: url("../images/Sale-man2.png");
        background-size: contain;
        background-position: top 0px left -200px;
        background-repeat: no-repeat;
        text-align: center;
    }

    .page-sales-calendar .view-id-sales_calendar { /* Dates and heading container */
          width: 47%;
    min-width: 893px;
    display: block;
    position: relative;
    margin: 0 auto;
    padding-bottom: 60px;
overflow:auto;
    }

    .page-sales-calendar .view-id-sales_calendar:after {
        display: block;
        clear: both;
    }




    .page-sales-calendar .title {
        display: block;
        position: relative;
        margin: 0 auto;
        text-align: center;
        width: 50%;
        min-width: 290px;
        font-size: 25px;
        margin-top: 103px;
        font-weight: bold;
        font-family: lato;
        color: #0064eb;

    }
.page-sales-calendar .view-header .title {
        display: block;
        position: relative;
        margin: 0 auto;
        text-align: center;
        width: 50%;
        min-width: 290px;
        font-size: 25px;
        margin-top: 50px;
        font-weight: bold;
        font-family: lato;
        color: #0064eb;
}

    .sales-calendar-page-pdf a {
        position: absolute;
        z-index: 300;
        left: 40%;
        top: 770px;
        color: #0064eb;
        font-size: 18px;
    }

    .page-sales-calendar li:nth-child(2) {
        border-bottom: none;
    }

    .view-sales-calendar h3 {/*heading*/
        display: inline-block;
        float: left;
        text-align: left;
        position: relative;
        margin-left: 10%;
        width: 185px;
        top: 20px;
        color: #0064eb;
        font-size: 23px;
        font-family: lato;
    }
    .view-sales-calendar .view-content > h3{
        text-align: center;
        margin: 0 auto;
        width: 100%;
    }
.view-sales-calendar .views-row {
display:block;
clear:both;
}
.attachment {
display:block;
clear:both;
width:100%;
}


#block-views-sales-calendar-block-2 div.view-content {
display:none;
}

 .sales-calendar-page-heading ,
.attachment .view-sales-calendar .views-field-title {/*heading*/
          display: inline-block;
    float: left;
    text-align: left;
    position: relative;
    margin-left: 10%;
    width: 193px;
    top: 37px;
    color: #0064eb;
    font-size: 23px;
    font-family: lato;

    }

    .views-label-field-date-range-1,
.views-label-field-date-range { /*viewings label*/
        display: inline-block;
        position: relative;
        float: left;
        margin-left: 2.5%;
        margin-top: 35px;
        font-family: lato;
        font-size: 24px;
        font-weight: 300;
    }

    .sales-calendar-viewings-dates ,
.views-field-field-date-range div.field-content
 /*viewings date*/
    {
       display: inline-block;
    position: relative;
    margin-top: 35px;
    float: left;
    text-align: left;
    font-family: lato;
    font-size: 24px;
    padding-left: 5px;
    padding-right: 105px;
    font-weight: 300;

    }

    .views-label-field-date-date { /*Auction label*/
      display: inline-block;
    position: relative;
    text-align: left;
    float: left;
    margin-left: 306px;
    margin-top: 8px;
    font-family: lato;
    font-size: 24px;
    font-weight: 300;
    }

    .auction-date ,
.views-field-field-date-date div.field-content {
        display: inline-block;
        position: relative;
        margin-top: 8px;
        float: left;
        text-align: left;
        font-family: lato;
        font-size: 24px;
        padding-left: 17px;
        font-weight: 300;
    }



.page-sales-calendar .view-footer{
        position: relative;
    display: block;
    width: 100%;
    text-align: center;
}

    .sales-cal-text {
       font-size: 18px;
    font-weight: bold;
    position: relative;
    /* bottom: 0; */
    margin-bottom: 0;
    /* margin-top: 0px; 
    margin-top: -80px;*/
    margin-top: 80px;
    float: left;
    width: 100%;
    display: block;
    text-align: left;
    margin-left : 10%;

    }

.page-sales-calendar .view-id-sales_calendar:after{
    display : block;
    content : "";
    clear : both;
}

    .page-sales-calendar .item-list {
        position: relative;
        margin-top: 95px;
        display: inline-block;

    }

    .I-cal-btn {

       font-size: 15px;
    position: relative;
    display: inline-block;
    margin: 0 auto;
    bottom: 0;
    width: 21%;
    float: left;
    min-width: 160px;
    border: 2px solid #0064eb;
    border-radius: 14px;
    text-align: center;
    margin-top: 80px;
    color: #0064eb;
    padding-bottom: 3px;
    padding-top: 3px;
    margin-left: 14%;
    right: 30px;
    z-index: 100;

    }

    .I-cal-btn a {
        color: #0064eb;
    }

    .I-cal-btn:hover {
        color: white;
        background-color: #0064eb;
        text-decoration: none;
    }

 .I-cal-btn:active {
        color: white;
        background-color: #0064eb;
        text-decoration: none;
    }

    .sales-cal-print-btn {
        position: relative;
        display: inline-block;
        margin: 0 auto;
        width: 7%;
        float : right;
        margin-right : 22%;
        min-width: 150px;
        border: 2px solid #0064eb;
        color: #0064eb;
        border-radius: 14px;
        text-align: center;
        margin-top: 80px;
        font-size: 15px;
        padding-top: 3px;
        z-index: 100;
        padding-bottom: 3px;

    }

    .sales-cal-print-btn a {
        color: #0064eb;
    }

    .sales-cal-print-btn:hover {
        background-color: #0064eb;
        color: white;
        text-decoration: none;
    }

 .sales-cal-print-btn:active {
        background-color: #0064eb;
        color: white;
        text-decoration: none;
    }

    @media only screen and (max-width: 1824px) {

        .page-sales-calendar {
            background-size: 70%;
            background-position: top 0px left -140px;
            background-repeat: no-repeat;
            text-align: center;
        }

    }

 @media only screen and (max-width: 1606px) {

        .page-sales-calendar {
            background-size: 65%;
            background-position: top 0px left -140px;
            background-repeat: no-repeat;
            text-align: center;
        }

    }

    @media only screen and (max-width: 1351px) {

        .page-sales-calendar {
            background-size: 55%;
            background-position: top 0px left -100px;
            background-repeat: no-repeat;
            text-align: center;
        }

    }

    @media only screen and (max-width: 1200px) {

        .page-sales-calendar {
            background-size: 35%;
            background-position: top 0px left 0px;
            background-repeat: no-repeat;
            text-align: center;
        }

    }

 @media only screen and (max-width: 1125px) {

        .page-sales-calendar {
            background-size: 30%;
            background-position: top 0px left 0px;
            background-repeat: no-repeat;
            text-align: center;
        }

    }

    @media only screen and (max-width: 1025px) {

        .page-sales-calendar {
            background-size: 40%;
            background: none;
            background-position: top 0px left 0px;
            background-repeat: no-repeat;
            text-align: center;
        }

    }

 /*--   @media only screen and (max-width: 790px) {

        .view-sales-calendar h3 {
            display: inline-block;
            float: left;
            text-align: left;
            position: relative;
            margin-left: 9%;
            width: 155px;
            top: 20px;
            color: #0064eb;
            font-size: 18px;
            font-family: lato;

        }
        
   

        .views-label-field-date-range-1 { /*viewings label*/
       /*     display: inline-block;
            position: relative;
            float: left;
            margin-left: 2.5%;
            margin-top: 35px;
            font-family: lato;
            font-size: 18px;
            font-weight: 300;
        }

        .sales-calendar-viewings-dates /*viewings date*/
      /*  {
            display: inline-block;
            position: relative;
            margin-top: 35px;
            float: left;
            text-align: left;
            font-family: lato;
            font-size: 18px;
            padding-left: 5px;
            padding-right: 105px;
            font-weight: 300;

        }

      /*  .views-label-field-date-date { /*Auction label*/
           /* display: inline-block;
            position: relative;
            text-align: left;
            float: left;
            margin-left: 238px;
            margin-top: 8px;
            font-family: lato;
            font-size: 18px;
            font-weight: 300;
        }

        .auction-date {
            display: inline-block;
            position: relative;
            margin-top: 8px;
            float: left;
            text-align: left;
            font-family: lato;
            font-size: 20px;
            padding-left: 17px;
            font-weight: 300;
        }

        .sales-cal-text {
       

        }

        .page-sales-calendar .item-list {
            position: relative;
            margin-top: 95px;
            display: inline-block;

        }

        .I-cal-btn {

      
        }

        .sales-cal-print-btn {
  

        }

    }
*/

    @media only screen and (max-width: 790px) {

        .page-sales-calendar .view-id-sales_calendar { /* Dates and heading container */
            width: 100%;
            min-width: unset;
            display: block;
            position: relative;
            padding-left 0;
            padding-top 0;
            padding-right : 0;
            padding-bottom : 180px;
            margin: 0;
        }

        .view-sales-calendar h3 {
            display: block;
            text-align: center;
            position: relative;
            width: 100%;
            margin-left: 0;
            top: 22px;
            color: #0064eb;
            font-size: 20px;
            font-family: lato;

        }
        
        .sales-calendar-page-heading,
       .attachment .view-sales-calendar .views-field-title{
            display: block;
            text-align: center;
            position: relative;
            width: 100%;
            margin-left: 0;
            top: 14px;
            color: #0064eb;
            font-size: 20px;
            font-family: lato;

        }

        .views-label-field-date-range-1,
        .views-label-field-date-range { /*viewings label*/
            display: inline-block;
            position: relative;
            float: left;
            margin-left: 29%;
            margin-top: 14px;
            font-family: lato;
            font-size: 20px;
            font-weight: 300;
        }

        .sales-calendar-viewings-dates,
	.views-field-field-date-range div.field-content /*viewings date*/
        {
            display: inline-block;
            position: relative;
            margin-top: 14px;
            float: left;
            text-align: left;
            font-family: lato;
            font-size: 20px;
            padding-left: 5px;
            padding-right: 0px;
            font-weight: 300;
            min-width: 260px;

        }

        
        .I-cal-btn{
            margin-left : 22%;
        }

        .views-label-field-date-date { /*Auction label*/
            display: inline-block;
            position: relative;
            text-align: left;
            float: left;
            margin-left: 30%;
            margin-top: 8px;
            font-family: lato;
            font-size: 20px;
            font-weight: 300;
        }

        .auction-date ,.views-field-field-date-date div.field-content {
            display: inline-block;
            position: relative;
            margin-top: 8px;
            float: left;
            text-align: left;
            font-family: lato;
            font-size: 20px;
            padding-left: 17px;
            font-weight: 300;
        }

        .sales-cal-text {
   

        }

        .page-sales-calendar .item-list {
            position: relative;
            margin-top: 115px;
            display: inline-block;

        }  

    }

 @media only screen and (max-width: 726px) {
     
      .views-label-field-date-range-1,
	.views-label-field-date-range { /*viewings label*/
            display: inline-block;
            position: relative;
            float: left;
            margin-left: 24%;
            margin-top: 14px;
            font-family: lato;
            font-size: 20px;
            font-weight: 300;
        }
}

 @media only screen and (max-width: 619px) {
     
      .views-label-field-date-range-1,
	.views-label-field-date-range { /*viewings label*/
            display: inline-block;
            position: relative;
            float: left;
            margin-left: 24%;
            margin-top: 14px;
            font-family: lato;
            font-size: 20px;
            font-weight: 300;
        }
     
     .views-label-field-date-date {
    display: inline-block;
    position: relative;
    text-align: left;
    float: left;
    margin-left: 25%;
    margin-top: 8px;
    font-family: lato;
    font-size: 20px;
    font-weight: 300;
     }
}
@media only screen and (max-width: 610px){
.sales-cal-text {
        margin-top: 46px !important;
  
    text-align: center;
    margin-right: 10%;
}
}
 @media only screen and (max-width: 611px) {
      
     
     .sales-cal-text{
         margin-top : -100px;
     }
     
     .I-cal-btn {

  margin-top : 100px;

        }

        .sales-cal-print-btn {


  margin-top : 100px;
        }
     
}


    @media only screen and (max-width: 579px) {
        
         .sales-cal-text {
            font-size: 16px;
       margin-left : 2%;
             min-width : 0;
             text-align: center;

        }
}

    @media only screen and (max-width: 567px) {

        .views-label-field-date-range-1,
	.views-label-field-date-range { /*viewings label*/
            display: inline-block;
            position: relative;
            width: 100%;
            float: none;
            margin: 0;
            text-align: center;
            margin-top: 18px;
            font-family: lato;
            font-size: 20px;
            font-weight: 300;
        }

        .sales-calendar-viewings-dates,
	.views-field-field-date-range div.field-content /*viewings date*/
        {
            display: inline-block;
            position: relative;
            margin-top: 8px;
            float: none;
            width: 100%;
            text-align: center;
            font-family: lato;
            font-size: 21px;
            padding-left: 0px;
            padding-right: 0px;
            font-weight: 300;

        }

        .views-label-field-date-date { /*Auction label*/
            display: inline-block;
            position: relative;
            text-align: center;
            float: none;
            margin-left: 0%;
            width: 100%;
            margin-top: 31px;
            font-family: lato;
            font-size: 21px;
            font-weight: 300;
        }

        .auction-date ,
.views-field-field-date-date div.field-content {
            display: inline-block;
            position: relative;
            margin-top: 6px;
            float: none;
            text-align: center;
            width: 100%;
            font-family: lato;
            font-size: 20px;
            padding-left: 0px;
            font-weight: 300;
        }/*
.auction-date, .views-field-field-date-date div.field-content {
    display: inline-block;
    position: relative;
    margin-top: 8px;
    float: none;
    font-family: lato;
    font-size: 20px;
    padding-left: 17px;
    font-weight: 300;
    width: 100%;
    text-align: center;

}*/
       

       

        .I-cal-btn {

               font-size: 14px;
               min-width: 154px;
               margin-left: 10%;

        }

        .sales-cal-print-btn {
    
            font-size: 14px;
            min-width: 154px;
            margin-right: 3%;

        }
    }


 @media only screen and (max-width: 408px) {
     .sales-cal-text {
    font-size: 14px !important;
         min-width : 0px;
     }
}

 @media only screen and (max-width: 371px) {
     
     
     .sales-cal-text {
    font-size: 14px !important;
    min-width: 0px;
    margin-top: -140px;
}
     
        .I-cal-btn {

           font-size: 14px;
    display: block;
    float: left;
    left: 50%;
    margin-left: -71px;
        }

        .sales-cal-print-btn {
    
               font-size: 14px;
    display: block;
    font-size: 14px;
    display: block;
    float: left;
    margin-top: 142px;
    left: 50%;
    margin-left: -154px;
        }
}


    /*--------------------------Our product Page----------*/
    .page-products .menu li:nth-child(3) {

        border-bottom: 2px solid #0064eb;
        color: #0064eb;
    }

 .page-products .menu li:nth-child(3) a{

        color: #0064eb;
    }

    .page-products .menu li:nth-child(1) {

        border-bottom: inherit;
    }

 .page-products .menu li:nth-child(1) a{

        color : white;
    }

.page-tenders,
    .page-products {
        position: relative;
        width: 100%;
        display: block;
        background-image: url("../images/ODC3-Product.jpg");
        background-size: cover;
        background-repeat: no-repeat;
        background-color : #d8d8d8;
    }
    
.page-tenders .block h2,
.page-tenders #page-title,
    .product-sub-page-title {
        font-size: 25px;
        position: relative;
        display: block;
        color: #0064eb;
        font-weight: bold;
        width: 60%;
        margin-top: 129px;
      
    }
     .product-sub-page-title{
           text-align: center;
     }
    
    .page-tenders .block h2{
        font-size: 18px !important;
    }
    
    #block-views-procurement-plan-block h2{
        font-size: 25px !important;
    }
 .page-tenders .block h2,
.page-tenders #page-title{
    margin-top: 20px;
}

    .page-products .ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0,0,0,0.6);
    opacity: 0.6;
    filter: alpha(opacity=60);
}




    .products-page-content {
        display: block;
        height: 423px;
        margin-top: 25px;
        position: relative;
        text-align: center;
        font-size: 22px;
        color: #545353;
        line-height: normal;
        width: 55%;
        padding-left: 5%;
        z-index: 2;
        font-weight: 300;
    }

.products-page-content::-webkit-scrollbar {
    width: 4px;
}

.products-page-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: lightgrey;
    border-radius: 15px;
}

.products-page-content::-webkit-scrollbar-thumb {
    background-color: #0064eb;
    outline: 1px solid slategrey;
    border-radius: 15px;
}

@media only screen and (max-width: 1366px) {
    .products-page-content {
       height : 369px;
        padding-left : 45px;
        padding-right : 25px;
        overflow-y : scroll;
    }




}


@media only screen and (max-width: 1024px) {
.products-page-content {
    height : 404px;
    padding-left : 40px;
    padding-right : 20px;
    
    }
    
}


@media only screen and (max-width: 768px) {
    .product-sub-page-title {
        font-size: 23px;
        position: relative;
        display: block;
        color: #0064eb;
        font-weight: bold;
        width: 60%;
        margin-top: 129px;
        text-align: center;
    }

    .products-page-content {
        display: block;
        height: 423px;
        margin-top: 25px;
        position: relative;
        text-align: center;
        font-size: 20px;
        color: #545353;
        line-height: normal;
        width: 55%;
        padding-left: 5%;
        z-index: 2;
        font-weight: 300;
    }
}

    @media only screen and (max-width: 740px) {

        .page-products {
            background-image: url("../images/ODC3-Product.jpg");
            background-size: cover;
            background-position: top -105px left 0;

        }

        .product-sub-page-title {
            width: 100%;
            margin-top: 145PX;
            font-size: 20px;
        }

        .products-page-content {
            margin-top: 25px;
            padding-bottom: 20px;
            width: 95%;
            padding-left: 5%;
            font-size: 18px;
        }

    }


@media only screen and (max-width: 631px) {/*-----Font size reduction---------*/
    
         .products-page-content p span[style] { /*-paragraph*/
        font-size: 20px !important;
             text-align : left !important;

    }
    
     
}

@media only screen and (max-width: 480px) {/*-----Font size reduction---------*/
    
    
    .page-products {
    background-image: url("../images/ODC3-Product.jpg");
    background-size: 70%;
    background-position: top 0px right 0;
    }
    
    
    .products-page-content {
    display: block;
    height: 362px;
        
    }
         .products-page-content p[style] { /*-paragraph*/
        font-size: 18px !important;
        text-align: center !important;

    }
    
    .product-sub-page-title {

    margin-top: 104px;
    text-align: center;
    }

    
    
}

    /*--------------------------About us Page----------*/
    .page-about {
        position: relative;
        width: 100%;
        display: block;
        background-image: url("../images/ODC3_About.jpg");
        background-size: contain;
        background-position : bottom;
        background-color : #000;
        height : auto;
        background-repeat: no-repeat;
    }




    .page-about .menu li:nth-child(5) {

        border-bottom: 2px solid #0064eb;
        color: #0064eb;
    }

  .page-about .menu li:nth-child(5) a{
        color: #0064eb;
    }

    .page-about .menu li:nth-child(1) {

        border-bottom: inherit;
    }

.page-about .menu li:nth-child(1) a{

       color : white;
    }

    .about-page-heading {
        text-align: center;
        width: 100%;
        color: #0064eb;
        font-size: 25pt;
        position: relative;
        top: 125px;
        z-index: 1;
        font-weight: bold;
        font-size: 25px;
        display: block;
    }

    .about-page-content {
        text-align: center;
        position: relative;
        display: block;
        font-family: Lato;
        top: 150px;
        width: 72%;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 22px;
        line-height: 1.40;
        height: 187px;
        margin: 0 auto;
        color: white;
        font-weight: 300;
        z-index: 23;
        overflow-y: scroll;

    }

    .about-page-content::-webkit-scrollbar {
        width: 4px;
    }

    .about-page-content::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: lightgrey;
        border-radius: 15px;
    }

    .about-page-content::-webkit-scrollbar-thumb {
        background-color: #0064eb;
        outline: 1px solid slategrey;
        border-radius: 15px;
    }

    .about-page-image {
        display: block;
        position: relative;
        float: left;
        padding: 0px;
        width: 100%;
        height: 100%;
        top: 61px;
        bottom: 0px;
        left: 0;
        right: 0;
    }



@media only screen and (max-width: 1024px) {
    
.about-page-content {
    
        height: 257px;
    }
}

   @media only screen and (max-width: 820px) {
       
       .page-about .about-page-content{
           width : 90%;
           height: 376px;
       }
       
}

    @media only screen and (max-width: 631px) {/*-----Font size reduction---------*/
    
        
          .about-page-heading { 
             margin-top : 0px;
        }
        
    .page-about .about-page-content p[style] { /*-paragraph*/
        font-size: 18px !important;

    }
        
         .about-page-content {
    
        height: 203px;
        
        }
        
        .about-page-heading{
            top : 85px;
        }
        
        
         .about-page-content {

        top: 100px;
        }
    
}

/*Targeting landscape for Iphone devices*/ 
@media only screen 
    and (min-device-width : 360px) 
    and (max-device-width : 667px)
    and (orientation: landscape){ 
      
      .about-page-heading {
    top: 66px;
      }
      
      .page-about {
          padding-bottom : 240px;
          background-position : top 86px left 0;
      }
      
      .page-about .about-page-content {
       width: 90%;
       height: 88px;
       top : 70px;
       font-size : 17px !important;
      }
      

}


/*Targeting landscape for Galaxy devices*/ 
@media only screen 
  and (device-width: 360px) 
  and (device-height: 640px) 
  and (orientation: landscape) {
      
      .about-page-heading {
    top: 66px;
      }
      
      .page-about {
          padding-bottom : 240px;
          background-position : top 86px left 0;
      }
      
      .page-about .about-page-content {
       width: 90%;
       height: 88px;
       top : 70px;
       font-size : 17px !important;
      }
      
}


/*Targeting landscape for HTC devices*/ 
@media  only screen 
  and (device-width: 360px) 
  and (device-height: 640px)  
  and (orientation: landscape) {
      
    .about-page-heading {
    top: 66px;
      }
      
      .page-about {
          padding-bottom : 240px;
          background-position : top 86px left 0;
      }
      
      .page-about .about-page-content {
        width: 90%;
        height: 88px;
        top : 70px;
        font-size : 17px !important;
     }   

}

@media only screen and (max-width: 480px) {
    
     .about-page-heading{
            top : 65px;
         font-size : 20px;
        }
        
        
         .about-page-content {
height : 360px !important;
        top: 80px;
        }
    
     .page-about .about-page-content p[style] { /*-paragraph*/
        font-size: 17px !important;
         text-align : center !important;

    }
    
}




    /*--------------------------Become a customer Page----------*/
    .page-customer .menu li:nth-child(4) {

        border-bottom: 2px solid #0064eb;
        color: #0064eb;
    }

 .page-customer .menu li:nth-child(4) a{

        color: #0064eb;
    }

    .page-customer .menu li:nth-child(1) {

        border-bottom: none;
    }

  .page-customer .menu li:nth-child(1) a{

        color : white;
    }

    .page-customer {
        display: block;
        width: 100%;
        height: 100vh;
        position: relative;
        background-image: url("../images/ODC3-Customer.jpg");
        background-size: cover;
        background-repeat: no-repeat;

    }

    .view-become-a-customer {
        background-color: #e4e5e9;
    }

    .page-customer .right {
          display: block;
      position: relative;
    width: 62%;
    float: left;
    margin-left: 37%;
    text-align: center;

    }

    .page-customer .right:after {
        display: block;
        clear: both;
    }

    tbody {
        border-top: none;
    }

    .customer-page-heading {
        font-size: 25px;
        position: relative;
        color: #0064eb;
        display: block;
        margin-top: 195px;
        min-width: 220px;
        text-align: center;
        z-index: 3;
        font-weight: bold;
    }

    .customer-page-content { /*-paragraph*/
       position: relative;
        display: inline-block;
    margin-top: 35px;
    width: 54%;
    text-align: justify;
    z-index: 2;
    height: 40%;
    color: #545353;
    font-size: 22px;
    line-height: normal;
    font-weight: 300;

    }

.customer-page-content p span{
    font-size : 24px;
}

.customer-page-content  p{
    text-align : justify;
}

    .Reg-form-link { /*Customer reg form link*/
        position: relative;
        width: 25%;
        font-size: 16px;
        display: inline-block;
        z-index: 19;
        margin-top: 38px;
        float: left;
        color: #0064eb;
        text-align: center;
        border-radius: 17px;
    }

    .Reg-form-link a {
        color: #0064eb;
        font-size : 20px;

    }

.Reg-form-link:hover{
    color: #0064eb;
    text-decoration: underline;
}

    .terms-and-conditions-pdf {
        position: relative;
        width: 39.2%;
        font-size: 16px;
        display: inline-block;
        float: left;
        z-index: 19;
        margin-top: 37px;
        padding: 2px;
        color: #0064eb;
        text-align: right;
        border-radius: 17px;

    }

    .terms-and-conditions-pdf a {
        color: #0064eb;
         font-size : 20px;
    
    }

.terms-and-conditions-pdf:hover{
     text-decoration: underline;
}
    .customer-page-faq-btn { /*registration faqs btn*/
        position: relative;
        float: left;
        width: 33.3%;
        text-align: left;
        margin-top: 37px;
        font-size: 20px;
        display: inline-block;
        z-index: 19;
        color: #0064eb;
      

    }
.customer-page-faq-btn a{
 font-size : 20px;
}
.customer-page-faq-btn:hover{
color: #0064eb;
    text-decoration: underline;
}

    .views-exposed-widgets {
        text-align: center;
        display: inline-block;
        float: right;
        position: absolute;
        width: 50%;
        left: 50%;

        padding-top: 500px;
    }

    #edit-field-country-customer-value-wrapper { /*country lbl and select list*/
        width: 260px;
        position: absolute;
        left: 50%;
        margin-left: -130px;

        text-align: center;
    }

    .view-content .field-content .file {
        position: absolute;
        display: block;
        height: 50px;
        width: 50%;
        text-align: center;
        left: 50%;
        float: right;
        top: 570px;

    }

    /*.view-empty {*/
    /*    position: absolute;*/
    /*    display: block;*/
    /*    height: 50px;*/
    /*    width: 50%;*/
    /*    text-align: center;*/
    /*    left: 50%;*/
    /*    float: right;*/
    /*    top: 570px;*/
    /*}*/

    .page-customer select {

        border-radius: 11px;
        padding-top: 3px;
        padding-bottom: 3px;
        padding-left: 10px;
        text-align: center;
    }

    .views-exposed-form .views-exposed-widget {
        float: none;
        padding: .5em 1em 0 0;
        position: absolute;
        display: block;
        height: 50px;
        width: 50%;
        text-align: center;
        left: 50%;
        float: right;
    }

    #edit-submit-become-a-customer {
        /* margin: 0 auto; */
        display: block;
        color: white;
        background-color: #0064eb;
        padding-left: 14px;
        padding-right: 14px;
        text-align: center;
        left: -41px;
        top: 94px;
        position: relative;
        border-radius: 14px;
        border: none;
    }

    #edit-submit-become-a-customer:hover { /*button*/

        background-color: #0064eb;
        color: white;

    }

@media only screen and (max-width: 1366px) {
    
    .customer-page-heading {
        margin-top: 107px;
    }
    
    .customer-page-content {
    position: relative;
    display: inline-block;
    margin-top: 29px;
    }
    
    .terms-and-conditions-pdf {
    position: relative;
    width: 140px;
    min-width : 10px;
    margin-left : 21%;
    font-size: 16px;
    display: inline-block;
    float: left;
    z-index: 19;
    margin-top: 20px;
    padding: 2px;
    color: #0064eb;
    padding-right: 10px;
    text-align: center;
    border-radius: 17px;
    }
    
    
    .Reg-form-link {
    position: relative;
    width: 140px;
    min-width : 10px;
    margin-left : 4%;
    font-size: 16px;
    display: inline-block;
    z-index: 19;
    margin-top: 20px;
    float: left;
    color: #0064eb;
    text-align: center;
    border-radius: 17px;
    }
    
    .customer-page-faq-btn {
    position: relative;
    float: left;
    width: 140px;
    min-width : 10px;
        margin-left : 4%;
    text-align: center;
    margin-top:20px;
    display: inline-block;
    z-index: 19;
    padding: left ;
    padding-left: 10px;
    color: #0064eb;
    }
    
    
    
    
}

  
@media only screen and (max-width: 1255px) {
    
    .customer-page-heading {
 
    margin-top: 143px;
    }
    
    .customer-page-content {
  
    margin-top: 16px;
    }
}


@media only screen and (max-width: 1068px) {
      .terms-and-conditions-pdf {
  
    margin-left : 10%;
    }
    
}

   .customer-page-content::-webkit-scrollbar {
        width: 4px;
    }

    .customer-page-content::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
        background-color: lightgrey;
        border-radius: 15px;
    }

   .customer-page-content::-webkit-scrollbar-thumb {
        background-color: #0064eb;
        outline: 1px solid slategrey;
        border-radius: 15px;
    }

@media only screen and (max-width: 1024px) {
    
    .customer-page-heading {
    margin-top: 110px;
}
    
    
    .customer-page-content {
        height : 345px;
        overflow-y: scroll;
        padding-right : 9px;
        width : 63%;
        word-spacing: -1px;
    }
    
    
    .page-customer .right {
    display: block;
    position: relative;
    width: 63%;
    float: left;
    margin-left: 36%;
    text-align: center;
}
    
    .terms-and-conditions-pdf {
    margin-top: 38px;
            position: relative;
    width: 21%;
    font-size: 16px;
    display: inline-block;
    float: left;
    z-index: 19;
    padding: 2px;
    color: #0064eb;
    padding-right: 10px;
    text-align: center;
    border-radius: 17px;
   }
    
    .Reg-form-link {
    margin-top: 38px;
    position: relative;
    width: 25%;
    font-size: 16px;
    display: inline-block;
    z-index: 19;
    float: left;
    color: #0064eb;
    text-align: center;
    border-radius: 17px;
    }
    
    .customer-page-faq-btn {
 
    
    position: relative;
    float: left;
    width: 19.5%;
    text-align: center;
    display: inline-block;
    z-index: 19;
    margin-top: 37px;
    padding-left: 10px;
    color: #0064eb;
    }
    
}


@media only screen and (max-width: 960px) {
    
    .customer-page-heading {
 
    margin-top: 103px;
    }
    
}

    @media only screen and (max-width: 839px) {

        .page-customer {
    display: block;
    width: 100%;
    height: 100vh;
    position: relative;
    background-image: url("../images/ODC3-Customer.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left 0 top -50px;
}
        
        
        
        .page-customer .right {
            display: block;
            position: relative;
            width: 90%;
            margin: 0 auto;
            float: none;
            padding-top: 133px;

        }

        .customer-page-content { /*-paragraph*/
            position: relative;
            display: block;
            padding-top: 15px;
            width: 90%;
            margin: 0 auto;
            text-align: center;
            z-index: 2;
            color: #545353;
            font-size: 22px;
            line-height: normal;
            font-weight: 300;
            overflow-y: auto;
        }

        .views-exposed-widgets {
            text-align: center;
            display: inline-block;
            float: none;
            position: absolute;
            width: 90%;
            left: 5%;
            padding-top: 0px;
            margin-top: -320px;
        }

        .view-content .field-content .file {
            position: absolute;
            display: block;
            height: 50px;
            width: 90%;
            text-align: center;
            left: 5%;
            float: none;
            top: 625px;

        }

        .view-empty {
            position: absolute;
            display: block;
            height: 50px;
            width: 90%;
            text-align: center;
            left: 5%;
            float: none;
            top: 625px;
        }

        .customer-page-faq-btn { /*registration faqs btn*/
            position: relative;
            float: none;
            min-width: 210px;
            width: 100%;
            padding-bottom: 10px;
            text-align: center;
            margin: 0 auto;
            display: block;
            z-index: 19;
            color: #0064eb;

        }

        .Reg-form-link { /*Customer reg form link*/
            position: relative;
            width: 100%;
            min-width: 210px;
            font-size: 14.73px;
            display: block;
            margin: 0 auto;
            padding-bottom: 15px;
            z-index: 19;
            padding-top: 10px;
            float: none;
            color: #0064eb;
            text-align: center;
            border-radius: 17px;
        }

        .terms-and-conditions-pdf {
            position: relative;
            min-width: 210px;
            width: 100%;
            font-size: 14.73px;
            padding-bottom: 10px;
            display: block;
            float: none;
            margin: 0 auto;
            z-index: 19;
            padding-top: 15px;
            color: #0064eb;
            text-align: center;
            border-radius: 17px;

        }

    }


@media only screen and (max-width: 770px) {
    
        .customer-page-heading {
        font-size: 22px;
            margin-top : 65px;

    }

    .customer-page-content { /*-paragraph*/

        font-size: 20px;

    }
    
}


    @media only screen and (max-width: 631px) {/*-----Font size reduction---------*/
    
        
        .customer-page-heading { 
             margin-top : 20px;
        }
        
    .page-customer  .customer-page-content p span[style] { /*-paragraph*/
        font-size: 20px !important;

    }
}


 @media only screen and (max-width: 480px) {/*-----Font size reduction---------*/
    
     .page-customer{
         background-position : top -60px left 0;
     }
     
     
         .customer-page-heading { 
             margin-top : -40px;
             font-size : 20px;
        }
     
        .page-customer  .customer-page-content p[style] { /*-paragraph*/
        font-size: 20px !important;
        text-align : center !important;
        font-size : 18px !important;

    }
     
       .page-customer  .customer-page-content p{ /*-paragraph*/
        font-size: 20px !important;
        text-align : center !important;
        font-size : 18px !important;

    }
     
     .page-customer  .customer-page-content{
         height: 270px;
         overflow-y: scroll;
         padding-bottom : 15px;
     }
     
      .page-customer  .customer-page-content::-webkit-scrollbar {
    width: 4px;
}

 .page-customer  .customer-page-content::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: lightgrey;
    border-radius: 15px;
}

 .page-customer  .customer-page-content::-webkit-scrollbar-thumb {
    background-color: #0064eb;
    outline: 1px solid slategrey;
    border-radius: 15px;
}
     
     
     .terms-and-conditions-pdf a {
    color: #0064eb;
    font-size: 18px;
}
     
     .terms-and-conditions-pdf {
    position: relative;
    min-width: 210px;
    width: 100%;
    font-size: 18px;
    padding-bottom: 2px;
    display: block;
    float: none;
    margin: 0 auto;
    z-index: 19;
    padding-top: 10px;
    color: #0064eb;
    text-align: center;
    border-radius: 17px;
}
     
     .customer-page-faq-btn{
         font-size: 18px;
     }
     
     .Reg-form-link {
    position: relative;
    width: 100%;
    min-width: 210px;
    font-size: 14.73px;
    display: block;
    margin: 0 auto;
    padding-bottom: 2px;
    z-index: 19;
    padding-top: 2px;
    float: none;
    color: #0064eb;
    text-align: center;
    border-radius: 17px;
}
     
     .Reg-form-link a{
      font-size : 18px;
     }
}



    /*--------------------------Reg FAQs Page----------*/
    .page-registration-faqs .menu li:nth-child(4) {

        border-bottom: 2px solid #0064eb;
        color: #0064eb;
    }

.page-registration-faqs .menu li:nth-child(4) a {


        color: #0064eb;
    }


.page-registration-faqs .item-list .pager li {
    background-image: none;
    display: inline;
    list-style-type: none;
     padding: 0; 
}
 
     /*pager*/

.page-registration-faqs .pager li.pager-next{
    display : none;
}

.page-registration-faqs .pager li.pager-last {
    display : none;
}


.page-registration-faqs .pager li.pager-first{
    display : none;
}

.page-registration-faqs .pager li.pager-previous {
    display : none;
}

    /*acordion*/
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        border: none;
        background: none;
        font-weight: 400;
        color: #212121;
    }

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}


    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: none;
        background: none;
        font-weight: 400;
        color: #555;
    }

   .page-registration-faqs  .ui-widget-content {
        border: none;
        background: inherit;
        color: #0064eb;
    }

.page-registration-faqs .ui-widget-content a {
    color: #0064eb;
}

    .page-registration-faqs {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        max-width: 100%;
        background-image: url("../images/ODC3-Customer.jpg");
        background-size: cover;
        background-repeat: no-repeat;
       

    }

   

    .page-registration-faqs #page-title {
        position: relative;
        display: block;
        text-align: center;
        max-width: 30%;
        font-size: 25px;
        font-weight : bold;
        left: 58%;
        color: #0064eb;
        top: 129px;
    }

    .page-registration-faqs .ui-accordion {
        position: relative;
        display: block;
        width: 40%;
        left: 55%;
        color: #545353;
        top: 150px;
        font-size: 16px;
        line-height: normal;
        z-index: 1;
        font-weight: 300;

    }

    .page-registration-faqs .item-list {
        position: relative;
        display: block;
        left: 54%;
        width: 38.5%;
        min-width: 320px;
        top: 200px;
    }

    .ui-icon {
        color: #0064eb;
    }

    .pager {
        position: relative;
        display: block

    }

  /*--  @media only screen and (max-width: 1571px) {
       .page-registration-faqs {
            position: relative;
            display: block;
            width: 100%;
            background-image: url("../images/Customer.png");
            background-size: cover;
            background-repeat: no-repeat;
           background-position : left -100px top 0;
      
        }

    }


@media only screen and (max-width: 1366px) {
        .page-registration-faqs {
            position: relative;
            display: block;
            width: 100%;
            background-image: url("../images/Customer.png");
            background-size: cover;
            background-repeat: no-repeat;
           background-position : left 0px top 0;
      
        }
    
}

@media only screen and (max-width: 1321px) {
       .page-registration-faqs {
            position: relative;
            display: block;
            width: 100%;
            background-image: url("../images/Customer.png");
            background-size: cover;
            background-repeat: no-repeat;
           background-position : left -170px top 0;
   
        }

    }

@media only screen and (max-width: 1202px) {
       .page-registration-faqs {
            position: relative;
            display: block;
            width: 100%;
            background-image: url("../images/Customer.png");
            background-size: cover;
            background-repeat: no-repeat;
           background-position : left -220px top 0px;
      
        }

    }


@media only screen and (max-width: 1126px) {
    
        .page-registration-faqs {
            position: relative;
            display: block;
            width: 100%;
            background-image: url("../images/Customer.png");
            background-size: contain;
            background-color : #dedddb;
            height : auto;
            background-repeat: no-repeat;
           background-position : left 0px top 0px;
      
        }
}*/


  @media only screen and (max-width: 1024px) {
      
      .page-registration-faqs .ui-accordion {
    position: relative;
    display: block;
    width: 40%;
    left: 48%;
    color: #545353;
    top: 150px;
    font-size: 16px;
    line-height: normal;
    z-index: 1;
    font-weight: 300;
}
      
      .page-registration-faqs .item-list {
    position: relative;
    display: block;
    left: 48%;
    width: 38.5%;
    min-width: 320px;
    top: 200px;
}
}

    @media only screen and (max-width: 970px) {

        .page-registration-faqs #page-title {
            position: relative;
            display: block;
            left: 0;
            font-size: 25px;
            min-width: 330px;
            margin: 0 auto;
            color: #0064eb;
            padding-top: 19%;

        }

        .page-registration-faqs .ui-accordion {
            left: 0;
            position: relative;
            display: block;
            width: 90%;
            margin: 0 auto;
            color: #545353;
            padding-top: 2%;
            font-size: 16px;
            line-height: normal;
            z-index: 1;
            font-weight: 300;

        }

        .page-registration-faqs .item-list {
         position: relative;
         display: block;
         margin: 0 auto;
         WIDTH: 70%;
         left: 0;
         min-width: 227px;
         padding-top: 0%;
        }

    }







    @media only screen and (max-width: 769px) {

        .page-registration-faqs .title {
            font-size: 19pt;
            width: 100%;
            left: 0;
            text-align: center;
        }

        .faq-page-content {

            font-size: 15pt;
            max-width: 80%;
            left: 0;
            text-align: center;

        }
    }


@media only screen and (max-width: 480px) {

   .page-registration-faqs #page-title {
    position: relative;
    display: block;
    left: 0;
    margin-top: -61px;
    font-size: 22px;
    min-width: 330px;
    /* margin: 0 auto; */
    color: #0064eb;
    padding-top: 0 !important;
}
    .page-registration-faqs .item-list{
    width : 100%;  
    margin-top: -40px;
    }
    
    .page-registration-faqs .ui-accordion {
  
    font-size: 15px;
        text-align : center;
        margin-top : -22px;
}
}

@media only screen and (max-width: 400px) {
   
    .page-registration-faqs .ui-accordion {
  
    font-size: 14px;
}
}


@media only screen and (max-width: 375px) {
    
      .page-registration-faqs .ui-accordion {
  
    font-size: 15px;
        text-align : center;
        margin-top : -17px;
}
}

    /*------------Terms of use page------------------*/
    .terms-of-use-title {
        display: block;
        text-align: center;
        position: relative;
        font-size: 25px;
        font-weight: bold;
        top: 129px;
        color: #0064eb;
    }

    .terms-of-use-body {
        font-size: 22px;
        width: 90%;
        top: 140px;
        margin: 0 auto;
        font-weight: 300;
        position: relative;
        display: block;
        color: #545353;
        padding-bottom: 80px;
    }


@media only screen and (max-width: 631px) {/*-----Font size reduction---------*/
    
     .terms-of-use-body {
        font-size: 18px;
    }
    
    
}

    /*------------Privacy policy page------------------*/
    .disclaimer-page-title { /*privacy-policy-title*/
        display: block;
        text-align: center;
        position: relative;
        font-size: 25px;
        font-weight: bold;
        top: 129px;
        color: #0064eb;
    }

    .disclaimer-text { /*privacy-policy-body*/
        font-size: 22px;
        width: 90%;
        top: 140px;
        margin: 0 auto;
        font-weight: 300;
        position: relative;
        display: block;
        color: #545353;
        padding-bottom: 80px;
    }

@media only screen and (max-width: 631px) {/*-----Font size reduction---------*/
    .disclaimer-text { /*privacy-policy-body*/
        font-size: 18px;
    }
    
    
}

    /*--------------------------------------------Media Queries--------------------------------*/
    /*------------- First Page ---------------*/
    @media only screen and (max-width: 1192px) {
        .slogan {
            font-size: 18pt;
            margin: auto;
            color: white;
            display: none;
            top: 61%;
            position: absolute;
            width: 100%;
            z-index: 10;
            clear: both;
        }

        .hero-button {
            background-color: #0064eb;
            border-radius: 18px;
            border: 2px solid #0064eb;
            left: 50%;
            min-width: 170px;
            margin-left: -85px;
            width: 13%;
            position: absolute;
            display: block;
            top: 77%;
            text-align: center;
            color: #fff;
            z-index: 30;
            font-size: 11.38pt;

        }
    }


    @media only screen and (max-width: 852px) {
       /* .logo {
            align-content: center;
            text-align: center;
            display: block;
            top: 25%;
            position: absolute;
            width: 40%;
            left: 30%;
            z-index: 1;
        }*/

        .slogan {
            font-size: 14pt;
        }

        .hero-button {
            min-width: 138px;
            margin-left: -69px;
            font-size: 10pt;
            padding: 2px;

        }
    }

    @media only screen and (max-width: 590px) {
       
        .slogan {
            font-size: 12pt;
        }

        .hero-button {
            min-width: 139px;
            font-size: 14px;
            margin-left: -62.5px;
            padding: 2px;

        }
    }

   


 /*@media only screen and (max-width: 480px) {
     
     
    
        
     
}*/

    @media only screen and (max-width: 480px) {
       
.Chevron {
    width: 100%;
    padding-top: 37px;
    top: 85.5%;
    text-align: center;
    align-content: center;
    background: url("../images/Chevrons.png");
    display: block;
    background-position: left 50% top 0;
    background-size: 8.2%;
    background-repeat: no-repeat;
    position: absolute;
    margin: auto;
    z-index: 5;
}
    
        
  

    }

    @media only screen and (max-width: 388px) {

        .hero-button {
            top: 73%;
            padding: 2px;
        }

        .toggler {
            left: 83%;
        }

        .slogan {
            font-size: 8pt;
        }

    }


   



    @media only screen and (max-width: 1680px) {

        .main-menu-block .menu li {
            margin-right: 0 !important;
        }

        /*---------Contact us-------------*/
        #contact-form-btn {
            font-size: 13pt;
        }
    }

@media only screen and (max-width: 1440px) {

    
    .contact-heading-block {
    width: 68%;
    margin-left: 16%;
    float: left;
    display: block;
    position: relative;
    clear: both;
    margin-top: 78px;
}
    
    .location-details-block {
    position: relative;
    display: block;
    width: 24.3%;
    margin-top: 8px;
    float: left;
    margin-left: 16%;
    text-align: center;
    background-image: url("../images/location-icon.png");
    background-repeat: no-repeat;
    background-position: left 50% top 3px;
}
    
    .postal-block {
    position: relative;
    display: block;
    width: 18.66%;
    margin-top: 8px;
    float: left;
    margin-left: 0.5%;
    text-align: center;
    background-image: url("../images/postal-icon.png");
    background-repeat: no-repeat;
    background-position: left 50% top 3px;
}
    
    .contact-info-block {
    position: relative;
    margin-top: 8px;
    margin-bottom: 20px;
    display: block;
    width: 22.6%;
    float: left;
    margin-left: 0.5%;
    text-align: center;
    background-image: url("../images/Contact-info-icon.png");
    background-repeat: no-repeat;
    background-position: left 50% top 3px;
}
    
 
#contact-form-btn {
    position: relative;
    display: block;
    min-width: 175px;
    width: 60%;
     left: 0px;
    padding: 3px;
}
    
}
    
    
@media only screen and (max-width: 631px) {
    
       #contact-form-btn {
             top: 194px;
        }
    
}





    /*---------------------HOW WE SELL : QUERIES FROM 1200PX--------------------------*/
   
     @media only screen and (max-width: 1788px) {

        #sell {
            background-position: top 0 left 0;
            background-size: 100%;
            max-width : 100%;
        }

    }
    
    
    @media only screen and (max-width: 1606px) {

        #sell {
            background-position: left -65px top 0;
        }
        
        .view-id-video #youtube-field-player {
            height: 500px;
            max-width: 100%;
            
        }

    }


  @media only screen and (max-width: 1460px) {

        #sell {
            background-position: left -85px top 0;
        }

    }

    @media only screen and (max-width: 1200px) {

        .how-we-sell-block { /*---Main sell paragraph - head, p, btn-----*/
            display: block;
            position: relative;
            left: 50%;
        }

        .region-blockgroup-sales-calendar-group { /*calendar dates */
            position: relative;
            display: block;
            width: 50%;
            min-width: 690px;
               left: 38%;
           margin-top: 12%;
         }
         .page-node-355 #webform-client-form-355 .form-checkboxes .form-item{
             width: 45%;
         }

    }


 @media only screen and (max-width: 1082px) {
      .region-blockgroup-sales-calendar-group { /*calendar dates */
            position: relative;
            display: block;
            width: 50%;
            min-width: 620px;
               left: 38%;
           margin-top: 12%;
         }
}

 @media only screen and (max-width: 1024px) {
     #sell{
        padding-bottom : 135px;
        }
     
     .how-we-sell-block > h2 {
    margin-top: 102px;
     }
     
       .region-blockgroup-sales-calendar-group { /*calendar dates */
            position: relative;
            display: block;
            width: 50%;
            min-width: 620px;
               left: 38%;
           margin-top: 6.2%;
         }
}


    @media only screen and (max-width: 1010px) {

        
        #sell{
        padding-bottom : 25px;
        }
        
        .how-we-sell-block { /*---Main sell paragraph - head, p, btn-----*/
            display: block;
            position: relative;
            left: 55%;
        }

        .region-blockgroup-sales-calendar-group { /*calendar dates */
            position: relative;
            display: block;
            width: 100%;
            left: 0;
            margin : 0 auto;
            padding-top : 12%;

        }

    }

    @media only screen and (max-width: 770px) {
        .region-blockgroup-sales-calendar-group { /*calendar dates */
            position: relative;
            display: block;
            width: 50%;
            min-width: 690px;
            padding-top: 100px;
            margin: 0 auto;
            left: 0;
        }

        .how-we-sell-block > h2 {
            font-size : 22px;
            margin-top : 35px;
        }
        
        .how-we-sell-slogan {
         font-size : 20px;   
            
        }
        
        #sell{
            padding-bottom : 60px;
            background-position : left -20px top -100px;
        }
        
        .how-we-sell-block { /*---Main sell paragraph - head, p, btn-----*/
            display: block;
            position: relative;
            padding-top: 280px;
            left: 0;
            margin: 0 auto;
            width: 76%;

        }

        .region-blockgroup-sales-calendar-group { /*calendar dates */
            position: relative;
            display: block;
            margin: 0 auto;
            width: 25%;
            padding-top: 59px;
            min-width: 250px;
            margin-top: 25px;
        }

       .latest-sales-block {
     margin-top: 3px;
    padding-top: 0;
}

        #block-views-lot-breakdown-view-block .views-field-field-file-attachment a{/*lot link*/
            font-size : 18px;
        }
        
        .sales-results-btn{
        font-size : 18px;   
            margin-top : 4px;
        }
        
        .sales-calendar-block .more-link a{
            font-size : 18px;
            margin-top : 4px;
        }
        
        .sales-calendar-block {

            margin-top: 0px;
        }

    }



   


@media only screen and (max-width: 560px) {
    
    
    .how-we-sell-block {
    display: block;
    position: relative;
    padding-top: 220px;
    left: 0;
    margin: 0 auto;
    width: 76%;
    }
    
    .how-we-sell-block > h2{
        margin-top : 0;
    }
    
    #block-views-lot-breakdown-view-block h2{
        font-size : 16px;
        margin-top : 0;
    }
    
    .lot-month{
        font-size : 39px;
    }
    
     .lot-year{
        font-size : 18px;
    }
    
    #block-views-latest-sales-results-block h2{
        font-size : 16px;
    }
    
    .latest-sales-month{
        font-size : 39px;
    }
    
    .latest-sales-year{
        font-size : 18px;
        top : 20px;
    }
    
    .sales-calendar-year{
         font-size : 18px;
        top : 20px;
    }
   
    
    #block-views-sales-calendar-block h2{
        font-size : 16px;
    }
    
    .sales-calendar-month{
         font-size : 39px;
    }
    
    #block-views-how-we-sell-view-block .view-footer a{
        font-size : 16px;
    }
}

@media only screen and (max-width: 480px) {
    
    
    #sell{
        background-size : 55%;
        background-position : left 0 top 8px;
            padding-bottom: 35px;
    }
    
    
    #sell .region-blockgroup-sales-calendar-group {
        margin-top: 0px;
    }
    
    
     .how-we-sell-block { /*---Main sell paragraph - head, p, btn-----*/
      
            padding-top: 30px;
         
        }
    
    .how-we-sell-block > h2 {
    font-size: 20px;
    margin-top: 61px !important;
}
    
    .how-we-sell-slogan {
    font-size: 18px;
}
    
    #block-views-lot-breakdown-view-block .views-field-field-file-attachment a {
    font-size: 17px;
}
    .sales-results-btn {
    font-size: 17px;
  
}
    .sales-calendar-block .more-link a {
    font-size: 17px;

}
}



@media (max-width: 375px) {/*iphone*/
    
    #sell .region-blockgroup-sales-calendar-group {
    margin-top: 27px;
}
    
    #sell {
    padding-bottom: 139px;
}
}


    /*---------------------Our Product : QUERIES FROM 626PX -------------------------*/
     

 @media only screen and (max-width: 1366px) {
     
     .Our-product-block > h2 {
    margin-top: 221px;
     }
}


 @media only screen and (max-width: 1280px) {
     
    .Our-product-block > h2 {
    margin-top: 156px;
}
}

     @media only screen and (max-width: 1024px) {
         .Our-product-block > h2 {

    margin-top: 180px;
}
         
          .Our-product-block {

    padding-bottom: 194px;
    padding-right: 0;
    padding-left: 0;
         }
         
         .Product-Slogan {
    Width: 97.5%;
         }
         
}


@media only screen and (max-width: 1010px) {
    .Our-product-block {
    display: block;
    position: relative;
    text-align: center;
    padding-bottom: 157px;
}
}


@media only screen and (max-width: 770px) {
.Our-product-block > h2 {
            font-size : 22px;
       margin-top: 160px;
    }
    
    #product {

    background-position: top 0 left 0;
}
    
     .Product-Slogan {
            width : 90%;
            font-size: 20px;

        }


        #block-views-products-view-block {
            margin-top: 30px;
        }

        .Our-product-block {
            display: block;
            position: relative;
            padding-bottom: 200px;
        }

    }

    @media only screen and (max-width: 631px) {
        
         .Our-product-block {
            display: block;
            position: relative;
            padding-bottom: 62px;
        }
        

    }

@media only screen and (max-width: 560px) {
    .Our-product-block > h2 {
    font-size: 22px;
    margin-top: 263px;
}
}





@media only screen and (max-width: 480px) {
    
    #product{
    padding-bottom : 14px; 
    background-size : cover;
        /*background-position: top -180px left 0;*/
        
        background-position : top 0 left 0;
    }
    
    .Our-product-block .more-link{
        margin-top : 20px;
    }
    
     .Our-product-block > h2 {

            font-size: 20px;
            margin-top: 222px;

        }
    
    .Product-Slogan {
    font-size: 18px;
}
}

    @media only screen and (max-width: 466px) {
        #product {
            background-position: 100%;
            padding-bottom: 0;
        }

        .Our-product-block {
            display: block;
            position: relative;
            top: -20px;
            padding-bottom: 50px;
        }

        .Our-product-block > h2 {
            top: -13px;
        }

        .Product-Slogan {
            top: -19px;

        }

        .Our-product-block .more-link a {

            top: 25px;
        }

    }

@media (max-width: 375px) {
#product {
    background-size: cover;
    padding-bottom: 77px;
    }
 
.Our-product-block > h2 {
    margin-top: 291px !important;
    }
    
}

  @media (max-width: 354px) {
     
       #product {
            background-size: cover;
            padding-bottom: 0px;
        }
}

    /*---------------------Become a customer : QUERIES FROM 1200PX-------------------*/
    
@media only screen and (max-width: 1372px) {
    .customer-block2 > h2 {
    margin-top: 192px;
    }
    
   #customer .views-field-field-home-page-file a {

    margin-top: 23px;

    }
    
    .reg-pdf-btn {
    margin-top: 20px;

    }
    
    .faq-pdf-btn {
    padding-top: 23px;
   }
}

@media only screen and (max-width: 1280px) {
    .customer-block2 > h2 {
    margin-top: 115px;
    }
    
}

@media only screen and (max-width: 1200px) {

        .region-blockgroup-customer-group {
            display: block;
            position: relative;
            width: 53%;
            left: 47%;
            top: 20%;

        }

    }


 @media only screen and (max-width: 1024px) {
     
      #customer {
   
        padding-bottom: 142px;
         
     }
     
     .customer-block2 > h2 {
   
    margin-top: 160px;
     }
     
     .views-field-field-home-page-file a {
  
    margin-top: 23px;
     }
     
     .reg-pdf-btn {

    margin-top: 9px;
 
    }
     
     .faq-pdf-btn {

    padding-top: 20px;
    }
     
}

 @media only screen and (max-width: 1010px) {
    
     
     #customer {
   
    padding-bottom: 20px;
         
     }
     
       .region-blockgroup-customer-group {
    display: block;
    position: relative;
    width: 100%;
    left: 0;
    top: 20%;
}
       
       .customer-block2 {
    display: block;
    position: relative;
    width: 50%;
    left: 50%;
    margin-top: 60px;
}
   
      #block-views-4a35ee21d19b31e4bec5129eae47bdad {
    display: inline-block;
    position: relative;
    margin-top: 0;
    width: 33.3%;
    min-width : 123px;
    text-align: right;
          z-index : 3;
}
       
       .views-field-field-home-page-file a {
    font-size: 20px;
    color: #0064eb;
    margin-top: 47px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}
       
       .registration-block {
    display: inline-block;
    width: 33.3%;
    position: relative;
    margin-top: 0;
    padding-left : 0;
    padding-right : 0;
    text-align: center;
}
     #customer .views-field-field-home-page-file a {
    margin-top: 20px;
   }
       
     .reg-pdf-btn{
     margin-top : 21px; 
         text-align : center;
     }
       .reg-faq-block {
    display: inline-block;
    position: relative;
    float: none;
    margin-top: 0;
    width: 33.3%;
    text-align: left;
}
     .faq-pdf-btn{
         padding-top : 20px;
     }    
       
}


 @media only screen and (max-width: 991px) {
     
     
       #customer {
            background-size: 100%;
            padding-bottom: 45px;
            height: 100%;
        } 
     

}

 
  @media only screen and (max-width: 770px) {
       
      
      #customer{
          background-position : top -100px left 0px;
      }
      
      #customer .views-field-field-home-page-file a {
    margin-top: 0px;
    }
      .customer-block2 > h2 {

            font-size: 22px;
          margin-top : 153px;

        }

        .customer-slogan {

            font-size: 20px;

        }
      
      .customer-block2 {
    display: block;
    position: relative;
    width: 100%;
    left: 0;
    margin-top: 60px;

      }
      
      #block-views-4a35ee21d19b31e4bec5129eae47bdad {
    display: inline-block;
    position: relative;
    margin-top: 20px;
    width: 100%;
    min-width: 123px;
    text-align: center;
}
      
      .reg-faq-block {
    display: block;
    position: relative;
    float: none;
    margin-top: 0;
    width: 100%;
    text-align: center;
}
      
      .registration-block {
    display: block;
    width: 100%;
    position: relative;
    margin-top: 0;
    padding-left : 0;
    padding-right : 0;
    text-align: center;
}
         
       .views-field-field-home-page-file a {
    font-size: 18px;
    margin-top: 10px;
 
}
      
      
       .reg-pdf-btn{
         margin-top : 5px; 
         text-align : center;
         font-size: 18px;
           z-index : 2;
     }
      
      
      .reg-pdf-btn a{
          
          font-size: 18px;
      }
  
        .faq-pdf-btn {
            margin-top :-5px;
            padding-top: 0px;
            margin-bottom: 0px;
             font-size: 18px;
        }
        #block-views-registration-process-block{
            margin-top : -5px;
        }
        
        .region-blockgroup-customer-group {
            display: block;
            position: relative;
            width: 100%;
            left: 0;
            margin-top: 100px;
        }
    }


@media only screen and (max-width: 480px) {
    
    
     #customer{
          background-position : top -60px left 0px;
      }
    
    .customer-block2 > h2 {
    font-size: 20px;
    margin-top: 93px;
}
    
    .customer-slogan {
    font-size: 18px;
}
    
      .views-field-field-home-page-file a {
    font-size: 17px;
    margin-top: 10px;
 
}
    
  #customer .views-field-field-home-page-file a{
        margin-top : 0 !important;
    }
    
     .reg-pdf-btn a{
           margin-top : 0;
          font-size: 17px;
      }
    
       .faq-pdf-btn {
             margin-top : 0;
             font-size: 17px;
        }
}

@media only screen and (max-width: 375px) {
    
    
     #customer{
              padding-bottom: 148px;
      }
    
    .customer-block2 > h2 {

    margin-top: 143px !important;
}
    
}

    /*---------------------About Us : QUERIES FROM 1200PX-------------------*/
   
 @media only screen and (max-width: 1729px) {
     
     #about{
             padding-bottom: 484px;
     }
     
}

 @media only screen and (max-width: 1480px) {
     
     #about{
             padding-bottom: 384px;
     }
     
}


 @media only screen and (max-width: 1366px) {
     
     #about{
            padding-bottom: 308px;
     }
     
}


 @media only screen and (max-width: 1280px) {
     
     #about{
             padding-bottom: 304px;
     }
     
}

@media only screen and (max-width: 1200px) {
        .About-us-slogan {
            width: 90%;
            left: 5%;

        }
    }

 @media only screen and (max-width: 1024px) {
        
     #about {
    padding-bottom: 295px;
    background-position: bottom 0px left 0px;
        }
     
     .About-us-slogan {
            width: 90%;
            left: 5%;

        }
}

    @media only screen and (max-width: 770px) {
        .about-block > h2 {
            text-align: center;
            width: 100%;
            color: #0064eb;
            font-size: 23px;
            position: relative;
            margin-top: 128px;
            z-index: 10;
            display: block;
          }

        .About-us-slogan {
            width: 90%;
            margin-top: 25px;
            display: block;
            text-align: center;
            color: white;
            left: 5%;
            font-size: 18px;
            position: relative;
            z-index: 10;
            clear: both;
            font-weight: 300;
          }
        
          #about{
           
         padding-bottom: 350px;
         width: 100%;
         height: auto;
        }
 }



    @media only screen and (max-width: 480px) {
        
      
       #about {
       padding-bottom: 280px !important;
       width: 100%;
       height: auto;
       background-size: contain;
       background-position: bottom 0px left 0px;
      }
        
        
        .about-block > h2 {
            text-align: center;
            width: 100%;
            color: #0064eb;
            font-size: 20px;
            position: relative;
            margin-top: 120px  !important;
            z-index: 10;
            display: block;
        }
        
        .About-us-slogan {
    font-size: 16px;
       }
}

@media only screen and (max-width: 375px){
   #about {
    padding-bottom: 188px !important;
    }
    
    .about-block > h2 {

    margin-top: 120px !important;
    }
}


    /*---------------------Contact Us- Footer : QUERIES FROM 1200PX-------------------*/
    

    @media only screen and (max-width: 997px) {

        .location-details-block {
            position: relative;
            display: block;
            width: 50.83%;
            margin-left: 24.81%;
            margin-top: 44px;
            text-align: center;
            background-image: url("../images/location-icon.png");
            background-repeat: no-repeat;
            background-position: left 50% top 3px;
        }

        .postal-block {
            position: relative;
            display: block;
            width: 50.83%;
            margin-left: 24.81%;
            margin-top: 14px;
            text-align: center;
            background-image: url("../images/postal-icon.png");
            background-repeat: no-repeat;
            background-position: left 50% top 3px;
        }

        .contact-info-block {
            position: relative;
            margin-bottom: 0px;
            margin-top: 15px;
            display: block;
            width: 50.83%;
            margin-left: 24.81%;
            text-align: center;
            background-image: url("../images/Contact-info-icon.png");
            background-repeat: no-repeat;
            background-position: left 50% top 3px;
        }

        #contact-form-btn {
            position: relative;
            display: block;
            top: 220px;
            left: 0%;
            margin: auto;
            min-width: 200px;
            width: 30%;
            padding: 2px;
            border-radius: 17px;
            font-size: 14.73px;
            color: white;
            border: 1px solid white;
            z-index: 10;
            margin-bottom: 50px;
        }

        #leaflet-map {
            margin-top: 79px;
        }

    }


@media only screen and (max-width: 770px) {
      
    .contact-heading { /*Heading text*/

            font-size: 25px;
        }

        .contact-info-slogan {

            font-size: 18px;

        }
    
    .location-slogan {
    padding-top: 28px;
    color: white;
    font-size: 18px;
    display: block;
    position: relative;
    width: 100%;
    font-weight: 300;
}
    
    .postal-block {
    position: relative;
    display: block;
    width: 50.83%;
    margin-left: 24.81%;
    margin-top: 17px;
    text-align: center;
    background-image: url("../images/postal-icon.png");
    background-repeat: no-repeat;
    background-position: left 50% top 3px;
}
    
    .postal-slogan {
    padding-top: 34px;
    color: white;
    font-size: 18px;
    position: relative;
    width: 100%;
    display: block;
    font-weight: 300;
}
    
  .contact-info-block {
    position: relative;
    margin-bottom: 20px;
   margin-top: 20px;
    display: block;
    width: 50.83%;
    margin-left: 24.81%;
    text-align: center;
    background-image: url("../images/Contact-info-icon.png");
    background-repeat: no-repeat;
    background-position: left 50% top 16px;
}
    
    #contact-form-btn {
    position: relative;
    display: block;
    top: 180px;
    left: 0%;
    margin: auto;
    min-width: 200px;
    width: 30%;
    padding: 2px;
    border-radius: 17px;
    font-size: 14.73px;
    color: white;
    border: 1px solid white;
    z-index: 10;
    margin-bottom: 50px;
}
    
    
}

    @media only screen and (max-width: 631px) {

        .contact-heading { /*Heading text*/

            font-size: 25px;
        }

        .contact-info-slogan {

            font-size: 18px;

        }

        .location-slogan {

            font-size: 18px;

        }

        .postal-slogan {

            font-size: 18px;

        }
        
         #contact-form-btn {
      
            top: 196px;
        }
    }


  @media only screen and (max-width: 480px) {
      
      .contact-heading-block{
             width : 80%;
          left : 0;
          margin-left : 10%;
      }
      
      .location-details-block{
          width : 80%;
          left : 0;
          margin-left : 10%;
      }
      
      .postal-block {
            width : 80%;
          left : 0;
          margin-left : 10%;
      }
      
      .contact-info-block{
           width : 80%;
          left : 0;
          margin-left : 10%;
      }
      
     /* #block-views-contact-info-block {
    margin-top: -74px;
}*/
      
      #contact-form-btn {
    top: 152px;
}
      
      .contact-heading {
         margin-top : 0px; 
      }
      
       .contact-info-slogan {

            font-size: 18px;

        }

        .location-slogan {

            font-size: 18px;

        }

        .postal-slogan {

            font-size: 18px;

        }
}


    @media only screen and (max-width: 367px) {
        .location-slogan {
            padding-top: 45px;
            color: white;
            font-size: 13pt;
            display: block;
            position: relative;
            width: 100%;
        }

        .postal-slogan {
            padding-top: 45px;
            color: white;
            font-size: 13pt;
            position: relative;
            width: 100%;
            display: block;
        }

        .contact-info-slogan {
            padding-top: 45px;
            color: white;
            font-size: 13pt;
            position: relative;
            width: 100%;
            display: block;
        }

       /* #contact-form-btn {
            position: relative;
            display: block;
            top: 250px;
            min-width: 180px;
            font-size: 12pt;
            width: 38%;
        }*/
    }

    /*----------------------Sub-Footer --  QUERIES FROM 1200------------*/
    @media only screen and (max-width: 1200px) {

        .copyright {
            color: white;
            width: 100%;
            text-align: center;

        }

        .disclaimer {
            min-width: 110px;
            margin: 0 auto;
            color: white;
            padding-left: 60px;
            float: none;
            top: -3px;
        }

        .disclaimer span {
            display: none;
        }

        .terms-of-use-link {

            right: 39px;
            min-width: 92px;
            top: -40px;
        }

        .terms-of-use-link span {
            display: none;
        }

        .developed-by-text {
            top: 31px;
            color: white;
            width: 100%;
            left: 0;
            text-align: center;

        }
        
        .node-type-webform   #content{
            padding: 0 30px;
        }

    }

    @media only screen and (max-width: 755px) {

        .copyright {
            color: white;
            width: 100%;
            text-align: center;
            top: -2px;

        }

        .terms-of-use-link {
            display: block;
            width: 100%;
            text-align: center;
            min-width: 92px;
            top: 7px;
            left: 0;
        }

        .disclaimer {
            width: 100%;
            text-align: center;
            color: white;
            top: -2px;
            padding: 0px;
            display: block;
            left: 0;

        }

        .developed-by-text {
            top: 41px;
            width: 100%;
            text-align: center;
            color: white;
            margin: 0 auto;
            position: relative;
            display: block;

        }

    }

/*----------------------------------------------------------Exco Page-----------------------------*/


.page-exco .menu li:nth-child(6) {

        border-bottom: 2px solid #0064eb;
    }

.page-exco .menu li:nth-child(6) a{

        color :#0064eb;
    }

.page-exco .menu li:nth-child(1) a{

        color :white;
    }

.page-exco #page-title{
    padding-top : 125px;
    color : #0064eb;
    font-size : 25px;
    display : block;
     font-weight : bold;
       width: 71%;
    margin-left: 13%;
    border-bottom : 1px solid #0064eb;
}

.page-exco{
    background-image : url(../images/board&exco_background.png);
    background-size : contain;
    background-repeat : repeat;
}

.page-exco #block-system-main{
    display : block;
    width: 71%;
    margin-left: 13%;
}

.page-exco .views-field-field-full-name{
    font-weight : 400;
    color :#0064eb;
    font-size : 20px;
     margin-bottom : 10px;
    display : inline-block;
    margin-left : 2px;

    
}

.page-exco #block-system-main img{
    border-radius : 50%;
}

.page-exco .views-field-field-people-qualifications{
    font-weight : 400;
    font-size : 16px;
    margin-bottom : 10px;
}

.page-exco  .views-field-field-people-position{
    font-weight : 400;
    font-size : 17px;
    margin-bottom : 17px;
    position: relative;
    left: 3px;
}

.page-exco .views-field-field-photo{
    float : left;
    padding-right : 14px;
    padding-top : 7px;


}

.page-exco .views-row-last{
    margin-bottom : 32px !important;
    
}

.page-exco #block-system-main .views-row{
margin-top : 24px;
    border-bottom : 0.5px solid #0064eb;
    padding-bottom : 24px;
}

.page-exco #block-system-main .views-row p{
 padding-left : 268px;
}

.page-exco #block-system-main .views-row-1 p{
    padding-bottom : 0px;
        font-size: 17px;
}

.page-exco #block-system-main .views-row-1{
    padding-bottom : 68px;
}

.page-exco #block-system-main .views-row-2 p{
    padding-bottom : 88px;
        font-size: 17px;
}

.page-exco #block-system-main .views-row-3 p{
    padding-bottom : 56px;
        font-size: 17px;
}


.page-exco #block-system-main .views-row-4 p{
    padding-bottom : 90px;
        font-size: 17px;
}

.page-exco #block-system-main .views-row-5 p{
    padding-bottom : 89px;
        font-size: 17px;
}

.page-exco #block-system-main .views-row-6 p{
    padding-bottom : 85px;
        font-size: 17px;
  
   
}

.page-exco #block-system-main .views-row-6 {
    
      margin-bottom : 10px;
}

.page-exco .views-field-field-photo {
    float: left;
} 

.page-exco .views-field .field-content p{ 
    font-size : 16px;
    padding-bottom : 97px;
}



@media only screen and (max-width : 840px){
    
    
    .page-exco #page-title{
text-align : center;
}
    .page-exco #block-system-main .views-row p{
 padding-left : 0px;
       
     
    
}
    
     .page-exco #block-system-main .views-row {
     border-bottom : none; 
         margin-top : 24px;
    }
    
  
    
    .page-exco #block-system-main .views-row-1 p:nth-child(2){
    padding-bottom : 15px;
}

.page-exco #block-system-main .views-row-2 p{
    padding-bottom : 25px;
}

    
    
.page-exco #block-system-main .views-row-3 p{
    padding-bottom : 0px;
}


.page-exco #block-system-main .views-row-4 p{
    padding-bottom : 25px;
}
    
  

.page-exco #block-system-main .views-row-5 p{
    padding-bottom : 15px;
}

.page-exco #block-system-main .views-row-6 p{
    padding-bottom : 15px;
  
   
   }
    
   .page-exco .views-field .field-content p{ 
     display: block;
    float: left;
    width: 100%;
    padding-bottom : 0px;
    } 
    .page-exco .views-field-field-photo {
    display : block;
    margin : 0 auto;
    float: none;
    text-align : center;
    } 
    
     .page-exco .views-field-field-photo img {
    display : block;
    margin : 0 auto;
    text-align : center;
    }
    
    .page-exco .views-field-field-people-position {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 17px;
    display: inline-block;
    width: 100%;
    text-align : center;
    }
    
    
    
    .page-exco .views-field-field-full-name {
    font-weight: 400;
    color: #0064eb;
    font-size: 20px;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
        text-align : center;
    }
    
}


@media only screen and (max-width : 480px){
     .page-exco .views-field .field-content p{ 
     display: block;
    float: left;
    width: 100%;
    padding-bottom : 0px;
         text-align : center !important;
    }
    
}

/*----------------------------------------------------------Board Page-----------------------------*/

.page-board-members .menu li:nth-child(6) {

        border-bottom: 2px solid #0064eb;
    }

.page-board-members{
 background-image : url(../images/board&exco_background.png);
 background-size : contain;
background-repeat : repeat;
}

.page-board-members .views-row-last{
    margin-bottom : 32px !important;
    
}

.page-board-members .menu li:nth-child(6) a{

        color :#0064eb;
    }

.page-board-members .menu li:nth-child(1) a{

        color :white;
    }

.page-board-members #page-title{
    padding-top : 125px;
    color : #0064eb;
    font-size : 25px;
    display : block;
    font-weight : bold;
       width: 71%;
    margin-left: 13%;
    border-bottom : 1px solid #0064eb;
}

.page-board-members #block-system-main{
    display : block;
    width: 71%;
    margin-left: 13%;
}

.page-board-members #block-system-main .views-row p{
 padding-left : 268px;
}
.page-board-members #block-system-main p{
    font-size : 17px;
}

.page-board-members #block-system-main img{
   border-radius : 50%;
}


.page-board-members  #block-system-main .views-row-1 p{
    padding-bottom : 84px;
  font-size : 17px;
}

.page-board-members  #block-system-main .views-row-2 p{
    padding-bottom : 0px;
    font-size : 17px;
}


.page-board-members  #block-system-main .views-row-2{
    padding-bottom : 69px;
}

.page-board-members  #block-system-main .views-row-3 p{
    padding-bottom : 0px;
     font-size : 17px;
}

.page-board-members  #block-system-main .views-row-3{
    padding-bottom : 21px;
}

.page-board-members  #block-system-main .views-row-5 p{
     font-size : 17px;
}

.page-board-members  #block-system-main .views-row-4 p{
    padding-bottom : 82px;
     font-size : 17px;
}
.page-board-members  #block-system-main .views-row-6 {
    margin-bottom : 10px;
     font-size : 17px;
}

.page-board-members  #block-system-main .views-row-6 p{
    padding-bottom : 99px;
 
}

.page-board-members .views-field-field-name{
    font-weight : 400;
    color :#0064eb;
    font-size : 20px;
     margin-bottom : 10px;

    
}



.page-board-members  .views-field-field-position{
    font-weight : 400;
    font-size : 17px;
    margin-bottom : 17px;
}

.page-board-members .views-field-field-management-image{
    float : left;
    padding-right : 14px;
    padding-top : 7px;


}

.page-board-members #block-system-main .views-row{
margin-top : 24px;
    border-bottom : 0.5px solid #0064eb;
}

.page-board-members .views-field .field-content p{ 
    padding-bottom : 90px;
    
}

/*------------------- Supplier Registration  -----------*/
.node-type-webform{
    background-image: url("../images/ODC3-Product.jpg") !important;
    font-size: 16px;
}

.node-type-webform .webform-client-form{
    position:relative;
    display:block;
    max-width: 850px;
}

.node-type-webform label{
 display: block !important;
    position: relative !important;
    clip: unset !important;
    overflow: visible;
    height: auto;
    
}

.node-type-webform .webform-client-form .form-item select,
.node-type-webform .webform-client-form .form-item input{
    width:100%;
}

/*------------------- Careers and Tenders -----------*/
.node-type-webform,
.page-careers-tenders-and-rfps {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    background-image: url(../images/ODC3-Customer.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.node-type-webform   #content,
.page-careers-tenders-and-rfps #content {
    padding-top: 120px;
    max-width: 1200px;
    width: 100%;
    margin: auto;
}
.node-type-webform  #content .title,
.page-careers-tenders-and-rfps #content .title {
    color: #0064eb;
    font-weight: bold;
    font-size: 25px;
    text-align: center;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 40%);
    
}

.page-careers-tenders-and-rfps #content .view-careers-tenders-and-rfp-s table {
    width: 100%;
    margin-bottom: 35px;
}

.page-careers-tenders-and-rfps #content .view-careers-tenders-and-rfp-s table thead {
    background: #0064eb;
    color: #ffffff;
}
.page-careers-tenders-and-rfps #content .view-careers-tenders-and-rfp-s table caption a {
    font-size: 17px;
    font-weight: bold;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 40%);
}


.page-careers-tenders-and-rfps #content .view-careers-tenders-and-rfp-s table thead tr th {
    padding: 10px;
}

.page-careers-tenders-and-rfps #content .view-careers-tenders-and-rfp-s table tbody tr td {
    padding: 10px;
    font-size: 16px;
}

/*.page-careers-tenders-and-rfps #content .view-careers-tenders-and-rfp-s table tbody tr td {*/
/*    padding: 10px 0;*/
/*}*/
/*-------------------media queries---------*/


@media only screen and (max-width : 840px){
    
    
    .page-board-members  #page-title{
text-align : center;
}
   .page-board-members #block-system-main .views-row p{
 padding-left : 0px;
} 
  .page-board-members  .views-field .field-content p{ 
     display: block;
    float: left;
    width: 100%;
    padding-bottom : 0px;
} 
    
    .page-board-members #block-system-main .views-row-1 p {
    padding-bottom: 25px;
    font-size: 17px;
}
    
    .page-board-members #block-system-main .views-row{
margin-top : 24px;
    border-bottom : none;
}
    
    .page-board-members  .views-field-field-management-image {
    display : block;
    margin : 0 auto;
    float: none;
    text-align : center;
} 
    
    .page-board-members  #block-system-main .views-row-4 p{
    padding-bottom : 0px;
 
}
    
    .page-board-members  #block-system-main .views-row-2 img{
        padding-top : 0px;
    }
    
    .page-board-members  #block-system-main .views-row-2 p:nth-child(2){
        padding-bottom : 25px;
    }
    
     .page-board-members  #block-system-main .views-row-3 p:nth-child(2){
        padding-bottom : 25px;
    }
     .page-board-members  #block-system-main .views-row-4 img{
        padding-top : 0px;
    }
    
     .page-board-members  #block-system-main .views-row-5 p{
        padding-bottom : 25px;
    }
    
      .page-board-members  #block-system-main .views-row-6 img{
        padding-top : 0px;
    }
    
    .page-board-members  #block-system-main .views-row-6 p{
    padding-bottom : 0px;
 
    }
    
    .page-board-members  .views-field-field-management-image img {
    display : block;
    margin : 0 auto;
    text-align : center;
   }
    
   .page-board-members  .views-field-field-position {
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 17px;
    display: inline-block;
    width: 100%;
    text-align : center;
   }
    
    
    
    .page-board-members  .views-field-field-name {
    font-weight: 400;
    color: #0064eb;
    font-size: 20px;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
        text-align : center;
     }
    
}

/* Forbes Page */
.page-node-397 {
    font-family: 'Roboto', sans-serif !important;
}

.page-node-397 #sub-page-header,
.node-type-forbes-gallery #sub-page-header{
    position: relative !important;
}


.node-type-forbes-gallery #content .row>h1 {
    color: white;
}

.page-node-397,
.page-node-397 .field-name-body,
#node-397,
.node-type-forbes-gallery #content,
body.node-type-forbes-gallery{
    background: black;
}


.page-node-397 #content #page-title,
.page-node-397 #block-menu-menu-forbes-menu>h2,
#block-views-forbes-slider-block>h2 {
    display: none;
}

.node-type-forbes-gallery #content {
    max-width: 1500px;
}

.page-node-397 #content {
    max-width: 1500px;
    margin-bottom: 45px;
    padding-top: 30px;
}

.page-node-397 .field-name-body {
    text-align: center;
}

.page-node-397 .field-name-body h1 {
    color: white;
    font-weight: 900;
}

.page-node-397 .head-container {
    width: 100%;
}

.page-node-397 .head-container .region-header {
    display: flex;
    align-items: center;
}

.page-node-397 #block-menu-menu-forbes-menu {
    position: relative;
    display: block;
    width: 93%;
}

#block-block-8>h2 {
    display: none;
}

#block-block-8 .content>p {
    margin: 0;
}

#block-block-8 .content img {
    width: 135px;
}

.page-node-397 #block-menu-menu-forbes-menu ul.menu {
    position: relative;
    padding: 0;
    margin: 0;
    text-align: right;
}

.page-node-397 #block-menu-menu-forbes-menu ul.menu li {
    display: inline-block;
    list-style: none;
    padding: 0 20px;
    margin: 0;
}

.page-node-397 #block-menu-menu-forbes-menu ul.menu li a {
    color: white;
    font-size: 15px;
    font-weight: 300;
    text-transform: uppercase;

}

.page-node-397 #block-menu-menu-forbes-menu ul.menu li a:hover {
    text-decoration: none;
}


#block-views-forbes-slider-block {
    position: relative;
    display: block;
    margin: 50px 0;
    overflow: hidden;
    border-radius: 10px;
}

#block-views-forbes-slider-block::before {
    position: absolute;
    content: "";
    height: 100%;
    background: url(../images/gradiant-bg.png) no-repeat bottom;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
}

#block-views-forbes-slider-block .views-fieldset {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: auto;
    margin-bottom: 150px;
    margin-left: 50px;
    z-index: 2;
}

#block-views-forbes-slider-block .views-field-field-forbes-image img {
    width: 100%;
    height: auto;
}

#block-views-forbes-slider-block .views-fieldset .views-field-title {
    position: relative;
    display: inline-block;
}

#block-views-forbes-slider-block .views-fieldset .views-field-title span {
    color: white;
    font-size: 32px;
    font-weight:900;
}

#block-views-forbes-slider-block .view-forbes-slider .view-footer {
    position: absolute;
    bottom: 70px;
    left: 45px;
    display: block;
    z-index: 200;
}

#block-views-forbes-slider-block .view-forbes-slider .view-footer a {
    position: relative;
    bottom: 10px;
    background: #950B05;
    color: white;
    padding: 10px 40px;
    border-radius: 50px;
} 

#block-views-forbes-slider-block .view-forbes-slider .view-footer a:hover {
    text-decoration: none;
    background: #5f0b07;
}

#block-block-3
{
    padding-left: 0;
    margin-bottom: 30px;
}

#block-block-4 {
    margin-bottom: 30px;
    border-right: 1px solid #0064eb;
    border-left: 1px solid #0064eb ;
}

#block-block-6
 {
   margin-bottom: 30px; 
}

#block-block-7 {
  position: relative;
  display: block;
  padding: 150px 0 150px 0;
  text-align: center;
}

#block-block-7>h2 {
    display: none;
}

#block-block-7::before {
    content:'';
    position: absolute;
    display: block;
    width: 30%;
    height: 100%;
    z-index: 1;
    background: url(../images/blue-diamond.png) no-repeat center;
    background-size: contain;
    top: 0;
    bottom: 0;
}


#block-block-7::after {
    content:'';
    position: absolute;
    display: block;
    width: 100%;
    height: 30%;
    z-index: 1;
    background: url(../images/okavango-blue-logo.png) no-repeat center;
    background-size: contain;
    top: 0;
    bottom: 0;
}

#block-block-7 .content {
    position: relative;
    display: block;
    max-width: 800px;
    margin: 0 auto;
    z-index: 5;
}

#block-block-7 p a {
    display: inline-block;
    margin-top: 30px;
    background: #0064eb url(../images/blue-btn.png) no-repeat center left 10px;
    background-size: 28px;
    padding: 10px 30px 10px 55px;
    border-radius: 50px;
    color: white;
}

.region-blockgroup-forbes-group  {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    margin-bottom: 100px;
}


#block-block-3,
#block-block-4 {
    padding: 0 40px;
}

#block-block-3>h2,
#block-block-4>h2,
#block-block-6>h2,
#block-block-7>h2
{
    color: white;
    font-size: 30px;
    font-weight: 600;
}


#block-block-3 .content,
#block-block-4 .content,
#block-block-6 .content {
    padding-right: 35px;
}


#block-block-3 .content p {
    margin-bottom: 85px;
}

#block-block-3 .content p,
#block-block-4 .content p,
#block-block-6 .content p,
#block-block-7 .content p {
    color: white;
    text-shadow: 0px 2px 2px rgba(2, 2, 2, 0.6);
}

#block-block-3 .content p a,
#block-block-4 .content p a,
#block-block-6 .content p a {
    position: absolute;
    bottom: 10px;
    background: #0064eb ;
    color: white;
    padding: 10px 40px;
    border-radius: 50px;
}

#block-views-forbes-gallery-block {
    position: relative;
    margin-top: 615px;
}

#block-views-forbes-gallery-block>h2 {
    color: white;
    font-weight: 900;
    margin: 30px 0;
    font-size: 25px;
}

#block-views-forbes-gallery-block .view-empty h2 {
    font-size: 20px;
    color: #efefef;
}

#block-views-forbes-gallery-block .views-row .photo {
    position: relative;
    display: block;
    padding: 0;
    overflow: hidden;
}

#block-views-forbes-gallery-block .views-row .photo::before {
    position: absolute;
    content : '';
    top: auto;
    bottom:0;
    left: 0;
    right: 0;
    width: 100%;
    height: 40%;
        background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(8,8,8,0) 100%);
    background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(8,8,8,0) 100%);
    background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(8,8,8,0) 100%);
    display: block;
    z-index: 1;
}

#block-views-forbes-gallery-block .views-row .photo .wrapper {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px;
    z-index: 2;
}

#block-views-forbes-gallery-block .views-row .views-field-title span {
    color: white;
    font-weight: 800;
    
}

#block-views-forbes-gallery-block .views-row .views-field-title-1 {
    position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  font-size: 0;
  color: transparent;
  z-index: 10;
  display: block;
  width: 100%;
  height: 100%;
}

#block-views-forbes-gallery-block .views-row .views-field-title-1 span a {
    display: block;
    width: 100%;
    height: 100%;
}

.page-node-397 .sub-page-footer {
    display: block;
    border-top: 1px solid white;
    padding: 20px 0;
}

/* Forbes Gallery Node */
.node-type-forbes-gallery #block-system-main .field-name-field-gallery-image .field-items {
    display: flex;
    flex-wrap: wrap;
}

.node-type-forbes-gallery #block-system-main .field-name-field-gallery-image .field-items .field-item {
    padding: 10px;
}

.node-type-forbes-gallery #block-system-main .field-name-field-gallery-image .field-items .field-item img {
    width: 100%;
    height: auto;
}

.node-type-forbes-gallery li.comment_forbidden {
    display: none;
}

/*Responsive for forbes */
@media (max-width: 1551px) {
    .page-node-397 #content,
    .node-type-forbes-gallery #content{
        max-width: 1470px;
    }
}

@media (max-width: 1500px) {
    .page-node-397 #content,
    .node-type-forbes-gallery #content{
        max-width: 1331px;
    }
}

@media (max-width: 1400px) {
    .page-node-397 #content,
    .node-type-forbes-gallery #content{
        max-width: 1250px;
    }
}

@media (max-width: 1270px) {
    .page-node-397 #content,
    .node-type-forbes-gallery #content{
        max-width: 1050px;
    }
}

@media (max-width: 1060px) {
    .page-node-397 #content,
    .node-type-forbes-gallery #content{
        padding: 30px 30px;
        
    }
}

@media (max-width: 991px) {
    #block-views-forbes-slider-block .views-fieldset {
        margin-bottom: 120px;
    }
    
    #block-block-3, #block-block-4 {
        padding : 0;
    }
    
    #block-block-4 {
        padding-left: 40px;
        border-right: none !important;
    }
    
    #block-block-6 .content p {
        margin-bottom: 85px;
    }
    
    #block-block-7::before {
        width: 100%;
        top: 160px;
    }
    
    #block-views-forbes-gallery-block {
        margin-top: 700px;
    }
    
}


@media (max-width: 769px) {
   #block-views-forbes-slider-block .views-fieldset .views-field-title span {
       font-size: 25px;
   }
   
       #block-block-4 {
        padding-left: 0;
        border-left: none !important;
    }
    
     #block-block-4 .content p,
      #block-block-6 .content p{
         margin-bottom: 65px;
     }
    
     #block-block-6 {
         padding: 0;
     }
     
   #block-views-forbes-slider-block .views-field-field-forbes-image img {
       min-height: 45vh;
   }
   
   #block-views-forbes-slider-block .views-fieldset {
       margin-left: 15px;
       margin-bottom: 120px;
   }
   
   #block-views-forbes-slider-block .view-forbes-slider .view-footer {
       left: 15px;
   }
}

@media (max-width: 767px) {
            #block-views-forbes-gallery-block {
       max-width: 500px;
       margin: 200px auto;
   }
   
   .node-type-forbes-gallery #block-system-main .field-name-field-gallery-image .field-items .field-item {
       max-width: 500px;
       margin: 0 auto;
   }
   
   .page-node-397 #block-menu-menu-forbes-menu ul.menu li {
       padding: 0 5px;
   }
}

@media (max-width: 500px) {
    .page-node-397 .img-responsive {
        display: none;
    }
    
    .page-node-397 #block-menu-menu-forbes-menu ul.menu {
        text-align: left;
    }
}
   

/**Tenders**/
.page-tenders #content{
  position: relative;
  max-width: 1200px;
  display: flex;
  align-items: center;
  height: 100%;
  margin: 150px auto;
  padding: 0 20px;
}

#content table {
    border: none;
    width: 100%;
    border-collapse: unset !important;
    border-spacing: 0;
    margin-bottom: 30px;
    color: #393939;
}

#content table tbody tr {
    background-color: #fff;
}

#content table tbody tr:nth-child(even) {
    background-color: #f8f8f88e;
}

#content table tbody tr .views-field,
#content table tbody tr td {
    border: 0.05px solid #e5e5e5;
    border-top: none;
    border-bottom: none;
    border-left: none;
    padding: 10px 7px;
    min-width: 100px;
}

#content table tbody tr td a {
    color: #0172b9;
}

#content table tbody tr td a:hover {
    color: #8dc63f;
}

#content table thead tr {
    background-color: #d6dde2;
    border: none;
}

#content table thead tr .views-field,
#content table thead tr th {
    border: 0.05px solid #e5e5e5;
    border-bottom: 1px solid #0076c0;
    border-top: none;
    border-left: none;
    padding: 10px;
    color: #242424;
    font-weight: bold;
}

@media only screen and (max-width : 480px){
     .page-board-members .views-field .field-content p{ 
     display: block;
    float: left;
    width: 100%;
    padding-bottom : 0px;
         text-align : center !important;
    }
    
}

#sub-calendar {
    margin-left:34%;
}
   
/*----------------------------------Code for ipad Portrait---------------------*/
@media only screen and (max-width :768px){
        
        .how-we-sell-block > h2 {
    margin-top: 84px;
   }
        
        #sell {
    padding-bottom: 204px;
        }
        
        #customer {
    background-position: top 0px left 0px;
                padding-bottom: 253px;
     }
        
        .customer-block2 > h2 {
    margin-top: 336px;
        }
        
        .Our-product-block > h2 {
    margin-top: 330px;
    }
        
        .Our-product-block {

    padding-bottom: 262px;
    }
        #about{
            padding-bottom: 422px;    
        }
        
        .about-block > h2 {
    margin-top: 278px;
     }
}