@charset "utf-8";
/* CSS Document */

*{ box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; }
body{ margin:0; padding:0; font-size:14px; color:#979797; font-family:DINWeb, sans-serif; background:url(../images/footer.html) no-repeat bottom right; 
background-size:contain; -moz-background-size:contain; -ms-background-size:contain; -webkit-background-size:contain; font-family:'DINWeb',Sans-Serif;}

ul{ margin:0px; padding:0px;}

ul li{ list-style:none; margin:0px; padding:0px;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;float:none !important;}
table, th, td {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none; color:#2686bd;}
a:hover{text-decoration:none;}

h1{font-family:'DINWeb',Sans-Serif;}
h2{font-family:'DINWeb',Sans-Serif; }
h3{ font-family:DINWeb, sans-serif; text-transform:uppercase; padding:0 0 20px 0; }
h4{ font-family:DINWeb, sans-serif; text-transform:uppercase; padding:0 0 20px 0; }
h5{ font-family:DINWeb-Bold, sans-serif; text-transform:uppercase; padding:10px 0 1px 0; color:#f58634}



a:focus {outline:0;}
.relativePanel{position:relative;}
.container{padding:0px;}
.pd{padding:0px;}
.uppercasePanel{text-transform:uppercase;}
.text-center{text-align:center !important;}



/*top Panel*/
.top-panel{width:100%; background:#f2f2f2; border-bottom:1px solid #d2d2d2; padding:8px 0 2px 0;}
.top-panel a{ color:#4b4d50; display:inline-block;}
.top-panel a:hover{ text-decoration:underline;}
.top-right-panel a{font-size:18px; margin-left:8px;}
.top-right-panel a:hover{ color:#0d72dd;}

/*logo panel*/
.logo-panel{}
.company-name{ font-size:26px; font-family:'DINWeb'; text-align:center; padding-top:47px; color:#0d72dd; }
/*top menu panel*/
.top-menu-panel{padding-top:50px;}
.top-menu-panel .navbar-default{ background:#ffffff; border-color:#e6e6e6; border-radius:0; padding:0;}
.top-menu-panel .navbar-collapse{padding:0;}
.top-menu-panel .navbar{ min-height:5px; margin-bottom:0;}
.top-menu-panel .navbar-nav > li > a{ padding:8px 10px 5px 10px;}
.top-menu-panel .navbar-nav > li > a > img{vertical-align:middle; margin-top:-4px;}
.top-menu-panel .navbar-nav > li{float:none; display:inline-block;}

/*header*/
.header-panel{ background:#fff; padding:8px 0;}

/*menu panel*/
.menu-panel{ background:#0d72dd;  box-shadow:0px 2px 4px #777777; z-index:9999; position:relative;}
.menu-panel .navbar-default{background:none; border:0px;}
.menu-panel .navbar{ margin-bottom:0; min-height:25px;}
.menu-panel .navbar-default .navbar-nav > li{background:url(../images/nav-bg.jpg) repeat-y right top;}
.menu-panel .navbar-default .navbar-nav > li > a{color:#fff; padding:12px 16px 10px 16px ; text-transform:uppercase; font-size:12px;}
.menu-panel .navbar-default .navbar-nav > li > a:hover{ background:#ec2327; color:#FFF;}

.menu-panel .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{ background:#ec2327; color:#FFF;	}
.dropdown:hover .dropdown-menu{display:block;}
ul.dropdown-menu li :hover > .dropdown > a.dropdown-toggle{background:#ec2327; color:#FFF;}
.dropdown-menu  li{border-bottom:1px solid #CCC;}
.dropdown-menu li a{ padding:7px 8px 5px 8px;}
.dropdown-menu li a:hover{ background:#ec2327; color:#fff;}


/*banner*/
.banner-panel{ width:100%; position:relative;}
.banner-panel:after{ position:absolute; left:0; bottom:0; width:100%; height:10px; background:rgba(255,255,255,.5); content:'';}
.banner-panel img{width:100%;}
/*welcome panel*/
.welcome-container{ background:#dee9ff; padding:20px 0; border-bottom:5px solid #c9d8f7;}
.welcome-container h1{ font-size:18px; color:#096fde;}
.welcome-container p{ color:#000000; text-align:justify;}

/*Administrative panel*/
.administrative-panel{ background:#fff; padding:20px 0; text-align:center;}
.administrative-panel h1{ font-size:25px; color:#000; padding:0 20px 20px 20px; margin-bottom:30px; border-bottom:1px solid #a1a1a1; display:inline-block; position:relative; font-weight:bold;}
.administrative-panel h1:after{ width:24px; height:24px; position:absolute; border-radius:50%; bottom:-12px; left:50%; margin-left:-12px; content:''; background:#a1a1a1;}

.box-panel{background:#0d72dd; padding:30px 15px; color:#fff; border-bottom:15px solid #002b59; position:relative;}
.box-panel:after{position:absolute; left:0; top:10px; width:100%; height:1px; background:#fff; content:'';}
.box-panel:before{position:absolute; bottom:-5px; left:50%; transform:rotate(50deg); width:10px; height:10px; margin-left:-5px; background:#002b59; content:'';}
.box-panel h2{font-size:16px; text-transform:uppercase; padding-bottom:20px;}
.box-panel p{text-align:justify;}
.administrative-panel .owl-controls{ display:none !important;}

/*publication panel*/
.publication-panel{ background:#fff; padding:20px 0; text-align:center;}
.publication-panel h1{ font-size:25px; color:#000; padding:0 20px 15px 20px; margin-bottom:30px; border-bottom:1px solid #a1a1a1; display:inline-block; position:relative; font-weight:bold;}
.publication-panel h1:after{ width:14px; height:14px; position:absolute; border-radius:50%; bottom:-7px; left:50%; margin-left:-7px; content:''; background:#a1a1a1;}
.publication-panel p{color:#000; text-align:justify;}

/*event*/
.event-panel{background:#f1f1f1; padding:20px 0; text-align:center;}
.event-panel h1{  font-size:25px; color:#000; padding:0 20px 15px 20px; margin-bottom:30px; border-bottom:1px solid #a1a1a1; display:inline-block; position:relative; font-weight:bold;}
.event-panel h1:after{ width:14px; height:14px; position:absolute; border-radius:50%; bottom:-7px; left:50%; margin-left:-7px; content:''; background:#a1a1a1;}
.event-box{}
.event-box img{width:100%; margin-bottom:10px;}
.event-box strong{ color:#0078ff; font-weight:normal;}
.event-box p{color:#474747;}
.event-panel .owl-controls{ display:none !important;}

/*faq news panel*/
.faq-news-panel{ background:#fff; padding:20px 0 40px 0;}
.faq-news-panel h1{ border-bottom:1px solid #cccccc; border-top:1px solid #cccccc; padding:10px 0; font-size:25px; color:#000000; font-weight:bold; margin-bottom:35px;}
.faq-news-panel h1 img{margin-right:5px;}

.faq-box {background:url(../images/faq-question-icon.png) no-repeat left top; padding:10px 0 0 50px;}
.faq-box strong{ color:#125191;}
.faq-box p{ color:#696969; padding-top:5px;}

/*judgments box*/
.judgments-box{}
.judgments-box span{ background:#0d72dd; padding:15px; color:#fff; font-size:20px; text-align:center; display:inline-block;}
.judgments-box-right{padding:5px 0 0 0;}
.judgments-box-right strong{color:#125191;}
.judgments-box-right p{ color:#696969; padding-top:5px;}
.judgments-box-right p a{color:#eb3315; padding:0 2px; font-size:15px;}

/*news letter panel*/
.mailchimp-footer {clear: both;line-height: 0;margin: 0;text-align: center;}
.mailchimp { background-color: #022444;clear: both;color: #fff;display: inline-block;margin: 0 auto; padding: 20px 55px;position: relative;}
.mailchimp-footer .mailchimp-form {float: left;}
.mailchimp::before {content: "";display: inline-block;height: 3px;left: 0;position: absolute; background:#fff;top: 4px;width: 100%;}
.mailchimp p {float: left;line-height: 22px;margin: 15px 25px 0 0;}
.mailchimp p span {margin-right: 3px;}
.mailchimp-form input[type="email"], .mailchimp-form input[type="text"] {background-color: rgba(255, 255, 255, 0.11);color: rgba(255, 255, 255, 0.5);float: left;font-family: inherit;font-size: inherit;font-weight: normal;margin: 0;outline: medium none;padding: 15px 23px;width: 275px;}
.mailchimp .mailchimp-form input[type="email"], .mailchimp .mailchimp-form input[type="text"] {border: medium none;padding: 16px 23px;}
.mailchimp-form input[type="submit"] {border: medium none; background:#b52729;box-shadow: none;clear: both;color: #fff;cursor: pointer;display: inherit;
  float: left;font-size: 13px;font-weight: normal;height: auto;line-height: 44px;outline: medium none;padding: 2px 18px 0;text-transform: uppercase;}
.mailchimp .mailchimp-form input[type="submit"] {clear: none;display: inherit;margin: 0;}
.mailchimp-form input[type="submit"]:hover {box-shadow: none;opacity: 0.8;}

.breadcrumb-panel{ background:#f5f5f5;  margin-bottom:20px;}
.breadcrumb{margin-bottom:0;}

/*members box*/
.members-box{font-family:'DINWeb',Sans-Serif; margin-bottom:30px;}
.members-box-left{background:#0d72dd; padding:10px; color:#fff; min-height:250px; position:relative;}
.members-box-left img{width:100%; margin-bottom:15px;}
.members-box-left strong{text-transform:uppercase;}
.members-box-right{border:1px solid #CCC; padding:20px; min-height:250px;}
.members-box-right h1{font-size:14px; padding:0px; margin:0 0 12px 0; line-height:20px;}
.members-box-right h1 strong{color:#0d72dd; font-size:16px;}
.members-box-right::before{ width:100%; position:absolute; left:0px; bottom:-24px; height:23px; content:''; background:url(../images/shadow1.png) top center no-repeat; background-size:contain; -moz-background-size:contain; -ms-background-size:contain; -webkit-background-size:contain; -o-background-size:contain;}
.members-box-right p{ font-size:15px; text-align:justify;}
.members-panel-box{display:none;}
.top-margin{margin-top:10px;}


.contact-panel{ padding:20px 0; border:1px solid #CCC; margin-bottom:20px; background:#fafafa; padding-bottom:20px; text-align:justify;}
.container-panel p{ color:#3d3d3d; text-align:justify;}
.container-panel{ color:#3d3d3d; padding-bottom:20px;}
.container-panel table{ border-right:1px solid #cdcdcd; border-top:1px solid #cdcdcd; width:100%;}
.container-panel table tr td{ padding:10px 10px; vertical-align:top; border-left:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd;}
.container-panel h4{ border-bottom: 1px solid #cccccc;border-top: 1px solid #cccccc;color: #000000;font-size: 20px;font-weight: bold;margin-bottom: 25px;
    padding: 10px 0;}
.container-panel ul{margin:20px 0px 10px 10px; }
.container-panel ul li{background:url(../images/point.png) no-repeat 0 5px; padding:0 0 15px 15px; text-align:justify;}
.container-panel ol li{ line-height:25px; padding:0 0 7px 5px; list-style:upper-roman; text-align:justify;}
ul.alpha-style{margin-left:35px;}
ul.alpha-style li{ line-height:25px; padding:0 0 7px 5px; list-style:upper-alpha; background:none; text-align:justify;}		
.read a{background-color: #337ab7; border-color: #2e6da4; color: #fff; padding: 6px 12px; display:inline-block; color:#FFF; border-radius:7px;}
.read a:hover{ background:#ec2427;}

/*site map*/
.tree, .tree ul {margin:0;padding:0;list-style:none}
.tree ul {position:relative}
.tree li i{ color:#fff; border-radius:0; margin-right:10px; padding:5px; display:none; background:#0d72dd}
/*.tree ul ul {margin-left:.5em}*/
.tree ul:before {content:"";display:block;width:0;position:absolute;top:0;bottom:0;left:0;border-left:1px solid}
.tree li {background:url(../images/point.png) no-repeat 0 7px; margin:0;padding:0 1em;line-height:2em;color:#333;cursor:pointer; font-size:13px; text-transform:uppercase; position:relative}
.tree li:hover{color:#0f6ccf;}
.tree ul li:before {content:"";display:block;width:10px;height:0;border-top:1px solid;margin-top:-1px;position:absolute;top:1em;left:0}
.tree ul li:last-child:before {background:#fff;height:auto;top:1em;bottom:0}
.indicator {margin-right:5px;}
.tree li a {color:#333;text-decoration: none;font-weight:normal; text-transform:uppercase; font-size:13px;}
.tree li a:hover{ color:#0f6ccf; font-weight:normal;}
.tree li button, .tree li button:active, .tree li button:focus {text-decoration: none;color:#369;border:none;background:transparent;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;
outline: 0;}
.tree li ul li{display:block !important; background:none;}
.tree li ul li a{background:url(../images/point.png) no-repeat 0 1px; padding-left:13px;}


/*footer top menu*/
.footer-top-menu{ border-top:1px solid #a5a5a5; padding:15px 0; text-align:center; color:#1e1e1e}
.footer-top-menu ul li{ display:inline; padding:0 10px;}
.footer-top-menu ul li a{ color:#1e1e1e; text-transform:uppercase; font-size:12px;}
.footer-top-menu ul li a:hover{text-decoration:underline;}

/*footer*/
.footer{ background:#032545; padding-top:15px;}
.footer-logo{padding:15px 0;}
.footer-social-icon{ font-size:20px; border-bottom:1px solid #42688b; border-top:1px solid #42688b; padding:10px 0 5px 0; margin:auto; width:200px;}
.footer-social-icon i{margin:0 5px; color:#4c7296;}

.footer-left-box{ margin-top:20px; color:#4c7296; text-align:justify;}
.footer-left-box strong{padding-bottom:10px; display:inline-block;}

.footer-middle-box{margin-top:20px; color:#4c7296;}
.footer-middle-box h4{border-bottom:1px double #476d91; padding-bottom:10px; font-size:15px;}
.footer-middle-box strong{color:#b8c9da;}
.footer-middle-box p{line-height:25px;}
.footer-middle-box i{ color:#4c7296; margin-right:5px;}
.footer-middle-box img{margin-right:5px;}

.footer-right-box{margin-top:20px; color:#4c7296;}
.footer-right-box h4{border-bottom:1px double #476d91; padding-bottom:10px; font-size:15px;}
.footer-right-box strong{color:#b8c9da;}
.footer-right-box ul li{float:left; width:40%; padding-bottom:5px; margin-bottom:2px; border-bottom:1px dashed #476d91; margin-right:10%;}
.footer-right-box ul li a{ color:#4c7296; font-size:13px;}
.footer-right-box ul li a:hover{color:#FFF;}
.footer-copyright{ text-align:center; width:100%; border-top:1px double #123455; padding:10px 0; margin-top:15px; color:#4c7296; font-size:13px;}



@media (max-width:1045px)
{
.top-menu-panel .navbar-nav > li > a{padding: 8px 5px 5px;}
.menu-panel .navbar-default .navbar-nav > li > a{padding: 12px 8px 10px; font-size: 11px;}
.footer-top-menu ul li{ padding:0 9px;} 
.footer-top-menu ul li a{font-size:10px;}
.footer-right-box ul li{ width:43%; margin-right:5%;}
.judgments-box-left{width:90px;}

	}

@media only screen and (min-width: 768px) and (max-width: 995px) {
.logo-panel img{width:100%;}
.top-menu-panel{padding-top:19px;}
.box-panel h2{font-size:15px;}
}


@media only screen and (min-width: 640px) and (max-width: 767px)
{
.logo-panel img{width:100%;}
.top-menu-panel{padding-top:19px;}	
.top-menu-panel .navbar-default{background:#fff; border:none;}
.navbar-nav{margin:0;}
.top-menu-panel .navbar-nav > li{display:block; text-align:left;}
.top-menu-panel .navbar-nav > span{display:none;}
.top-menu-panel .navbar-nav > li > a{border-bottom:1px solid #CCC;}
.mailchimp p{padding-bottom:5px;}
	}

@media only screen and (min-width: 480px) and (max-width: 639px)
{
.logo-panel img{width:100%;}
.top-menu-panel{padding-top:15px;}	
.top-menu-panel .navbar-default{background:#fff; border:none;}
.navbar-nav{margin:0;}
.top-menu-panel .navbar-nav > li{display:block; text-align:left;}
.top-menu-panel .navbar-nav > span{display:none;}
.top-menu-panel .navbar-nav > li > a{border-bottom:1px solid #CCC;}	
.mailchimp p{padding-bottom:5px;}
}


@media only screen and (min-width: 320px) and (max-width: 479px)
{
.logo-panel img{width:100%;}
.top-menu-panel{padding-top:0px;}	
.top-menu-panel .navbar-default{background:#fff; border:none;}
.navbar-nav{margin:0;}
.top-menu-panel .navbar-nav > li{display:block; text-align:left;}
.top-menu-panel .navbar-nav > span{display:none;}
.top-menu-panel .navbar-nav > li > a{border-bottom:1px solid #CCC;}	

.mailchimp{ padding:15px;}
.mailchimp p{padding-bottom:5px;}
.mailchimp-form input[type="email"], .mailchimp-form input[type="text"]{width:206px;}

.judgments-box-left{width:100%; padding:0px; }
.judgments-box-left span{display:block; padding:5px 10px; text-align:left; font-size:14px;}
.judgments-box-right{width:100%;}
}

@font-face {font-family:DINWeb-Black; 
src: url("../fonts/DINWeb-Black.eot");
	src: url('../fonts/DINWeb-Black.woff') format('woff'), url('../fonts/DINWeb-Black.html') format('truetype'), url('../fonts/DINWeb-Black-2.html') format('svg');}

@font-face {font-family:DINWeb-Light; 
src: url("../fonts/DINWeb-Light.eot");
	src: url('../fonts/DINWeb-Light.woff') format('woff'), url('../fonts/DINWeb-Light.html') format('truetype'), url('http://netmaxdigital.co.in/ms_and_me/en/fonts/DINWeb-Light.svg') format('svg');}

@font-face {font-family:DINWeb-Medium; 
src: url("../fonts/DINWeb-Medium.eot");
	src:url('../fonts/DINWeb-Medium.woff') format('woff'), url('../fonts/DINWeb-Medium.html') format('truetype'), url('http://netmaxdigital.co.in/ms_and_me/en/fonts/DINWeb-Medium.svg') format('svg');}

@font-face {font-family:DINWeb; 
src: url("../fonts/DINWeb.eot");
	src:url('../fonts/DINWeb.woff') format('woff'), url('../fonts/DINWeb.html') format('truetype'), url('../fonts/DINWeb-2.html') format('svg');}