﻿@import url(https://fonts.googleapis.com/css?family=Oxygen:400,700);
body{
	margin:0px;
	font-family: 'Oxygen', sans-serif;
font-size:14px;   padding:0px!important;width:100%; 
 }.triangle {
    margin: 0 auto;
    text-align:center;
    width: 0;
    height: 0;
    border-top: 30px solid #f8ef06;
    border-left: 585px outset transparent;
    border-right: 585px outset transparent;
    position: relative;
} 
.clear{clear:both;float:none}
 
p{
	
	padding: 0px 0px 10px 0px;
	margin:0px;text-align:justify;
}
img
{
	border:0
}
a{ text-decoration:none;}
h1,h2,h3,h4{ margin:0px 0px 10px 0px;padding:0px;}
ol{margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:10px;}
 
ul{margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:10px;}
 
 
 

.logo{ text-align: center;margin:5px auto}
 
.bannerimg{width:100%;}
.banner{background-color:#1b66b7; background-repeat:no-repeat repeat; padding:10px 0px;   }
.confer{ background:#237fda; background-repeat:no-repeat; 
         webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px; width:98%; margin: auto;text-align:center;color:#ffffff;padding:10px;
}

.confer a{ color:#ffffff;   }
 

.menu { background-color:#000000!important; background-repeat:no-repeat; text-align:center;padding:10px 5px}
 
 .menu  a, .menu{color:#ffffff}

#nav {display:none;}


#mobilemenus
 {
 	display:none;
 	position:absolute;top:0em; right:0em;
 }
 #nav 
 {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;

 -moz-border-radius-topleft:8px;
  -moz-border-radius-bottomleft:8px;

 -moz-border-radius-topright:0px;
  -moz-border-radius-bottomright:0px;

	-webkit-border-top-left-radius:8px;
		-webkit-border-bottom-left-radius:8px;	
		-webkit-border-top-right-radius:0px;	
		-webkit-border-top-right-radius:0px;
    -khtml-border-top-left-radius: 8px;
	-khtml-border-bottom-left-radius: 8px;
	-khtml-border-top-right-radius: 0px;
	-khtml-border-bottom-right-radius: 0px;

 	
 	/* ...but not required as filter works too */
	/* should come BEFORE filter */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	
	/* This works in IE 8 & 9 too */
	/* ... but also 5, 6, 7 */
	filter: alpha(opacity=90);
	
	/* Older than Firefox 0.9 */
	-moz-opacity:1;
	
	/* Safari 1.x (pre WebKit!) */
	-khtml-opacity:1;
    
	/* Modern!
	/* Firefox 0.9+, Safari 2?, Chrome any?
	/* Opera 9+, IE 9+ */
	opacity: 0.8;

		 position:absolute;
		 top:42px;
	    right:0em!important;
		 
	    color:#ffffff;
	    font-weight:bold;
		
	
		border:none;
		background-color:#0e4d9a;
		z-index:1000;
		display:none;
		
	}

  #nav ul{margin:0em 0em 0em 0em!important;
          padding:1em 0em 1em 0em !important;
          }
#nav li 
	{ 
		
		width:100%;
		 border-bottom:1px solid #ffffff; 
		 background-repeat:no-repeat;
		 
		list-style:none;
		padding:0.5em 0.5em 0.5em 1.3em;
text-align:left;
		float: none;
		z-index:100000000;
		
	}
	
#nav li a{ color:#ffffff;display:block;padding:0em; text-decoration:none;}	
#nav li:last-child{ border:none;}

.row{display:table-row;padding:10px }
.impcontent{ background-color:#f0f1f2; display:table;height:100%;border-spacing: 6px;}
.impdates{width:30%; border:1px solid #bfbfbf;background-color:#ffffff;     
          display:table-cell;height:100%;   -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; }
.impdates h2{font-size:18px;text-align:center;-webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px 10px 0px 0px; }
.impdates p,.impdates h3{ margin:0px 5px;text-align:center}
.impdthead{ background-color:#d53d64; background-repeat: no-repeat;
             padding:10px;}
 
 .impconhead{ background-color:#84ba37; background-repeat: no-repeat;
              padding:10px;}            

 .impvenhead{ background-color:#9cccfb; background-repeat: no-repeat;
               padding:10px;}       
             
               

#about{ /*background-color:#1c68b7;*/ background-image:url(../images/conference.jpg); 
        background-repeat:no-repeat;
    background-size:cover; border-top: 2px solid #f8ef06;background-position:center;
        padding:0px 10px 5px 10px;color:#ffffff; }
.aboutcon{ color:#ffee0a; text-align:center;}
 .top{position:fixed;bottom:100px;display:none;right:1em;z-index:1000000!important}
.copyright{ border-top: 2px solid #f8ef06;font-size:11px; background-color:#000000; 
            background-repeat:no-repeat; color:#ffffff;padding:5px;}
.copyright a{color:#ffffff;}

.aboutuscontent{float:right;
	padding-left:30px;
	margin:0px 0px 0px 5px;}
	
	.aboutp{ padding:10px;}
	.globalcon{display:none;}
 
.global{ position:absolute; margin-top:10%;width:50%;max-width:505px;   }
#themes li{width:45%;float:left;margin-left:30px}
#themes{background-image:url(../images/finance.jpg); 
        background-repeat:no-repeat;
    background-size:cover; border-top: 2px solid #f8ef06;background-position:center;
        padding:0px 10px 5px 10px;color:#ffffff; }
        #themes h2{ color:#f8ef06; text-align:center;}
        #themes h3{color:#f8ef06;}
        #themes h2, #institute h2, #about h2{margin-top:10px}
        #institute{background-color:#0e9bc9; 
        background-repeat:no-repeat;
    background-size:cover; border-top: 2px solid #f8ef06;background-position:center;
        padding:0px 10px 5px 10px;color:#ffffff; }
        #institute h2{color:#f8ef06; text-align:center;}

.aboutuscontent{ float:right; padding-left:20px;}

#registration{background-image:url(../images/registrationj.jpg); 
        background-repeat:no-repeat;
    background-size:cover; background-position:center;
        padding:10px 10px 10px 10px;color:#ffffff; }
        
        .regbg{background-color:#46bea5; 
        background-repeat:no-repeat;background-size:cover; 
         margin:15px 10px 5px 10px; padding:5px;  webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;  opacity: 0.8;
    filter: alpha(opacity=60);}
        
        .regbg h2{ color:#000000; text-align:center;}
        .locationmap{float:left;width:50%; margin-left:30px;}
        
        #contactus{background-color:#34495e;
        background-repeat:no-repeat;
    background-size:cover; background-position:center;
        padding:15px 10px 5px 10px;color:#ffffff; }
        .cont{ float:left; width:45%;}
        #contactus h2{ text-align:center; color:#ffffff;}
        .cont h3{color:#ffdc00;}

.clearforabove{clear:both}
#papersub{background-color:#e6e8e7; 
        background-repeat:no-repeat;
    background-size:cover; background-position:center;
        padding:15px 10px 5px 10px;color:#000000;  }
        #papersub h2{color:#000000;padding-left:30px; text-align:center;}
        
        .papaercon h3,.papaercon p{ text-align:center;}
.papaercon img{margin:0px;padding:10px 0px 0px 0px ;}
        

	.papaercon{width:31%; margin:5px; }

.papaercon{float:left; text-align:center;}
.clearforbelow{display:none}
@media (max-width:1200px) 
{
.triangle{ border-left: 485px outset transparent;
    border-right: 485px outset transparent;}
}
@media (max-width:1000px) 
{
.triangle{ border-left: 385px outset transparent;
    border-right: 385px outset transparent;}
}
@media (max-width: 750px) 
{
	.triangle{ border-left: 285px outset transparent;
    border-right: 285px outset transparent;}

.aboutuscontent {float:none!important;margin:auto; clear:both!important;width:100%;
	                        text-align:center; padding-left:0px;}
	                       .papaercon{ width:47%;  }
	                       
.clearforabove{display:none}
.clearforbelow{display:block;clear:both}
 
	                       .papaercon img { float:left!important; width:30%; }
	                      .papaercon  h3,.papaercon p{ float:right!important; width:68%;margin-left:5px;text-align:left}                   
}
 @media (max-width: 675px) 
{
 #themes li{width:95%}
}
@media (max-width: 580px) 
{.triangle{ border-left: 235px outset transparent;
    border-right: 235px outset transparent;}
  .papaercon{width:100%}
	                       
	                       .papaercon img { float:left!important; width:18%; }
	                       .papaercon  h3,.papaercon p{ float:right!important; width:80%;}
}
@media (max-width: 350px) 
{.triangle{ border-left: 95px outset transparent;
    border-right: 95px outset transparent;}
	.papaercon{ width:100%; margin:5px;}
	                       
	                       .papaercon img { display:none }
	                       .papaercon  h3,.papaercon p{ width:100%;}
}
 
 
 @media (max-width: 870px) 
{
	.cont{clear:both;float:none!important; width:100%;}
	.locationmap{ clear:both;float:none!important; width:100%!important; margin-left:0px!important;}
}
@media (max-width: 400px) 
{ 
		
	.logo{text-align:left}
		
}
@media (max-width: 450px) 
{ .triangle{ border-left: 175px outset transparent;
    border-right: 175px outset transparent;}
.float{float:none;width:100%!important;clear:both}

		p{text-align:left}
}

@media (max-width: 300px) 
{ .triangle{ border-left: 95px outset transparent;
    border-right: 95px outset transparent;}
	.logoimg{width:55%}
		
}@media (max-width: 816px) 
{
#mobilemenus{display:block!important;float:right!important;  }

#mobilemenus img{cursor:pointer;margin-top:10px;display:block!important;}
.menu{display:none;}
.impdates{display:block;width:80%;margin:10px auto auto auto}
.float{float:left;width:48%}
.row,.impcontent{display:block}
.impcontent{ margin:auto;border-spacing:0px}
.global{display:none;}
.confer{display:none;}
.globalcon{display: block; text-align:center; color:#ffffff; }
.globalcon p{ text-align:center; font-size:14px;}
.globalp{ color:#f9ee06;}
.banner{background-color:#1b66b7; background-repeat:no-repeat repeat; padding:5px 5px 1px 5px;  }
}
