@font-face {
  font-family: 'Noto Sans Tamil';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/NotoSansTamil-Regular.eot);
  src: url(../fonts/NotoSansTamil-Regular.eot?#iefix) format('embedded-opentype'),
       url(../fonts/NotoSansTamil-Regular.woff2) format('woff2'),
       url(../fonts/NotoSansTamil-Regular.woff) format('woff'),
       url(../fonts/NotoSansTamil-Regular.ttf) format('truetype');
}
body
{
font-family: 'Noto Sans Tamil', sans-serif;
background:#fffcdf;
}

.home-abt
{
	background:#fff;
}
#ut {
    font-size: 24px;
    color: #e86b00;
    font-weight: 800;
    padding-bottom: 20px;
	padding-top:40px;
}
#um {
    font-size: 20px;
    color: #e86b00;
    font-weight: 800;
    padding-bottom: 20px;
	padding-top:40px;
}
body p
{
font-family: 'Noto Sans Tamil', sans-serif;
    font-size: 14px;
    text-align: justify;
    font-weight: 600;
}
#yore-btn
{
padding:10px;
background:#b70050;
border:none;
color:#fff;
font-weight:bold;
font-size:18px;
}
#yore-btn-grey
{
padding:10px;
background:#455560;
border:none;
color:#fff;
font-weight:bold;
font-size:18px;
}
#title-heading
{
font-weight:600;
position: relative;
z-index: 1;
text-align: center;
padding-bottom: 50px;
}
#title-heading:after
{
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 25px;
width: 120px;
border-bottom: 3px solid #b7004e;
}
.top-header
{
    background: #fbfbfb;
    min-height: 40px;
    padding: 0px;
}
.slogan
{
    color: #797979;
    font-size: 11px;
    margin-top: 21px;
}
.soc-links
{
	float:right;
}
.soc-links img
{
    width: 25px;
    margin-top: 10px;
    margin-left: 10px;
    border-radius: 10px;
}
.soc-links li
{
	float:left;
	list-style:none;
}
.top-menu
{

float: right;
padding-top: 5px;
}
.top-menu li
{
float:left;
display:block;
}
.top-menu a
{
color: #333;
font-weight: bold;
border-right: 2px solid #f1f1f1;
padding: 0px 15px 0px 15px;
}
.top-menu a:hover
{
text-decoration:none;
color:#b70050;
transition:0.3s;
}


.top-center i
{
    font-size: 15px;
    color: #ffffff;
    margin-top: -20px;
}
.top-center span
{
text-align:center;
font-weight:bold;
font-size: 16px;
}
#mobile-menu-icon
{
    font-size: 22px;
    cursor: pointer;
    background: #f88420;
    padding: 0px 10px 0px 10px;
    position: absolute;
    color: #fff;
    z-index: 1;
    top: 8px;
    right: 15px;
}
.sidenav {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color:#2d3a44;
overflow-x: hidden;
transition: 0.5s;
padding-top: 60px;
}
.abt-thitangal {
    padding-top: 40px;
    padding-bottom: 70px;
}
.abt-thitangal h3 {
    text-align: center;
    font-weight: 600;
    color: #1d6334;
}
.border
{
 width: 50px;
    display: block;
    margin: 0 auto;
}
.content-name
{    background: #f7e9a5;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
	height:100px;
}
.procedure
{
    background: url(../images/cover.png);
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    background-size: cover;
}
.procedure-link
{
	background:#f6821f;
	padding-bottom:30px;
	padding-top:30px;
}
.procedure a
{
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}
.procedure a:hover
{
	color:#333;
	text-decoration:none;
}
.abt-nigalvugal
{
	background:#fff;
	padding-top:60px;
	padding-bottom:60px;
}
.abt-nigalvugal h3 {
    text-align: center;
    font-weight: 600;
    color: #1d6334;
}
.abt-nigalvugal .col-lg-4
{
    background: url(../images/bg-nigalvu.png);
    min-height: 360px;
}
.abt-nigalvugal .col-lg-8
{
    background: #136234;
    min-height: 360px;
    padding: 8% 5%;
    font-size: 18px;
    line-height: 33px;
    color: #fff;
}
	.content-name h5{
    font-weight: 800;
    color: #920606;
    font-size: 15px;
	line-height:30px;
}
.procedure h3
{
	color:#fff;
	    text-align: center;
    font-weight: 600;
}

	.dropdown-mobile-menu li {
list-style: none;
border-bottom:1px solid #374e5d;
margin-left: -41px;
}
.dropdown-mobile-menu .caret {
color: #fff;
position: relative;
top: -19px;
right: -216px;
float: left;
z-index: 99999;
}
#custom-search-input
{
	margin-top:10px;
}
.input-lg {
    height: 46px;
    padding: 10px 16px;
    font-size: 11px;
    line-height: 1.3333333;
    border-radius: 6px;
}
.btn-info {
    color: #fff;
    background-color: #455360;
    border-color: #455360;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #2d3b44;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid #2d3b44;
border-radius: 4px;
-webkit-box-shadow: none;
box-shadow: 0px;
transition: 0.3s;
}
.open > .dropdown-menu {
display: block;
position: relative;
transition: 0.3s;
}
.dropdown-menu li
{
border-bottom:0;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #fff;
white-space: nowrap;
font-size: 11px;
margin-left: 28px;
transition: 0.3s;
}

