html{ width:100%;}
body {font-size:62.5%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); margin:0; padding:0; font-family: 'Montserrat', sans-serif; }
.center{ text-align: center; }
section, footer, .kma_warper { width: 100%; float: left;}
.kma_warper{ position: relative;}
.responsive_img {width: 100%;float: left;}
.logo{ position: absolute; left:5%; top:5%; width:175px;}
.kma_capt{position:absolute;left: 10%;top: 10%;width: 500px;margin-left: 50px;}
.kma_capt h1{font-weight:900;font-size: 14em;color: #3d53a2;line-height: 0.8em;margin-bottom: 60px;position: relative;}
.kma_capt h1:after{content:"";position: absolute;left: 0;bottom: -21px;background: #f89831;height: 2px;width: 34%;}
.kma_capt p{font-weight:400;font-size: 2.5em;color: #3d53a2;line-height: 0.8em;margin-bottom: 35px;}
a.btn{font-weight: 400;font-size: 1.8em;color:#3f4045;text-decoration:none;padding: 12px 30px;background:#ffd24f;border-radius:30px; transition: all 0.2s linear;}
a.btn:hover{ background:#fff; color:#e2b32b }
.sub_warp{margin: 0px 0 60px 0;}
.experince_warp{ padding-bottom:80px;}
.sub_warp h2{
     font-family: 'Raleway', sans-serif;
     font-size:4em;
     color:#55565d;
     font-weight:600;
     text-align: center;
     display: block;
     margin-bottom: 10px;
     padding-top: 20px;
     }
hr{border-bottom: solid 3px #55565d; border-top:0; margin-bottom:20px; }
.sub_warp hr{ width:80px; margin:0 auto 20px;}
.sub_warp p{ text-align:center; width:50%;margin:0 auto 30px; font-family: 'Raleway', sans-serif; font-size:2em; color:#838695}
.sub_warp.resorts p{ color:#9294a2;  }
.sub_warp.resorts {
    width: 100%;
    position: relative;
}
.sub_warp.resorts h2{ color:#9294a2;}
.sub_warp.resorts hr{ border-bottom: solid 2px #9294a2;}

.lead_form_warp h2{ color:#ffffff;}
.lead_form_warp hr{ border-bottom: solid 2px #ffffff;}

.lead_form_warp p {
    font-family: 'Raleway', sans-serif;
    font-size: 2em;
    color: #fff;
    margin: 0 auto 30px;
    text-align: center;
    width:60%;
}

.sub_warp.resorts:after {
    content: "";
    background: #2a2b31;
    width: 100%;
    height: 350px;
    display: block;
    top: 0;
    position: absolute;
    z-index: -1;
}
.resorts_warper {
    width: 88%;
    margin: 0px auto;
    float: none;
    box-sizing: border-box;
    padding: 10px 15px 17px 14px;
}
.resorts_warper ul {
    width: 100%;
    float: left;
    position: relative;
    display: block;
    list-style:none;
    margin: 0;
    padding: 0;
}
.resorts_warper ul li {
    position: relative;
    width: 24.88%;
    float: left; overflow: hidden;
}
.resorts_warper ul li img {
    width: 100%;
    float: left;
    transition: all 0.44s cubic-bezier(.37,.33,.2,.82);
    -webkit-transition: all 0.44s cubic-bezier(.37,.33,.2,.82);
    -moz-transition: all 0.44s cubic-bezier(.37,.33,.2,.82);
    -o-transition: all 0.44s cubic-bezier(.37,.33,.2,.82);
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
}
.resorts_warper ul li:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}

.resorts_warper ul li h4 {
    font-size: 3.1em;
    color: #ffffff;
    position: absolute;
    bottom: 23px;
    left: 30px;
    margin: 0;
    z-index: 1; transition:bottom 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.resorts_warper ul li h4:after{content:"";width:0;background:#ffffff;height: 3px;position: absolute;left: 1px;bottom: -6px; opacity:0; transition:all 0.2s linear;}

.resorts_warper ul li:hover h4{bottom:85%;}

.resorts_warper ul li:after{ content:""; position: absolute; left:0; top:0; width:100%; height:100%; opacity:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,13151e+67&0+0,0.65+9 */ 
background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(19,21,30,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(19,21,30,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(19,21,30,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a613151e',GradientType=0 ); /* IE6-9 */

}

.resorts_warper ul li:hover:after{opacity:1;}
.resorts_warper ul li:hover h4:after{content:""; width:60px ; opacity:1;}
.resorts_warper ul li .details{
    position: absolute;
    width: 100%;
    display: block;
    height: 100%;
    left: 0;
    padding: 75px 30px 30px 30px;
    box-sizing: border-box;
    z-index: 2; opacity:0; transition:all 0.7s cubic-bezier(0.165, 0.84, 0.44, 1); transform: translateY(20px);
    }
.resorts_warper ul li .details p{font-size: 1.8em;text-align:left;width: 100%;margin-bottom:8px; color: #ffffff;}
.resorts_warper ul li:hover .details{opacity:1; transform: translateY(0px);}
.experince_warp .tab{ position: relative; width:86%; margin:25px auto;}
ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    width: 100%;
    text-align: center;
}

ul.tabs li {
    display: inline-block;
    margin: 0;
    cursor: pointer;
    padding: 0px 21px;
    height: 31px;
    line-height: 31px;
    color: #838695;
    overflow: hidden;
    position: relative;
    text-transform: uppercase;
    font-size: 1.9em;
    font-weight: 500;
    text-align: center;
    position: relative;
    padding-bottom: 7px;
} 
ul.tabs li.active{ color:#2a2b31;}
ul.tabs li.active:after{content:"";position: absolute;width: 90%;left: 5%;bottom: -1px;height:3px;background:#55565d;}
.tab_content{ width:100%; float: left; clear: both; margin-top:30px;}
.lead_form_warp{ background: #535c7a;}
ul.lead_form{margin:40px auto;padding:0;list-style:none;width:70%;}

ul.lead_form li {
    display: inline-block;
    vertical-align: top;
    width: 41.333333%;
    margin-bottom: 25px;
    position: relative;
    padding: 0 4%;
    margin-bottom:60px;
    position: relative;
}
ul.lead_form li input {
    float: left;
    width: 100%; 
    height: 35px;
    display: block;
    width: 100%;
    padding: 6px 6px;
    font-size: 1.8em; 
    color: #fff;
    background: none;
    background-image: none;
    border-bottom: 1px solid #fff;
    border-top: 0;
    border-left: 0;
    border-right: 0; 
    -webkit-transition: border-color ease-in-out .15s,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; 
    outline: none;
    box-sizing: border-box;
}
ul.lead_form li input:focus { border:1px solid #ffd24f; border-top: 0;
    border-left: 0;
    border-right: 0;}

ul.lead_form li input::-webkit-input-placeholder {
    color: #fff;
    }
    
ul.lead_form li input:-moz-placeholder { /* Firefox 18- */
    color: #fff;  
    }
    
ul.lead_form li input::-moz-placeholder {  /* Firefox 19+ */
    color: #fff;  
    }
    
ul.lead_form li input:-ms-input-placeholder {
    color: #fff;  
    }
 
    .form__checkbox {
        position: relative;
        display: inline-block;  margin:0;
      }
      .form__checkbox--inline {
        display: inline-block;
      }
      .form__checkbox input[type=checkbox] {
        position: absolute;
        visibility: hidden;
      }
      .form__checkbox input[type=checkbox][disabled] ~ .checkbox {
        background-color: #eaedee;
      }
      .form__checkbox input[type=checkbox][disabled] ~ label {
        color: #ccc;
      }
      .form__checkbox input[type=checkbox]:checked ~ .checkbox {
        background-color: #d3ac3c;
      }
      .form__checkbox input[type=checkbox]:checked ~ .checkbox:before {
        -webkit-transform: scale(1) rotate(45deg);
        -moz-transform: scale(1) rotate(45deg);
        -ms-transform: scale(1) rotate(45deg);
        -o-transform: scale(1) rotate(45deg);
        transform: scale(1) rotate(45deg);
      }
      .form__checkbox input[type=checkbox]:checked ~ label {
        color: #ffffff; 
      }
      .form__checkbox input[type=checkbox]:checked[disabled] ~ .checkbox {
        background-color: #eaedee;
      }
      .form__checkbox input[type=checkbox]:checked[disabled] ~ .checkbox:before {
        -webkit-transform: scale(1) rotate(45deg);
        -moz-transform: scale(1) rotate(45deg);
        -ms-transform: scale(1) rotate(45deg);
        -o-transform: scale(1) rotate(45deg);
        transform: scale(1) rotate(45deg);
      }
      .form__checkbox input[type=checkbox]:checked[disabled] ~ label {
        color: #ccc;
      }
      .form__checkbox label {
        position: relative;
        z-index: 9;
        display: block;
        font-weight: 300;
        height: 20px;
        line-height: 20px;
        cursor: pointer;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        -o-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -khtml-user-select: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        -o-user-select: none;
        user-select: none;
        margin: 10px 0;
        padding: 0 10px 0 25px;
        color: #ffffff; font-size:1.4em;
      }
      .form__checkbox .checkbox {
        position: absolute;
        top: 50%;
        left: 0;
        z-index: 5;
        display: block;
        background-color: #d7dddf;
        background-image: none;
        height: 20px;
        width: 20px;
        -moz-transition: border 0.2s ease-in-out;
        -webkit-transition: border 0.2s ease-in-out;
        -o-transition: border 0.2s ease-in-out;
        transition: border 0.2s ease-in-out;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        -ms-border-radius: 3px;
        -o-border-radius: 3px;
        border-radius: 3px;
        margin-top: -10px;
      }
      .form__checkbox .checkbox:before {
        position: absolute;
        top: 50%;
        right: 50%;
        display: block;
        width: 6px;
        height: 12px;
        border: 2px solid #fff;
        border-top: 0;
        border-left: 0;
        content: '';
        -moz-transition: background 0.2s ease-in-out, transform 0.15s ease-in-out;
        -webkit-transition: background 0.2s ease-in-out, transform 0.15s ease-in-out;
        -o-transition: background 0.2s ease-in-out, transform 0.15s ease-in-out;
        transition: background 0.2s ease-in-out, transform 0.15s ease-in-out;
        -webkit-transform: scale(0) rotate(45deg);
        -moz-transform: scale(0) rotate(45deg);
        -ms-transform: scale(0) rotate(45deg);
        -o-transform: scale(0) rotate(45deg);
        transform: scale(0) rotate(45deg);
        margin: -7px -3px 0 0;
      }    
.form_submit{ width:92%; margin:0 auto; text-align: center;}
.sbtButton { 
    border: 0; margin:25px 0; 
    color: #3a52a3;
    font-size:1.8em;
    position: relative;font-family: 'Montserrat', sans-serif; 
    background-color: #ffd24f;
    padding: 12px 50px;
    cursor: pointer;
    border-radius: 30px; font-weight:500; transition:all 0.2s linear; outline:none;
}
.sbtButton:hover{ background-color:#e8be44;}
.error {
    display: block;
    color: #ffd24f;
    font-size: 12px;
    margin: 5px 0;
    position: absolute;
    bottom: -22px;
}
.tc{ color: #fff; font-size:1.2em; text-align: center; padding-bottom:40px;}

.swiper-container {
    width: 100%;
    height: 28vw;
    transition: opacity .6s ease;
  }
  .swiper-container.swiper-container-coverflow {
    padding-top: 1%;
  }
  .swiper-container.loading {
    opacity: 0;
    visibility: hidden;
  }
  .swiper-container:hover .swiper-button-prev,
  .swiper-container:hover .swiper-button-next {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
    visibility: visible;
  }
  
  .swiper-slide {
    background-position: center;
    background-size: cover;
  }
  .swiper-slide .entity-img {
    display: none;
  }
  .swiper-slide .content {
    position: absolute;
    bottom: -26%;
    left: 0;
    width: 100%;
    padding-left: 0;
    color: #000;
  }
  .swiper-slide .content .title {
    font-size: 2.4em;
    font-weight: bold;
    margin-bottom: 11px;
    text-align: center;
    margin-top: 0;
    color: #55565d;
  }
  .swiper-slide .content .caption {
    display: block;
    font-size: 1.7em;
    line-height: 1.5em;
    text-align: center;
    color: #55565d;
  }
  
  [class^="swiper-button-"] {
    width: 44px;
    opacity: 0;
    visibility: hidden;
  }
  
  .swiper-button-prev {
    -webkit-transform: translateX(50px);
            transform: translateX(50px);
  }
  
  .swiper-button-next {
    -webkit-transform: translateX(-50px);
            transform: translateX(-50px);
  }
  
  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 9px;
    position: relative;
    width: 12px;
    height: 12px;
    background-color: #fff;
    opacity: .4;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border: 0px solid #fff;
    border-radius: 50%;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet:hover, .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
  }
  .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    border-width: 1px;
  }
  .swiper-slide-prev .content, .swiper-slide-next .content, .swiper-slide-next .content .caption, .swiper-slide-prev .content .caption{ color:#fff; opacity:0.2;} 
  .selectMenu {
    float: left;
    width: 100%;
    position: relative;
}
.selectMenu #icon-arrow-down {
    width: 15px;
    position: absolute;
    top: 1px;
    right: 6px;
    fill: #ffffff;
}
.selectMenu select {
    float: left;
    width: 100%; 
    height: 35px;
    display: block;
    width: 100%;
    padding: 6px 6px;
    font-size: 1.8em; 
    color: #fff;
    background: none;
    background-image: none;
    border-bottom: 1px solid #fff;
    border-top: 0;
    border-left: 0;
    border-right: 0; 
    -webkit-transition: border-color ease-in-out .15s,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; 
    outline: none;
    box-sizing: border-box;     -webkit-appearance: none;
}
.selectMenu select:focus { border:1px solid #ffd24f; border-top: 0;
    border-left: 0;
    border-right: 0;}

.selectMenu select option {
        color: #333333;
        }
        
.selectMenu select option { /* Firefox 18- */
        color: #333333;  
        }
        
.selectMenu select option {  /* Firefox 19+ */
        color: #333333;  
        }      
.selectMenu select option { color: #333333;  }
.partner_warp ul{ list-style:none; width:70%; margin:0 auto; padding:0; list-style:none;}
.partner_warp ul li{    display: inline-block; width: 32.77%; padding: 0 2%; box-sizing: border-box;}

.partner_warp ul li small{text-align: center;
    display: block;
    padding-top: 10px;
    clear: both;
    color: #555555;
    font-size: 1.2em;}

.sub_warp.clubm{background: url(../images/parttern.png) repeat;     padding-bottom: 80px;}

.sub_warp.clubm .logo_clubm{ position: relative; width:485px; margin:0 auto;}
.sub_warp.clubm  h2{font-family: 'Raleway', sans-serif;font-size:3em; font-weight:normal; color: #d2b24a;     margin-bottom: 40px;
    padding-top: 0;
    margin-top: 0;}
.clubm_warper{ max-width:1450px;
    margin: 0px auto;
    float: none;
    box-sizing: border-box;
    padding: 10px 15px 17px 14px;}
.clubm_warper ul {
        width: 100%;
        float: left;
        position: relative;
        display: block;
        list-style: none;
        margin: 0;
        padding: 0;
    }
.clubm_warper ul li {
        position: relative;
        width:49.88%;
        float: left;
        overflow: hidden;
} 
.clubm_warper ul li:after, .clubm_warper ul:after, clubm_warper:after{ content:""; clear: both; display:table;}   
.clubm_warper ul li img {
    width: 100%;
    float: left; 
}
.clubm_warper ul li h6 {
    font-size:1.7em;
    color: #d2b24a; font-weight:normal;
    position: absolute;
    bottom: 20px;
    left: 20px;
    margin: 0;
    z-index: 1;
    transition: bottom 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.sub_warp p.tc{font-family: 'Raleway', sans-serif;font-size:1.4em; font-weight:normal; color: #454545; padding:0 40px;}



 @media (max-width:1450px) {
.swiper-slide .content { bottom:-31%;}
.kma_capt h1{font-size: 10em;}
.resorts_warper ul li .details p { font-size: 1.3em;  margin-bottom: 6px; }
.resorts_warper ul li:hover h4 {
    bottom: 82%;
    left: 14px;
    font-size: 2.4em;}
.clubm_warper{ max-width:1150px;}
.resorts_warper ul li h4{ font-size: 2.5em; bottom: 22px;     left: 14px;}
.resorts_warper ul li h4:after { content: ""; left: 1px;  bottom: -4px;}
.resorts_warper ul li .details {  padding: 64px 10px 10px 15px; }
.sub_warp p{ width:60%;}
ul.lead_form li{ margin-bottom:30px;}
 }

@media (max-width: 1180px) {
    .swiper-slide .content .title {  font-size: 25px; }
    .swiper-slide .content .caption { font-size: 12px; }
    .kma_capt h1{font-size: 8em; margin-bottom: 40px;}
    .kma_capt p{  font-size: 2em;}
    .kma_capt {width: 500px;  margin-left: 20px;   top: 27%;}
    .kma_capt h1 { font-size: 6em; margin-bottom: 35px; margin-top: 20px; }
    a.btn { font-size: 1.4em; padding: 10px 26px;}
    .sub_warp h2{ font-size: 3em;}
    .sub_warp p{ width: 80%;}
    .resorts_warper ul li { width: 32.99%; }
    .resorts_warper ul li h4 { font-size: 2.2em;}
    .resorts_warper ul li:hover h4 {bottom: 83%; left: 14px;}
    ul.tabs li{font-size: 1.4em; padding: 0px 10px; height: 30px;}
    .resorts_warper ul li .details p {
        font-size: 1.2em;
        margin-bottom: 6px;
    }
    ul.tabs li {
        font-size: 1.4em;
        padding: 0px 6px;
        height: 30px;
    }
    .clubm_warper{ max-width:950px;}
}

@media (max-width: 1023px) {
    .swiper-container {height: 40vw;}
    .swiper-container.swiper-container-coverflow { padding-top: 0;}
    .kma_capt { position: absolute;  right: 0;}
    .partner_warp ul {  width: 95%;}
   
}

@media (max-width: 767px) {
    .kma_capt { width:200px;margin-left: 20px;}
    .kma_capt h1 {
        font-size: 4em;
        margin-bottom: 32px;
        margin-top: 4px;
    }
    .kma_capt p {
        font-size: 1.6em;
        margin-bottom: 20px;
    }
    .logo{ width:100px;}
    .logo img{ width:100%; max-width:100%;}
    .kma_capt { 
        right: 0;
    }
    .sub_warp h2{ font-size:2em;}
    .sub_warp {
        margin: 0px 0 42px 0;
    }
    .resorts_warper{ width: 98%;}
    .resorts_warper ul li {
        width: 49.99%;
    }
    .sub_warp p { font-size: 1.5em;  margin: 0 auto 12px;}
    .resorts_warper ul li:hover h4 {
        bottom: 88%;
        left: 14px;
    }
    .lead_form_warp p { 
        font-size: 1.5em; 
        margin: 0 auto 18px; 
        width: 90%;
    }
    ul.lead_form {
        margin: 40px auto;
        padding: 0;
        list-style: none;
        width: 98%;
    } 

    clubm_warper{ max-width:90%;}
    .sub_warp p.tc{font-size:1.3em; margin-top:25px; margin-bottom:15px;}

}

@media (max-width:550px) { 
    .kma_capt h1 {
        font-size: 2.5em;
        margin-bottom: 10px;
        margin-top: 4px;
    }
    .logo {
    width: 65px;
}
    .kma_capt h1:after{bottom: -4px;}
    .kma_capt p{font-size: 1.3em;}
    a.btn {
        font-size: 1.2em;
        padding: 10px 18px;
    }
    .resorts_warper ul li {
        width: 99.99%;
    }
    .resorts_warper ul li{ margin-bottom:30px;}
    ul.tabs li {
        font-size: 1em;
        padding: 0px 5px;
        height: 29px;
        font-weight: 600;
    }
    .resorts_warper ul li h4 {
    bottom: inherit;
    left: 14px;
    top: 7px;
}
.resorts_warper ul li:hover h4{ bottom:inherit; }
   .resorts_warper ul li .details {
    padding: 38px 10px 10px 15px;
    opacity: 1;
    transform: translateY(0px);
}
.resorts_warper ul li:hover h4:after{ display:none; }
    ul.lead_form li { 
        width: 99%;  
        margin-bottom: 35px; padding: 0;
        
    }
    ul.lead_form { 
        width: 90%;
    }
    ul.lead_form li input, .selectMenu select{  font-size: 1.5em;}
    .form__checkbox label{    font-size: 1.2em;}
    .sbtButton {
        margin: 18px 0; 
        font-size: 1.4em; 
        padding: 12px 20px; 
    }
    .partner_warp ul li {
        width: 48%;
        margin-bottom: 30px;
    }
    .partner_warp ul li small{font-size:1.1em;}
    .experince_warp {
        padding-bottom: 45px;
    }
    .sub_warp {
        margin: 0px 0 0px 0;
    }
    .kma_capt {left: 0;}
    clubm_warper{ max-width:96%;}
    .sub_warp.clubm .logo_clubm{ width:85%;}
    .sub_warp.clubm .logo_clubm img{ width:100%; max-width:100%;}
    .sub_warp.clubm h2 {  font-size: 2em;}
    .clubm_warper ul li { width: 100%;}
    .clubm_warper ul li h6 { font-size: 1.5em;}
    .resorts_warper ul li:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 65%;
    opacity: 1;
   /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3c52a2+17,7db9e8+100&1+0,0+100 */
background: -moz-linear-gradient(top, rgba(60,82,162,1) 0%, rgba(60,82,162,0.83) 17%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(60,82,162,1) 0%,rgba(60,82,162,0.83) 17%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(60,82,162,1) 0%,rgba(60,82,162,0.83) 17%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c52a2', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
}
}