/**==========FLEX SLIDER==========**/
.flex-container a:hover,.flex-slider a:hover {outline: none;}
.slides,.slides > li,.flex-control-nav,.flex-dir-nav {margin: 0;padding: 0;list-style: none;}
.flex-pauseplay span {text-transform: capitalize;}
/* ====================================================================================================================
 * BASE STYLES
 * ====================================================================================================================*/
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden;position:relative;}
.flexslider .slides img {width: 100%; height:100%; display: block;}
.flexslider .slides:after {content: "\0020";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .flexslider .slides {display: block;}
* html .flexslider .slides {height: 1%;}
.no-js .flexslider .slides > li:first-child {display: block;}
/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider {background: #fff;border-right: 4px solid #fff;position: relative;zoom: 1;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);}
.flexslider .slides {zoom: 1;}
.flexslider .slides img {height: auto;-moz-user-select: none;}
.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;  -o-transition: all 1s ease;transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.carousel li {margin-right: 5px;}
.flex-dir-nav {height: 0;}
.flex-dir-nav a {text-decoration: none;display: block;width: 20px;height: 20px;margin: -20px 0 0;position: absolute;top: 50%;z-index: 10;overflow: hidden;opacity: 0;cursor: pointer;color: #fff;text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.flex-dir-nav a:before {font-size: 20px;display: inline-block;font-family: carmel ! important;
    content: "\e102";color: #fff;text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);}
.flex-dir-nav a.flex-next:before {font-family: carmel ! important;
    content: "\e101";}
.flex-dir-nav .flex-prev {left: -50px;}
.flex-dir-nav .flex-next {right: -50px;text-align: right;}
.flexslider:hover .flex-dir-nav .flex-prev {opacity: 0.7;left: 10px;}
.flexslider:hover .flex-dir-nav .flex-prev:hover {opacity: 1;}
.flexslider:hover .flex-dir-nav .flex-next {opacity: 0.7;right: 10px;}
.flexslider:hover .flex-dir-nav .flex-next:hover {opacity: 1;}
.flex-dir-nav .flex-disabled {opacity: 0!important;filter: alpha(opacity=0);cursor: default;z-index: -1;}
.flex-pauseplay a {display: block;width: 20px;height: 20px;position: absolute;bottom: 5px;left: 10px;opacity: 0.8;z-index: 10;overflow: hidden;cursor: pointer;color: #000;}
.flex-pauseplay a:before {font-family: "flexslider-icon";font-size: 20px;display: inline-block;content: '\f004';}
.flex-pauseplay a:hover {opacity: 1;}
.flex-pauseplay a.flex-play:before {content: '\f003';}
.flex-control-nav {width: auto;position: absolute;bottom: 3%;z-index:9;text-align: center;left: calc(50% - 30px);}
.flex-control-nav li{margin: 0 5px 0 0;float:left;zoom: 1;display: inline;}
.flex-control-paging li a{width: 7px;height: 7px;display: block;background: #666;background: rgba(0,0,0,0.4);cursor: pointer;text-indent: -9999px;-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);-moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);-o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;}
.flex-control-paging li a:hover {background: #333;background: rgba(255, 255, 255, 0.8);}
.flex-control-paging li a.flex-active{background: #000;background: rgba(255, 255, 255, 0.8);cursor: default;}
.flex-control-thumbs {margin: 5px 0 0;position: static;overflow: hidden;}
.flex-control-thumbs li {width: 25%;float: left;margin: 0;}
.flex-control-thumbs img {width: 100%;height: auto;display: block;opacity: .7;cursor: pointer;-moz-user-select: none;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-ms-transition: all 1s ease;-o-transition: all 1s ease;transition: all 1s ease;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1;cursor: default;}
/**==========FLEX SLIDER==========**/
.slider{display: block;margin: 0; width:100%;position: absolute;bottom: 6%;}
.slider h4{font-size: 62px;font-weight: normal;color: #ffffff;text-align:center;}
.slider p{font-size: 30px;font-family:"HelveticaNeueLight";line-height: 1.2;color: rgba(255, 255, 255, 0.87);text-align:center;padding-top:5px;}
/**==========section1==========**/
.sec1-info {position: absolute;bottom: 10%;z-index: 1;left: 30%;}
.section1-right{margin:8% 8% 0;}
.section1-right h3{font-size: 32px;color: #000000;text-align:left;}
.row2{font-family:"HelveticaNeueLight";}
.row1{margin:9% 0 7%;}
.txt1 p,.txt11 p{font-size: 17px;color: #5d5d5d;font-family:"HelveticaNeue";}
.r21 {margin: 0 0 10%;}
.txt1{width:60%;float:left;}
.txt11{float:right;width:40%;}
.txt2,.txt22,.arr{float:left;}
.txt2{width:30%}
.arr{width: 2px;margin: 1% 13% 0% 13%;border-right: 1px solid #bababa;height: 37px;}
.txt2 p,.txt22 p    {font-size:30px;text-align: left;color: #000000;}
.txt2 p sup,.txt22 p sup{font-size:22px;margin:0px 5px 0px 20px;}
/**==========section1==========**/
.clear{clear:both;}
.section1{width:100%;}
.section1-left{width:50%;float:left;}
.section1-right{width:34%;float:right;}
/**==========section2==========**/
.s-head{font-size:30px;font-weight: normal;text-align: center; color: #000000;padding: 4% 0px 3% 0px;}
.banner-info{margin: 0 auto;width: 45%;}
/**==========Media Queries==========**/
@media screen and (max-width:1280px){
    .section1-right { margin: 6% 6% 0;}.section1-right {width: 37%;}
    .s-head{font-size:30px;}
    .slider h4 {font-size: 50px;}
    .slider p {font-size: 25px;}
}
@media screen and (max-width:1160px){
    .section1-right h3 {font-size: 30px;}
    .row1 {margin: 6% 0% 0%;}
    .txt2 p, .txt22 p {font-size: 25px;}
    .arr { margin: 10px 13% 0% 13%;height:30px;}
}
@media screen and (max-width:1024px){
    .banner-info {width: 60%;}
    .section1-right { margin:5% 5% 0;width: 40%;}
    .section1-right h3 {font-size: 25px;}
    .txt2 p, .txt22 p {font-size: 23px;}
    .slider h4 {font-size: 40px;}
    .slider p {font-size: 20px;}
    .arr{font-size:22px;}
}
@media screen and (max-width:900px){
    .s-head { font-size: 30px;}
    .section2 {min-height: 460px;}
    .txt2 p, .txt22 p {font-size: 20px;}
    .r21 { margin: 7% 0%;}
    .arr { margin: 10px 13% 0% 13%;height:25px;}
}
@media screen and (max-width: 860px){
    .flex-dir-nav .flex-prev {opacity: 1;left: 10px;}
    .flex-dir-nav .flex-next {opacity: 1;right: 10px;}
    .txt2 p, .txt22 p {font-size: 18px;}
}
@media screen and (max-width:768px){
    .s-head { font-size: 25px;}
    .section2 {min-height: 400px;}
    .txt2 p sup, .txt22 p sup {font-size: 17px;}
    .txt2 p, .txt22 p,.section1-right h3{font-size: 17px;}
    .txt1 p, .txt11 p {font-size: 14px;}
    .slider h4 {font-size: 30px;}
    .slider p {font-size: 17px;}
    .arr { margin: 6px 13% 0% 13%;height:22px;}
 
}
@media screen and (max-width: 680px){
    .section1-left {width: 100%; float: none;}
    .section1-right {width: 65%; margin: 30px auto; float: none;}
}
@media screen and (max-width: 640px){
    .section2 {min-height: 360px;}
    .s-head {font-size: 23px;}
    .banner-info {width: 70%;}
    .arr {margin: 6px 8% 0% 18%;height: 20px;}
}
@media screen and (max-width: 610px){
    .txt2 p, .txt22 p{font-size: 18px;}
    .section1-right h3{font-size: 19px;}
    .section2 {min-height: 330px;}
}
@media screen and (max-width: 580px){
    .row1, .r21{ margin: 10px 0;}
    .txt2 p sup, .txt22 p sup { margin: 0 5px 0 10px;}
    .arr {margin: 10px 8% 0% 13%;height: 17px;}
}
@media screen and (max-width:480px){
    .s-head ,.section1-right h3{font-size: 20px;}
    .section1-left {width: 100%;float: none;}
    .section1-right {width: 65%;margin: 30px auto ! important;float: none;} 
    .slider h4 {font-size: 35px;}
    .flexslider{border:0;}
}
@media screen and (max-width:400px){
    .section1-right {width: 85%;margin: 30px auto ! important; float: none;}    
    .s-head {font-size: 19px;}
    .flex-control-nav {display:none;}
}
@media screen and (max-width:320px){
    .s-head {font-size: 17px;}
}