@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'exo2.0';
	src: url('../font/Exo2.0-Light.eot');
	src: url('../font/Exo2.0-Light.eot?#iefix') format('embedded-opentype'),
		url('../font/Exo2.0-Light.woff') format('woff'),
		url('../font/Exo2.0-Light.ttf') format('truetype'),
		url('../font/Exo2.0-Light.svg#Exo2.0-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'exo2.0semi';
	src: url('../font/Exo2.0-SemiBold.eot');
	src: url('../font/Exo2.0-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('../font/Exo2.0-SemiBold.woff') format('woff'),
		url('../font/Exo2.0-SemiBold.ttf') format('truetype'),
		url('../font/Exo2.0-SemiBold.svg#Exo2.0-SemiBold') format('svg');
	font-weight: 600;
	font-style: normal;
}
@font-face {
    font-family:'DBAdmanXRegular';
    src: url('../font/dbadmanx.eot');
    src: url('../font/dbadmanx.eot') format('embedded-opentype'),
         url('../font/dbadmanx.woff') format('woff'),
         url('../font/dbadmanx.ttf') format('truetype'),
         url('../font/dbadmanx.svg#DBAdmanXRegular') format('svg');
}


body{ padding:0px; margin:0px;font-family: Arial, Verdana, sans-serif; font-size:12px; background: #fff;color: #8c553c; background: url(../images/bg-shadow.png) no-repeat; background-position: 50.6% top;}
a{ color:#0054a6;text-decoration:none;}
a:hover{ color:#727272;}
p{ padding:0px; margin: 10px 0px;}
ul,figure,ol{padding: 0px; margin: 0px;}
li{margin:0px; padding:0px; list-style: none;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
  
}
button{border: none;}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
.clr{clear: both;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}
img{border:none; vertical-align:middle; display: block; max-width: 100%; height: auto;}
header,footer{min-width: 1000px;}
header{background:#8c553c;height:80px;padding: 5px 0px;}
#logo{ float:left; width:130px;padding-top: 2px;}
#logo a {background: url('../images/logo-2.png') no-repeat; background-size: 135px 77px; display: block;width: 135px;height: 77px;     overflow: hidden;}
.topbar {float: right;    margin: -7px 0 0 0;}
.topbar ul li {display: inline-block;}
.topbar ul > li:last-child a {background: url('../images/logo-kasco.png') 50% 50% no-repeat #F1F1F1;text-indent: -9999px;width: 72px;height: 15px;padding: 5px 15px 5px;}
.topbar a {display: block;background: #8c553c;color: #eee;padding: 5px 10px 5px;text-transform: uppercase;font-size: 13px;font-family: 'exo2.0semi', sans-serif;border-radius: 0 0 5px 5px;}
.topbar a:hover,
.topbar a:focus {background: #2B5573;}
#menu_bar {float: right;width: 840px;margin-top: 20px;padding-top: 3px;text-transform: uppercase;font-size: 13px;text-align: right;}
#menu_bar ul li{display: inline-block; transition: all 0.7s;padding: 8px 8px;}
#menu_bar ul li:hover{background: #5AB5E4;}
#menu_bar ul li a{color: #fff; font-family: 'exo2.0semi', sans-serif; font-weight: bold; font-size: 13px;}
.container{margin:auto; width:1000px;}
.box_slide{margin: 20px 0px 50px 0;}
.box_slide img {width: 718px;}
.box_slide .container.bx-clone,
.box_slide .container {padding: 0;}
.about_main	{margin: 10px 0px;color: #727272;border-bottom: 1px solid #EFEFEF;padding-bottom: 20px;}
.about_main h1{font-size: 20px;font-family: 'exo2.0semi', sans-serif;border-bottom: 1px solid #176dae;padding: 0 0 6px;}	
.about_main p{line-height: 25px; text-align: justify;}		
.mission {background: url("../images/bg-mission.png") no-repeat; margin: 25px 0 0; padding: 10px 50px 15px 30px; overflow: hidden}
.about-servises {width: 980px; margin-top: 50px;}
.about-servises > .heading {font-size: 20px;line-height: 1;margin: 0 auto;padding: 25px 0 25px;border-radius: 0 0 155px 155px;text-align: center; background: #166EAE;color: #fff;clear: both;width: 180px;height: 35px;}
.about-servises > .col-left {float: left; width: 485px; text-align: right; margin: 25px 0px 20px;}
.about-servises > .col-left img {float: right; margin: 5px 40px 0px 0;}
.about-servises > .col-left .title {color: #816f60;margin: 0 50px 0 25px;padding: 10px 15px 10px; background: url("../images/bg-about-services.png") no-repeat;}
.about-servises > .col-left .title p > strong {font-size: 20px;}
.about-servises > .col-middle {float: left;background: #d5d5d5;width: 3px;margin: 0 2px 0 2px;text-indent: -9999px;min-height: 1300px;}
.about-servises > .col-right {float: left; width: 485px; margin: 25px 0px 20px;}
.about-servises > .col-right img {float: left; margin: 5px 0 0px 40px;}

.about-servises .title-left {font-size: 16px; color: #989898;border-left: 5px solid #166eae;padding: 0 0 0 10px;margin: 5px 0 5px 10px;    display: inline-block; z-index: 1000;position: relative}
.about-servises .title-left span.dot {width: 7px;height: 7px;display: inline-block;background: #ffa200;border: 2px solid #fff;border-radius: 50%;margin-left: 10px;margin-right: -9px;}
.about-servises .title-right {font-size: 16px; color: #989898;border-right: 5px solid #166eae;padding: 0 10px 0 10px;margin: 5px 0 5px 10px;    display: inline-block;z-index: 1000;position: relative}
.about-servises .title-right span.dot {width: 7px;height: 7px;display: inline-block;background: #ffa200;border: 2px solid #fff;border-radius: 50%;margin-right: 10px;margin-left: -29px;}

.box_service,.box_project{margin: 25px 0px 50px;}		
.box_service h2,.box_project h2{font-size: 18px;color: #8c553c;margin-bottom: 15px;font-family: 'exo2.0semi', sans-serif;border-bottom: 1px solid #176dae;padding: 0 0 6px;}	
.slide{margin: 10px 10px; text-align: center;color: #0e5fa3}
.slide p{margin: 15px 0px;}
.box_service .bx-prev,.box_project .bx-prev{left: -35px!important;}
.box_service .bx-next,.box_project .bx-next{right: -35px!important;}

#slide-service {margin-top: 40px;}
#slide-service .item {background: #f1f0f0;min-height: 235px;padding: 15px 13px 15px;overflow:hidden; margin: 5px;color: #FFF;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;text-align: center;}
#slide-service .item .view {display: inline-block; float: right;}
#slide-service .item .detail {min-height: 113px;}
#slide-service .item .detail > a.title,
#slide-service .item .detail > a.title-multi {display: block;background: #00baff;padding: 5px 5px;color: #ffffff;}
#slide-service .item .detail > a.title-multi {}
#slide-service .item .detail > p {color: #9C9C9C;text-align: left;line-height: 1.5;}

.wrapper-news-slide {    background: #c8a08c}
#slide-news {margin-top: 35px;padding: 0 0 20px;border-bottom: 1px dashed #15639A;}
#slide-news .item {overflow: hidden;}
#slide-news .item img {float: left;margin-right: 15px;}
#slide-news .item .detail {float: left;width: 294px;padding: 0 5px 0;margin-right: 20px;border-right: 1px dashed #15639A;}
#slide-news .item .detail > a.title {display: block; margin-bottom: 5px;color: #C8E7FF;min-height: 70px;}
#slide-news .item .detail > a.title:hover,
#slide-news .item .detail > a.title:focus {color: #C8E7FF; text-decoration: underline;}
#slide-news .item .detail > p {}
#slide-news .item .detail .date {float:left; margin-right: 10px;}
#slide-news .owl-wrapper .owl-item:last-child .item .detail {border-right: none;}
#slide-news .owl-pagination {position: absolute;right: 0;bottom: -35px;}


.customNavigation {text-align: center; position: relative;}
.customNavigation a{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.customNavigation a.btn {position: absolute;top: -12px;height: 35px; width: 20px; cursor: pointer; wz-index: 1000;font-size: 25px;}
.customNavigation a.btn:hover,
.customNavigation a.btn:focus {color: #727272;}
.customNavigation a.btn.prev,
.customNavigation a.btn.prev-02 {right: 35px;}
.customNavigation a.btn.next,
.customNavigation a.btn.next-02 {right: 5px; }
.customNavigation a.btn.next-02,
.customNavigation a.btn.prev-02 {color: #8EC6F1;}
.btn-view-all {display: inline-block;float: right;background: #eee;padding: 3px 5px;margin: 0 5px 0 0;}
.btn-view-all:hover,
.btn-view-all:focus {color: #727272;}

.box_project .wrapper-project {background: #f1f0f0; padding: 13px 15px 13px; overflow: hidden;}
.wrapper-project .item {margin-bottom: 25px;padding: 0 0 10px;border-bottom: 1px solid #E0E0E0;}
.wrapper-project .item p {    margin: 5px 0 10px;}

.wrapper-project a img {}
.wrapper-project a h4 {color: #1975bc;font-weight: normal;margin: 10px 0 0;}
.wrapper-project a:hover h4 {color: #646464;}
.wrapper-project a img {transition: all 0.2s;}
.wrapper-project a:hover img {opacity: 0.9; transition: all 0.2s;}
.btn-view-all.in-pj {background: #E2E2E2; margin-top: 25px;}



footer{height:100px; background:#8C553C;padding: 20px 0px 35px;color: #fff;line-height: 20px; font-family: 'exo2.0', sans-serif;}
.col-left{float: left;width: 650px; line-height: 25px;}
.col-right{float: left;width: 350px;}
.wrapper{margin: 0 10px 100px 10px; padding-top: 20px;}
.wrapper p{line-height: 25px; text-align: justify;}
.wrapper-powered a {padding: 0 7px 0;margin: 10px 0px;display: inline-block;color: #fff;border: 1px solid #fff;}
.wrapper-powered a:hover,
.wrapper-powered a:focus {background: #5AB5E4; border: 1px solid #5AB5E4;  color: #fff;}
.list-content {}
ul.list-content li{padding: 5px 10px;}
.topic_page {color: #176dae; font-size: 20px;margin-bottom:20px;text-transform: uppercase; font-family: 'exo2.0semi', sans-serif;}
.topic_page.lower {text-transform: none !important;}
.topic_page2 {font-size: 20px; color: #484848;}
.topic_page_sub{color: #484848; font-size: 14px;margin: 20px 0 10px 0}
.h-title {font-size: 16px;border-left: 5px solid #8C553C;padding: 0 0 0 10px;margin: 5px 0 5px 10px;}
.h-title-2 {font-size: 16px;}
.col-left-about{float: left;width: 590px;}
.col-left-about ul {margin-left: 20px;}
.col-left-about ul li,
.col-right-about ul li{list-style: inside;padding: 5px 0px;text-indent: -13px;}
.col-right-about{float: left;width:400px;/*margin-top: 20px; text-align: center*/}

.row {margin: 20px 0px; overflow: hidden;}
.row .col-sm-12, .col-sm-12 {width: 980px;margin: 0 15px 0 10px; clear: both;}
.row .col-sm-9 {width: 700px;float: left;margin: 0 15px 0 10px;}
.row .col-sm-3 {width: 250px;float: left;padding: 0 0 0 15px;}
.active-menu{background: #5AB5E4;padding: 8px 10px;}
.share-btn {overflow: hidden; width: 470px;display: block;margin: 15px 0 20px;}
.fb-share-button, .twitter-share-button {float: right; margin: 0 10px 0 0;}

.filter-news {background: #eee;padding: 7px 10px;margin: 0 0 15px;overflow: hidden;}
.filter-news span {float: right; margin: 7px 5px 0 0;}
.filter-news button {background: #5AB5E4;outline: none !important; color: #ffffff;padding: 7px 15px;border-radius: 4px;float: right;}
.filter-news button:hover,
.filter-news button:focus,
.filter-news button:active {background: #4098C5;}
.filter-news select {width: 200px;display: inline;float: right;height: 30px;font-size: 13px;border: 1px solid #ccc;margin: 0 5px 0 0;padding: 2px 5px 2px; border-radius: 4px; color: #7f7f7f;}
.menu_news_left{width: 290px;background: #F5F5F5;margin: 0px 0px 0px 20px;float: left}
.menu_news_left ul{padding:0px 10px 30px 10px;}
.menu_news_left ul li{padding:10px 0px;overflow: hidden;border-bottom: 1px dotted #C8C8C8;}
.titel_menu{border-bottom: 2px solid #1891d1;padding: 10px 10px; margin:5px 5px 15px 5px;font-size: 14px;font-weight: bold;}
.content_news{width: 660px; float:left;padding-right: 10px;}
.page_news{margin-top:30px;}
.page_news.inpage p {text-align: start;}
.col_img_thumb {float: left; width:115px;}
.detail-news{float: left;width: 145px; font-size: 12px;padding-left: 10px;line-height: 15px;}
.date{color:#8AB7D8;font-size: 12px;padding: 5px 0px;}
.box-img-news{margin: 20px 0px; overflow: hidden;text-align: center}
.box-img-news .img-news:first-child {margin: 0 auto 10px; width: 520px;}
.box-img-news .img-news:first-child a {display: inline-block;}
.box-img-news .img-news:not(:first-child) {padding: 5px;margin: 0 10px 0 0;width: 100px;float: left;}
.content_news h1 {color: #0e5fa3;font-size: 16px;margin-bottom: 10px;}
.row_news{}
.row_news ul li{width:274px; padding:10px; margin:10px 15px;float: left;border: 1px solid #e2e2e2;background: rgba(0,0,0,0.0);transition: all 0.4s; }
.row_news ul li:hover{border: 1px solid #e0e0e0 ;    background: rgba(213,236,248,0.4); -webkit-box-shadow: 0px 0px 20px -4px rgba(90,181,228,1);
-moz-box-shadow: 0px 0px 20px -4px rgba(90,181,228,1);
box-shadow: 0px 0px 20px -4px rgba(90,181,228,1);}
.readmore{float: right;font-size: 12px;padding-top: 5px;}
.readmore a{color: #696969}
.list_service{}
.list_service ul li{overflow: hidden; padding:20px 0px; margin-bottom:5px;border-bottom: 1px dotted #CFCFCF;}
.thumb-service{width:250px; float: left;margin-right: 30px;}
.detail-service{width:700px; float: left;}
.detail-service h3{color: #3b78cb;font-weight: bold;font-size: 12px;margin-bottom: 10px;}
.row-project{ margin:10px 0px; overflow: hidden;border-bottom: 1px dotted #CDCDCD;padding-bottom: 10px;}
.col-p{float: left; width: 465px;padding: 10px;}
.thumb-pro{width: 170px; float: left;padding-right:10px; padding-left: 10px;}
.thumb-pro a {cursor: pointer;}
.detail-project{float: left; width: 260px;font-size: 12px; padding-left:10px;}
.detail-project p{line-height: 20px;margin: 5px 0px 0px; text-align: start;}
.detail-project h2{font-size: 12px; color: #3b78cb;margin-top: 5px;line-height: 18px;}
.country{padding: 0px 0px;color: #363636;}
.progress{padding: 5px 0px;color: #000; line-height:18px;}


.row-sub-product {}
.row-sub-product .tab .tab-item {width: 200px; float: left; background: #F7F7F7; border: 1px solid #E8E8E8; border-radius: 5px; padding: 15px 0 0; transition: all 0.2s; margin-right: 20px;}
.row-sub-product .tab .tab-item:hover,
.row-sub-product .tab .tab-item:focus {border: 1px solid #AED2ED; transition: all 0.2s;} 
.row-sub-product .tab .tab-item img {width: 180px; height: 180px; margin: 0 auto;}
.tab .tab-item h3 {font-family: "Century Gothic";color: #0e5fa3;font-size: 16px;margin: 15px 5px 5px;text-align: center;border-top: 1px solid #E8E8E8;padding: 10px 0 10px;    background: #eeeeee; transition: all 0.2s;}
.tab .tab-item:hover h3,
.tab .tab-item:focus h3 {color: #4281B4; transition: all 0.2s;}

.wrapper-detail-product {     overflow: hidden;
    background: #f1f0f0;
    padding: 20px 15px;}

.wrapper-detail-product img {float: left;
    margin: 0 15px 0 0;
    background: #fff;
    padding: 15px 0;}
.product-images {float: left; width: 350px;}
.wrapper-detail-product .detail {    float: left;
    margin: 0 0 0 15px;
    width: 570px;}
	
.wrapper-detail-product .detail .ui-widget-content {background: none;}
.wrapper-detail-product .detail .tab p,
.wrapper-detail-product .detail p {margin-top: 0;}
.wrapper-detail-product .detail .tab li,
.wrapper-detail-product .detail > ul > li {padding: 9px 10px 3px;border: 1px dotted #E0E0E0;border-top: none;border-left: none;border-right: none;}
.wrapper-detail-product .detail >  #tabs > .tab > ul > li:first-child,
.wrapper-detail-product .detail > ul > li:first-child {border: none;padding: 10px 0 0;}

.wrapper-detail-product .detail > #tabs > .tab {padding-top: 10px;}
	
.wrapper-detail-product .detail > #tabs > .tab > ul > li > h3,
.wrapper-detail-product .detail > ul > li > h3 {color: #0E5FA3;margin-bottom: 5px;padding-bottom: 5px;border-bottom: 2px solid #90B7DF;}

.wrapper-detail-product .detail > #tabs > .tab > ul > li > span,
.wrapper-detail-product .detail > ul > li > span {    color: #484848;
    font-size: 14px; font-weight: bold;}

.wrapper-detail-product .detail > #tabs > .tab > h3,	
.wrapper-detail-product .detail > h3 {    color: #0E5FA3;
    margin: 25px 0 15px;
    padding: 0 0 5px;
    border-bottom: 2px solid #90B7DF;}

.wrapper-detail-product .detail > #tabs > .tab > a,
.wrapper-detail-product .detail > a {background: #90B7DF;
    padding: 10px 15px;
    margin: 0 0 0 10px;
    border-radius: 4px;
    color: #FFFFFF;
	display: inline-block;
    font-size: 15px; transition: all 0.2s;}

.wrapper-detail-product .detail > #tabs > .tab > a,	
.wrapper-detail-product .detail > a {background: #90B7DF;
    padding: 10px 15px;
    margin: 0 0 0 10px;
    border-radius: 4px;
    color: #FFFFFF;
	display: inline-block;
    font-size: 15px; transition: all 0.2s;}
.wrapper-detail-product .detail > #tabs > .tab > a:hover,
.wrapper-detail-product .detail > #tabs > .tab > a:focus,
.wrapper-detail-product .detail > a:hover,
.wrapper-detail-product .detail > a:focus {    background: #5E94CC; transition: all 0.2s;}

.job-list {width: 560px; background: #FBFBFB;     border: 1px solid #eee;}
.job-list li {padding: 10px 15px;border-bottom: 1px solid #EAEAEA;}
.job-list li > a {float: right;color: #81BCDF; border: 1px solid #81BCDF; padding: 0 10px;border-radius: 3px;}
.job-list li > a:hover,
.job-list li > a:focus {background: #81BCDF; color: #ffffff;}
.job-list li:nth-of-type(odd) {background: #F3F3F3;}
.job-list li .date {color: inherit;}
.job-list li h3 a {color: #81B7D8;}
.job-list li h3 a:hover,
.job-list li h3 a:focus {color: #518FB5;}

.job-detail {    width: 530px;
    background: #F5F5F5;
    color: #8C8C8C;
    border: 1px solid #eee;
    padding: 15px 15px;}
.qualif > ul > li:not(:first-child),
.job-desc > ul > li:not(:first-child) {padding-left: 10px;}
.qualif, job-desc {margin-bottom: 15px;}
.qualif ul li h3,
.job-desc ul li h3 {color: #81B7D8; text-decoration: underline; margin-bottom: 5px;}
.qualif ul li h4,
.job-desc ul li h4 {color: #585858; text-decoration: none; margin-bottom: 0;}
.qualif ul li strong,
.job-desc ul li strong {color: #585858;}

.job-desc ul li > ul {    margin-bottom: 10px;}
.job-desc ul li > ul li {    padding-left: 10px;}


/*----------------------------txt-color---------------------------------------*/
.f-11{font-size: 11px!important;}
.f-12{font-size: 12px!important;}
.f-13{font-size: 13px!important;}
.f-14{font-size: 14px!important;}
.blue{color: #176dae}
.patara{color: #8c553c}
.b-b{padding:8px 20px; color: #fff;background: #167cc6 }
.read{}
.line-dot{border-right: 1px dotted #CDCDCD}
.line-dot1{border-left: 1px dotted #CDCDCD}
.read a{font-size: 12px; color: #ffa803}
.list ul li{list-style: none;}
.mar-top-0 {margin-top: 0;}
.mar-top-15 {margin-top: 15px;}
.mar-top-20 {margin-top: 20px;}
.mar-bottom-0 {margin-bottom: 0;}
.v-align-mid {vertical-align: middle;}

.text-ind {text-indent: 25px;}
.fz-16 {font-size: 16px !important;}
.fz-19 {font-size: 19px !important;}
.left {float: left;}
.clearfix {clear: both;}
.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.list-style {list-style-type: none; margin-left: 40px !important;}
.list-style > li {list-style: inherit !important;    line-height: 1.5em;}
.has-list > li {list-style-position:inside; list-style-type: disc; line-height: 1.5}
/*-------------------------------------------------------------------------------*/
.form-group {
  margin-bottom: 10px;
    overflow: hidden;
}
.form-group:before,form-horizontal:before {
  display: table;
  content: " ";
}
.col-field{float: left; width: 260px;}
.form-control {
  display: block;
  width: 100%;
  padding:8px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
label {
  float: left;
  width: 100px;
  margin-bottom: 5px;
  padding-top: 5px;
}
/*----------------------------table---------------------------------------*/
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
  thead {
    display: table-header-group;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #F4F4F4 !important;
  }
th {
  
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
  color: rgb(116, 116, 116);
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
  background: #E4E4E4;
  
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
.breadcrumb{font-size:12px;padding-top: 20px;}
.breadcrumb>li {display: inline-block;}
.breadcrumb>li+li:before {
	padding: 0 5px;
	color:#A8A8A8;
	content: "\f105";
    font: normal normal normal 14px/1 FontAwesome;
}
.breadcrumb>.active {color:#81B7D8;}
.breadcrumb a{ color:#939393;}
/*--------------------------------tab------------------------------------------*/
ul li.drop {
	position: relative;
    text-align: left;
}
.dropOut .triangle {
	width: 0;
	height: 0;
	position: absolute;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid #69B4F4;
	top: -8px;
	left: 50%;
	margin-left: -30px;
}
.dropdownContain {
	width: 230px;
	position: absolute;
	z-index:9999;
	left: 45%;
	margin-left: -105px; /* half of width */
	top: -400px;
}
.dropOut {
	width:260px;
	background: #69B4F4;
	float: left;
	position: relative;
	margin-top: 0px;
	opacity: 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 6px rgba(0,0,0,.15);
	box-shadow: 0 1px 6px rgba(0,0,0,.15);
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out;
}
.dropOut ul {
	float: left;
	padding: 10px 0;
}
.dropOut ul li {
	
	padding:5px 5px 5px 5px!important;
	margin: 0px 10px;
	color: #fff;
    font-size:12px;
    width: 230px;
	border-bottom:#fff dotted 1px!important;
	-webkit-transition: background .1s ease-out;
	-moz-transition: background .1s ease-out;
	-ms-transition: background .1s ease-out;
	-o-transition: background .1s ease-out;
	transition: background .1s ease-out;
}
.dropOut ul li:hover {
	background: none;
	border-bottom:none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.dropOut ul li a {
	color: #fff;
}
.dropOut ul li a:hover {
	color: #fff200; text-decoration: none;
}
ul li:hover a {
	/*color: white;*/
}
ul li:hover .dropdownContain {
	top:31px;
}
ul li:hover .underline {
	border-bottom-color: #777;
}
ul li:hover .dropOut {
	opacity: 1;
	margin-top: 8px;
}

.dropOut > ul li a{ padding:0px; line-height:20px; background:none;}
.dropOut > ul li a:hover{background:none; display: block;}


.dropdownContain-2 {display: none;}
.drop-2:hover .dropdownContain-2 {display: block; transition: all 0.2s; transition: all 2s linear;}
.drop-2:hover .dropdownContain-2 ul li {width: 200px;}
.drop-2:hover .dropdownContain-2 ul li:hover {background: #52AAD8 !important;}
/*---------------------------------end menu---------------------------------------------*/


/*pagination */


.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
      font-size: 12px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}