.sidenav li a:hover {
cursor:pointer;
}
.sidenav a {
padding: 8px 8px 8px 10px;
text-decoration: none;
font-size: 14px;
color: #ffffff;
display: block;
transition: 0.3s;
text-transform:uppercase;
font-weight:400;
}

.sidenav a:hover {
color: #f1f1f1;
cursor:pointer;
}

.sidenav .closebtn {
position: absolute;
top: 0;
right: 25px;
font-size: 36px;
margin-left: 50px;
}
.closebtn
{
color:#fff;
}
.top-center
{
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}
.navbar-nav {
    float: left;
    margin: 0;
    margin-left: -20px;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
background: #fff;
}
.menu
{
background:#455460;
min-height: 50px;
}
.navbar-nav li
{
list-style:none;
}
.nav-item a
{
color: #fff;
    font-size: 14px;
    margin-right: 40px;
    list-style: none;
    font-weight: 600;
}
.nav-item a:hover
{
text-decoration:none;
color:#f5f5f5;
}
.navbar
{
margin-bottom: 0;
padding-top: 20px;
min-height: 60px;
}
.featured-home
{
    background: fixed;
    min-height: 700px;
 background-size: cover;
    background-position: top center;
}
.featured-home h1
{
font-size: 65px;
    font-weight: bold;
    color: #fff;
    padding-top: 25%;
    float: right;
}
.banner-bottom
{
padding-top:60px;
padding-bottom:60px;
background:#fff;
}
.banner-bottom h2
{
color:#494949;
font-weight:600;
}
.banner-bottom span
{
font-size: 30px;
color: #b7004f;
font-weight:normal;
}
.banner-bottom p
{
font-size:16px;
text-align:justify;
line-height:30px;
margin-top:20px;
}
.card-header
{
	    background: #2c7744;
}
.btn-link {
       font-weight: 600;
    color: #ffffff;
    border-radius: 0;
    font-size: 14px;
    padding-top: 30px;
    padding-bottom: 20px;
}
.card-body
{
    background: #fffcdf;
    padding: 30px;
    margin-top: -10px;
    border: 1px solid #b5a939;
	}
		.thit 
		{
			padding-top:10px;
			padding-bottom:10px;
		}
	.thit li
	{
		    font-size: 14px;
    text-align: justify;
    font-weight: 600;
	}
