body {
   font-family: 'Roboto', sans-serif;
   background: url(../img/pattern.png)repeat;
}

h1{
	color:#fff;
	font-size:40px;
    font-weight:400;
}

h2 {
    color: #375f70;
    font-size: 33px;
	font-weight:300;
    line-height: 130%;
    margin: 0px;
}

h3 {
    color: #375f70;
    font-size: 21px;
	font-weight:300;
    line-height: 130%;
	margin-bottom:20px;
}
p {
    color: #666666;
    font-size: 18px;
    line-height: 170%;
	font-weight:300;
   font-family: 'Roboto', sans-serif;
}
a:focus {
    outline: 0
}
section {
    padding: 2.8em 0
}
section.padding-top {
    padding: 7em 0
}
section.padding-up-top {
    padding-top: 7em
}
section.padding-up-bottom {
    padding-bottom: 7em
}
section.padding-disable {
    padding: 0
}
section.padding-disable-top {
    padding-top: 0
}
section.padding-disable-bottom {
    padding-bottom: 0
}
.text-align-center {
    text-align: center!important
}
.text-align-left {
    text-align: left
}
.text-align-right {
    text-align: right
}
.margin-0 {
    margin: 0!important
}
.margin-top-30 {
    margin-top: 30px
}
.margin-top-20 {
    margin-top: 20px
}
.margin-top-15 {
    margin-top: 15px
}
.margin-top-10 {
    margin-top: 10px
}
.margin-top-0 {
    margin-top: 0
}
.margin-bottom-30 {
    margin-bottom: 30px
}
.margin-bottom-20 {
    margin-bottom: 20px
}
.margin-bottom-15 {
    margin-bottom: 15px
}
.margin-bottom-10 {
    margin-bottom: 10px
}
.margin-bottom-0 {
    margin-bottom: 0
}
.padding-top-30 {
    padding-top: 30px
}
.padding-top-20 {
    padding-top: 20px
}
.padding-top-15 {
    padding-top: 15px
}
.padding-top-10 {
    padding-top: 10px
}
.padding-top-0 {
    padding-top: 0
}
.padding-bottom-30 {
    padding-bottom: 30px
}
.padding-bottom-20 {
    padding-bottom: 20px
}
.padding-bottom-15 {
    padding-bottom: 15px
}
.padding-bottom-10 {
    padding-bottom: 10px
}
.padding-bottom-0 {
    padding-bottom: 0
}
@media (min-width: 768px) {
    .width-80-desktop {
        width: 80%;
        display: block
    }
    .width-80-block-desktop {
        width: 90%;
        display: block;
        margin-left: auto;
        margin-right: auto
    }
}
@media (max-width: 480px) {
    .mob-center {
        text-align: center
    }
    .mob-left {
        text-align: left
    }
    .mob-right {
        text-align: right
    }
}

/*//heeader ---- css ----//*/
header .wrapper{
position: relative;
height: 180px;

}
header .logo-box-wrapper{
    background: url(../img/pattern.png);
    width: 260px;
    height: 250px;
    padding-top: 130px;
    margin: auto;
    margin-top: -110px;
    display: block;
    text-align: center;
    background-color: #fff;
    border-radius: 50%;
    z-index: 1;
    /* box-shadow: 0px 2px 0px 0px rgba(0,0,0,.15); */
}
@-webkit-keyframes autofill {
    to {
        color: #fff;
        background: transparent;
    }
}
input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}
/*//.sec-pannel-one ---- css ----//*/
.sec-pannel-one{
    background: url(../img/Banner.jpg) center no-repeat;
    background-size: cover;
    padding: 0px;
    display: block;
}
/*.sec-pannel-one-mobile{
    display: none;
}*/
.sec-pannel-one-content-wrapper{
    width: 95%;
    margin: 120px 0px 125px 0px;
    background: #071d26cf;
    padding: 30px;
    border-radius: 20px;
}

