#main-slider { position: relative; }
.no-margin { margin: 0;  padding: 0;}
#main-slider .carousel .carousel-content { margin-top: 0px; padding-top: 30px; padding-bottom: 30px; padding-left: 30px; padding-right: 30px; }
#main-slider .carousel .slide-margin{ margin-top: 60px; text-align:left;}
#main-slider .carousel h2 { color: #e18223; text-align: left; }
#main-slider .carousel .btn-slide { padding: 8px 20px; background: #e74608; color: #fff; margin-top: 25px; display: inline-block; }
#main-slider .carousel a.btn-slide {text-decoration:none;}
#main-slider .carousel a.btn-slide:hover {background: #000; }
#main-slider .carousel .slider-img{ text-align: right; position: absolute; }
#main-slider .carousel .item {  background-position: 50% 0; background-repeat: no-repeat; /* background-size: cover; */left: 0 !important; opacity: 0; top: 0;  position: absolute; width: 100%; display: block !important; height: 560px; -webkit-transition: opacity ease-in-out 500ms; -moz-transition: opacity ease-in-out 500ms; -o-transition: opacity ease-in-out 500ms; transition: opacity ease-in-out 500ms; }
#main-slider .carousel .item:first-child { top: 0;  position: relative; }
#main-slider .carousel .item.active { opacity: 1; -webkit-transition: opacity ease-in-out 500ms; -moz-transition: opacity ease-in-out 500ms; -o-transition: opacity ease-in-out 500ms; transition: opacity ease-in-out 500ms; z-index: 1; }
.fa-chevron-left:before{content: "";background: url('../../images/prev.png') no-repeat; height: 16px;width: 7px;display: block;}.fa-chevron-right:before{content: "";background: url('../../images/next.png') no-repeat ;height: 14px;width: 7px;display: block;}
.fa { display: inline-block; font-family: FontAwesome;   font-style: normal; font-weight: normal; line-height: 1;   -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }
#main-slider .prev, #main-slider .next { position: absolute; top: 50%; background-color: #c52d2f; color: #fff; display: inline-block; margin-top: -25px; height: 40px; line-height: 40px; width: 40px; line-height: 40px; text-align: center; border-radius: 4px; z-index: 5; }
#main-slider .prev:hover, #main-slider .next:hover { background-color: #000;}
#main-slider .prev { left: 10px; }
#main-slider .next { right: 10px; }
#main-slider .carousel-indicators li {position: relative; content: ""; width: 18px; height: 18px; border-radius: 100%; background: #aba9a9; border: 1px solid #aba9a9; left: -3px; top: -3px; }
#main-slider .carousel-indicators li:hover { position: relative; content: ""; width: 18px; height: 18px; border-radius: 100%; background: #e74608; border: 1px solid #e74608; left: -3px; top: -3px; }
#main-slider .carousel-indicators .active{  position: relative; content: ""; width: 18px; height: 18px; border-radius: 100%; background: #e74608; border: 1px solid #e74608; left: -3px; top: -3px;}

#main-slider .active .animation.animated-item-1 { -webkit-animation: fadeInUp 300ms linear 300ms both; -moz-animation: fadeInUp 300ms linear 300ms both; -o-animation: fadeInUp 300ms linear 300ms both; -ms-animation: fadeInUp 300ms linear 300ms both; animation: fadeInUp 300ms linear 300ms both;}
#main-slider .active .animation.animated-item-2 { -webkit-animation: fadeInUp 300ms linear 600ms both; -moz-animation: fadeInUp 300ms linear 600ms both; -o-animation: fadeInUp 300ms linear 600ms both; -ms-animation: fadeInUp 300ms linear 600ms both; animation: fadeInUp 300ms linear 600ms both; }
#main-slider .active .animation.animated-item-3 { -webkit-animation: fadeInUp 300ms linear 900ms both; -moz-animation: fadeInUp 300ms linear 900ms both; -o-animation: fadeInUp 300ms linear 900ms both; -ms-animation: fadeInUp 300ms linear 900ms both; animation: fadeInUp 300ms linear 900ms both; }
#main-slider .active .animation.animated-item-4 { -webkit-animation: fadeInUp 300ms linear 1200ms both; -moz-animation: fadeInUp 300ms linear 1200ms both; -o-animation: fadeInUp 300ms linear 1200ms both; -ms-animation: fadeInUp 300ms linear 1200ms both; animation: fadeInUp 300ms linear 1200ms both; }
.carousel-content h1 { font-size: 2em; color: #000; font-weight: 400;}
.carousel-content p { font-size: 1.2em; font-weight: normal; color:#555454; max-width:400px; }
@media only screen and (max-width: 840px) { #main-slider .prev, #main-slider .next {display:none;} }



/* animation fadeInUp */

@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

/* bootstrap */

.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}.list-inline>li:first-child{padding-left:0}dt{font-weight:bold}dd{margin-left:0}.container{padding-right: 0px; padding-left: 0px;margin-right:auto;margin-left:auto}.container:before,.container:after{display:table;content:" "}.container:after{clear:both}.container:before,.container:after{display:table;content:" "}.container:after{clear:both}@media(min-width:768px){.container{/*width:750px*/}}@media(min-width:1200px){.container{width:1600px}}.row{/*margin-right:-15px;margin-left:-15px*/}.row:before,.row:after{display:table;content:" "}.row:after{clear:both}.row:before,.row:after{display:table;content:" "}.row:after{clear:both}.col-sm-6{position:relative;min-height:1px; width:100%; max-width: 520px;left: 0px;}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666666666666%}.col-xs-10{width:83.33333333333334%}.col-xs-9{width:75%}.col-xs-8{width:66.66666666666666%}.col-xs-7{width:58.333333333333336%}.col-xs-6{width:50%}.col-xs-5{width:41.66666666666667%}.col-xs-4{width:33.33333333333333%}.col-xs-3{width:25%}.col-xs-2{width:16.666666666666664%}.col-xs-1{width:8.333333333333332%}
/* carousel */
.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;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;height:auto;max-width:100%;line-height:1}.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:hover,.carousel-control:focus{color:#fff;text-decoration:none;outline:0;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.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}@media screen and (min-width:768px){.carousel-control .glyphicons-chevron-left,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}


@media only screen and (max-width: 968px) {
#main-slider .carousel .slide-margin { margin-top: 80px; }
}

@media only screen and (max-width: 768px) {
#main-slider .carousel .item {   height: 490px;}
}

@media only screen and (max-width: 360px) {
.carousel-content p { font-size: 1.1em; }
.carousel-content h2 { font-size: 1.2em; }
.carousel-content h1 {  font-size: 1.5em; }
}