body{font-family: Roboto, sans-serif; color:#333;
	/*font-family: 'Open Sans', sans-serif;
  background-repeat:no-repeat;
  background-size:cover;
  background-image:radial-gradient(gray,#f06d06);
  */
}
marquee{ transition:direction .3s; -webkit-transition:direction .3s; -moz-transition:direction .3s;}
*{ margin:0; padding:0;}
li{ list-style: none;}
/*ul {
    margin: 0.75em 0;
    padding: 0 1em;
    list-style: none;
}
li:before { 
    content: "";
    border-color: transparent #111;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 0.9em;
    position: relative;
}
*/
.lef{ float:left; margin:10px 0 0 0; }
.lef p{ font-size:20px; font-weight:600; margin:0px 0 0 20px;}
.righ{ float:right;}
.img-resp{ float:left; width:100px;}
.main{ width:80%; margin:0 auto;}
header { color:#fff;
	min-height:120px;
 background:#a12d33; padding:10px 0; 
 width:100%;
}

.nav1{ margin:35px 0 0 0;
 background:#fff;/*
  background: -webkit-linear-gradient( to right,white 50%,violet 50%);
  background: -o-linear-gradient(to right, red 50%,violet 50%);
  background: -moz-linear-gradient(to right, red 50%,violet 50%);
  background: linear-gradient(to right,white 50%,violet 50%); */

}
.nav1 li{ display:inline-table;  border-right:1px solid #333;  padding:5px; font-size:13px; text-align:center; }
.nav1 li a{ color:#333; text-decoration:none; padding:5px; float:left; text-align:justify; }
.nav1 li:hover a{ background:#000; color:#fff;  text-decoration:none;}

.nav2 {  position:absolute; float:left;  background:#fff; color:#333; margin-top:30px; z-index:99999;}
.nav2 li{ margin-left:0px; list-style:none; border:1px solid #a12d33; width:198px; height:30px; color:#a12d33;  }
.nav2 li a{ display:block; padding:5px;text-decoration:none;  color:#a12d33;}
.nav2 li a:hover{  color:#fff; background:#333;  }

.nav2 ul li .active  { background:#333; color:#fff;}

.nav2 li ul{ display:none;}
.nav2 li:hover ul { display:block;  }

.nav2 li:hover ul li{ background:#333; left:198px; top:-30px; position:relative; height:auto; width:100%; min-width:198px; min-height:30px; }
.nav2 li:hover ul li a{ color:#fff;}
.nav2 li:hover ul li a:hover{background:#ccc; color:#333;}

.nav2 li:hover ul li ul{ display:none;}
.nav2 li:hover ul li:hover ul{ display:block;}

.nav2 li:hover ul li:hover ul li{ background:#333; left:198px;}
.nav2 li:hover ul li:hover ul li a{ color:#fff;}
.nav2 li:hover ul li:hover ul li a:hover{background:#555; color:#ccc;}

.nav2 li:hover ul li:hover ul li ul{ display:none;}
.nav2 li:hover ul li:hover ul li:hover ul{ display:block;}

.nav2 li:hover ul li:hover ul li:hover ul li{ background:#333; left:198px;  }
.nav2 li:hover ul li:hover ul li:hover ul li a{ color:#fff;}
.nav2 li:hover ul li:hover ul li:hover ul li a:hover{background:#555; color:#ccc;}

.content-marg{ padding:0 0 0 30px;}


figure{ float:left;}
.mar-tag{ float:left; width:120%;}
.col{  width:90%; margin:0 auto;}
.mat{ margin-right:10px; float:left;}
.mat_img{ float:left;}

.col1{float:left; padding:0 15px;  width:310px; margin:30px 0 0 5px;}
.col1 a{ color:#a12d33; text-decoration:none;}
.col1 img{ width:250px;}
.col1 p{ text-align:justify;font-size:14px; margin:10px 0;}
.col1 li{ margin:5px 0 0 10px; text-decoration:none; list-style:none; }
.col1 li a{text-decoration:none; color:#333;}

.mat li{ margin:5px 0 0 10px; text-decoration:none; list-style:none; }
.mat li a{text-decoration:none; color:#333;}

.cir{/* width:80px; height:80px; border:1px solid #ccc; border-radius:50%;*/ margin:0 auto;}
.r-b{ border-right:1px solid #ccc;}
.r-b li a:hover{ color:#a12d33}
.l-b{ border-left:1px solid #ccc;}
aside{  border:1px solid #ccc; border-radius:10px; width:20%; height:500px; float:left; margin:10px;}
section{ border:1px solid #ccc; border-radius:10px; width:50%; height:500px; float:left; margin:10px;}

.cnt1{ float:left; padding:10px; margin:50px 10px; width:30%; box-shadow:10px 10px 10px #ccc;}
#cnt_c1{ border:1px solid #a12d33;}
#cnt_c2{ border:1px solid #696;}
#cnt_c3{ border:1px solid orange;}
hr{ border:1px solid #fff; margin:10px auto;} 
footer{  background:#a12d33; float:left; width:100%; height:auto; bottom:0; position:relative;}
footer p{ margin:10px 0 10px 0px; text-align:center; color:#fff;}






/* shakeer **/

.nav1 li:last-child {
border-right:none;
}
.nav1 li {
padding:2px!important;
}

.dropdown .dropdown-menu {
padding-left:6px;

}
.dropdown-submenu .dropdown-menu>li  {
/*padding-left:15px;*/

}

.navbar-default {
    background-color: #ffffff;
    border-color: #a12d33;
	color:#a12d33;
	top:26px;
	margin-bottom: 0px;
	
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    /*background-color: #ffffff;*/
   color:#a12d33;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
	 /* background-color: #ffffff;*/
   color:#a12d33;
}
.navbar-default .navbar-nav>li>a {
	color:#a12d33;
	font-size:14px;
}

.navbar-default .navbar-nav>li>a:hover {
background-color:#000000;
color:#ffffff;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	color:#6c6c6c;
	padding-left:5px;
}

.navbar-default .navbar-nav .open .dropdown-menu>li>a {
	color:#6c6c6c;
	padding-left:5px;
}


@media (max-width: 768px) {
	.navbar-default {
		box-shadow: 0px 3px 1px 0px #ddd;
		width: 100%;
		margin-bottom: 20px;
	}
	.navbar-default .navbar-nav>li>a:hover {
	background-color:#ffffff;
	color:#6c6c6c;
	}

}

@media screen and (min-width: 768px) {


.navbar {
	width: 100%; /*190px;*/
	padding:0px;
}
.navbar .container-fluid {
	padding:0px!important;
}
.navbar-nav>li {
	width:100%; /*204px;*/
	font-weight:bold;
	border-bottom: 1px solid #a12d33;
}
.navbar-collapse {
	padding:5px;
}
.mainmenu {
border:1px solid #a12d33;
border-radius:5px;
}
.navbar ul.dropdown-menu {
	position:relative;
	background:none;
	border:none;
	box-shadow:unset;
	width:100%;
}
.navbar-nav>li>a {
	padding:7px;
	width:100%;
}
.dropdown-menu>li>a {
	white-space:normal;
}



}


.p-0 {
	padding:0px;
}

.pt-10 {
	padding-top:10px;
}


/* shakeer **/






/** no paper popup styles begin ***/

.trigger_popup {
                    transform: rotate(270deg);
                    position: fixed; 
                    top: 45%; 
                    right: -3.5%; 
                    z-index: 999;
                    cursor: pointer;
                    background-color: #b8292f;
                    border-color: #b8292f;
                    border-radius: 5px;
                    border-bottom-right-radius: 0;
                    border-bottom-left-radius: 0; 
                    padding: 10px 16px;
                    font-size: 18px;
                    color: #fff;
                    line-height: 1.33;                  
                }
.trigger_popup:hover {
                    background-color: #d63232;
                    border-color: #d63232;
                }

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 9999; /* Sit on top */
  padding-top: 35px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: transparent;
  margin: auto;
  padding: 0;
  border: 0px solid #888;
  max-width: 390px;
  position: relative;
}

/* The Close Button */
.close {
    color: #c1c1c1;
    float: right;
    font-size: 30px;
    font-weight: bold;
    position: absolute;
    right: 15px;
    z-index: 9999;
    top: 2px;
}

.close:hover,
.close:focus {
  color: #797878;
  text-decoration: none;
  cursor: pointer;
}
.head_text {
    background-color: #dd3333;
    color: #fff;
    text-align: center;
    padding: 7px;
    font-size: 20px;
    border-top-left-radius: 35px;
}

@media (max-width:768px) {
    .trigger_popup {
        transform: rotate(0);
        bottom: 0;
        top: 90%;
        right: unset;
        margin: 0;
        left: 15%;
        font-size: 14px;
        padding: 6px 10px;
    }
    .popupCloseButton {
        top: -10px;
        right: -2px;
    }
}

/** no paper popup styles end ***/

ul.mylist li {
    list-style-type: disc!important;
    margin-left: 20px;
}