.sec-pannel-one-content-wrapper h1{
    color: #FFBF05;
    font-size: 46px;
    margin: 0px;
}
.sec-pannel-one-content-wrapper .sub-head{
    color: #FFBF05;
    font-size: 34px;
    font-weight: 300;
    margin: 0px;
    padding-bottom: 15px;
    border-bottom:1px solid #ffbf0585;
    margin-bottom: 15px;
    display: inline-block;
}
.sec-pannel-one-content-wrapper p{
    color: #fff;
    font-size: 18px;
    line-height: 140%;
    font-weight: 300;
    margin: 0px;
}
.sec-pannel-one-content-wrapper .light-italic{
     color: #fff;
    font-size: 16px;
    font-weight: 300;
    margin-top: 30px;
    font-style: italic;
}
.sec-pannel-one-img-wrapper{
    text-align: center;
    margin-top: 40px;
}
 .sec-pannel-one-img-wrapper img{
    margin: auto;
 }
/*//.sec-pannel-two ---- css ----//*/
.panel-heading-wrapper{
display: inline-block;
    width: 100%;
}
.text-wrapper{
    width: 90%;
    float: left;
}
.icon-wrapper{
    width: 10%;
    float: right;
}
.sec-pannel-two{
	background: #F7F1E5;
	padding: 25px 0px;
    -webkit-box-shadow: 0px 0px 16px -3px rgb(0,0,0);
    -moz-box-shadow: 0px 0px 16px -3px rgb(0,0,0);
    box-shadow: 0px 0px 16px -3px rgb(0,0,0);
}
.sec-pannel-two .wrapper{
	text-align: center;
}
.sec-pannel-two p{
	color: #1b4253;
	line-height: 140%;
	font-weight: 300;
	font-size: 20px;
	margin: 0px;
}
.sec-pannel-two .bold{
	font-weight: 400;
}
.row-wrapper-three{
    font-size: 16px;
    margin-top: 30px;
    text-align: center;
    font-weight: 200;
    font-style: italic;
    color: #333333;
}

/*//.sec-pannel-form ---- css ----//*/
.form-section{
    padding: 0px; 
    background: #253050;
}
.form-section .item{
    padding: 30px 0px;
}
.form-section-head{
    text-align: center;

}
.form-section-head h2{
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 10px;
    color: #FFBF05;
}
.form-section-head p{
    font-size: 18px;
    font-weight: 300;
    color: #fff;
    line-height: 130%;
}
.form-group {
    text-align: center;
    margin-top: 30px;
    margin-bottom: 0px;
}
.form-section .btn{
    background: #FFBF05;
    color: #253050;
    font-size: 18px;
    width: 130px;
    padding: 3px;
    margin-top: 35px;
    border-radius: 30px;
    transition: 0.6s
}
.form-control:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none;
    border-bottom: 1px solid #FFC000;
}
.form-section .btn:hover{
    background: #fff;
    color: #253050;
}
.form-group input {
    background: none;
    border: none;
    border-radius: 0px;
    width: 85%;
    height: 25px;
    margin: auto;
    border-bottom: 1px solid #fff;
    padding: 0px;
    color: #fff;
    font-size: 16px;
    box-shadow: none;
}
/*//.sec-pannel-sucess ---- css ----//*/
.sec-pannel-sucess-heading{
    text-align: center;
}
.sec-pannel-sucess-heading span{
    font-size: 40px;
    color: #343434;
    padding-bottom: 7px;
    border-bottom: 1px solid #343434;
}
.sec-pannel-sucess .item{
    text-align: center;
}
.row-wrapper-one{
    margin-top: 40px;
}
.row-wrapper-two{
    margin-top: 60px;
}
.sec-pannel-sucess .item-content{
    font-size: 20px;
    margin-top: 15px;
    color: #333333;

}
/*//.sec-pannel-three ---- css ----//*/
.sec-pannel-three{
    padding: 0px;
}
.sec-pannel-three-pannel-two .wrapper{
    border: 3px solid #2D3C67;
    width: 100%;
    display: inline-flex;
    overflow: hidden;
    
}
.pannel-two-full{
    background: #2D3C67;
    padding:30px 0px;
    text-align: center;
}
.pannel-two-full p{
    color: #fff;
    font-size: 20px;
    margin: 0px;
}
.pannel-two-full .bold{
    font-weight: 400;
}
.sec-pannel-three-pannel-two .pannel-two-left-half{
    background: #E8EDFF;
    padding: 30px;
    float: left;
    overflow: hidden;
    width: 50%;
    position: relative;
}
.sec-pannel-three-pannel-two .pannel-two-left-half::after{
content: '';
    position: absolute;
    top: 10%;
    right: 0;
    height: 80%;
    margin: auto; 
    width: 1px;
    z-index: 1;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0), rgb(45, 60, 103), rgba(0, 0, 0, 0));

}

