*{

  margin: 0;

  padding: 0;

  text-decoration: none;

  list-style: none;

}

:focus {

   ouline:0;

   border:0;

}

body{

  width:100%;

  font-family: 'Roboto', Exo;

  -webkit-text-size-adjust: 100%;

  -ms-overflow-style:scrollbar;

/*    -webkit-font-smoothing:antialiased;

  text-rendering:optimizeLegibility;

  -moz-osx-font-smoothing:grayscale;

*/

  line-height: 1;

  color: #7e7e7e;

  font-size: 13px;

  background: #f4f4f4;

  overflow-x: hidden !important;

}

.align-center{

  text-align: center !important;

}

.align-left{

  text-align: left !important;

}

.align-right{

  text-align: right !important;

}

.clr-white{color: #fff !important;}

.clr-blue{color: #071041 !important;}

.clr-skyblue{color: #589ea6 !important;}

.blk-block{background: #67D1D8;color: #FFF !important;}

/*.blk-1{background: #74D3B7;color: #FFF !important;}

.blk-2{background: #c8b056; color: #FFF !important;}

.blk-3{background: #61BAC0; color: #FFF !important;}*/

p.large{

  font-size: 16px;

  line-height: 1.2em;

}

p.small{

  font-size: 1em;

  line-height: 1.2em;

}

p.small-s{

  font-size: 0.929em;

  line-height: 1.625em;

}

.clear{clear: both;}

section{padding: 80px 0;}

/*****headings******/

h1,h2,h3,h4,h5,h6{  

  font-family: 'Exo', sans-serif !important;

  font-weight: 400;

  letter-spacing: 0.04em;

  line-height: 1;

}

h1{

  font-size: 4.5em;

  color: #FFF;

}

h2{

  font-size: 3.75em;

}

h3{

  font-size: 2.62em;

  color: #444;

}

h4{

  /*font-size: 1.286em;*/

 }

h5{

  font-size: 1.41em;

  font-weight: 400;

}

h6{}

hr{

  border: none;

  width: 100%;

  height: 1px;

  background:#e7e7e7; 

}



.img-responsive {

  display: block;

  margin: 0 auto;

  max-width: 100%;

  width: 100%;

  height: auto;

  position:relative;

  z-index:0;

}

/******************Header***********************/

.top-header{

  background: #071041;

  padding: 10px 0;

  color: #071041 !important;

  font-size: 14px;

}

.top-header a{

  color: #fff;

  padding-left: 10px;

}

.top-header a i{ padding-right: 5px; }





/***************logo + nav******************************/

.bottom-header{

  font-size: 0; 

  position: relative;

  width: 100%;

  /*background: #071041;*/

  background: #fff;

  z-index: 1;

}

.bottom-header:after{

  content: '';

  background:url('../images/shadow-nav.png') center top no-repeat;

  position: absolute;

  top: 100%;

  left: 0;

  width: 100%;  

  height: 31px;

}

.bottom-header .grid{overflow: visible !important;}





.social-icon{ 

  position: absolute; 

  top: 100%; 

  right: 0; 

  background: rgba(0, 0, 0, 0.4);

  z-index: 22; 

  width: 50px;

  text-align: center;

}



.social-icon a{

  display: inline-block;

  color: #fff;

  height: 40px;

  width: 40px;

  -webkit-border-radius: 50%;

          border-radius: 50%;

  margin-bottom: 2px;

}



.social-icon a i{

  line-height: 42px;

  font-size: 16px;

}





.logo{

  width: 30%; 

  display: inline-block;

  vertical-align: middle;

  padding: 7px 0;

  float: left;

}



.internal-logo a{

  max-width:60px; 

}

.logo img{width: 100%;}

/***********nav *******************/

nav{

  width: 70%;

  display: inline-block;

  vertical-align: middle;

  color: #000;

 /*padding: 20px 0;*/

}

nav ul{

  float: right;

}

nav ul li{

  float: left;

  position: relative;

  border-left: 1px solid #91e5e9;

    border-right: 1px solid #37bdc6;

}

nav ul li:first-child{

  margin-left:0px;

}

nav ul li a{

  color: #fff;

  display: inline-block;

  position: relative;

  font-size: 16px;

  padding:  8px 13px;

}

nav ul li a:hover{background: #37bdc6;}

/*******************nav responsive****************/

/* menu icon */

#menu-icon, #close-menu {

  display: none; /* hide menu icon initially */

}

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

  .fixed-b{

    position:fixed !important;

    z-index:-1 !important;

    overflow-y:hidden;    

  }

  .close-holdr{

    display:block;

    text-align:right;

    padding-right:10px; 

  }

  .nav-wrapper{

    position: relative;

    z-index: 1000000;

  }

    #close-menu{

    position:relative;

    font-size: 15px;

    line-height:0;

    display: inline-block;

    color: #3E8ECC;

    font-weight:300;

    margin-top:30px;

    background:#fff;

    padding:15px;font-weight: 600;

    cursor: pointer;

    -webkit-transition:all 0.3s linear;

    -moz-transition:all 0.3s linear;

    -ms-transition:all 0.3s linear;

    -o-transition:all 0.3s linear;

    transition:all 0.3s linear;

    }

    #close-menu:hover{

        color:#3E8ECC;

        font-weight: 700;

    }

  /* nav-wrap */

  #nav-wrap {

    position: relative;

    padding: 20px 0;

  }

  /* menu icon */

  #menu-icon {

    /*padding:10px 0;*/

    cursor: pointer;

    display: block; /* show menu icon */

    text-align:right;

    font-size: 20px;

    color: #3E8ECC;

    vertical-align:bottom;

  }

  #menu-icon i{

  font-size: 18px;

  color: #3E8ECC;

  vertical-align:middle;

  padding-right:5px;

  }

  /* main nav */

  #nav{

    clear: both;

    position: fixed !important;

    left:0;

    top:0;

    width: 100%;

    height:100%;

    padding:0;

    /*background: rgba(131, 202, 17, 0.9);*/

    /*background: rgba(255, 255, 255, 0.9);*/

    background: #071041;

    display: none; /* visibility will be toggled with jquery */

    overflow:auto;

    z-index:500;

    line-height: 1!important;

   }

   nav ul{text-align: center;}

   nav ul .nav-inner{

    position: relative;

    height: inherit;

    top: 60%;

    -webkit-transform: translateY(-50%);

       -moz-transform: translateY(-50%);

        -ms-transform: translateY(-50%);

         -o-transform: translateY(-50%);

            transform: translateY(-50%);

    }

   nav ul li{

    float: none;

    padding: 15px;

    margin-left: 0;

   }

   nav ul li a{

     padding: 0;

   }

}

