/*.full-content-container { padding-top:50px}*/
  .fullcol-content-pos { padding:40px 20px 50px 20px}


/* ==========================================================================*/


  /* • Section Banner
   ------------------------------------------------------------------------- */
  .section-banner { height:170px}
  .section-banner .sb-pos           { padding:0 25px }  
  .section-banner .sb-pos h1        { display:table-cell; vertical-align:middle; height:170px}  

  #body.green .section-banner       { background:url(images/bg-banner-green.jpg) bottom center no-repeat;}
  #body.green .section-banner-full  { background:url(images/bg-banner-green-1px.jpg) center center repeat-y;}
  #body.orange .section-banner      { background:url(images/bg-banner-orange.jpg) bottom center no-repeat;}
  #body.orange .section-banner-full { background:url(images/bg-banner-orange-1px.jpg) center center repeat-y;}
  #body.blue .section-banner        { background:url(images/bg-banner-blue.jpg) bottom center no-repeat;}
  #body.blue .section-banner-full   { background:url(images/bg-banner-blue-1px.jpg) center center repeat-y;}

  #body.turquoise .section-banner        { background:url(images/bg-banner-turquoise.jpg) bottom center no-repeat;}
  #body.turquoise .section-banner-full   { background:url(images/bg-banner-turquoise-1px.jpg) center center repeat-y;}

  /*.section-banner .sb-pos .h-col1  { width:70%; float:left}
  .section-banner .sb-pos .h-col2  { width:30%; float:right; padding-top:60px}*/
  .h-col2-desktop-hidden { display:none} 

  #body.green .txt-theme-color      { color:#018752}
  #body.blue .txt-theme-color       { color:#2181b3}
  #body.orange .txt-theme-color     { color:#d35e3d}
  #body.turquoise .txt-theme-color  { color:#196f66}


  /* • Inside Content
   ------------------------------------------------------------------------- */
	.content-pos { padding:0 25px}
	.content-pos .left-col { width:25%; float:left; margin-bottom:50px}
  .content-pos .left-col .lc-icon   { position:absolute; top:25px; right:15px; z-index:10;} 
	#body.green .content-pos .left-col .menu-blk  { width:85%; background-color:#99cc33}
  #body.blue .content-pos .left-col .menu-blk   { width:85%; background-color:#2181b3}
	.content-pos .left-col .menu-blk .menu-pos { padding:36px 0 0 0;}
	.content-pos .left-col .menu-blk h2 { width:80%; padding:0 0 0 20px; color:#fff}
  .content-pos .right-col { width:75%; float:left; min-height:800px}
  .content-pos .right-col .rc-pos { padding:40px 20px 50px 20px }
 

  /* • Left Menu
   ------------------------------------------------------------------------- */
  .h-menu {line-height:1.4}
  .h-menu .l1-current, 
  .h-menu a .l1-btn { padding:10px 40px 10px 20px; color:#fff; font-size:30px; line-height:1; text-transform:uppercase; font-family: 'Raleway',sans-serif;}
  .h-menu a .l1-btn { background-color:#ccc; color:#fff; border-bottom:1px solid #fff;}
  .h-menu a:hover .l1-btn { color:#999; background-color:#eee; transition:all 0.3s ease;}

  #body.green .h-menu a .l2      { padding:10px 20px; border-bottom:1px solid #b3dc2b; background-color:#99cc33; transition:all 0.3s ease;}
  #body.blue .h-menu a .l2       { padding:10px 20px; border-bottom:1px solid #3694c5; background-color:#2181b3; transition:all 0.3s ease; color:#fff}

  #body.green .h-menu a:hover .l2 { background-color:#b3dc2b; }
  #body.blue .h-menu a:hover .l2  { background-color:#0c70a2; }


  .h-menu a:last-child .l2 { border-bottom:none}
  #body.green .h-menu .l2-current { background-color:#018752; color:#fff; border-bottom:1px solid #b3dc2b; padding:10px 20px;  }
  #body.blue .h-menu .l2-current  { background-color:#0c70a2; color:#fff; border-bottom:1px solid #3694c5; padding:10px 20px;  }

  .h-menu .l3         { background-color:#dcdcdc; border-bottom:none; padding:10px 20px;  }
  .h-menu .l3:before  { content:"\2022"; padding-right:10px;}

  .h-menu .l3:hover   { color:#018752;}
  .h-menu .l3-current { color:#018752; cursor:default;}


  /* • Pagination
   ------------------------------------------------------------------------- */
  #body.green .pagination { background-color:#018752}
  #body.blue .pagination  { background-color:#2181b3}
  .pagination { padding:0 20px; text-align:right; color:#fff;}
 
  #body.green .pagination input [type=text]  { background-color:#f47920; color:#333;}
  #body.blue .pagination input [type=text]   { background-color:#0c70a2; color:#fff}
  .pagination input [type=text] { width: 25px; margin:0 10px; padding: 15px 10px; border:none; outline:none;}
  .pagination .fa-chevron-circle-left   { padding:0 20px 0 0; font-size:18px; line-height:normal; vertical-align:middle; }
  .pagination .fa-chevron-circle-right  { padding:0 0 0 20px; font-size:18px; line-height:normal; vertical-align:middle; }

  .pagination .fa:hover { cursor:pointer; color:#333; transition: all 0.3s ease-out; }

  .page { width:25px; margin:0 10px; padding: 15px 10px; border:none; outline:none; }

  #body.blue .page  { background-color:#0c70a2; color:#fff;}
  #body.green .page { background-color:#99cc33; color:#333;}


  /* • Book result
   ------------------------------------------------------------------------- */
  .result-blk { padding:5px 25px; color:#fff; }
  .result-leftcol  { display:none}
  .result-rightcol { width:100%!important;}


/* ==========================================================================
  = Media Style
============================================================================= */

  @media only screen and (max-width: 1024px) {
  .section-banner      { height:auto}
  .section-banner .sb-pos h1        { display:table-cell; vertical-align:middle; height:auto}  
  .section-banner .sb-pos .h-col1  { width:70%; float:left}
  .section-banner .sb-pos .h-col2  { width:30%; float:left; padding-top:0; margin-bottom:20px; margin-top:-10px}
  .h-col2-desktop-hidden { display:block} 

  .content-pos { padding:0 25px;}
  .content-pos .left-col  { display:none}
  .content-pos .right-col { width:100%; float:left; }
  .content-pos .right-col .rc-pos { padding:40px 0px 50px 0px}
 

  }


	@media only screen and (max-width: 767px) {
  .section-banner .sb-pos .h-col1  { width:100%; float:left}
  .section-banner .sb-pos .h-col2  { width:100%; float:left; padding-top:0; margin-bottom:20px; margin-top:-10px}
  .h-col2-desktop-hidden { display:block} 
 
  .section-banner      { height:auto}
  .section-banner .sb-pos h1        { height:auto;}  

  .content-pos { padding:0 20px;}
  .content-pos .right-col .rc-pos { padding:20px 0px 50px 0px}
  .content-left .cl-left { width:100%; float:left; margin-bottom:20px} 
  .content-left .cl-right{ width:100%; float:left;} 
  .content-right .cr-left { width:100%; float:left;  margin-bottom:20px} 
  .content-right .cr-right{ width:100%; float:left; padding-left:0;} 

  }


  @media only screen and (max-width: 480px) {
  .section-banner .sb-pos .h-col1  { width:100%; float:left}
  .section-banner .sb-pos .h-col2  { width:100%; float:left; padding-top:0; margin-bottom:20px; margin-top:-10px}
  .h-col2-desktop-hidden { display:block} 

  }