/*body{font: 15px/20px 'Dosis', sans-serif;margin: 0 auto;height: 100%;color: #666;letter-spacing:0.7;overflow-x:hidden;}*/ body{font: 15px/20px 'roboto', sans-serif;margin: 0 auto;height: 100%;color: #666;letter-spacing:0.4px;overflow-x:hidden;} .span30{margin:40px 0} .relative{position:relative} .p0{padding:0 !important} .header-top{background:#333; border-bottom: 1px solid #efefef;padding-top:2px;color:#fff} .header-social a{color:#fff;padding:5px} /*.main-header{background:url(../images/header-back-new.jpg);background-size: cover;}*/ .navbar-nav{margin-top:30px;} .navbar-nav li a{color:#fff;font-size:15px;padding:15px 15px;border-right:1px solid #ccc} .navbar-nav li a:first-child{border-left:1px solid #ccc} .navbar-nav.navbar-center {margin:0;z-index: 999; position: relative;} .nav>li>a:focus, .nav>li>a:hover,.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background:#102d4e} .navbar{margin:0} .separator{height: 1px;background-color: #ccc; width: 50%; margin-left: 25%;margin-top: 25px;margin-bottom: 25px;} .separator-style{ background-color: #FCFCFC;border-radius: 20px;border-style: solid;border-color: #ccc;border-width: 2px;display: block;height: 9px;left: 50%; margin-left: -5px; margin-top: -4px;position: absolute;width: 9px;} .title{color:#224974;text-align:center} .section3 img{width: 80%;height: 100px;margin: auto;border: 1px solid #ccc} .section1{box-shadow: 0 0 10px #666;padding: 20px 0;} .section1 h3,.section1 p{color:#fff} .section4{background:#efefef;padding:40px 0} .section4 ul,.section5 ul{line-height:2;font-size:18px;font-weight:normal} .section5{padding:40px;color:#fff;line-height:1.5} .section5 h4{line-height:1.3;margin-top:0} .section5 .why-visit img{width:50px;} .section5 .why-visit div:first-child{border-right:1px solid #fff} /* #myCarousel-2 .item img,#myCarousel-3 .item img{width:100px;height:100px;border-radius:100%;margin-bottom:10px}*/ #myCarousel-2,#myCarousel-3{background:#e6e6e6;box-shadow:0 0 10px #999;border-bottom:2px solid #224974;height:180px} .carousel-control:focus, .carousel-control:hover,.carousel-control{color:#666} .carousel-control.right,.carousel-control.left{background:none} #footer {background:#04091e;} #footer h4{color:#fff} #footer ul li a{color:#888} #footer ul{color:#888;padding-left: 15px;line-height: 2;} /*.backcolor{background:#224974}*/ .backcolor{background:#3e2d5a} .textcolor{color:#a64780} .left-side p{text-align:center;font-size:15px;margin:2px 0;padding:5px} .left-menu p{padding:20px;text-align:center;font-size:15px;margin:10px 0} .left-menu p a,.left-side p a{color:#fff;font-size: 18px;} .about p{text-align:justify} .short-line{width:150px;height:3px;background:#f2ba18;margin:5px 0px 10px 0} .long-line{width:100%;height:2px;background:#ccc;margin:10px 0 15px 0} .dropdown-menu{z-index:999} .formatted-table .form-control{margin:5px;width:90%} .formatted-table .input-hidden{ height:0; width:0; visibility: hidden; padding:0; margin:0; float:right; } .formatted-table tr td,.formatted-table tr th{padding:5px} .link-btn{background:#a64780;color:#fff;padding:15px;width:180px;margin:10px} .exhibitor-feedback,.visitor-feedback{background:#e5e5e5;padding:10px;border:1px solid #666;margin:10px 0} .visitor-profile ul{font-size:1.2em;line-height:2} .exhibitor-profile ul{line-height:2;padding-left:25px} .exhibitor-profile{border:1px solid #ccc} .exhibitor-profile h4{background:#a64780;color:#fff;padding:10px;text-align:center;height:60px;margin-top:0} .vertical-center{position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%);} .why-exhibit-list ul,.why-visit-list ul{list-style:none;line-height:2;font-size:1.2em;padding-left:20px} .why-exhibit-list ul li:before{ content: '✓ ';font-weight:bold} .why-visit-list ul li:before{content: '✓ ';font-weight:bold} .news-images img{height:200px;object-fit:contain} .visitor-form .form-horizontal .form-group{margin-right:0;margin-left:0} .past-events{border:2px solid #ccc} .past-events h4{text-align:center;padding:8px;color:#a64780} .visitor-speak p{color:#a64780} .form-section{border:1px solid #ccc;background:#efeff6} .blink{animation: 2s linear infinite blink_effect;} .btn:hover{color:#ccc} @keyframes blink_effect { 0%{opacity: 0;} 50%{opacity: .5;color:#f2ba18;font-size:18px} 100%{opacity: 1;} } .terms-conditions p{margin-bottom:20px} .seminar-topics{border:1px solid #ccc;margin-bottom:10px} .seminar-topics p:nth-child(2){padding:3px;margin:0;background:#3e2d5a;color:#fff;height:40px} .seminar-topics p:first-child{padding:3px;margin:0;background:#3e2d5a;color:#fff;height:30px} .iso-logo img{margin-top:30px;width:100%} .header-blinking{ animation: background-blinking 1s infinite;} @keyframes background-blinking { 0%{ background-color: #3e2d5a; } /* YOU CAN ADD MORE COLORS IN THE KEYFRAMES IF YOU WANT 50%{ background-color: #55d66b; border: 5px solid #126620; } */ 100%{ background-color: #a64780; } } .header-ind-texpo-logo{width:100px;margin:auto;margin-top: 20px;} .header-azadi-logo{margin-top: -9px;width:200px;} .header-satyamev-logo{margin-top: 20px;width:130px;} .header-main-text p{color:#224974;font-weight:bold;font-size: 1em;line-height: 1.5;} @media only screen and (max-width: 1300px) { .navbar-nav li a{padding:15px} .padding0{padding:0} } @media only screen and (max-width: 1150px){ .navbar-nav li a{padding:15px 5px;} } @media only screen and (max-width: 500px){ .padding0{padding:0} .main-header{} .main-header > div{padding:0} .header-main-text h1{font-size:24px} .header-main-text h3{font-size:12px;} .header-main-text p{font-size:0.8em;line-height:1} .span30{margin:10px 0} .section4,.section5{padding:20px} .news-images img{height:180px;object-fit:contain} .why-visit h4{font-size:12px} .why-visit{margin-bottom:5px} .section5 h2{font-size:24px} .why-exhibit-list ul{padding-left:0;text-align:justify;line-height:1.7;font-size:15px} .iso-logo img{margin-top:5px;margin-left:50%} .header-ind-texpo-logo{width:100%;margin:auto;margin-top: 20px;} .header-azadi-logo{width:100%;} .header-satyamev-logo{margin-top: 10px;width:85px;margin-bottom:10px;} }