/*REsponsive LOgo+menu*/

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

  .logo a {max-width: 60px;}

}

.welcm-text{margin: 15px 0;}

.welcm-text p{font-size: 19px;line-height: 1.5em;}

.back-img{

  background: url('../images/block-back.jpg')no-repeat fixed;

/*  -webkit-background-size: cover;

       -o-background-size: cover;

          background-size: cover;*/

  

}

.thumbnil img{display: block;width: 100%;}

.thumbnil a{display: inline-block;background: #fff;padding: 15px 20px;margin-top: 30px;margin-bottom: 15px;}

.banner{

  height: 90px;

  width: 720px;

  position: relative;

  left: 50%;

  -webkit-transform: translateX(-50%);

     -moz-transform: translateX(-50%);

      -ms-transform: translateX(-50%);

       -o-transform: translateX(-50%);

          transform: translateX(-50%);

}

.banner img{width: 100%;}

footer{padding: 30px 0;}

.blk h3{

  padding: 30px 0;

  color: #FFF;
 font-size:20px

}

.blk a{color: #2B5A4C;}

/*.blk-1 h3{

  padding: 30px 0;

  color: #FFF;

  background: #7eddc1;

    background-color: #71d0b4;

    background-image: -moz-linear-gradient(top,#7eddc1,#5ebca0);

    background-image: -webkit-gradient(linear,0 0,0 100%,from(#7eddc1),to(#5ebca0));

    background-image: -webkit-linear-gradient(top,#7eddc1,#5ebca0);

    background-image: -o-linear-gradient(top,#7eddc1,#5ebca0);

    background-image: linear-gradient(to bottom,#7eddc1,#5ebca0);

    background-repeat: repeat-x;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7eddc1', endColorstr='#ff5ebca0', GradientType=0);

    

}

.blk-2 h3{

  padding: 30px 0;

  color: #FFF;

  background: #e1c96f;

    background-color: #d4bc62;

    background-image: -moz-linear-gradient(top,#e1c96f,#c0a84e);

    background-image: -webkit-gradient(linear,0 0,0 100%,from(#e1c96f),to(#c0a84e));

    background-image: -webkit-linear-gradient(top,#e1c96f,#c0a84e);

    background-image: -o-linear-gradient(top,#e1c96f,#c0a84e);

    background-image: linear-gradient(to bottom,#e1c96f,#c0a84e);

    background-repeat: repeat-x;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe1c96f', endColorstr='#ffc0a84e', GradientType=0);

}

.blk-3 h3{

  padding: 30px 0;

  color: #FFF;

      background: #7ed7dd;

    background-color: #71cad0;

    background-image: -moz-linear-gradient(top,#7ed7dd,#5db6bc);

    background-image: -webkit-gradient(linear,0 0,0 100%,from(#7ed7dd),to(#5db6bc));

    background-image: -webkit-linear-gradient(top,#7ed7dd,#5db6bc);

    background-image: -o-linear-gradient(top,#7ed7dd,#5db6bc);

    background-image: linear-gradient(to bottom,#7ed7dd,#5db6bc);

    background-repeat: repeat-x;

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7ed7dd', endColorstr='#ff5db6bc', GradientType=0);

}*/

footer{

  background: #292f36;

}