.btn-link:hover
{
	color:#e86b00;
	text-decoration:none;
}
.btn-link:focus
{
	color:#e86b00;
	text-decoration:none;
}
.height
{
height:60px;
background:#fffcdf;
}
.nigalvu-contents img
{
    background: #455360;
    padding: 5px;
}
	#bg-ash
{
background:#455560;
min-height:300px;
padding:10%;
margin:10px;
}
#bg-ash:hover
{
background:#b7004f;
transition:0.7s;
}
#bg-ash h3
{
font-size: 29px;
font-weight: 600;
color: #fff;
text-align:center;
}
#bg-pink
{
background:#b7004f;
min-height:300px;
padding:10%;
margin:10px;
}
#bg-pink:hover
{
background:#455560;
transition:0.7s;
}
#bg-pink h3
{
font-size: 29px;
font-weight: 600;
color: #fff;
text-align:center;
}
.inside
{
font-size:20px !important;
color:#fff;
text-align:center !important;
}
.yore-content
{
background:#f5f5f5;
padding-top:40px;
padding-bottom:40px;
}
.get-quote
{
background:url('../images/get-bg.png');
padding-top:40px;
padding-bottom:40px;
min-height:200px;
background-size:100%;
background-position:center;
}
.get-quote
{
color:#fff;
font-size:40px;
}
.footer
{
    padding-top: 30px;
    padding-bottom: 30px;
    background: #ececec;
}
.footer h3
{
	 font-weight: bold;
    color: #136234;
}

.footer h4
{
color:#136234;
font-weight:bold;
}
.footer ul
{
-webkit-padding-start:0px;
}
.footer li{
list-style:none;
}
.footer li a{
    color: #333;
    font-size: 12px;
    line-height: 30px;
    font-weight: bold;
}
.footer li a:hover{
text-decoration:none;
}
.footer li a:before{


}
.footer p
{
    color: #333;
    font-size: 14px;
    text-align: justify;
    line-height: 30px;
}
.footer-bottom
{
padding: 11px;
background: #f1f1f1;
bottom: 0;
min-height: 40px;
}
.copyright
{
font-weight:bold;
padding-top:20px;
font-size:14px;
text-align: left;
}
.footer-bottom img
{
width: 30px;
}
.footer-bottom li
{
list-style:none;
float:left;
}
.footer-bottom ul
{
float:right;
margin-top:15px;
}


/*content styles*/

.header-banner
{
min-height:300px;
background-size:100%;
}
.header-banner h1
{
padding-top: 7%;
text-align: center;
color: #fff;
text-transform: uppercase;
font-weight: 600;
}
.header-banner h3
{
text-align:center;
color:#fff;
}
.content
{
background:#fff;
padding-top:3%;
padding-bottom:5%;
}
.calculator-inner
{
background:#f1f1f1;
padding:40px;	
}
.calculator-inner label
{
font-size:16px;
font-weight:400;
}
.calculator-inner .form-control
{
border-radius: 0px;
height:40px;
}
.calculator-inner .input-group-addon:first-child {
border-right: 0;
background: #535f6b;
color: #fff;
}
.total-life
{
font-weight: bold;
color: #b7004d;
font-size: 20px;
}
.total-price 
{
color: #333;
font-weight: bold;
font-size: 22px;
margin-left: 10px;
}
.calculator-inner hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #000;
}
#final-result
{
color:#b70050;
font-weight:bold;
font-size: 20px;
}
.question
{
color:#b70050;
font-weight:bold;
font-size:20px;
margin-top:20px;
}
.family-list
{
margin-top:20px;
}

