@import 'https://fonts.googleapis.com/css?family=Playfair+Display';@import 'https://fonts.googleapis.com/css?family=Great+Vibes';body {margin:0px;padding:0px;line-height: 24px;font-size: 14px;color: #575757;font-family: 'Playfair Display', serif;} p {margin: 0 ! important;} a:focus , a:active , a:hover{outline: none ! important;} .navbar-brand {display: none;} #table_inner_content {float: left;text-align: center;width: 100%;} .navbar-inverse{border: none;background: none;} .navbar{margin-bottom: 0px;} .main{float: left;width: 100%;text-align: center;} .maindiv{float:left;width:100%;} .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{border: none;} .headercontainer {float: left;width: 100%;padding: 10px 0;font-family: 'Playfair Display', serif;background: rgba(195, 2, 24, 0.9) none repeat scroll 0 0;z-index: 9999;transition: 2s;} .headercontainer2 {padding: 5px 0px;transition: 2s;} .headercontainer2 .logo{width: 65%;transition: 2s;} .headercontainer2 .batch{padding: 0px 0px;transition: 2s;} .headercontainer2 .menuH ul li a {margin: 15px 0px;transition: 2s;} .logo{float: left;width: 100%;transition: 2s;} .batch{float: left;width: 100%;padding: 10px 0;transition: 2s;} .nopad {padding: 0;} .menucontainer{float: left;width: 100%;} .menuH{float: left;width: 100%;transition: 2s;} .menuH ul{text-decoration: none;} .menuH ul li {background-image: url("../../images/CNS%20122/menudividerwhite.png");background-position: right center;background-repeat: no-repeat;background-size: auto auto;float: left;list-style: outside none none;} .menuH ul li:last-child {background: none;} .menuH ul li a{font-size: 13px;font-weight: bold;padding: 0 10px;margin: 20px 0;color: #fff !important;text-transform: uppercase;} .menuH ul li a:hover{color: #ecd408 !important;} .bannercontainer{float: left;width: 100%;display:none;} .bannercontainer img{width: 100%;} .innercontainer{float: left;width: 100%;padding: 10% 0;} .pagehead{float: left;width: 100%;font-size: 40px;line-height: 40px;color : #000;} .pagehead img{padding: 2% 0;} .pagecontent{float: left;width: 100%;padding: 15px;} .inner{font-weight: bold;font-size: 15px;color: #2c2c2c;padding: 2%;} .inner b{font-size: 19px;color: #c30218;} .missionvisioncontainer{float: left;width: 100%;padding: 0 0 5% 0;} .innerheadplus{float: left;width: 100%;background-color: #fbd04d;padding: 35px;min-height: 375px;line-height: 30px;color:#000;} .innerheadplus span{font-size: 30px;line-height: 30px;color: #000;} .innerheadplus img{display: inline;padding: 20px 15px;margin-top: -15px;} .innerheadplus b{color: #c90218;font-size: 18px;} .groupcompanies{float: left;width: 100%;padding: 5%;color: #fff;background-image: url("../../images/CNS%20122/santhoshcompanyBG.jpg");background-attachment: fixed;background-position: center center;background-size: 100% 100%;background-repeat: no-repeat;position: relative;} .groupcompanies h3{font-weight: bold;text-transform: uppercase;font-size: 30px;line-height: 30px;padding: 25px 0;} .boardcontainer{float: left;width: 100%;padding: 8% 0;text-align: center;} .heading{float: left;width: 100%;color: #000;text-align: justify;font-size: 30px;line-height: 30px;margin-bottom: 5%;font-weight: bold;text-transform: uppercase;} .directors{box-shadow: 1px 2px 2px 1px #ddd;} .directors img {border: 1px solid #FBD04D;padding: 5px;transition: 1s all;} .directors img:hover {transform: scale(1.1);transition: 1s all;} .directors b{float: left;width: 100%;color: #000;font-size: 16px;padding: 7px;} .formcontainer{float: left;width: 100%;padding: 4%;background-image: url("../../images/CNS%20122/santhoshformBG.jpg");background-repeat: no-repeat;background-size: 100% 100%;background-attachment: fixed;background-position: center center;} .groupcompanies ul li{line-height: 30px;} .groupcompanies ul {margin-top: 17px;} .company{float : left;width: 100%;} .backgroundimg {animation: bgmove 10s linear infinite;-webkit-animation: bgmove 10s linear infinite;-moz-animation: bgmove 10s linear infinite;background-image: url("../../images/CNS%20122/clouds1.png");bottom: 30%;float: left;height: 100%;position: absolute;right: 0;width: 100%;background-repeat: repeat;background-position: center bottom;opacity: 0.3;} @keyframes bgmove {0% {background-position: -200px center;} 50%{background-position: 400px center;} 100%{background-position: 850px center;}} -webkit-@keyframes bgmove {0% {background-position: -200px center;} 50%{background-position: 400px center;} 100%{background-position: 850px center;}} .formheading{float: left;width: 100%;color: #fff;text-align: center;margin: 2% 0px;} .formheading h4{font-size: 20px;text-transform: uppercase;line-height: 50px;font-weight: bold;} .formdrag{float: left;width: 100%;} .detailedfooter{float: left;width: 100%;line-height: 30px;padding: 4%;} .footheads{float: left;width: 100%;font-size: 20px;color: #c60016;margin-bottom: 20px;font-weight: bold;} .portpoliolist{float: left;width: 100%;} .portpoliolist ul{padding: 0;margin: 0;list-style: none;} .portpoliolist ul li{color: #575757;transition: all 1.5s ease;transform: translateX(0px);} .portpoliolist ul li:hover {transform: translateX(50px);} .portpoliolist ul li:before{content: "\f111";font-family: FontAwesome;margin-right: 10px;color: #d59d30;font-size: 8px;} .location{float: left;width: 100%;color: #575757;} .location span{color: #d59d30;font-weight: bold;font-size: 16px;} .location i{margin-right: 5px;font-size: 20px;} .contact{float: left;width: 100%;color: #575757;font-size: 16px;} .contact ul{padding: 0;margin: 0;list-style: none;} .contact i{color: #d59d30;margin-right: 10px;font-size: 20px;} .copyrit {float: left;width: 100%;color: #000;padding: 10px 0;text-align: center;background-color: #efefef;} .copyrit a {text-decoration: none;color: #000;transition: 0.5s;} .copyrit a:hover {color: #c60016;transition: 0.5s;} .top{float: left;width: 100%;position: fixed;bottom: 10%;right: 1%;} .top img{float: right;} .projectA, .projectB, .projectC, .projectD, .projectE, .projectF, .projectG, .projectH, .projectI, .projectJ, .gallerynewhead, .gallerynewcontent{display:none;float:left;width:100%;} @media(min-width:1201px) and (max-width:1650px){} @media(min-width:992px) and (max-width:1200px){.welcomebannercontainer{top: 16%;}} @media(min-width:768px) and (max-width:991px){.batch img{margin-top: -44% !important;} .menuH ul li a{padding: 0 27px;} .welcomebannercontainer{top: 20%;} .welcomehead{padding: 0;} .welcomehead span {font-size: 24px;line-height: 24px;} .welcomehead b{font-size: 30px;line-height: 30px;}} @media(min-width:640px) and (max-width:767px){} @media(min-width:480px) and (max-width:639px) {} @media(min-width:320px) and (max-width:479px) {.groupcompanies{background: none;background-color: #0f1724 !important;} .headercontainer{position:relative;} .menuH {margin: -65px 15px;} .menuH ul{padding: 2% 0 20% 0;text-align: right;} .menuH ul li{width:100%;background:none;} .menuH ul li a {border: none;margin: 5px 0;} .nopad {padding: 0 40px;} .headercontainer .pull-right {float: left !important;} .welcomebannercontainer{top: 35%;} .welcomehead b{font-size: 30px;line-height: 30px;} .welcomehead span{font-size: 26px;line-height: 26px;} .missioncontent {margin: 5px 0;} .producthead {font-size: 26px;line-height: 26px;} .grid{padding: 1em 0 0 !important;} .circlemain{margin: 18px -5px;} .abouthead {font-size: 34px;line-height: 34px;} .testimonialimg img {margin: auto;} .location span{font-size: 13px;} .grid figure {margin: 10px -30px !important;} .contact{font-size: 14px;} .projectA img, .projectC img, .projectE img, .projectG img, .projectI img{float: none;margin: auto;} .innercontainer h3{text-align:center;} .innercontainer{text-align:justify;} .innerheadplus{min-height:222px;}} .innerulli ul li{line-height:30px;list-style-type:none;} .innerulli ul li::before {content: '\f192';font-family: FontAwesome;margin-right: 10px;color: #c91a2e;font-size: 15px;} .gallery2, .gallery3, .gallery4, .galleryhead{float:left;width:100%;display:none;} .galleryhead h3 {text-transform: uppercase;color: #b50a21;font-weight: bold;} .logo1 img {height: 50px;} .batch1 {padding: 0px 0px;} .menuH1 ul li a {margin: 15px 0px;}img{border:0px;padding:0px;}p {margin: 0px 0px 3px 0px;padding: 0px 0px 0px 0px;}a.footline{color: #808080;text-decoration: none;font-size:11px;color: #808080;} a.footline:hover{color: #808080;text-decoration: underline;font-size:11px;color: #808080;}