.sec-pannel-three-pannel-two .pannel-two-right-half{
    background: #E8EDFF;
    padding: 30px;
    float: right;
    overflow: hidden;
    width: 50%;

}
/* Gradient transparent - color - transparent */

hr.style-two {
    width: 50%;
    border: 0;
    height: 1px;
    margin-top: 15px;
    margin-bottom: 15px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgb(255, 175, 63), rgba(0, 0, 0, 0));

}
.pannel-two-left-half-heading,.pannel-two-right-half-heading{
    font-size: 40px;
    font-weight: 300;
    color: #333333;
    margin-bottom: 10px;
    display: inline-block;
    border-bottom: 1px solid #333333;
}
.pannel-two-left-half ul{
    padding: 0px;
    margin-top: 15px;
    margin-bottom: 0px;
}
.pannel-two-left-half li {
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    padding-left: 1.7em;
    line-height: 140%;
    list-style: none;
    padding-bottom: 10px;
    position: relative;
}
.pannel-two-left-half li:last-child {
  padding-bottom: 0px;
}
.pannel-two-left-half ul li::before {
    content: " ";
    position: absolute;
    display: inline-block;
    left: 0;
    top: 6px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #333333;
}
.pannel-two-right-half .media-body, 
.pannel-two-right-half .media-left, 
.pannel-two-right-half .media-right {
    display: table-cell;
    vertical-align: middle;
}
.media-img-text{
    text-align: center; 
}
.media-img{
    position: relative;
}
.media-img-content{
    text-align: center;
    position: absolute;
    top: 25px;
    left: 20px;
    line-height: 100%;
}
.media-img-text-num{
    color: #333333;
    font-size: 38px;
    font-weight: 500;
}
.media-img-text-min{
    color: #333333;
    font-size: 18px;
    font-weight: 400;
}
.media-body-text{
    color: #333333;
    font-size: 16px;
    font-weight: 400;
}
.media-left, .media>.pull-left {
    padding-right: 25px;
}
.media {
    margin-top: 20px;
}
.sec-pannel-three-pannel-three{
    margin: 50px 0px;
}
.sec-pannel-three-pannel-three .wrapper{
    text-align: center;
}
.sec-pannel-three-pannel-three .wrapper h4{
    font-size: 24px;
    font-weight: 300;
    content: #333333;
    margin-bottom: 15px;
}
.sec-pannel-three-pannel-three .wrapper p{
    font-size: 22px;
    color: #333333;
    margin: 0px;
    margin-top: 30px;
    line-height: 130%; 
    font-weight: 300;
}
.footer-sec {
    background: #333333;
    padding: 10px 0px;
}
.footer-sec .wrapper {
    color: #fff;
    font-size: 12px;
    text-align: center;
}
.footer-sec .wrapper a {
    color: #fff;
    font-size: 12px;
    padding: 0px 3px;
    text-align: center;
}
.footer-sec .wrapper a i {
    font-size: 14px;
    height: 26px;
    color: #8CC73F;
    width: 26px;
    border: 2px solid #8CC73F;
    padding: 4px;
    margin: 0px 0px;
    border-radius: 50%;
}
hr {
    width: 20%;
    margin: auto;
    margin-top: 8px;
    margin-bottom: 8px;
    border: 0;
    border-top: 1px solid #666666;
}

