@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: 'bokra-Bold'; font-weight:bold;} h2{font-size:18px;line-height:150%; margin:0 0 4px;font-family: 'bokra-Bold'; font-weight:bold;} h3{font-size:16px;line-height:150%; margin:0 0 3px;font-family: 'bokra-Bold'; font-weight:bold;} h4{font-size:14px;line-height:150%; margin:0 0 3px;font-family: 'bokra-Bold'; font-weight: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: 'bokra-Regular';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: 'bokra-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: 'bokra-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: 'bokra-Bold'} .social a{ float:left; margin-right:4px;font-family: 'tahoma'; font-weight: bold} 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;} .imagen{ width: 100%; background-repeat: no-repeat; background-size: cover; height: 183px; display: block; margin-bottom: 12px; } .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-right: 10px #6ec9ce solid; margin-right: -30px; padding-right: 20px; } .main-slid .txt .des{ font-size: 16px} .main-slid .txt .more{ float: right; 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%; right: 10% } .main-slid .left{ position: absolute; float: left; width: 22%;top: 10%; left: 4%} .main-slid .left .txt .title2{ font-size: 30px } .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: 'bokra-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: 'bokra-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-right: 10px solid #a4340c; font-size: 22px;font-family: 'bokra-Bold'; } .title span{ color: #000; font-family: 'bokra-Regular'; } .news{ overflow: hidden; float:right; width:100%; min-height: 361px; 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: 'bokra-Bold';} .news .txt h4{ color: #000; font-family: 'bokra-Bold'; min-height: 42px; } .news .txt p{ color: #999; font-family: 'bokra-Regular';} .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: 'bokra-Bold'; text-align: center; } .spons .linkbtn{ border: #ccc 1px solid; border-radius: 4px; text-align: center; color: #ccc; padding: 10px; margin-top: 10px } .staff{ max-height: 231px; overflow: hidden; cursor: pointer; float:right; width:100%; border: 0px solid #5dadc1; position:relative; border-radius: 10px; background: #fff; padding: 20px; font-size: 16px } .staff img{ border: 1px solid #f4f4f4; padding: 3px; background: #fff } .staff .name{ float: right; width: auto; color: #a1340b; font-size: 20px;font-family: 'bokra-Bold'; margin-left: 10px } .staff .position{ float: right; width: auto; color: #000; font-size: 15px } .staff .mail{ color: #7f7f7f; font-family: tahoma; font-size: 14px } .staff .title{ color: #000; text-align: center; border-bottom: 1px solid #ccc; border-right: 0 } .staff p{ text-align: right; line-height: 1.5; color: #666 } .modal-dialog .staff{max-height: none; overflow: scroll;} .newsletter{ position: relative; } .newsletter .head-title{ position: absolute; top: 0; right: 0; background: #0006; color: #6fc8ce; font-family: 'bokra-Bold'; padding: 10px; font-size: 15px} .newsletter .desc{font-family: 'bokra-Regular'; color: #fff; background: #db611999; position: absolute; bottom: 0; width: 100%; text-align: center; padding: 10px} .newsletter .desc .title{font-family: 'bokra-Bold'; border:0; color: #fff; font-size: 15px; text-align: center; } .newsletter .desc p{font-family: 'bokra-Regular';} .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 .input-group .form-control:first-child{ border-radius: 0 15px 15px 0 } .contact .input-group-addon:last-child{ border-radius: 15px 0 0 15px; border: 0 } .contact select{ height: 34px} .contact .btn{ background: transparent; color: #70c9cf; float: left; } .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: "bokra-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: bokra-Regular; 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: "bokra-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: 'bokra-Regular'; } .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: right; width: auto; line-height: 50px; margin-right: 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} footer .right-addon .glyphicon { right: 0px;color: #fff} /* add padding */ footer .left-addon input { padding-left: 30px; height: 50px} footer .right-addon input { padding-right: 30px; } /* 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 { left: 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: 'bokra-Bold'; } article a { color: #70c9cf; font-weight: bolder; } .do{float:right;width:100%; font-size:14px; } .do .item{float:right; color: #222; cursor: pointer;} .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 } /* 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: "bokra-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: 13px; } .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: 18px; } .main-slid .left{ width:40% } .main-slid .left .txt .title2{ font-size: 20px } }