/* Common style and standard style found here */

   
.skip {
    position: absolute;
    top: -1000px;
    left: -1000px;
    text-align: left;
    overflow: hidden;
    color: white;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    border-bottom-right-radius: 8px;
    background: #007477;
    z-index: 9999;
    padding: 5px 10px;
    font-weight: 400;
}
a.skip:active, 
a.skip:focus, 
a.skip:hover {
  left: 0; 
  top: 0;
  width: auto; 
  height: auto; 
  overflow: visible; 
}

   h1{
       font-size: 38px;
       color: #007477;
       letter-spacing: 3px;
       line-height: 40px;
   }  
   h2{
       font-size: 24px;
       color: #169E98;
       letter-spacing: 0.5px;
       line-height: 28px;
        font-family: ptsans-bold;
   }
   h3{
       font-size: 17px;
       color: #58595B;
       letter-spacing: 1px;
       line-height: 20px;
   }
   .heading-page {
       font-size: 52px;
       color: #fff;
       letter-spacing: 7px;
       font-family: ptsans-bold;
        line-height: 1;
        margin-top: 0;
   }
   .tile-heading {
        font-size: 17px;
        font-family: ptsans-bold;
        line-height: 20px;
        letter-spacing: 1px;
        margin: 0px;
   }
   .title-text {
       font-size: 13px;
        font-family: ptsans-regular;
        text-transform: initial;
        color: #fff;
        position: absolute;
        bottom: 0;
   }
   

   p{
       font-size: 14px;
       font-family: mont-regular;
       color: #58595B;
   }
   .img-title {
       font-size: 12px;
       font-family: ptsans-regular;
       color: #58595B;
   }

   .box-font-bold{
       font-size: 15px;
       font-family: ptsans-bold;
       color: #fff;
   }

   .box-font-reg{
       font-size: 15px;
       font-family: ptsans-regular;
       color: #fff;
   }


   /*table styles*/

   .table>thead>tr>th {
        vertical-align: bottom;
        border-bottom: 0px;
        color: #007477;
        font-family: ptsans-bold;
    }

    .table>tbody>tr>td:nth-child(1){
        font-family: ptsans-bold;
    }
    .table>tbody>tr>td {
        font-family: ptsans-regular;
        border:1px solid #fff;
        color: #231f20;
    }
    .table>tbody>tr:nth-child(odd) {
        background-color: #cce3e4;
    }
    .table>tbody>tr:nth-child(even) {
        background-color: #99c7c9;
    }


    /* list styles */

    ul.custom li {
        font-family: mont-regular;
        font-size: 14px;
        color: #58595b; 
        margin-bottom: 10px;
    }


      /*style overiden for menu*/
    .nav>li>a:focus, .nav>li>a:hover, .nav>li>a.active, .nav .open>a {
        background-color: #f7f4ef;
        color: #58595b;
    }
    .nav .open, .nav .open:focus, .nav .open:hover {
        background-color: #f7f4ef;
    }
    .nav .dropdown:hover {
        background-color: #f7f4ef;
         color: #58595b;
    }
    .nav .dropdown:hover > .dropdown-menu {
        display: block;     
    }
    .dropdown-menu>li:hover {
        background-color: #ebe3d7;
    } 

    .dropdown-menu {
        background-color: #f7f4ef;
        border: 0;
        font-size: 16px;
        border-radius: 0;
        min-width: 207px;
        
    }
    .dropdown-menu>li>a {
        white-space: normal;
        color: #58595b;
        line-height: 1.3;
        font-family: ptsans-regular;
        font-size: 16px;
        letter-spacing: 0px;
    }
    .navbar-right .dropdown-menu {
        left: 0 ;
    }
    .navbar-nav>li>a {
        font-family: ptsans-bold;
        font-size: 16px;
        letter-spacing: 2px;
    }
    .navbar-nav>li>a:hover { 
        text-decoration: underline;

    }



                /* style for menu from bootstrap 2.2.0 */

                .dropdown-submenu {
                    position:relative;
                   
                }
                .dropdown-submenu>.dropdown-menu {
                    top:0;
                    left:100%;
                    margin-top:-6px;
                    margin-left:0px;
                     background-color: #e1d5c3;
                     box-shadow: 0 0 0 ;
                   
                }
                .dropdown-submenu:hover>.dropdown-menu {
                    display:block;
                }
                
                .dropdown-submenu:hover>a:after {
                    border-left-color:#ffffff;
                }
                .dropdown-submenu.pull-left {
                    float:none;
                }
                .dropdown-submenu.pull-left>.dropdown-menu {
                    left:-100%;
                    margin-left:10px;
                    
                }

    /* SPecial I wnat to menu */

    .special-dropdown {
        width: 580px;
        height: 344px;
        left: -326px !important;
        padding: 17px;

    }

    .special-dropdown .want-heading {
        color: #2e90aa;
        font-family: ptsans-bold;
        font-size: 15px;
    }
    .special-dropdown .want-text {
        color: #58595b;
        font-family: ptsans-regular;
        font-size: 15px;
        margin-bottom: 5px;
    }
    .special-dropdown .want-text:hover {
        background-color: #ebe3d7;
    }
    .special-dropdown .section-want {
        margin-bottom: 10px;
        padding-right: 22px;
    }
    .special-dropdown .bottom-li-special {
        border-top: 1px solid #bcbdbd;
        color:  #2e90aa;
        font-size: 16px;
        font-family: ptsans-bold;
        padding-top: 3px;
    }

    

    /* setting up mobile menu */
    #menu {
        display: none;
    }
    .slicknav_menu {
        display: none;
    }
    .menu-mob {display: none;}
    .slicknav_menu {
        font-size: 16px;
        background: transparent;
        padding: 0px;
        position: absolute;
        right: 0;
        z-index: 9;
        width: 100%;
    }
    .nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
         background-color: #f7f4ef;
    }

    .dropdown-carrot {
        width: 0;
        height: 0;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        border-left: 12px solid #ebe3d7;
        position: absolute;
        right: -12px;
        display: none;
        z-index: 9999;
    }
    .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
        background-color: #ebe3d7
    }

    .dropdown-submenu:hover .dropdown-carrot {
        display: block !important;
    }

    
    /*.slicknav_arrow {
        display: none;
    }*/
    .slicknav_nav ul ul {
        background-color: #e1d5c3;
    }

    .slicknav_btn {
        background-color: transparent;
        margin-bottom: 66px;
    }
    .slicknav_menu .slicknav_icon-bar {
        background-color: #fFf;
    }

    .slicknav_nav {
        background-color: #f7f4ef;
    }
    .slicknav_nav a {
        font-size: 18px;
        color: #58595b;
        font-family: ptsans-bold;
        outline: none;
    }
    .slicknav_nav ul {
        margin: 0 0 0 0;
        background-color: #ebe3d7;
    }
    .slicknav_nav .slicknav_row, .slicknav_nav a {
        padding: 5px 10px;
        margin: 5px 10px;
    }

    .search-li {
        padding: 7px 16px 15px 20px;
    }

    .slicknav_nav .slicknav_row:hover {
        background: transparent;
        border-radius: 0;        
        color: #007477;
    }
    .slicknav_nav a:hover {
        border-radius: 0px;
        background: transparent;
        color: #007477;
    }

    .show-mobile {
        display: none;
    }
    .contentFixes img {
    max-width: 100%;
    height: auto!important;
}
    .contentFixes iframe, .contentFixes table {
    width: 100%;
    overflow: auto;
}
   .sec_scroll
        {
            display: none;
        }
    @media (max-width: 1024px) { 
        .index-slider-wrapper {
    width: 90%;
}
        .logo {
            position: relative;
            z-index: 9999;
        }
        .tile-heading {
            font-size: 17px !important;
            letter-spacing: 1px !important;
        }

        .slicknav_menu {
            display: block;
            z-index: 9999;
        }
        /*nav {
            display: none;
        }*/
        .menu-mob {display: block; background: #81b09d;}

        .serach-icon {
            width: 100%
        }

        .show-mobile {
            display: block;
        }
        /*div#mainNavigation {
            display: none;
        }*/
        .container-tiles {
            width: 85%;
        }
        .slicknav_nav .slicknav_arrow{
            float: right;
        }

    }

    @media (max-width: 767px) {
       .navbar-collapse {
            background-color: #f7f4ef;
            border: 0;
        }
        .navbar-custom {
            padding: 0px;   
        }
        .navbar-default .navbar-nav>li>a {
            color: #5a5a5a;
            font-weight: bold;
        }
        .navbar-default .navbar-form {
            border: 0;
        }

        .heading-page {
            font-size: 28px;
            text-align: center
        }
		.bx-wrapper .bx-viewport
{
 position: relative;
    
}
  
.site-wrapper-main-page{
z-index:1;
}
        .sec_scroll
        {
      display: block;
    z-index: 1;
    text-align: center;
    position: fixed;
        }
        #spnTop {
    position: fixed;
    bottom: 90px;
    right: 50%;
    font-size: 40px;
    color: #000;
}
.scroll_txt
{
position: fixed;
    bottom: 75px;
    font-size: 11px;
    color: #000;
    right: 46%;
}
#spnbottom {
position: fixed;
    bottom: 40px;
    right: 50%;
    font-size: 40px;
    color: #000;
}

