/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Body - not related to megamenu
–––––––––––––––––––––––––––––––––––––––––––––––––– */

body {
    font-family: 'Source Sans Pro', sans-serif,Arial;
}

* {
    box-sizing: border-box;
}

a {
    color: #fff;
}

.description {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
megamenu.js STYLE STARTS HERE
–––––––––––––––––––––––––––––––––––––––––––––––––– */


/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Screen style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.menu-container {
    width: 100%;
    margin: 0 auto;
    background: #181919;
}

.menu-mobile {
    display: none;
    padding: 20px;
}

#home {
    margin-left:100px !important;
}

.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}

.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    background: #fff;
    color: #333;
}

.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    /* IF .menu position=relative -> ul = container width, ELSE ul = 100% width */
    box-sizing: border-box;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    background: #181919;
    padding: 0;
    margin: 0;
}

.menu > ul > li a {
    text-decoration: none;
    padding: 20px;
    display: block;
	color:#fff;
	/*text-align: center;*/
}

.menu > ul > li:hover {
    background:#00a5e5;
}

/*.menu > ul > li a:hover{
	background-color: #00a5e5;
}

.menu > ul > li:hover {
    background:rgba(000,000,000,.2);
}*/

.menu > ul > li > ul {
    display: none;
    width: 100%;
    background: #3a3a3a;
    padding: 20px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 25%;
    background: none;
    float: left;
	/*z-index: 99;*/
}

.menu > ul > li > ul > li > ul > li:hover{
	background: gray;
}

.menu > ul > li > ul > li a {
    color: #fff;
    padding: .2em 0;
    width: 95%;
    display: block;
	/*z-index: 99;*/
}

.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box;
}

.menu > ul > li > ul > li > ul:before,
.menu > ul > li > ul > li > ul:after {
    content: "";
    display: table;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 10px 0;
    margin: 0;
    font-size: .8em;
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
}

.menu > ul > li > ul.normal-sub {
    width: 300px;
    left: auto;
    padding: 10px 20px;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    border: 0;
    padding: 1em 0;
}
.th1{
	padding-left:150px;
}
.tf{
	width:100px;
	height:100px;
	padding-left:10px;
}

.bg-image {
			  /* The image used */
			  background-image: url("img/IMG_20180614_111629.jpg");

			  /* Add the blur effect 
			  filter: blur(8px);
			  -webkit-filter: blur(2px);*/

			  /* Full height */
			  height: 600px; 
			  
			  width:100%;
			  
			  
			  /* Center and scale the image nicely */
			  background-position: center;
			  background-repeat: no-repeat;
			  background-size: cover;
			}

.bg-image1{    
			  height: 100%; 
			  width:100%;
              display:block;
              background-image: url("Images/white-1866105_1280.jpg");
}
.box{
    height:350px;
}
.c_i_t{
    position:absolute;
    top:2px;left:45px;
    z-index:1;
    font-size:130px;
    text-shadow: 2px 2px 20px #000;
}			
.pt{
	position:relative;
	top:70px;
}
.formtext
{
    font-size: small;
}		

.fbox{
	border-right: 1px solid rgb(84, 74, 1); 
    float: left;
    /*height: 331px;*/
}
/*.fbox:nth-child(2) {
    height: 251px;
}
.fbox:nth-child(1) {
    height: 251px;
}*/
.fbox:nth-child(4) {
    border-right: none;
} 
.ibox{
    height: 50px;
    width: 60px;
    margin-top: 10px;
}
.mql{
    position: relative;
    top:240px;
}
.mql svg{
    position: relative;
    top: 0;
}
.ql{
    position: relative;
    /* top: -350px; */
	/* left: 148px; */
	}
.ql1{
	position:relative;
	top:250px;
	}
.h_p{
	margin-left:310px;
    position:absolute; top:90px;
    color:#00a5e5;font-weight:bold;text-align:center;
}.h_p1{
	margin-left:338px;
    position:absolute; top:120px;
    color:#00a5e5;font-weight:bold;text-align:center;font-family:Arial;
}
.t_c{
	position:absolute; top:180px;
}
.f_t{
    padding-left:750px;
}
.f_t1{
    padding-left:480px;
}
.fa {
  padding: 10px;
  font-size: 10px !important;
  width: 30px;
  height: 30px;
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
}

