@import url('https://fonts.googleapis.com/css?family=Montserrat:500|Open+Sans&display=swap');
body{ margin:0; padding:0; font-family: 'Open Sans', sans-serif;}
.row{ margin:0; padding:0;}
.container { max-width: 1170px;}
.cont{ background:#003144;}
.contat{ float:left; width:auto;}
.contat span{ vertical-align:middle; float:right; margin-left:30px; vertical-align:middle; padding:5px 0px;}
.contat span img{ margin-right:10px;}
.contat span a{ font-size:15px; color:#fff; text-decoration:none;}
.contat span a:hover{  color:#61bd9d;}

.showhide{ float:left; width:100%; display:none;}

.log{ background:#fff; padding:5px 0px;}


 .affix {
    top: 0;
    width: 100%;
    z-index: 9999 !important;
  }

  .affix + .container-fluid {
    padding-top: 70px;
  }

.socialicon {
    float: right;

}
.socialicon a {
    float: right;
    margin: 4px 15px 0px 0px;
    border-radius: 50%;
    width: 29px;
    color:#fff;
    padding: 8px 10px;
    height: 29px;
}
.lifty{ position:absolute; top:12%; left:18%;}
.lifty h2 small{ text-transform:uppercase; font-size:48px; color:#fff;}
.lifty h2{ text-transform:uppercase; font-size:60px; color:#fff; font-weight:bold;}
.lifa{ float:left; width:100%; margin-top:30px;}
.lifa a{ float:left; width:auto; background:#61bd9d; font-size:13px; padding:10px 25px; border-radius:5px; color:#fff; text-transform:uppercase; text-decoration:none;}
.lifa a:hover{ background:#2f378f;}
.socialicon a.fb {
    background: #3b5998;
}
.socialicon a.lin {
    background: #0077B5;
}

.logo{ float:left; width:100%; height:auto;}
.logo img{width:100%; max-width:354px; }
.navi{ float:right; width:auto; height:auto; margin-top:70px;}
.navi a{ display:inline-table; padding:0px 20px; font-size:13px; border-right: solid 1px #202020; color:#202020; text-transform:uppercase; font-weight:bold;line-height: 12px; text-decoration:none;}
.navi a:hover{color:#61bd9d;}
.navi a:last-child{ padding-right:0; border-right:none;}

#myDIV {
  width: 100%;
  padding: 0px 0;
  text-align: center;
  background-color: lightblue;
}

.slide{ float:left; width:100%; height:auto; background:#fff;}
.carousel-indicators{ display:none;}
.year{ margin-top: -58px; float: left; width: 100%;}
.ybox{ display:inline-block; text-align:center; background:#2f378f; border-radius:10px; padding:20px; width:23%;margin: -50px 10px 10px 10px; position:relative; transition: all 0.5s ease;}
/*.ybox:hover{ box-shadow:5px 5px 5px #666; transition: all 0.5s ease;background:#041319;}
.ybox:hover .yblu span {color: #fff; border: solid 4px #fff; background: #041319; transition: all 0.5s ease;}

.tbox:hover{  transition: all 0.5s ease; background:#041319;}
.tbox:hover .tblu span {color: #fff; border: solid 4px #fff; background: #041319; transition: all 0.5s ease;}*/

.yblu{ float:left; width:100%; text-align:center;}
.ysmall{ font-size:20px !important;}
.yblu span{     font-size: 32px; display:inline-table; font-family: 'Montserrat', sans-serif;
    color: #666666;
    height:110px;
    width: 110px;
    border-radius: 50%;
    background: #fff;
    line-height:100px;
    margin: -65px 10px 15px 10px;
    position: relative;
    border: solid 4px #2e3790; transition: all 0.5s ease;}
.ytext{ float:left; width:100%; font-size:20px; color:#fff; text-transform:uppercase;     height: 100px;}


.tbox{ display:inline-block; text-align:center; background:#61bd9d; border-radius:10px; padding:20px; width:23%;margin: -50px 10px 10px 10px; position:relative; transition: all 0.5s ease;}
.tblu{ float:left; width:100%; text-align:center;}
.tsmall{ font-size:20px !important;}
.tblu span{     font-size: 32px; display:inline-table; font-family: 'Montserrat', sans-serif;
    color: #666666;
    height:110px;
    width: 110px;
    border-radius: 50%;
    background: #fff;
    line-height:100px;
    margin: -65px 10px 15px 10px;
    position: relative;
    border: solid 4px #61bd9d; transition: all 0.5s ease;}
.ttext{ float:left; width:100%; font-size:20px; color:#fff; text-transform:uppercase;     height: 100px;}



.bigs{ float:left; width:100%; height:auto; background:url(../img/cur-bg.png) center center no-repeat; margin:40px 0px;     background-size: cover;}
.bigsim{ float:left; width:100%; text-align:center;}
.bigsim img{ max-width:495px; width:100%;}
.banar{ float:left; width:100%; height:auto;font-family: 'Montserrat', sans-serif; }
.banar h3{ float:left; width:100%; height:auto;  background:url(../img/line.jpg) bottom left no-repeat; padding-bottom:10px; margin-bottom:10px;    text-transform:uppercase; font-size:18px;color:#282828; font-weight:bold;     line-height: 24px;}
.banar p{font-size:18px;color:#282828;     margin: 10px 0px; line-height: 24px;}
.ponts{ float:left; width:100%; height:auto; }
.ponts ul{ margin-left:-35px;}
.ponts ul li{ list-style:none; padding-left:0px; font-size:18px;color:#282828;     line-height: 30px; }
.ponts ul li img{ margin-right:10px;}

.tits{ padding:50px 0px;}



.whowe{ background:url(../img/whobg.png) #efefef top center no-repeat;     padding-bottom: 20px; }
.whobg{ }
.whowetext{ float:left; width:100%; font-size:20px; color:#202020; font-family: 'Montserrat', sans-serif; text-transform:uppercase;     text-align: center; padding: 40px 0px 40px 0px; font-weight:bold;}
.whoim{ float:left; width:100%; text-align:center; margin-left: -200px; position: relative; z-index: 9;}
.whoim img{ max-width:554px; }
.bponts{ float:left; width:100%; height:auto; }
.bponts ul{ margin-left:-45px;}
.bponts ul li{ list-style: none;
    background:#77cdaf  18px no-repeat;
    padding-left: 25px;
    font-size: 18px;
    color: #282828;
    line-height: 30px;
    margin-bottom: 10px;
        padding: 5px 5px 10px 30px;
    border-radius: 25px;}


.bpontsr{ float:left; width:100%; height:auto; }
.bpontsr ul{ margin-left:-35px;}
.bpontsr ul li{ list-style: none;
    background: #77cdaf  18px no-repeat;
    padding-left: 25px;
    font-size: 18px;
    color: #282828;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 5px 30px 10px 5px;
    border-radius: 25px ; text-align:right;}
.bponts ul li img{ margin-right:5px; }
.bpontsr ul li img{ margin-right:5px; }

.fbg{ background:url(../img/fbg.png) repeat;}
.ftits{ float:left; width:100%; padding:20px 0px;}
.fhead{ float:left; width:100%; font-size:18px; color:#fff; text-transform:uppercase; font-family: 'Montserrat', sans-serif;     margin-bottom: 20px;}
.ftext{ float:left; width:100%;     padding: 0px 0px 0px 0px; font-size:14px; color:#86a2b6;}
.ftext img{ float:left; padding: 5px 10px 10px 0px;}
.ftext a{ color:#86a2b6; text-decoration:none;     margin-top: 10px; float: left;}
.ftext a:hover{color:#fff;}

.reqform{ float:left; width:100%; height:auto;}
.reqform .form-control{     padding: 15px;
    margin-bottom: 10px;
    height: 45px;}
	.sub{ float:left; width:100%; text-align:center;}
	.sub button{ float:none; width:auto; background:#61bd9d; padding:15px 55px; border:none; border-radius:10px; color:#fff; }
	.sub button:hover{background:#fff; color:#111; }
	
	
.copy{ background:#041319; padding:15px 0px;}
.copyte{ font-size:14px; color:#fff;}	

html {
  scroll-behavior: smooth;
}

.scrollup{
font-size: 20px;color: #fff; background-color: #2f378e;
border: 1px solid #A2A2A2;
text-align: center;
padding: 6px;
width: 30px;
height: 30px;
position: fixed;
bottom: 50px;
right:30px;
cursor: pointer;
}


@media(max-width:1300px) and (min-width:1200px){
.lifty h2 {
    text-transform: uppercase;
    font-size: 45px;}
	.lifty h2 small {
    text-transform: uppercase;
    font-size: 35px;
    color: #fff;
}
.lifa {
    float: left;
    width: 100%;
    margin-top: 5px;
}
.year {
    margin-top: -10px;}
}

@media(max-width:500px) and (min-width:50px){
.year {
       margin-top: 50px;
    float: left;
    width: 100%;
}
.ybox {
    display: inline-block;
    text-align: center;
    background: #2f378f;
    border-radius: 10px;
    padding: 20px;
    width: 95%;
    margin: 50px 10px 10px 10px;
    position: relative;
}
.tbox {
    display: inline-block;
    text-align: center;
    background: #61bd9d;
    border-radius: 10px;
    padding: 20px;
    width:95%;
    margin: 50px 10px 10px 10px;
    position: relative;
}
.whoim {
    float: left;
    width: 100%;
    text-align: center;
    margin-left: 0;}
.whoim img {
    max-width: 100%;
    margin: 50px 0px;
}
.contat {
    float: left;
    width: 100%;
    text-align: center;
}
.contat span {
    vertical-align: middle;
    float: left;
    margin-left: 0;
    vertical-align: middle;
    padding: 5px 0px;
    width: 100%;
}
.navi{ float:left; width:100%; margin:10px 0px; display:block;}	
.navi a {
    display: inline-table;
    padding: 10px 0px;
    font-size: 13px;
    border-right: none;
    color: #202020;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 12px;
    text-decoration: none;
    width: 100%;
    border-bottom: solid 1px #ddd;
    text-align: center;
}
.showhide {
    float: left;
    width: 100%;
    display: block;
}
.showhide a {
    float: left;
    width: 100%;
 font-size:14px; color:#111; margin:10px 0px; padding: 10px 0px; text-decoration:none; text-transform:uppercase;
 border-bottom: solid 1px #ddd;
    border-top: solid 1px #ddd;
}
#myDIV {
    width: 100%;
    padding: 0px 0;
    text-align: center;
    background-color: lightblue;
    display: none;
}
.banar h3 { margin-top:40px;}
.bpontsr ul li {
    list-style: none;
    background: #77cdaf 18px no-repeat;
    padding-left: 25px;
    font-size: 18px;
    color: #282828;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 5px 5px 10px 30px;
    border-radius: 25px;
    text-align: left;
}
.whowe {
    background: #efefef top center no-repeat;
    padding-bottom: 20px;
}
.bigs {
    float: left;
    width: 100%;
    height: auto;
    background: none;}
	.cont {
    background: #003144;
    padding: 5px 0px;
}
.fhead{ margin-top:30px;}
.sub {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.copyte {
    font-size: 14px;
    color: #fff;
    text-align: center;
}
.socialicon {
    float: left;
    width: 100%;
    text-align: center;
}
.socialicon a {
    float: none; display:inline-block;}
.lifty {
    position: absolute;
    top: -5%;
    left: 10%;

}
.lifty h2 small {
    text-transform: uppercase;
    font-size: 16px;
    color: #fff;
}
.lifty h2 {
    text-transform: uppercase;
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}
.lifa {
    float: left;
    width: 100%;
    margin-top: -5px;
}
.lifa a { padding: 7px 15px;}	
}