.sy-filler {
    padding-top: 0!important;
}

.index-slider-wrapper{
    padding-bottom:150px;
}
.sy-caption-wrap {
    display: none;
}
.sy-slides-crop {
    overflow-y: auto;
    position: relative;
}
ul.sy-controls {
    top: 25px;
    height: auto;
}
.sy-controls li a:after {
width: 25px;
	height: 52px;
}
.container-tiles a:focus {
    border: none;
    outline: none;
}
    }


    /*helper classes*/

    .no-padding {
        padding: 0;
    }
    .no-margin {
        margin: 0;
    }
    .margin-bottom-40 {
        margin-bottom: 40px
    }
    .margin-bottom-10 {
        margin-bottom: 10px
    }
    a, a:focus, a:hover {
        color: inherit;
        text-decoration: none;
    }    



/* different shades  */
    
    /*universal white*/
    .white {
        color: #fff;
    }
    /* shade orange */

    .orange-shade1 {
        background-color: #d49d76;
    }
    .orange-shade2 {
        background-color: #ecd3c1;
    }
    .orange-shade3 {
        background-color: #e6f7f8;
    }
    .orange-shade4 {
        background-color: #e5c4ad;
    }
    .orange h3, .orange p{
        color: #d49d76 !important;
    }

    /* shade purple */

    .purple-shade1 {
        background-color: #807a9f;
    }
    .purple-shade2 {
        background-color: #d3d0dd;
    }
    .purple-shade3 {
        background-color: #a6a2bc;
    }
    .purple-shade4 {
        background-color: #eff1ea;
    }
    .purple-white {
        background-color: #fff;
    }
    .purple h3, .purple p{
        color: #807a9f !important;
    }

    /* shade green */

    .green-shade1 {
        background-color: #169e98;
    }
    .green-shade2 {
        background-color: #5cbbb7;
    }
    .green-shade3 {
        background-color: #d0ecea;
    }
    .green-shade4 {
        background-color: #f6fafe;
    }
    .green-white {
        background-color: #fff;
    }
    .green h3{
        color: #169e98 !important;
    }

    /* shade want */

    .want-shade1 {
        background-color: #007477;
    }
    .want-shade2 {
        background-color: #eff6f6;
    }
    .want-shade3 {
        background-color: #b2d5d6;
    }
    .want-shade4 {
        background-color: #d7c7af;
    }
    .want-white {
        background-color: #fff;
    }
    .want h3, .want p{
        color: #007477 !important;
    }