@media (max-width: 1100px) {
    .sec-pannel-one-content-wrapper {
        width: 95%;
        margin: 90px 0px 90px 0px;
        background: #071d26cf;
        padding: 30px;
        border-radius: 20px;
    }
    .sec-pannel-one-content-wrapper h1{
        font-size: 42px;
    }
    .sec-pannel-one-content-wrapper p{
        font-size: 16px;
    }
    .sec-pannel-one-content-wrapper .light-italic{
        font-size: 14px;
    }
    .sec-pannel-one-content-wrapper .sub-head{
        font-size: 28px;
    }
    .banner-text-wrapper h1{
        font-size: 32px;
    }
    .banner-content p{
        font-size: 18px;
    }
    .banner-form-content h4{
        font-size: 20px;
    }
    .banner-form-content p{
        font-size: 14px;
    }
    .sec-pannel-three .panel-title{
        font-size: 26px;
    }
    .pannel-two-left-half-heading, 
    .pannel-two-right-half-heading {
        font-size: 30px;
    }
    .sec-pannel-three-pannel-three .wrapper p{
        font-size: 20px;
    }
}
@media (max-width: 800px) {
    .sec-pannel-one-content-wrapper h1 {
        font-size: 34px;
    }
    .sec-pannel-one-content-wrapper .sub-head {
        font-size: 20px;
    }
    .sec-pannel-one-content-wrapper p {
        font-size: 14px;
    }
    .sec-pannel-one-content-wrapper .light-italic {
        font-size: 12px;
    }
    .sec-pannel-one-content-wrapper {
        width: 95%;
        margin: 90px 0px 60px 0px;
    }
    .sec-pannel-one .banner-text-wrapper{
        margin-top: 40px;
    }
    .sec-pannel-one .wrapper{
        width: 70%;
    }
    .banner-text-wrapper h1{
        font-size: 26px;
    }
    .banner-content p{
        font-size: 14px;
    }
    .banner-form-content h4{
        font-size: 18px;
    }
    .banner-form-content p{
        font-size: 14px;
    }
    .sec-pannel-three .panel-title{
        font-size: 22px;
    }
    .sec-pannel-three .content li{
        font-size: 14px;
    }
    .pannel-two-left-half-heading, 
    .pannel-two-right-half-heading {
        font-size: 24px;
    }
    .pannel-two-left-half li{
        font-size: 14px;
    }
    .media-body-text{
        font-size: 14px;
    }
    .sec-pannel-three-pannel-three .wrapper h4{
        font-size: 20px;
    }
    .sec-pannel-three-pannel-three .wrapper p{
        font-size: 16px;
    }
    .sec-pannel-sucess .item-content{
        font-size: 16px;
    }
    .sm-width {
        width: 28%;
        padding: 0px 10px;
    }
    .sec-pannel-two p{
        font-size: 16px;
    }
    .sec-pannel-two{
        padding: 30px 0px;
    }
    .sec-pannel-three .panel-heading{
        padding: 20px 30px;
    }
    .sec-pannel-three-pannel-three{
        margin: 30px 0px;
    }
    .panel-collapse-clickable{
        padding-top: 7px;
    }
    .media-img img{
        width: 60px;
    }
    .media-img-text-num{
        font-size: 28px;
    }
    .media-img-text-min{
        font-size: 14px;
    }
    .media-img-content {
        top: 19px;
        left: 15px;
        line-height: 80%;
    }
    .media-left, .media>.pull-left {
        padding-right: 15px;
    }
    .form-section-head p{
        font-size: 16px;
    }
    .sec-pannel-sucess-heading span{
        font-size: 36px;
    }
    .sec-pannel-sucess .item {
        text-align: center;
        margin-top: 30px;
    }
    .row-wrapper-two {
        margin-top: 0px;
    }
    .pannel-two-full p{
        font-size: 16px;
    }
}
@media (max-width: 480px){
    header .logo-box-wrapper{
        width: 200px;
        height: 230px;
    }
    header .logo-box-wrapper img{
        width: 130px;
    }
    .sec-pannel-one{
        display: none;
    }
    .sec-pannel-one-mobile{
        background: url(../img/Mobile-Banner.jpg) no-repeat;
        background-size: cover;
        padding: 0px;
        display: block;
    }
    .sec-pannel-one .col-md-12{
        padding: 0px;
    }
    .sec-pannel-one-content-wrapper{
        text-align: center;
        padding: 30px 15px;
        margin: 120px 0px 120px 0px;
    }
    .sec-pannel-one .banner-text-wrapper{
        margin-top: 50px;
    }
    .sec-pannel-one-content-wrapper h1{
        font-size: 34px;
    }
    .sec-pannel-one-content-wrapper .sub-head{
        font-size: 24px;
        line-height: 130%;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }
    .sec-pannel-one-content-wrapper p{
        font-size: 14px;
    }
    .sec-pannel-one-content-wrapper .light-italic {
        font-size: 12px;
        margin-top: 20px;
    }
    .banner-form-wrapper {
        background: #001216;
        padding: 15px 15px;
        margin-top: 3px;
    }
    .sm-width {
        width: 100%;
        padding: 0px 0px;
    }
    .sm-submit {
        width: 100%;
        text-align: center;
    }
    .banner-form-wrapper .btn{
        margin-top: 15px;
        background: #ffc000;
        color: #001216;
        padding: 5px 15px;
        border-radius: 5px;
        font-weight: 500;
    }
    .form-group input{
        font-size: 12px;
        margin-bottom: 15px;
    }
    .form-section .btn{
        margin-top: 15px;
    }
    .banner-form-wrapper .row{
        margin: 0px;
    }
    .logo-wrapper img{
        max-width: 30%;
    }
    .ribbon-wrapper .ribbon{
        width: 160px;
        padding: 10px 10px 0px 10px;
        font-size: 12px;
    }
    .ribbon-wrapper .bold{
        font-size: 14px;
        margin-bottom: 6px;
    }
    .gst-text{
        font-size: 14px;
    }
    .ribbon-wrapper:after {
        border-left: 80px solid transparent;
        border-right: 80px solid transparent;
        border-top: 30px solid #21409B;
    }
    .sec-pannel-three .item .wrapper.creative-right{
        padding-right: initial;
    } 
    .sec-pannel-three .item .wrapper.creative-right .image  {
        position: absolute;
        display: block;
        width: 100%;
        height: 150px;
    } 
    .sec-pannel-three .item .wrapper .content {
        padding: 170px 15px 15px;
    }
    .sec-pannel-three .panel-heading {
        padding: 15px 15px;
    }
    .sec-pannel-three-pannel-two .wrapper{
        display: inline-block;
    }
    .sec-pannel-three-pannel-two .pannel-two-left-half,
    .sec-pannel-three-pannel-two .pannel-two-right-half{
        width: 100%;
        padding:15px; 
    }
    .pannel-two-left-half-heading, 
    .pannel-two-right-half-heading {
        font-size: 22px;
        font-weight: 400;
    }
    .sec-pannel-three .container{
        padding: 0px;
    }
    .sec-pannel-three-pannel-three .wrapper p{
        padding: 0px 15px;
    }
    .media-img img{
        width: 60px;
    }
    .media-img-text-num{
        font-size: 28px;
    }
    .media-img-text-min{
        font-size: 14px;
    }
    .media-img-content {
        top: 19px;
        left: 15px;
        line-height: 80%;
    }
    .media-left, .media>.pull-left {
        padding-right: 15px;
    }
    .sec-pannel-three .panel-title {
        font-size: 20px;
    }
    .sec-pannel-one .wrapper {
        width: 100%;
    }
    .banner-content {
        width: 100%;
    }
    .sec-pannel-one .banner-text-wrapper {
        width: 100%;
        text-align: center;
        background: #042331;
        padding: 25px 15px;
        margin-bottom: 3px;
    }
    .banner-content .yellow-border {
        margin-top: 8px !important;
        width: 80%;
        margin: auto;
    }
    .pannel-two-full{
        padding: 30px 15px;
    }
    .mobile-break-none{
        display: none;
    }
    .sec-pannel-sucess-heading span{
        font-size: 24px;
        padding-bottom: 3px;
        line-height: 160%;
    }
    .form-section-head p {
        font-size: 16px;
        padding: 0px 15px;
    }
    .sec-pannel-one-content-wrapper{
        width: 100%;
    }
    .row-wrapper-three{
        font-size: 14px;
    }
}
@media (max-width: 320px){
    .sec-pannel-one-content-wrapper h1 {
        font-size: 28px;
    }
    .sec-pannel-one-content-wrapper .sub-head {
        font-size: 16px;
        line-height: 160%;
    }
    .sec-pannel-sucess-heading span {
        font-size: 20px;
    }
    .row-wrapper-one {
        margin-top: 0px;
    }
    
}