.fa:hover {
    opacity: 0.7;
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.wp1 p{
		margin-top:40px;
         margin-left:0px;
	}
	.wp2 p{
		margin-top:40px;
         margin-left:0px;
	}

   
.t_c{
	position:absolute; top:100px;
}

.t_c1{
	position:absolute; top:150px;
}

    .tablecontent{

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
  position:absolute; top:310px; 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
  

 position:absolute; top:360px; 
}
.thead{
    position:sticky;
}
.table-fixed thead {
  width: 97%;
}
.table-fixed tbody {
  height: 230px;
  overflow-y: auto;
  width: 100%;
}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
  display: block;
}
.table-fixed tbody td, .table-fixed thead > tr> th {
  float: left;
  border-bottom-width: 0;
}
.pdf{
    width:1140px;
}
.t-hdr{
    width:100%;
}
.panel-text{
    font-size: 15px;
}
.hbg{
    color:#00a5e5;
}
.sis{
    padding:20px 10px 0px 180px;
    text-align:justify;
    font-family:Arial;
    font-size:medium;
}
.tis{
    padding:20px 10px 0px 180px;
    text-align:justify;
    font-family:Arial;
    font-size:medium;
}
.fis{
    padding:20px 10px 0px 220px;
    text-align:justify;
    font-family:Arial;
    font-size:medium;
}
.wp{
			width: 100%;
			height: 300px;
			box-shadow:  10px 0px 50px #00a5e5 ;
            background: #fff;
            border-radius: 2%;
            position: relative;
            top: 0px;
		}
.wp1{
			width: 100%;
			height: 140px;
			background-color:white;
            border-radius: 5%;
            box-shadow: inset 0 0 10px #E0610C;
           /* ––––––––––––––––––––––––––––––––––––––––––––––––––
 font-family:'Oswald', sans-serif;
–––––––––––––––––––––––––––––––––––––––––––––––––– */
font-family:'Arial';
		}

 .wp2{
    	width: 100%;
		height: 140px;
		background-color:white;
        border-radius: 5%;
        box-shadow: inset 0 0 10px #C14217;
       /* ––––––––––––––––––––––––––––––––––––––––––––––––––
 font-family:'Oswald', sans-serif;
–––––––––––––––––––––––––––––––––––––––––––––––––– */
font-family:'Arial';
		}
       

/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media only screen and (max-width: 768px) {
        
    .wp1 p{
		display: none;
	}
	.wp2 p{
		display: none;
	}
}
@media only screen and (max-width: 480px) {
        
    .wp1 p{
		display: block;
	}
	.wp2 p{
		display: block;
	}
}
@media only screen and (max-width: 959px) {
    
    .wp{
        position: relative;
        top: -50px;
    }
    .wp1
    {
        width: 100%;
    }
    .wp2
    {
        width: 100%;
    }
    
    .bg-image1{
        height:2400px;
        display:none;
    }
    .hbg{
        color:#fff;
        background:#00a5e5;
    }
    .sis{
        padding-left: 0px;
        background: #fff;
    }
    .tis{
        padding-left: 0px;
    }
    .fis{
        padding-left: 0px;
        background: #fff;
    }
    .panel-text{
        font-size: 12px;
    }
     .tablecontent{
    position:absolute; top:380px; 
}
    .f_t{
        padding-left:0px;
    }
    .f_t1{
        padding-left:0px;
    }
    .h_p{
	margin-left:50px;
	position:absolute; top:50px;
}
.h_p1{
	margin-left:0px;
	position:absolute; top:98px;
}
.t_c{
	position:absolute; top:220px;
}
	.th1{
		padding-left:1px;
	}
	.tf{
		width:80px;
		height:80px;
		padding-left:15px;
	}
.pt{
	position:relative;
	top:130px;
    }
    .mql{
        position: relative;
        top:260px;
    }
    .mql svg{
        position: relative;
        top: -10px;
    }
.ql{
	position:relative;
    /* top:1640px; */
    left: 0px;
    }
.ql1{
	position:relative;
	top:250px;
	}
.pdf{
    width:100%;
}
.t-hdr{
    width:100%;
}
		
	.wp1 p{
		margin-top: -80px;
        margin-left: 120px;
		z-index:1;
	}
	.wp2 p{
		margin-top:-60px;  
        margin-left: 100px;
		z-index:1;
	}
    #home {
        margin-left: 0px !important;
}

    .menu-container {
        width: 100%;
    }
    .menu-mobile {
        display: block;
    }
    .menu-dropdown-icon:before {
        display: block;
    }
    .menu > ul {
        display: none;
    }
    .menu > ul > li {
        width: 100%;
        float: right;
        display: block;
    }
    .menu > ul > li a {
        padding: 1.5em;
        width: 100%;
        display: block;
    }
    .menu > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul.normal-sub {
        width: 100%;
    }
    .menu > ul > li > ul > li {
        float: none;
        width: 100%;
        margin-top: 20px;
    }
    .menu > ul > li > ul > li:first-child {
        margin: 0;
    }
    .menu > ul > li > ul > li > ul {
        position: relative;
    }
    .menu > ul > li > ul > li > ul > li {
        float: none;
    }
    .menu .show-on-mobile {
        display: block;
        z-index:99;
    }
}