@media only screen 
  and (min-device-width: 240px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) 
 {
        .table>tbody>tr>td {
           word-break: break-word;
        }
    }

	
	
/*-----------*/
.white-Box-Calender {
    background-color: #FFF;
    /* width: 272px; */
    /* height: 241px; */
    float: left;
    position: relative;
    border: 1px solid #ddd;
    padding: 10px;
}
.white-Box-Calender a{
	text-decoration:none!important;
	   font-family: ptsans-bold !important;
    font-size: 13px !important;
    line-height: 16px !important;
    letter-spacing: 0.7px !important;
}
.white-Box-Calender p.title-text {
    padding-right: 50px;
    color: #58595b;
    letter-spacing: 1.3px;
}
.white-Box-Calender p.title-text a{
    color: #58595b;
}
.white-Box-Calender h3.tile-heading {
    color: #007477;
}

.white-Box-Calender .date-box {
    width: 60px;
    height: 70px;
    color: #FFF;
    padding: 10px;
    text-align: center;
    float: left;
    background-color:#007477; 
}
.date-box .month {
    font-size: 16px;
    letter-spacing: 2.24px;
    color: #FFF
}
.date-box .day {
    font-size: 29px;
    color: #fff;
    letter-spacing: 4.64px;
    line-height: 1;
}

.white-Box-Calender .description-box {
    float: right;
    width: 161px;
}
.bold-family {
    font-family: ptsans-bold !important;
    font-size: 13px !important;
    line-height: 16px !important;
    letter-spacing: 0.7px !important;
}
.container-tiles a {
    display: block;
    outline: none;
}
/*.container-tiles a:focus {
    outline-color: black;
    -webkit-text-fill-color: #000;
}*/
.container-tiles a:focus,.container-tiles a:active {
   outline-color: black;
    /*-webkit-text-fill-color: #000;*/
   outline: 2px solid #000; 
  }
.social-icons a {
    display: inline-block;
    margin: 0 10px 0 0;
}  
.Tile-box {
    padding: 0px;
}
.Tile-box a > *{
    padding: 15px;
}