.family-list li
{

list-style: none;
font-size: 18px;
line-height: 42px;

}
.family-list li:before
{
content:" > ";
color:#b70050;
font-weight:bold;
font-size:20px;
}
#title-secondary
{
font-weight: bold;
color: #455460;
padding-bottom:20px;
}
.sidebar-all
{
background: #f1f1f1;
padding: 10px;
}
.sidebar-all li{
list-style: decimal;
font-size:15px;
line-height:30px;
}
.sidebar-all ul {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
-webkit-padding-start: 20px;
}
.contact-link
{
padding:15px;
color:#fff;
background:#b7004f;
}
.contact-link a
{
color:#f1f1f1;
text-decoration:underline;
}
.contact-link:before {
border-bottom: 60px solid #b7004e;
border-left: 60px solid transparent;
border-right: 60px solid transparent;
bottom: 0px;
content: "";
position: relative;
margin: 0 auto;
width: 100px;
display: block;
margin-top: -50px;
}
#how-business
{
margin-top:20px;
}
#how-business .facts
{
border: 1px solid #ccc;
padding: 16px;
min-height: 300px
}
#how-business h5
{
font-size: 15px;
font-weight: bold;
color: #52606b;
}
#how-business p
{
font-size: 14px;
}
#affilate-logo
{
margin-top:40px;
}
#affilate-logo img
{
border:1px solid #ccc;
}
.btn-submit
{
background: #b7004f;
color: #fff;
border: 0;
padding: 8px;
width: 160px;
}
.btn-submit:hover
{
background:#525f68;
color: #fff;
border: 0;
padding: 8px;
width: 180px;
transition:0.5s;
}
.modal-content {
position: relative;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
border-radius: 0px;
padding: 10px;
}
.navbar-nav > li > a
{
padding-top:24px;
padding-bottom:21px;
padding-left:14px;
padding-right:12px
}
.dropbtn
{
padding-top:24px;
padding-bottom:21px;
padding-left:14px;
padding-right:12px
}

.dropbtn:hover
{
	color:#fff !important;
background:#f6821f !important;
padding-top:24px;
padding-bottom:21px;
padding-left:14px;
padding-right:12px
}
.navbar-nav > li > a:hover
{
color:#fff !important;
transition:0.5s;
background:#f6821f !important;
padding-top:24px;
padding-bottom:21px;
padding-left:14px;
padding-right:12px
}
.active
{
	    color: #f58222 !important;
}
.dropdown-content {
position: absolute;
right: 0;
background-color: #fff;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
width: 380px;
color: #fff;
top: 39px;
left: -60px;
padding-top: 30px;
display: none;
border-bottom: 2px solid #f58222;
padding-bottom:30px;
}

