@charset "utf-8";
/* CSS Document */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left: 7px;padding-right: 7px;}
.row {margin-right: -7px;margin-left: -7px;}

.col-md-25 { width: 20%;}

/* default */ 
.mrg-btm-40{margin-bottom:40px;}
.mrg-btm-35{margin-bottom:35px;}
.mrg-btm-30{margin-bottom:30px;}
.mrg-btm-20{margin-bottom:20px;}
.mrg-btm-15{margin-bottom:15px;}
.mrg-btm-10{margin-bottom:10px;}
.mrg-btm-5{margin-bottom:5px;}
.mrg-top-5{margin-top:5px;}
.mrg-top-10{margin-top:10px;}
.mrg-top-15{margin-top:15px;}
.mrg-top-20 { margin-top: 20px;}
.mrg-top-30 { margin-top: 30px;}
.mrg-top-60 { margin-top: 60px;}
.mrg-right-35{ margin-right: 35px;}

.pad-top-10{padding-top:10px;}
.pad-top-15{padding-top:15px;}
.pad-top-20{padding-top:20px;}
.pad-top-30{padding-top:30px;}
.pad-btm-5{padding-bottom: 5px;}
.pad-btm-10{padding-bottom:10px;}
.pad-btm-15{padding-bottom:15px;}
.pad-btm-20{padding-bottom:20px;}
.pad-50{ padding: 50px; }

.no-padding{ padding-right:0; padding-left:0;}
.no-pd-left{ padding-left:0;}
.no-pd-right{ padding-right:0;}
.no-pd-top{ padding-top: 0 }
.no-pd-btm{ padding-bottom: 0 }

h1{font-size:22px;line-height:150%; margin:0 0 5px;font-family: 'AvenirLTStd-Book-bold';}
h2{font-size:18px;line-height:150%; margin:0 0 4px;font-family: 'AvenirLTStd-Book-bold';}
h3{font-size:16px;line-height:150%; margin:0 0 3px;font-family: 'AvenirLTStd-Book-bold'; }
h4{font-size:14px;line-height:150%; margin:0 0 3px;font-family: 'AvenirLTStd-Book-bold';}
a:hover, a:focus, a{ text-decoration:none;color: #000;}

p{line-height:145%;margin: 0 0 10px 0; font-size:14px;}

/* default for this site */
body{font-family: 'AvenirLTStd-Book';font-size:13px; }

.shadow{-webkit-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.15);
box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.15);}

