/*----------------img preload------------------*/
 
 .bs-cfg{ /*background:  url(../images/loading.gif) no-repeat 50% 50%;*/}
 #carousel-example-captions .item{ overflow:hidden; height:292px;}
a.showcard{ background:#fff url(../images/loading.gif) no-repeat 50% 50%;}

label.error{ color:#f00;}
 /*----------------img preload------------------*/

#float-menu{ position:absolute; top:200px; left:0; display:block; background:#0089b8; margin:0; padding:0;}

#float-menu ul{ margin:0 0 0 0; padding:10px; width:170px;}
#float-menu.ggg ul{ display:none; }
#float-menu.ggg ul li{ }
#float-menu.ggg   a.close{ left:0};

#float-menu .cnt{ position: relative;}
#float-menu ul li{ list-style:none; margin:0 0 5px; float:left; width:150px; padding:0;}
#float-menu ul li.ff{  }
#float-menu ul li a{ text-align:left} 
#float-menu  a.close{ position:absolute; right:0; top:-45px;  filter: alpha(opacity=100);
  opacity: 1;color:#fff;  width:45px; height:45px;  background:#0089b8; color:#fff; line-height:45px; display:block;text-align:center}

#float-menu  a.close i{ color:#fff; }
#float-menu  li a i{ float:left; margin:5px 5px 0 0; }
#float-menu ul li.tt{ text-align:center}
@media(max-width:1600px) {
body {
    overflow-x: hidden;
    font-family:  'HelveticaNeu55',"Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif;
}
}
 
 body {
    webkit-tap-highlight-color: #9dd4e9;
	background:#9dd4e9; min-height:100%;
}
 
.list-group .list-group-item.active{ background:#0089b8;}
  
  
.btn-xl .badge {
    color: #fed136;
    background-color: #fff;
}

.navbar-default {
    border-color: transparent;
    background-color: #222;
}

.navbar-default .navbar-brand {
    font-family: 'HelveticaNeu55',"Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive;
    color: #fed136;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:active,
.navbar-default .navbar-brand.active {
    color: #fec503;
}

.navbar-default .navbar-collapse {
    border-color: rgba(255,255,255,.02);
}

.navbar-default .navbar-toggle {
    border-color: #fed136;
    background-color: #fed136;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #fed136;
}

.navbar-default .nav li a {
    text-transform: uppercase;
    font-family: 'HelveticaNeu55',Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 400;
    letter-spacing: 0;
    color: #fff;
}

.navbar-default .nav li a:hover,
.navbar-default .nav li a:focus {
    outline: 0;
    color: #0fabd1;
}

.navbar-default .navbar-nav>.active>a {
    border-radius: 0;
    color: #fff;
    background-color: #0fabd1;
}

.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #fff;
    background-color: #0fabd1;
}

.navbar-default .navbar-header.page-scroll span{ font-size:65%; line-height:40px; padding:0 0 0 20px;}
.navbar-default .navbar-nav{ }

 .grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 4px !important;
}.grecaptcha-badge:hover {
  width: 256px !important;
}
#nav_cp_tel{ font-size:18px;}
@media all and (max-width: 1300px){  

#nav_cp_tel{ font-size:14px;}
	.navbar-nav > li > a {
	  padding:15px 7px 15px 7px;
	  font-size:12px;
	}
}
@media all and (max-width: 1050px){
	.navbar-nav > li > a {
	  padding:15px 4px 15px 4px;
	  font-size:12px;
	}  
	.navbar-right,
	.navbar-header.page-scroll{display:flex;flex-wrap:  wrap;  
	justify-content: center; align-items:center; width:100%;}
	.navbar-right {
		float: none !important;
	}
	
	.llgg .navbar-right,
	.llgg .navbar-header.page-scroll{display:block !important; width:auto !important} 
	
	.llgg .navbar-right{ float:right  !important;}
	
}

@media all and (max-width: 465px){  
 
 
.header_sld{ display:flex !important;
flex-wrap: wrap;
justify-content: center;
 align-items: center; }
.container .row .header_sld li{ width:30%; height:auto
}

}
@media all and (max-width: 767px){
.navbar-right,
	.navbar-header.page-scroll{display:block !important;
	flex-wrap:  wrap;  
	justify-content: center; align-items:center; width:auto}

	.nav .navbar-right {
		float: left !important;
		width:100%;
		padding:0 20px 0 20px;
	}
	.navbar-default {
	background-color: #000;
	}
	.navbar-brand img.pull-left{margin-top:3px;}
	.navbar-nav > li > a {
		  padding:12px 15px 12px 15px;
		  font-size:16px;
		}  
		
	.llgg .navbar-right{ float:left  !important;}
	
}
@media(min-width:768px) {
	    .navbar-default {
        padding: 15px 0;
        border: 0;
        background-color: transparent;
        -webkit-transition: padding .3s;
        -moz-transition: padding .3s;
        transition: padding .3s;
    }

    .navbar-default .navbar-brand {
        font-size: 2em;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
    }

    .navbar-default .navbar-nav>.active>a {
        border-radius: 3px;
    }

    .navbar-default.navbar-shrink {
        padding: 5px 0;
        background-color: #222;
    }

    .navbar-default.navbar-shrink .navbar-brand {
        font-size: 1.5em;
    }
}

 .navbar-default   .navbar-header{ padding:0 0 0 20px;}
.nav.navbar-nav.navbar-right{ padding:0  20px 0 0;}


header {
    text-align: center;
    color: #fff;
    background-attachment: scroll;
   /* background:#9dd4e9 url(../images/header-bg.jpg) no-repeat 50% 0;*/
    background:#9dd4e9;
 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}


 
section {
        padding: 80px 0;
		/*border:1px solid #f00;*/
}
 
::-moz-selection {
    text-shadow: none;
    background: #fed136;
}

::selection {
    text-shadow: none;
    background: #fed136;
}

img::selection {
    background: 0 0;
}

img::-moz-selection {
    background: 0 0;
}



.section_cnt  {
	background:#9dd4e9 url(../images/bg-loop.png) 50% 0 repeat-y;
 
}
#mcc{
 	min-height:700px; 
	background:#9dd4e9 url(../images/bg-loop.png) 50% 0 repeat-y;

	width:100%;
}
#mcc.container{ 	background:#000; overflow: visible} 


 
 
 
.header_sld{ display:inline-block; margin:0 auto; padding:0; min-width:330px;  }
.header_sld li{ margin:0 2px 4px 2px;display:inline-block; padding:0; list-style:none; overflow:hidden; width:150px; height:95px; 
-moz-box-shadow:0 0 3px #444;
-ms-box-shadow:0 0 3px #444;
-webkit-box-shadow:0 0 3px #444;
box-shadow:0 0 3px #444; background:#fff;

position:relative;
}
.header_sld li a{width:150px; height:95px; display:block;}
.header_sld li span.no{ position:absolute; padding:5px 5px 5px 8px; bottom:0; right:0; color:#fff; font-family:impact,'Helvetica77'; font-size:14px; letter-spacing:1px;
   background:#076cd3;
   -webkit-border-radius: 10px 0 0 0;
-moz-border-radius: 10px 0 0 0;
border-radius: 10px 0 0 0; z-index:300;
 }
.header_sld  .html5tag{ position:absolute; left:0; top:0}
.header_sld  .giftag{ position:absolute; right:0; top:0}
.header_sld  .logotag{ position:absolute; left:0; bottom:0}

.header_sld.new li a img{ }
 
.bs-cfg .carousel-control .fa  { margin-top:130px}
.bs-cfg{  /*
-moz-box-shadow:0 0 7px #222;
-ms-box-shadow:0 0 7px #222;
-webkit-box-shadow:0 0 7px #222;
box-shadow:0 0 7px #222;*/
}
 
		
.left.carousel-control,
.right.carousel-control{-moz-box-shadow:0;
-ms-box-shadow:0 ;
-webkit-box-shadow:0;
box-shadow:0 ; background:0}

.btn-cnt-row{ padding:20px 0 20px 0;}
.btn-cnt-row .btn:hover{ color:#fff;}

/*---------------mod-----------------*/
#myModal.modal .modal-dialog{  }
#myModal .modal-header { padding:0.8em; }
#myModal .modal-header {  background:#222; color:#fff; }
#myModal .modal-header  button.close { color:#fff;  filter: alpha(opacity=90);
  opacity: .9;} 
/*---------------mod-----------------*/

/*-------------row red------*/
.ec-select-dp{ position:relative}

#mcc{}
#mcc .mcc-box .panel { min-height:340px; margin-bottom:0; border:0; 
-moz-box-shadow:0 0 3px #999;
-ms-box-shadow:0 0 3px #999;
-webkit-box-shadow:0 0 3px #999;
box-shadow:0 0 3px #999;}
#mcc .mcc-box .panel.min{ min-height:0;}
#mcc .mcc-box .panel-body{ padding:10px;}
 
#mcc  .well #ecard_tt,
#mcc  .well  .ec-select-dp {  width:46%;}
#mcc  #drop2{ margin:5px 5px 0 0;}
#mcc .ec-card-list{ width:600px; right:-200px;}
#mcc .ec-card-list li{ border-bottom:1px solid #ccc;   display:block; width:294px; height:50px; overflow:hidden; float:left; }
#mcc .ec-card-list li a{ white-space: nowrap; display:block; overflow:hidden;  width:280px; height:50px; margin:0; padding:6px; line-height:40px; }
#mcc .ec-card-list li a span.ti{ float:left; width:75px; display:block; overflow:hidden;}
#mcc .ec-card-list li a span.tt{ padding:0  0 0 10px;width:175px; float:left; overflow:hidden; white-space: nowrap}

/*-------------NAV--------------*/
.nav-sp{ border-left:1px solid #fff; padding:5px 0 5px 0; margin:9px 0 0 0;}

 
.nav.navbar-nav  .dropdown-menu.mydrop {background:#eee; }
.nav.navbar-nav  .dropdown-menu.mydrop li {    border-bottom:1px solid #ccc;}
.nav.navbar-nav  .dropdown-menu.mydrop li a:hover{ background:#ccc; color:#fff;}
.nav.navbar-nav  .dropdown-menu.mydrop li:last-child{ border:0;}
.nav.navbar-nav  .dropdown-menu.mydrop li a{ color:#444;}
			
.nav.nav-tabs{}
.nav.nav-tabs li a{ background:#ddd; color:#666}	
.nav.nav-tabs li.active a{ background:#fff; color:#222}		
/*-------------NAV--------------*/


/*-----------btn--------*/
.minbtn{ line-height:16px; padding:3px; width:22px}

/*-------------dropdown------*/


.modal-dialog.modal-lg .modal-body{ min-height:400px}
.modal-dialog.modal-md .modal-body{ min-height:200px}

 

/*------------------Color----------*/

#mcc .mcc-box .panel .panel-heading{ background:#0088b6; color:#fff;}

/*------------------Color----------*/













/*-----------------Timeline------------------------*/

.timeline {
    position: relative;
    padding: 0;
    list-style: none;
	padding:40px 0 0 0;
}

.timeline:before {
    content: "";
    position: absolute;
    top: 40px;
    bottom: 0;
    left: 40px;
    width: 4px;
    margin-left: 80px;
    background-color: #f1f1f1;
    background-color: #e8bb3e;
}

.timeline>li {
    position: relative;
    margin-bottom:30px;
    min-height: 50px;
}

.timeline>li:before,
.timeline>li:after {
    content: " ";
    display: table;
}

.timeline>li:after {
    clear: both;
}

.timeline>li .timeline-panel {
    float: left;
    position: relative;
    width: 100%;
    padding: 0 20px 0 140px;
    text-align: left;
	
}

 
.timeline>li .timeline-image {transform: translate(0,-40px) scale(0.7);
    z-index: 100;
    position: absolute;
    left: 120px;
    width: 80px;
    height: 80px;
    margin-left: 0;
    border: 7px solid #f1f1f1;
    border-radius: 100%;
    text-align: center;
    color: #fff;
    background-color: #fed136;
    border: 7px solid #e8bb3e;
	background:url(../images/arrow-bg.jpg) no-repeat -495px -60px;
}

.timeline .timeline-image.next{background:url(../images/arrow-bg.jpg) no-repeat -70px -50px;}
.timeline .timeline-image.prev{background:url(../images/arrow-bg.jpg) no-repeat -180px -300px;}

/*--------------------admin---------------*/

.timeline.admin:before {

    background: #555;
}
.timeline>li .timeline-image.admin { 
    border: 7px solid #555;
	background:#555 url(../images/arrow-bg-ad.jpg) no-repeat -495px -60px;
}
.timeline .timeline-image.admin.next{background:url(../images/arrow-bg-ad.jpg) no-repeat -70px -50px;}
.timeline .timeline-image.admin.prev{background:url(../images/arrow-bg-ad.jpg) no-repeat -180px -300px;}

.timeline>li .timeline-image.admin  h4 ,
.timeline>li .timeline-image.admin a{ color:#444;}
	

.timeline>li.timeline-inverted .timeline-line{background: #e8bb3e;}
.timeline.admin>li.timeline-inverted .timeline-line{background: #555;}
/*--------------------admin---------------*/


.timeline>li .timeline-image a{ color:#663300;}
.timeline>li .timeline-image h4 {
    margin-top: 12px;
    font-size: 10px;
    line-height: 14px;
}

.timeline>li.timeline-inverted>.timeline-panel {
    float: left;
    padding: 0 20px 0 240px;
    text-align: left;
}



.timeline>li:last-child {
    margin-bottom: 0;
}

.timeline .timeline-heading h4 {
    margin-top: 0;
    color: inherit;
}

.timeline .timeline-heading h4.subheading {
    text-transform: none;
}

.timeline .timeline-body>p,
.timeline .timeline-body>ul {
    margin-bottom: 0;
}

 
    .timeline>li {
        min-height: 130px;
    }
 

    .timeline>li .timeline-image {
        width: 170px;
        height: 170px;
        margin-left: -85px;
    }

    .timeline>li .timeline-image h4 {
        margin-top: 20px;
    }

 
 


/*-----------------Timeline------------------------*/

/*--------------------HOME CARD-----------------*/
#myModal_hmc{}
#myModal_hmc .modal-header{ background:0; padding:0; border:0; height:3px; display:inline}
#myModal_hmc .modal-header .close{ position:absolute; top:0; right:0; width:45px; height:45px; display:block; background:url(../images/ico_close.png) no-repeat 50% 50%;
filter: alpha(opacity=100);
  opacity: 1; z-index:5000;}

#myModal_hmc .modal-body{ padding:3px} 

#loaders{ text-align:center; padding:160px 0 40px 0; display:block;}


#myModal_hmc{ margin:10px auto}
#myModal_hmc #showflash{margin:0 auto;}
#myModal_hmc p.tt{ font-size:14px; line-height:30px; color:#444;}

#myModal_hmc a.nextBtn,
#myModal_hmc a.prevBtn{  position:absolute;  display:block; width:25px; height:25px; overflow:hidden; text-indent:-999em; cursor:pointer }
#myModal_hmc a.nextBtn{right:5px; top:50%;  z-index:5000; background:url(../images/ico_right.png) no-repeat; }
#myModal_hmc a.prevBtn{   left:5px;top:50%; z-index:5000; background:url(../images/ico_left.png) no-repeat;}



#myModal_hmc .modal-body a,
#myModal_hmc .modal-body div,
#myModal_hmc .modal-body p{ margin:0; padding:0;}

.p_right{ text-align:right;}
.p_left{ text-align:left;}
.p_center{ text-align:center;}
/*--------------------HOME CARD-----------------*/


#loginform td{ overflow:hidden;}
#loginform .error{ width:80%; clear:left; float:left; color:#fff; margin:0;}
 #loginform  .text-grey.error{ color:#f00; }

 
.box-bg-left{background:#408cca;  border:1px solid #408cca}
a.box-bg-left:hover{background:#54a2e2;  	border:1px solid #54a2e2}
.box-bg-left:hover a{color:#fff;  }

.box-bg-right{background:#4bb2d1;  border:1px solid #4bb2d1;}
a.box-bg-right:hover{background:#58c5e6;	border:1px solid #58c5e6} 

.box-bg-right:hover a{color:#fff;   }

 
 
.box-c-left{color:#408cca;  }
.box-c-right{color:#4bb2d1;  }

#incDpp{ overflow:hidden}

/*--------------------import -----------------*/

#imp-timeline{}
#imp-timeline.sidecnt{}


#imp-timeline .cnt .base_hide{ display:none;}

#imp-timeline .cnt.hide_mode li{ display:none;}
#imp-timeline .cnt.hide_mode #sending_div{ display:none;}
#imp-timeline .cnt.hide_mode li.isshow{ display:block}
#imp-timeline .cnt.hide_mode .base_hide{ display:block; text-align:center; }


/*--------------------import-----------------*/