.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {
 color: #f58222 !important;
}
.glyphicon-chevron-down
{
	font-size:10px;
}
.dropdown-content a:hover {color: #f1f1f1;transition:0.5s;}
.dropdown:hover .dropdown-content {display: block;}

.message {
font-size: 16px;
text-align: center;
}
.message h1 {
margin: 0;
padding: 0;
font-size: 11em;
transform: skewY(-5deg);
transition: 0.4s ease-in-out all;
color: #455460;
}
.message h1:hover {
text-shadow: 20px 20px 0 fade(#afd33d, 10%);
}
.message span{
color:#b7004f;
}


.flip-container {
-webkit-perspective: 1000;
-moz-perspective: 1000;
-o-perspective: 1000;
perspective: 1000;
}

.flip-container:hover .flipper,  
.flip-container.hover .flipper {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}

.flip-container, .front, .back {
width: 277px;
height: 257px;
}

.flipper {
-webkit-transition: 0.6s;
-webkit-transform-style: preserve-3d;

-moz-transition: 0.6s;
-moz-transform-style: preserve-3d;

-o-transition: 0.6s;
-o-transform-style: preserve-3d;

transition: 0.6s;
transform-style: preserve-3d;

position: relative;
}

.front, .back {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
}

.front {
background-size:cover !important;
z-index: 2;
}

.back {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);

background: #f8f8f8;
}
.front .name {
    font-size: 18px;
    display: inline-block;
    background: rgba(33, 33, 33, 0.53);
    color: #f8f8f8;
    padding: 5px 10px;
    bottom: 92px;
    position: absolute;
    width: 100%;
    text-align: center;
}

.back-title {
font-weight: bold;
color: #00304a;
position: absolute;
top: 180px;
left: 0;
right: 0;
text-align: center;
text-shadow: 0.1em 0.1em 0.05em #acd7e5;
font-size: 2em;
}

.back p {
text-align: justify;
padding: 0 20px;
line-height: 2em;
font-size:12px;
text-align:center;
}
.back h3
{
    text-align: center;
    font-weight: bold;
    color: #012b50;
}
.back a
{
    text-align: center;
    width: 30%;
    margin: 0 auto;
    display: block;
}
.back a:hover
{
	text-decoration:none;
}


/*media query starts*/

@media (min-width: 1281px)
{
.mobile-menu
{
display:none;
}
}

@media (min-width: 1025px) and (max-width: 1280px) {

.navbar-toggler
{
display:none;
}
.mobile-menu
{
display:none;
}
#mobile-menu-icon
{
display:none;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.top-header
	{
    display: none;
	}

.mobile-menu
{
display:none;
}
.navbar-toggler
{
display:none;
}
.content-name h5 {
    font-weight: 800;
    color: #920606;
    font-size: 12px;
    line-height: 30px;
}
.navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 4px;
    padding-left: 0px;
    padding-right: 1px;
}
.nav-item a
{
color:#fff;
font-size:9px;
list-style:none;
margin-left: 0px;
}
.featured-home {
background: url(../images/featured-home.png)fixed;
min-height: 600px;
background-size: cover;
background-position: center center;
}
.footer-bottom ul
{
float:left;
margin-top:15px;
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: #b7004f;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
position: absolute;
top: -120px;
right: 0;
}
.top-menu li
{
float:left;	
}
.content
{
background:#fff;
padding-top:3%;
padding-bottom:15%;
}
}
@media (min-width: 481px) and (max-width: 767px) {
#logo-img
{
width: 50%;
}
.menu
{
display:none;
}
.navbar-toggler
{
width: 50%;
padding: 10px;
background: #fff;
margin: 0 auto;
display: block;
}
.navbar-nav {
margin: 7.5px -15px;
padding: 20px;
}
.nav-link 
{
padding-bottom:20px;
}
.navbar {
margin-bottom: 30px;
margin-top: 30px;
}
.featured-home {
background: url(../images/featured-home.png)fixed;
min-height: 600px;
background-size: cover;
background-position: center center;
}
.footer-bottom ul
{
float:left;
margin-top:15px;
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: #b7004f;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
position: absolute;
top: -120px;
right: 0;
}
.top-header
{
display:none;
}
.top-menu li
{
float:none;	
}
#contact-info
{
display:none;
}
.content
{
background:#fff;
padding-top:3%;
padding-bottom:25%;
}
}

@media (min-width: 320px) and (max-width: 480px) {
#logo-img
{
width: 50%;
}
.btn-link {
    font-weight: 600;
    color: #ffffff;
    border-radius: 0;
    font-size: 7px;
    padding-top: 20px;
    padding-bottom: 13px;
}
.content
{
background:#fff;
padding-top:3%;
padding-bottom:15%;
}
.menu
{
display:none;
}
.navbar-toggler
{
width: 50%;
padding: 10px;
background: #fff;
margin: 0 auto;
display: block;
}
.navbar-nav {
margin: 7.5px -15px;
padding: 20px;
}
.nav-item a {
color: #fff;
font-size: 16px;
margin-left: 30px;
list-style: none;
padding-bottom:30px;
}
.navbar {
margin-bottom: 30px;
margin-top: 30px;
}
.featured-home {
    background: url(../images/featured-home.png)fixed;
    min-height: 310px;
    background-size: cover;
    background-position: left;
}
.featured-home h1 {
    font-size: 45px;
}
.footer-bottom ul
{
float:left;
margin-top:15px;
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: #b7004f;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
position: absolute;
top: -120px;
right: 0;
}
.top-header
{
display:none;
}
#contact-info
{
display:none;
}
}
@media screen and (max-height: 450px) {
.sidenav {padding-top: 15px;}
.sidenav a {font-size: 18px;}
}