
@import url('/font/roboto.css');
body {
  font-family: 'robotoregular';
  color:#222222;
  font-size: 16px;
}



.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 20px;
    margin-bottom: 10px;
}
h1,h2,h3,h4,h5 {
  font-family: 'robotoregular', sans-serif;
  color: #222;
  font-weight: 400;
} 

ul {list-style-type: none;}

p {font-family: 'robotoregular';font-size: 14px;color: #848484;line-height: 19px;font-weight: 400;}
a {text-decoration: none; display: inline-block; outline: none;}
a:hover,a:focus,a:visited {text-decoration: none; outline: none;}



#page-heading{
		width:100%;
		min-height:150px;
		position: relative;
		z-index:100;
		background:url(/images/planning-bg.jpg) no-repeat center;
		    margin-top: 80px;
			font-family: 'robotobold';
		/*background-size:cover;*/
}
.insurance-main h3{
	    font-size: 23px;
    line-height: 28px;
    font-family: 'robotoregular';
    padding-bottom: 20px;
	color:#264863;
}
.site-map a {
    display: initial;
    color: #264863;
}

.site-map a:hover {
    color: #ffffff;
}
.font-size-16{
	font-size:16px;
	
}
#page-heading h2 {
    color: #844153;
}
.font-700{
	font-weight:700;
}

.sec-padd {
  padding: 70px 0;
}
/*.sec-padd-top {
  padding-top: 70px;
}*/
.sec-padd-bottom {
  padding-bottom: 70px;
}
.no-padd {
  padding: 0px;
}

.insurance-main {
  position: relative;
  padding-bottom: 20px;
}
.img-box .img-responsive{
	min-height:200px;
	}

.insurance-main .img-box {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.insurance-main .overlay-box {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 0%;
  left: 0;
  visibility: hidden;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  top: 0px;
  border-bottom: 5px solid #844153;
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
  background: rgba(19, 29, 51, 0.9);
}
.insurance-main .item {
  margin-bottom: 50px;
}
.insurance-main .item:hover .overlay-box {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  height: 100%;
}

.insurance-main .overlay-box .inner-box {
  position: relative;
padding: 40px 6px;
}
.insurance-main .overlay-box .icon_box {
  float: left;
  margin-right: 15px;
  color: #fff;
      margin-top: 0px;
}
.insurance-main .overlay-box .icon_box span {
    font-size: 43px;
    color: #fa9928;
}
.insurance-main .overlay-box h4 {
/*  float: left;
  margin-top: 13px;*/
  font-family: 'robotoregular';
  font-size:20px;
  color: #a7e4dc;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
}


.insurance-main .overlay-box .text {
  color: #a7e4dc;    
  margin-bottom: 8px;
    margin-top: 0px;
    margin-left: 25px;
    margin-right: 10px;
}
hr.divider{
    margin-top: 6px;
    margin-bottom: 4px;
    border: 0;
    border-top: 1px solid #a7e4dc;
}

.insurance-main .overlay-box .text p {color: #a7e4dc;}
.default_link {
  
  font-size: 13px;
    font-family: 'robotoregular';
    -webkit-transition: .5s ease;
    transition: .5s ease;
    background: #b5f1f4;
    color: #264863;
    padding: 7px 18px;
    border: none;
    letter-spacing: 1px;
    border-radius: 7px;
  font-weight:700;
  margin-left: 25px;
}

.insurance-main .bottom-content {
  position: absolute;
  bottom: 4px;
  left: 0;
 /* width: 100%;
  background: #264863;
  padding: 12px 20px;*/
      width: 100%;
    background: #264863;
    padding: 4px 20px;
  -webkit-transition: .5s ease;
  transition: .5s ease;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  visibility: visible;
}
.insurance-main .item:hover .bottom-content {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  visibility: hidden;
  -webkit-transition: .5s ease;
  transition: .5s ease;
}

.insurance-main .bottom-content .icon_box {
  float: left;
  margin-right: 15px;
  color: #222;
}
.insurance-main .bottom-content .icon_box span {
    font-size: 43px;
    color: #222;
}
.insurance-main .bottom-content h4 {
  float: left;
  margin-top: 8px;
  color: #fff;
  -webkit-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  font-size: 20px;
}
.insurance-main .item {
  position: relative;
  display: inline-block;
}
.insurance-main .item:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    top: 98%;
    left: 10%;
    right: 10%;
    height: 15px;
    width: 80%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
    background: -webkit-radial-gradient(center ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform, opacity;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    z-index: 9;
}
.insurance-main .item:hover:before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateY(5px);
    transform: translateY(5px);
}
@media(min-width: 1200px) and (max-width:1922px){}

@media(min-width: 992px) and (max-width:1300px){
	

#page-heading {
    margin-top: 120px;
}


.insurance-main .bottom-content {
    width: 100%;
}
.insurance-main .overlay-box .icon_box {
    margin-top: 0px;
	 margin-left: -12px;

}
.insurance-main .overlay-box h4 {
    font-size: 16px;
}
.insurance-main .overlay-box .text {
   margin-top: 0px;
    margin-left: 18px;
    margin-right: -7px;
}	
.default_link {
    margin-left: 40px;
}
	}

@media(min-width:561px) and (max-width: 991px){
	.sec-padd-top {
    padding-top: 20px;
}
.insurance-main .bottom-content {
   bottom: 4px;
    left: 0;
    width: 80%;
    padding: 5px 15px;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    height: 175px;
}	
.insurance-main .overlay-box .text {
    color: #a7e4dc;
    margin-bottom: 8px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: -11px;
}
.default_link {
    margin-left: 1px;
}
#page-heading {
    margin-top: 100px;
}
	}
@media(min-width:320px) and (max-width:560px){
#page-heading {
    margin-top: 65px;
}
.insurance-main .row .no-pad-left {
    padding-left: 15px !important;
}
.insurance-main .row .no-pad-right {
    padding-right: 15px !important;
}

.sec-padd-top {
    padding-top: 13px;
}
	.insurance-main .bottom-content {
    bottom: 5px;
    left: 0;
    width: 68%;
}
.insurance-main .overlay-box .text {
    color: #a7e4dc;
    margin-top: 0px;
    margin-left: 17px;
    margin-right: 36px;
	}
.insurance-main .bottom-content {
    bottom: 5px;
    left: 0;
    width: 77%;
	    padding: 2px 20px;
}
.insurance-main .bottom-content h4 {
    margin-top: 8px;
	font-size: 18px;
}
.default_link {
    margin-left: 16px;
}	

.insurance-main .item:hover .overlay-box .text {
    margin-bottom: 10px;
}
}

@media (max-width: 400px) {
		.insurance-main .bottom-content {
    bottom: 5px;
    left: 0;
    width: 68%;
}
.insurance-main .overlay-box .text {
    color: #a7e4dc;
    margin-top: 0px;
    margin-left: -3px;
    margin-right: 6px;
}
.insurance-main .bottom-content {
    bottom: 5px;
    left: 0;
    width: 77%;
	    padding: 2px 20px;
}
.insurance-main .bottom-content h4 {
    margin-top: 8px;
}
.default_link {
    margin-left: 0px;
}	

.insurance-main .item:hover .overlay-box .text {
    margin-bottom: 10px;
}
	}

@media (max-width: 350px) {
	
	.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: 200px;
}
.default_link {
    margin-left: 0px;
}
.insurance-main .bottom-content {
    width: 100%;
}
.insurance-main .item:hover .overlay-box .text {
    margin-bottom: 8px;
}	
	}