.gray{ background: #f7f7f7; width: 100%; float: right; }
.green{ background: #70c9cf; width: 100%; float: right; }

header{ }
.navbar {min-height: 40px;border: 0px solid transparent;margin-bottom: 0;font-family: 'AvenirLTStd-Book-bold'}
.navbar-default {border-radius: 0;background-color: #fff;}
.navbar-nav>li>a { color: #000; padding-top: 10px;padding-bottom: 10px; text-align:center;font-size: 14px;}
.navbar-default .navbar-nav>li>a{ color: #000; }
.navbar .container-fluid{ padding:0;}
.navbar-default .navbar-nav>li:hover,.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color: #000;background-color: #fff; background: #f2f2f2; }
.dropdown-menu{background-color: #fff;border: 0;box-shadow: 0 0;border-radius: 0;}
.dropdown-menu>li:hover{ background: #eee }
.dropdown-menu>li{ border-bottom: 1px solid #eee; text-align: center;font-family: 'AvenirLTStd-Book-bold'; }
.dropdown-menu>li:last-child{ border-bottom: 0 }
.dropdown-menu>li>a{ padding: 2px 10px; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus{ background: #fff; border-bottom: 3px solid #fff }


.dropdown:hover .dropdown-menu {display: block;margin: 0px 0px 0px 7px;
    -webkit-box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.75);
box-shadow: 0px 4px 9px 0px rgba(0,0,0,0.75);}
.navbar-nav>li.dropdown:hover>a{ border-bottom: 0  }

.f-nav{ z-index: 9999; position: fixed; bottom: 0; top: 0; width: 100%;background: #fff; height: 40px;} 
.navbar-main.f-nav nav{ width: 100%; margin-right: auto; background: transparent; }
.navbar-main.f-nav .nav a{ margin-top: 15px; }

.f-title{ z-index: 333; position: fixed; bottom: 0; top: 40px; width: 100%;background: #70c9cf; height: 43px;} 

header .social{ margin-top:5px;font-family: 'AvenirLTStd-Book-bold'}
.social a{ float:left; margin-right:4px;font-family: 'tahoma'; font-weight: bold}
.social img { width: 70% }
header span{font-family: 'tahoma'; font-weight: bold }
header span img{ margin-right: 5px }
header .logo{ margin-top: 10px }


.carousel-fade .carousel-inner .item {  opacity: 0;  -webkit-transition-property: opacity;  -moz-transition-property: opacity;  -o-transition-property: opacity;  transition-property: opacity;}
.carousel-fade .carousel-inner .active {  opacity: 1;}
.carousel-fade .carousel-inner .active.left,.carousel-fade .carousel-inner .active.right {  left: 0;  opacity: 0;  z-index: 1;}
.carousel-fade .carousel-inner .next.left,.carousel-fade .carousel-inner .prev.right {  opacity: 1;}
.carousel-fade .carousel-control {  z-index: 2;}

.main-seciton{ padding-left:20px;}

.carouseles{background-color:#50a999;}

.main-slid .carousel-indicators {right: 0;width: 100px;bottom: 0;opacity: 0.7;}
.main-slid .carousel-control.left, .main-slid .carousel-control.right{background: none;}
.main-slid .carousel-caption {left: 0;right: 0;bottom: 0;padding: 15px;background: rgba(0,0,0,0.6);text-align: right;}
.main-slid .visual{ width:100%; float:right;}
.main-slid .txt{ position: absolute; width:100%; color:#fff; padding:25px 15px; float: right; }
.main-slid .txt .title{ color: #6ec9ce; border-left: 10px #6ec9ce solid; margin-right: -30px; padding-right: 20px; }
.main-slid .txt .des{  font-size: 16px}
.main-slid .txt .more{ float: left; padding:5px 15px; margin-top:10px; border:1.5px solid #fff; border-radius: 2px; font-size: 14px}
.main-slid .right{ position: absolute; float: right; width: 30%;top: 10%; left: 10% }
.main-slid .left{ position: absolute; float: left; width: 22%;top: 10%; right: 4%}
.main-slid .left .txt .title2{ font-size: 40px }

.projects{ background: #f2f2f2; width: 100%; float: right; padding: 20px 10% }
.projects .title{width: 100%; font-size: 310%; color: #6ec9cc; background: transparent; text-align: center;font-family: 'AvenirLTStd-Book-bold'; line-height: 1; border:0; }
.projects .title span { width: 100%; color: #000; font-size: 16px; }

.box{ float:right;font-size: 16px; width:100%; padding:25px 15px 0; color:#fff; text-align:center; color: #a2350c;font-family: 'AvenirLTStd-Book-bold';}
.box span{float:right; width: 100%; color: #575757; font-size: 12px }


.bank{ padding:105px 15px 0; height:170px; background: url(images/alwan.jpg) ; color:#fff;border:solid #eaeaea 1px;}
.search-form{float:right; width:100%; height:38px; margin-top:10px;}
.search-form .form-control {width: 85%;float: right;height:38px;border-radius: 0;border:0; background-color:#fafafa;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0); box-shadow: inset 0 1px 1px rgba(0,0,0,.0); }
.search-form button {padding: 0;float: right;width: 15%; border:0;height:38px;border-radius: 0; background-color:#ccc;}

.matgr{ padding:0 100px; background-color:#524847; }


.title{padding: 5px 10px; color:#6fcacf; border-left: 10px solid #a4340c; font-size: 22px;font-family: 'AvenirLTStd-Book-bold'; }
.title span{ color: #000; font-family: 'AvenirLTStd-Book'; }

.news{ float:right; width:100%; min-height: 370px; border: 0px solid #5dadc1; position:relative; border-radius: 10px; background: #fff;}
.news .share{ position: absolute; margin-top: -30px; left: 5% }
.news .share img{ width: 85%; }
.news .txt{width: 100%; float:right; padding: 10px; color: #ccc;font-family: 'AvenirLTStd-Book-bold';}
.news .txt h4{ color: #000; font-family: 'AvenirLTStd-Book-bold'; }
.news .txt p{ color: #999;  font-family: 'AvenirLTStd-Book';}
.news img{ border-radius: 10px 10px 0 0; }

.spons{ float:right; width:100%; border: 0px solid #5dadc1; position:relative; border-radius: 10px; background: #fff; padding: 20px }
.spons .txt h4{ min-height: 42px; overflow: hidden; color: #000; font-family: 'AvenirLTStd-Book-bold'; text-align: center; }
.spons .linkbtn{ border: #ccc 1px solid; border-radius: 4px; text-align: center; color: #ccc; padding: 10px; margin-top: 10px }

.staff{ cursor: pointer; float:left; width:100%; border: 0px solid #5dadc1; position:relative; border-radius: 10px; background: #fff; padding: 20px; font-size: 16px;     min-height: 236px;
    max-height: 236px;
    overflow: hidden; }
.staff img{ border: 1px solid #f4f4f4; padding: 3px; background: #fff }
.staff .name{ float: left; width: auto; color: #a1340b; font-size: 20px;font-family: 'AvenirLTStd-Book-bold'; margin-right: 10px }
.staff .position{ float: left; width: auto; color: #000; font-size: 18px;     max-height: 28px; overflow: hidden; }
.staff .mail{ color: #7f7f7f; font-family: tahoma; font-size: 14px }
.staff .title{ color: #000; text-align: center; border-bottom: 1px solid #ccc; border-left: 0 }
.staff p{ text-align: left; line-height: 1.5; color: #666 }
.modal-dialog .staff{max-height: none; overflow: scroll;}

.newsletter{ position: relative; }
.newsletter .head-title{ position: absolute; top: 0; left: 0; background: #0006; color: #6fc8ce; font-family: 'AvenirLTStd-Book-bold'; padding: 10px; font-size: 15px}
.newsletter .desc{font-family: 'AvenirLTStd-Book'; color: #fff; background: #db611999; position: absolute; bottom: 0; width: 100%;  text-align: center; padding: 10px}
.newsletter .desc .title{font-family: 'AvenirLTStd-Book-bold'; border:0; color: #fff; font-size: 15px; text-align: center; }
.newsletter .desc p{font-family: 'AvenirLTStd-Book';}

.contact{ width: 100%; border: 1px solid #e6e6e6; border-radius: 3px;  float: right; padding: 22px }
.contact h3{ color: #6fcacd; font-size: 18px }

.contact .form-control,.contact textarea,.contact select{ width: 100%; background: #f2f2f2; color: #676767; border-radius: 15px; border:0; }
.contact select{ height: 34px}
.contact .btn{ background: transparent; color: #70c9cf; float: right; }

.event_data{ background: #f2f7f0; float: right; width: 100%; }

.calendar{  }
.calendar{background-color:#f2f7f0;float:right; width:100%; }
.up-calendar{float: right;width: 100%; padding: 25% 10%; position: relative; font-size: 12px}
.calendar hr{ background-color:#000; height:1px; border: 0; float: none; margin-top:5px; margin-bottom:5px;}
.calendar .datetype{line-height:15px;color:#000; font-size:14px;font-family: "AvenirLTStd-Book-bold";  text-align:right; padding:0;}
.calendar span{line-height:0px;color:#000; margin:10px; font-size:15px; }
.calendar .date{ font-size:300%;; line-height:50px;;  color:#000; text-align:right;font-family: AvenirLTStd-Book; font-weight: bold;}
.calendar .fulldate{ font-size:14px;; line-height:20px;  color:#000;text-align:right; padding:0; }
.up-calendar .months{ width: 100%; float: right; }
.up-calendar .months .next, .up-calendar .months .pre{width: 10%;float: right; text-align:center; background-color: #f2f7f0; padding: 7px 0; color: #000; cursor:pointer;   }
.up-calendar .months .next:hover, .up-calendar .months .pre:hover{background-color: #e7e8e6;}
.up-calendar .months h1{ float: right; width: 80%; text-align: center; color: #22a4b2} 

table.calendar{width: 100%; float: right; background: transparent; color: #797a7e; } 

.calendar-day { margin-top: 3px;}
.calendar-day .event{ background: #f3d192; font-weight: bold; color: #797a7e; font-family: "AvenirLTStd-Book-bold"; width: 35px; height: 35px; /*margin-right: 15%;*/ border-radius: 50%; padding: 5px; float: right; }
.up-calendar .popover .arrow { display: none}
.up-calendar .popover-title,.up-calendar .popover-content { font-family: 'AvenirLTStd-Book'; }
.up-calendar .day-number{ width: 35px; height: 35px; line-height: 2; text-align: center;     padding: 5px;}
.up-calendar .calendar-day-head{ text-align: center; }

.main_event{ color: #000; float: right; width: 100%; background: #70c9cf; overflow: hidden; }

footer{float:right; width:100%; padding:20px; color:#d8ae9e;  font-size:11px; background: #a4340c; font-size: 14px }
footer .form-group { width: 100%; margin-bottom: 0; color: #999 }
footer .form-group .form-control{ height: 50px }
footer .btn-search{ float: left; }
footer .subscribe{ color: #fff }
footer .subscribe input{ background: transparent; border-top: 0; border-right: 0; border-left: 0; border-radius: 0; color: #fff }
footer .subscribe input::placeholder { color: #fff; }
footer .subscribe .send{ float: left; width: auto; line-height: 50px; margin-left: 20px }



/* enable absolute positioning */
footer .inner-addon {  position: relative;  }

/* style icon */
footer .inner-addon .glyphicon { position: absolute; padding: 10px; pointer-events: none; color: #999 }

/* align icon */
footer .left-addon .glyphicon  { left:  0px; line-height: 30px; color: #fff;}
footer .right-addon .glyphicon { right: 0px;line-height: 30px}

/* add padding  */
footer .left-addon input  { padding-left:  30px; height: 50px}
footer .right-addon input { padding-right: 30px; height: 50px }

header .form-group { width: 100%; margin-bottom: 0; color: #999 }
header .form-group .form-control{ height: 50px }
/* enable absolute positioning */
footer .inner-addon {  position: relative;  }
.imagen{
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 183px;
	display: block;
	margin-bottom: 12px;

}
/* style icon */
header .inner-addon .glyphicon { position: absolute; padding: 10px; pointer-events: none; color: #999 }

/* align icon */
header .left-addon .glyphicon  { left:  0px; line-height: 30px; color: #fff;}
header .right-addon .glyphicon { right: 10px;line-height: 30px}

/* add padding  */
header .left-addon input  { padding-left:  30px; height: 50px}
header .right-addon input { padding-right: 30px; height: 50px; background: #f2f2f2; border-radius: 25px; border: 0; color: #676767 }

.category .title{ background: #70c9cf; color: #fff; border: 0 }
.category h2{ margin: 0 }

.sour{ position:relative; float:right; margin:1px; font-size:12px; }
.sour .txt{ position: absolute; width:100%; background:rgba(0,0,0,0.71); bottom:0; padding:5px; color:#fff; width:100%;}

.left-social{ position: fixed;  left:10px; top:250px; }
.left-social img { width:130%;}

article{padding-top: 20px;}
article img{ margin-bottom:15px;}
article .title-inr{ color: #70c9cf; font-size: 18px; font-family: 'AvenirLTStd-Book-bold';  }
article a { color: #70c9cf; font-weight: bolder; }

.do{float:right;width:100%; font-size:14px; font-family: 'AvenirLTStd-Book-bold'; }
.do .item{float:left;  color: #222; cursor: pointer; margin-right: 5px}
.do .item .fa{ margin: 0 2px; color: #fff; border-radius: 50%;  width: 30px; height: 30px; text-align: center; line-height: 30px }
.do .item .fa-facebook{ background: #8ca4d0;  }
.do .item .fa-twitter{ background: #65bbf8;  }
.do .item .fa-google{ background: #e9847c;  }

.fb-page, 
.fb-page span, 
.fb-page span iframe[style] { 
    width: 100% !important; 
}

.twoColumns{
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
}

.subscribe2 .title{ font-size: 26px; color: #70c9cf; background: transparent;  }
.subscribe2 input{ background: transparent; border: 0; border-radius: 0; color: #fff; border-bottom: 1px solid #000; -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,.075); box-shadow: inset 0 0 0 rgba(0,0,0,.075); }
.subscribe2 input::placeholder { color: #000; font-size: 12px }
.subscribe2 .send{ float: right; width: auto; line-height: 50px; margin-right: 10px; color: #70c9cf; font-size: 20px }
.subscribe2 .inner-addon {  position: relative;  }
.subscribe2 .inner-addon .glyphicon { position: absolute; padding: 10px; pointer-events: none; color: #70c9cf }
.subscribe2.right-addon .glyphicon { right: 0px;color: #70c9cf}
.subscribe2 .right-addon input { padding-right: 30px; color: #000 }
.subscribe2.left-addon .glyphicon { left: 0px;color: #70c9cf}
.subscribe2 .left-addon input { padding-left: 30px; color: #000 }

/* visual */
.visual{ position:relative; overflow:hidden; float: right; width: 100%;}
.visual img{opacity:1;   }
.visual img:hover{ opacity:1;  }
.visual .category{position: absolute; top: 10px; right: 10px; background: #26c465; color:#2f3c3c ; padding:4px 14px; font-weight: bold; font-size: 14px;}
.visual .date{position: absolute; bottom: 10px; left: 10px; background: #b9c0c0; color: #fff; padding: 1px 6px; font-size: 12px; }
.visual .plus{ padding:2px 10px; background-color:rgba(88, 97, 105, 0.64); bottom:5px; left:5px; color:#fff; position:absolute; }
.visual .bg{top: 0; bottom: 0; right: 0; left: 0; background: linear-gradient(rgba(0,0,0,0) 50%, rgba(0,0,0,0.7) 100%);position:absolute;}
.visual .txt{position:absolute;  padding: 10px 5px;  bottom:0; left:0;  right:0; background: rgba(0,0,0,0.6); font-size: 14px; font-weight: bold; color: #fff;font-family: "AvenirLTStd-Book-bold";}
.visual.big .txt{ font-size: 20px; padding: 20px; }
.visual .play{position: absolute; top: 50%; left: 50%; cursor: pointer;}
.visual.big .play{ transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); }
.visual.med .play{ transform: translate(-75%, -50%); -ms-transform: translate(-75%, -50%); }
.visual.small .play{ transform: translate(-85%, -50%); -ms-transform: translate(-85%, -50%); }
.visual.big .play img{ width: 100%; }
.visual.med .play img{width: 50%}
.visual.small .play img{width: 30%}

.youtube-frame { float: right; position: relative; height: 500px;}

.gkftor{position:absolute; top:50%; right:10%; font-size:24px; color:#fff;-webkit-text-shadow: 0 3px 3px rgba(0,0,0,.5);text-shadow: 0 3px 3px rgba(0,0,0,.5); cursor: pointer;}
.gkftorl{ right:auto; left:10%; cursor: pointer;}

.carousel.fade {
  opacity: 1;
}
.carousel.fade .item {
  transition: opacity ease-out .7s;
  left: 0;
  opacity: 0; /* hide all slides */
  top: 0;
  position: absolute;
  width: 100%;
  display: block;
}
.carousel.fade .item:first-child {
  top: auto;
  opacity: 1; /* show first slide */
  position: relative;
}
.carousel.fade .item.active {
  opacity: 1;
}


.modal{ top: 5%; }

.carousel-inner>.item>a>img,.carousel-inner>.item>img,.img-responsive,.thumbnail a>img,.thumbnail>img{display:block;max-width:100%;height:auto}

.carousel{position:relative}
.carousel-inner{position:relative;width:100%;overflow:hidden}
.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left; min-height: 280px; width: 100%}
.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1; min-height: 280px; width: 100%; float: right;}

.font-size{ cursor: pointer; }

.projects{float:right; width:100%; padding:25px 0; margin-bottom: 30px; background: #f2f2f2;}
.projects .top{font-size: 18px; font-weight: 700; width: 100%; float: left; padding-bottom: 20px; text-align: center;}
.projects .top-carousel{float:right; width:96%; position: relative; margin: 0 2%}
.projects .top-carousel .item{float: left;}
.projects .top-carousel .item .visual{background: #000;}
.projects .top-carousel .item .visual:hover img{ opacity: 0.6; }
.projects .top-carousel .item .visual .des, .projects .top-carousel .item .visual .likes{ visibility: hidden;}
.projects .top-carousel .item .visual:hover .des, .projects .top-carousel .item .visual:hover .likes{ visibility: visible;}

.owl-controls .owl-prev, .owl-controls .owl-next{ position: absolute; top: 0; bottom: 0; width: 40px;
 background: transparent; font-family: 'FontAwesome'; color: #a2350c; font-size: 300%; }
.owl-controls .owl-next{ left: -20px; background: transparent; }
.owl-controls .fa{ position: absolute; top: 50%; margin-top: -14px; right: 50%; }
.owl-controls .owl-next .fa{ right: 30%; }

.owl-carousel .owl-controls .owl-nav .owl-prev{ right: -20px }

@media all and (transform-3d),(-webkit-transform-3d){
	.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}
	.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
	.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
	.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
	}
	.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}
	.carousel-inner>.active{left:0}
	.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}
	.carousel-inner>.next{left:100%}
	.carousel-inner>.prev{left:-100%}
	.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}
	.carousel-inner>.active.left{left:-100%}
	.carousel-inner>.active.right{left:100%}
	.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}
	.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}
	.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}
	.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}
	.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}
	.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}
	.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}
	.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}
	.carousel-control .icon-next:before{content:'\203a'}
	.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}
	.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}
	.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}
	.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}
	.carousel-caption .btn{text-shadow:none}
	@media screen and (min-width:768px){
		.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}
		.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}
		.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}
		.carousel-caption{right:20%;left:20%;padding-bottom:30px}
		.carousel-indicators{bottom:20px}
	}


@media (max-width: 767px) {
	.main-slid .right{ right: 10% }
	.main-slid .txt .des{ font-size: 12px; }
	.main-slid .txt{ padding: 5px }
	.main-slid .txt h1{ font-size: 10px }
	.main-slid .left .txt h1{ font-size: 12px }
	.main-slid .txt .more { float: right; padding: 2px 10px; margin-top: 0px; border: 1.5px solid #fff; border-radius: 2px; font-size: 10px; }
	.col-md-25{ width: 100% }
	header .right-addon input{ height: 36px }
	.main-slid .txt .title { font-size: 14px; }

}