*{margin:0px;padding:0px;}
a{text-decoration:none !important;}
html{overflow-x: hidden;}
body{font-family: 'Quicksand', sans-serif; overflow-x: hidden;}
@font-face{font-family:"Century Gothic";font-style:normal;font-weight:normal;src:url("../fonts/breeserif-regular-webfontd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/breeserif-regular-webfont.woff") format("woff"), url("../fonts/Century Gothic.ttf") format("truetype"), url("../fonts/breeserif-regular-webfont.svg#bree_regular") format("svg");}
.visible{display:block !important;}
.hidden{display:none;}
img{ max-width: 100%;}

header{
    float: left;
    width: 100%;
    height: auto;
    padding: 15px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
}
header .container{    width: 100%; padding-left: 20px; padding-right: 20px;}
.logo01{
    float: left;
    width: 100%;
    height: auto;
}
.logo01 a{
    display: block;
}
.logo01 a img{
    max-height: 85px;
}
.logo01 a:hover img{}
.topright01{
    float: right;
    width: auto;
    height: auto;
    margin-top: 29px;
}
.topsocail01{
    float: right;
    width: auto;
    height: auto;
}
.topsocail01 ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}
.topsocail01 ul li{
    display: inline-block;
    margin-left: 14px;
    font-size: 19px;
}
.topsocail01 ul li a{
    color: #fff;
}
.topsocail01 ul li a i{}
.topsocail01 ul li a:hover{
    color: #26598a;
}
.topmenu01{
    float: left;
    width: auto;
    margin-right: 20px;
    margin-top: 3px;
}
.topmenu01 ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}
.topmenu01 ul li{
    display: inline-block;
    margin-left: 5px;
    font-size: 14px;
    letter-spacing: 0.5px;
    font-weight: 500;
}
.topmenu01 ul li a{
    border: 0px solid #fff;
    padding: 8px 15px;
    color: #24243c;
    text-transform: uppercase;
    font-weight: 600;
    background-color: #fff;
}
.topmenu01 ul li a:hover{
    background-color: #235a8d;
    color: #fff;
}
.topmenu01 ul li.active a{background-color: #235a8d;   color: #fff;}
.banner01{background-image: url("../images/banner01.jpg");float: left;width: 100%;height: auto;min-height: 100vh;background-repeat: no-repeat;background-size: cover;background-position: center;}
.banrtext{
    float: left;
    width: 100%;
    background-color: hsl(209deg 60% 35% / 0%);
    margin-top: 25%;
    padding: 10px;
    max-width: 100%;
    padding-bottom: 45px;
    height: 100%;
    padding-left: 8%;
}
.banrtext h3{
    font-size: 52px;
    font-weight: 700;
    color: #fff;
    letter-spacing: 0.5px;
    margin-top: 0px;
    margin-bottom: 11px;
}
.banrtext h4{
        color: #fff;
    font-size: 30px;
    font-weight: 400;
    max-width: 700px;
    margin-bottom: 26px;
    line-height: 45px;
}
.banrtext a{
    background-color: #235a8d;
    color: #fff;
    padding: 10px 17px;
    margin-right: 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-weight: 600;
}
.banrtext a:hover{
    background-color: #fff;
    color: #000;
}
.banrtext a.whtbg{
    background-color: #fff;
    color: #000;
}
.banrtext a.whtbg:hover{
    background-color: #235a8d;
    color: #fff;
}
.section01{
    float: left;
    width: 100%;
    height: auto;
    position: relative;
    padding: 70px 0px 50px;
}
.abteft01{}
.abteft01 h3{
    font-size: 20px;
    margin-bottom: 0px;
}
.abteft01 h4{
    font-size: 37px;
    font-weight: 600;
    width: 100%;
    position: relative;
    z-index: 1;
    background-color: rgb(255 255 255);
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: 0px;
	line-height: 47px;
}
.abteft01 p{
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 26px;
    margin-bottom: 15px;
}
.abteft01 a{
    background-color: #25598b;
    color: #fff;
    min-width: 150px;
    display: inline-block;
    text-align: center;
    padding: 14px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.abteft01 a:hover{
    background-color: #1d1d1d;
}
.abtright01{
    float: left;
    width: 100%;
    height: auto;
}
.abtright01 img{
    border-bottom-left-radius: 60px;
}
.abtright01 img:after{}
.shape01{
    float: left;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.shape01 img{}
.serhed01{
    float: left;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 30px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
}
.serhed01 img{    float: right;
    height: 70px;}
.serhed01 h3{
    font-size: 37px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 0px;
}
.serhed01 h3 span{
    color: #25598b;
}
.serhed01 h4{
    margin-bottom: 10px;
}
.servicebox01{
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 20px;
    border: 1px solid #a2a1a1;
    border-radius: 16px;
    overflow: hidden;
}
.servicebox01 img{
    width: 100%;
    border-radius: 10px;
}
.servicebox01 h3{
        position: relative;
    top: 0;
    left: 0px;
    font-weight: 600;
    padding: 0px 5px 10px;
    width: 100%;
    text-align: center;
    color: #333;
    font-size: 21px;
    margin-top: 12px;
    margin-bottom: 6px;
}
.servce0001{
    float: left;
    width: 100%;
    text-align: center;
}
.servce0001 h3{
    font-size: 35px;
    font-weight: 600;
    max-width: 700px;
    line-height: 43px;
    margin-top: 15px;
    margin: auto;
    margin-bottom: 20px;
}
.servce0001 a{
    background-color: #25598b;
    color: #fff;
    min-width: 150px;
    display: inline-block;
    text-align: center;
    padding: 14px 20px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.servce0001 a:hover{
    background-color: #000;
}
.parnerbg01{
    float: left;
    width: 100%;
    height: auto;
    background-color: #f5f5f5;
    padding: 30px 0px;
}
.parthed01{
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
}
.parthed01 h3{
    font-size: 38px;
    font-weight: 700;
    line-height: 43px;
    margin-top: 6px;
    margin-bottom: 6px;
}
.parthed01 h3 span{
    color: #25598b;
}
.parthed01 p{
    font-size: 17px;
    margin-bottom: 20px;
    font-weight: 500;
}
.parthed01 ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}
.parthed01 ul li{
    float: left;
    width: 23%;
    border: 1px solid #fff;
    background-color: #fff;
    padding: 20px;
    margin: 1%;
}
.parthed01 ul li img{
    max-height: 56px;
}
.parthed01 ul li:nth-child(1){    background-color: #11375c;}

footer{
    background-color: #24243c;
    float: left;
    width: 100%;
    padding: 30px 0px;
}
.fot01{
    float: left;
    width: 100%;
    height: auto;
}
.fot01 a{
    display: block;
}
.fot01 a img{max-height: 120px;}
.fot01 ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
    margin-top: 10px;
}
.fot01 ul li{
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}
.fot01 ul li a{
    display: block;
    width: 35px;
    height: 35px;
    text-align: center;
    font-size: 20px;
}
.fot01 ul li a i{}
.fot01 ul li a:hover{
    color: #fff;
}
.fot02{
    float: left;
    width: 100%;
    height: auto;
}
.fot02 h3{
    color: #fff;
    margin-bottom: 17px;
    margin-top: 10px;
    border-bottom: 1px solid rgb(255 255 255 / 8%);
    padding-bottom: 10px;
    font-weight: 600;
}
.fot02 ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}
.fot02 ul li{
    float: left;
    width: 100%;
    color: #337ab7;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 10px;
    position: relative;
    padding-left: 79px;
}
.fot02 ul li span{
    color: rgb(255 255 255 / 75%);
    position: absolute;
    top: 0;
    left: 0;
}
.fot02 ul li a{
    color: #337ab7;
}
.fot02 ul li a i{}
.fot02 ul li a:hover{
    color: #ffffff;
}
.fot03{}
.fot03 ul{}
.fot03 ul li{
    padding-left: 0px;
    width: 50%;
}
.fotcopy0{
    float: left;
    width: 100%;
    border-top: 1px solid rgb(255 255 255 / 8%);
    margin-top: 30px;
    padding-top: 15px;
    color: rgb(255 255 255 / 65%);
    text-align: center;
    font-size: 13px;
    letter-spacing: 0.5px;
}
.fotcopy0 a{}
.fotcopy0 a:hover{
    color: #fff;
}


.bredcumes01{ background-image: url("../images/about-bredcumes.jpg") ;
	float: left;
    width: 100%;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top left;
	position: relative;
	padding: 50px 0px; padding-top: 200px;}
.bredcumes01:after{ content: '';     position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.4;}
.bredcumes01 .container{    position: relative;  z-index: 12;}

.bredtext01{
    float: left;
    width: 100%;
    background-color: rgb(255 255 255);
    padding: 20px;
    max-width: 300px;
    display:none;
}
.bredcumes01 h3{
    margin: 0px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 26px;
}
.bredcumes01 ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
}
.bredcumes01 ul li{
    float: left;
    margin-right: 20px;
    font-size: 15px;
    font-weight: 600;
    border-right: 1px solid;
    padding-right: 20px;
    text-transform: uppercase;
}
.bredcumes01 ul li:nth-last-child(1){    border-right: 0px;}
.bredcumes01 ul li a{}
.bredcumes01 ul li a:hover{}


.aboutsinner{
    float: left;
    width: 100%;
    height: auto;
    padding: 30px 0px;
}
.abtleft01{
    float: left;
    width: 100%;
    height: auto;
}
.abtleft01 img{}
.abtright001{
    float: left;
    width: 100%;
    height: auto;
    padding-top: 0px;
}
.abtright001 h3{
    font-size: 18px;
    font-weight: 600;
}
.abtright001 h4{
    font-size: 37px;
    font-weight: 700;
    line-height: 45px;
    margin-bottom: 20px;
	    text-transform: uppercase;
}
.abtright001 h4 span{ color: #27598a;}
.abtright001 p{
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 26px;
    margin-bottom: 15px;
}
.vison01{
    float: left;
    width: 100%;
    margin-top: 40px;
    background-color: #f5f5f5;
    padding: 30px;
    margin-bottom: 20px;
}
.vison01 h3{
    margin-top: 0px;
    font-size: 30px;
    font-weight: 700;
}
.vison01 p{
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 26px;
    margin-bottom: 0px;
}
.partnerbg{ background-image: url("../images/partnersbg.jpg")}
.partneleft01{
    float: left;
    width: 100%;
    height: auto;
    margin-top: 20px;
}
.partneleft01 h3{
    font-size: 17px;
    font-weight: 500;
    color: #235a8d;
    margin-top: 0px;
}
.partneleft01 h4{
    font-size: 38px;
    font-weight: 700;
}
.partnerigt01{
    float: left;
    width: 100%;
    margin-top: 13px;
}
.partnerigt01 p{
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 26px;
    margin-bottom: 15px;
}
.partimg01{
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-top: 30px;
}
.partimg01 img{
    max-height: 45px;
}
.servicebg{background-image: url("../images/serviesbg.jpg")}


.serinner{
    padding: 50px 0px;
}
.serinner .row{
    margin-bottom: 20px;
}
.serinner h3{
    margin-top: 0px;
    font-size: 20px;
    line-height: 30px;
}
.serinner h4{
    font-weight: 700;
    font-size: 23px;
}
.serinner p{
    font-size: 16px;
    margin-bottom: 15px;
}
.serinner img{margin-bottom: 10px;}
.serinner ul{
    margin-left: 20px;
    column-count: 2;
}
.serinner ul li{
    font-size: 16px;
    margin-bottom: 10px;
}
.serinner ul li::before{content: '';}
.serleft01{
    float: left;
    width: 100%;
    height: auto;
}
.serleft01 img{}
.serrigt01{
    width: 100%;
    height: auto;
    float: left;
}
.serrigt01 h3{
    font-size: 38px;
    font-weight: 700;
}
.serrigt01 p{
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 26px;
    margin-bottom: 15px;
}
.visitbox01{
    float: left;
    width: 100%;
    height: auto;
    border: 1px solid #ddd;
    padding: 20px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 10px;
}
.visitbox01 h3{
    margin-top: 0px;
    font-weight: 700;
    color: #235a8d;
    margin-bottom: 14px;
    font-size: 25px;
}
.visitbox01 h4{
    font-size: 17px;
    margin-bottom: 20px;
}
.visitbox01inr{
    float: left;
    width: 100%;
    background-color: #f1f1f1;
    padding: 20px 25px;
}
.visitbox01inr svg{
    font-size: 40px;
    color: #26598b;
    margin-bottom: 20px;
}
.visitbox01inr p{
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 26px;
    margin-bottom: 1px;
}
.visitbox01inr a{
    font-weight: 600;
    font-size: 18px;
    margin-top: 20px;
    display: inline-block;
    border-bottom: 1px solid;
}
.visitbox01inr a:hover{}
.conectmep{
    float: left;
    width: 100%;
    margin-top: 30px;
}
.conectmep iframe{}
.conectrigt01{
    float: left;
    width: 100%;
    margin-top: 30px;
}
.conectrigt01 h3{
    margin-top: 0px;
    font-size: 38px;
    font-weight: 700;
}
.conectrigt01 p{
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.5px;
    line-height: 26px;
    margin-bottom: 21px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.conectrigt01 form{
    float: left;
    width: 100%;
}
.conectrigt01 form ul{
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
    height: auto;
}
.conectrigt01 form ul li{
    float: left;
    width: 50%;
    height: auto;
    margin-bottom: 15px;
    padding-right: 10px;
}
.conectrigt01 form ul li input{
    height: 45px;
    width: 100%;
    float: left;
    border: 1px solid #ddd;
    padding: 10px;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    outline: 0px;
    box-shadow: none;
}
.conectrigt01 form ul li textarea{
    height: 100px;
    width: 100%;
    float: left;
    border: 1px solid #ddd;
    padding: 10px;
    color: #000;
    font-size: 15px;
    font-weight: 500;
    outline: 0px;
    box-shadow: none;
}
.conectrigt01 form ul li button{
    height: 45px;
    min-width: 150px;
    padding: 7px 30px;
    border: 0px;
    background-color: #337ab7;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
}
.conectrigt01 form ul li button svg{
    font-size: 18px;
    vertical-align: middle;
    margin-right: 5px;
}
.conectrigt01 form ul li button:hover{
    background-color: #24243c;
}
.conectrigt01 form ul li:nth-child(5){ width: 100%;}
.contactbg{background-image: url("../images/contactbg.jpg")}
.tankyou01{
    float: left;
    width: 100%;
    text-align: center;
    padding: 20px;
}
.tankyou01 img{
    max-height: 170px;
}
.tankyou01 h1{}
.tankyou01 h2{
    font-size: 25px;
    margin-bottom: 30px;
}
.tankyou01 a{
    background-color: #000;
    color: #fff;
    padding: 10px 20px;
    border-radius: 33px;
}
.tankyou01 a:hover{
    background-color: #f36a22;
}
.bg01{    background-color: #11375c;}

.clients01{ text-align: center;}
.clients01 img{filter: grayscale(100%);}
.clients01 img:hover{filter: grayscale(0%);}

@media (max-width:660px){

    header{padding: 8px 5px;}
	.logo01{    text-align: center;}
	.topsocail01{ display:none;}
	.topmenu01{    margin-right: 0px; margin-top: 0px;}
    .topmenu01 ul li {margin-left: 4px; font-size: 12px; margin-top: 6px;    }
	.topmenu01 ul li a{ display: block;     padding: 5px 10px;}
	.topmenu01 ul{    text-align: center;}
	.logo01 a img { max-height: 63px;}
	.topright01{    margin-top: 6px;}
    
	.banrtext{  padding: 30px;  background-color: #00000052; text-align: center; margin-bottom: 0px;  margin-top:80%;}
	.banrtext h3{font-size: 39px;}
	.banrtext h4{ line-height: 38px; font-size: 26px;}
	.banrtext a{font-size: 13px; padding: 10px 15px;}
	.banner01{    min-height: 100vh;}
	.section01{padding: 15px 0px 30px;}
	.abteft01 h3{    font-size: 17px;}
	.abteft01 h4{   padding-right: 0px; padding-top: 8px;  padding-bottom: 0px;  margin-top: 0px;  line-height: 33px;    font-size: 25px;     width: 100%;}
	.abteft01 p{font-size: 15px; line-height: 23px;}
	.abteft01 a{padding: 11px;}
	.abteft01 { float: left;  width: 100%; margin-bottom: 20px;}
	.serhed01 h3{    font-size: 27px;}
	.serhed01 h4{margin-bottom: 10px;  font-size: 15px; line-height: 21px;}
	.serhed01 img{display:none;}
	.servce0001 h3{ font-size: 24px; line-height: 30px;}
	.servce0001 a{font-size: 12px; padding: 11px 20px;}
	.parthed01 h3{font-size: 34px;}
	.parthed01 ul li{margin: 0px 0px 13px; width: 100%;}
	.fot01 a img{max-height: 90px;}
    .bredtext01{padding: 13px; text-align: center; background-color: #0000; max-width: 100%;}
	.bredcumes01 h3{font-size: 21px; color: #fff;}	
    .bredcumes01 ul{width:100%; color: #fff;}
    .bredcumes01 ul li{display:inline-block; float: none; color: #fff; margin-right: 10px;	     padding-right: 10px;  font-size: 12px;}
    .bredcumes01 ul li a{color: #fff;}
	.abtright001{    padding-top: 10px;}
	.abtright001 h4{font-size: 23px;     line-height: 34px;}
	.abtright001 h3{    font-size: 15px;}
	.abtright001 p{font-size: 15px;}
	.vison01{margin-top: 10px;     padding: 20px;}
	.vison01 h3{font-size: 26px;}
	.serrigt01 h3{    font-size: 32px;}
    .contactbg{background-position: bottom right;}
	.conectrigt01 form ul li{    width: 100%;     padding-right: 0px;}
	.conectrigt01{    margin-top: 0px;}
	.conectrigt01 h3{    font-size: 34px;}
	.conectrigt01 p{    line-height: 24px;}
	.conectmep iframe { height: 250px;}
    .serinner ul{column-count: 1;}
    .clients01 .col-md-3{ width: 50%;   float: left;}
	
}