@import url(https://fonts.googleapis.com/css?family=Open+Sans);@import url(https://fonts.googleapis.com/css?family=Open+Sans:700);@import url(https://fonts.googleapis.com/css?family=Open+Sans:800);@font-face {font-family:'TektonPro-Regular';src: url('/images/CNS%20100/TektonPro-Regular_gdi.eot');src: url('/images/CNS%20100/TektonPro-Regular_gdi.eot?#iefix') format('embedded-opentype'), url('/images/CNS%20100/TektonPro-Regular_gdi.woff') format('woff'), url('/images/CNS%20100/TektonPro-Regular_gdi.ttf') format('truetype'), url('/images/CNS%20100/TektonPro-Regular_gdi.svg#TektonPro-Regular') format('svg');font-weight: 400;font-style: normal;font-stretch: normal;unicode-range: U+0020-25CA;} @font-face {font-family:'TektonPro-Light';src: url('/images/CNS%20100/TektonPro-Light_gdi.eot');src: url('/images/CNS%20100/TektonPro-Light_gdi.eot?#iefix') format('embedded-opentype'), url('/images/CNS%20100/TektonPro-Light_gdi.woff') format('woff'), url('/images/CNS%20100/TektonPro-Light_gdi.ttf') format('truetype'), url('/images/CNS%20100/TektonPro-Light_gdi.svg#TektonPro-Light') format('svg');font-weight: 300;font-style: normal;font-stretch: normal;unicode-range: U+0020-25CA;} body{margin:0px;padding:0px;font-size:12px;line-height:25px;font-family: 'Open Sans', sans-serif !important;} .img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{display: inline !important;} p{margin:0px !important;} .maindiv{width:100%;float: left;} .headercontainer{width:100%;float: left;} .bannercontainer{width:100%;float: left;} .comapnytagcontainer {margin-top: -99px;color: #fff;font-size: 48px;font-family: 'TektonPro-Regular';float: left;width: 100%;line-height: 42px;} .companytagline {float: right;text-align: left;width: 50%;font-family: 'Open Sans', sans-serif;} .taghead {float: left;font-size: 24px;} .taghead1 {float: left;color: #b32d27;font-weight: 800;font-size: 27px;font-family: 'Open Sans', sans-serif;} .topcontainer {width: 100%;float: left;position: absolute;top: 101px;} .leftcontainer {width: 100%;float: left;background: url(/images/CNS%20100/menubg.png) no-repeat;min-height: 858px;padding: 15px;background-size: 100%;} .logo {width: 100%;float: left;margin-top: 50px;} .menucontainer {width: 100%;float: left;margin: 100px 0px;padding: 0px 25px;} .navbar-default {background-color: transparent !important;border-color: transparent!important;} .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {color: #555;background-color: transparent !important;} .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {background-color:transparent;} .navbar-nav>li {width: 100%;} .navbar-nav>li>a {font-size: 17px;color: #fff !important;padding: 8px 20px !important;background: url(/images/CNS%20100/bullets.png) no-repeat 0px 13px;border-bottom: 1px solid #b87064;font-family: 'TektonPro-Regular';font-weight: 400;} .navbar-header {display: none;} .dropdown-menu {background: #000;} .dropdown-menu>li>a{color: #fff;} a:focus, a:hover, a:active {outline: medium none !important;} .nav .open>a, .nav .open>a:hover, .nav .open>a:focus{border-color: #b87064;} .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {text-decoration: none;color: #fff;background-color: transparent;} .dropdown-menu .dropdown-menu {display: none !important;} .parentlink:hover .dropdown-menu {display: block !important;left: 164px;margin-top: -31px;} .welcomecontainer {width: 100%;float: left;background: #f4f4f4;padding: 20px 0px 40px 0px;margin-top: 20px;} .welcomehead {width: 100%;float: left;color: #b32d27;font-size: 24px;text-transform: uppercase;font-family: 'Open Sans', sans-serif;font-weight: 700;padding: 20px 0px;} .welcontent {width: 100%;float: left;color: #000;font-size: 18px;text-align: justify;font-family: 'TektonPro-Light';font-weight: bold;line-height: 22px;} .welcontent span{color:#993333;} .welcomehead span {color: #000;font-size: 20px;font-weight: normal;} .readmore {float: left;background: #a33b27;padding: 10px 25px;border-radius: 5px;color: #ffffff;text-transform: uppercase;font-size: 18px;font-family: 'Open Sans', sans-serif;margin-top: 20px !important;} .readmore a{color: #ffffff;} .projectcontainer {width: 100%;float: left;margin: 50px 0px;} .module1 {width: 100%;float: left;background: url(/images/CNS%20100/architecture.png) no-repeat;min-height: 517px;font-family: 'Open Sans', sans-serif;font-weight: 800;color: #fff;font-size: 36px;text-transform: uppercase;text-align: center;} .module1 p {position: relative;top: 176px;} .module1 span {font-size: 22px;font-weight: normal;border-bottom: 4px solid #a33b27;padding-bottom: 20px;} .module2 {width: 100%;float: left;background: url(/images/CNS%20100/completedproject.png) no-repeat;min-height: 246px;text-align: center;text-transform: uppercase;color: #fff;font-size: 24px;font-weight: 700;} .module2 a {color: #fff;} .module2 p {position: relative;top: 97px;} .module2 span {color: #0c0101;font-size: 18px;} .module3 {width: 100%;float: left;background: url(/images/CNS%20100/ongoingproject.png) no-repeat;min-height: 246px;text-align: center;text-transform: uppercase;color: #fff;font-size: 24px;font-weight: 700;margin-top: 25px;} .module3 a {color: #fff;} .module3 p {position: relative;top: 97px;} .module3 span {color: #0c0101;font-size: 18px;} .module4 {width: 100%;float: left;background: url(/images/CNS%20100/interiordesigns.png) no-repeat;min-height: 517px;text-align: center;color: #a33b27;text-transform: uppercase;font-weight: 800;font-size: 36px;text-shadow: 2px 2px #fff;padding-top: 100px;} .module4 span {color: #fff;font-size: 22px;text-shadow: none;} .content {color: #ffffff;font-weight: normal;text-shadow: none;font-size: 18px;text-transform: uppercase;border-bottom: 4px solid #a33b27;margin: 0px auto !important;display: table;padding: 50px 0px 10px 0px;} .customercontainer {width: 100%;float: left;background: url(/images/CNS%20100/customerbg.png) no-repeat;padding: 80px 0px;text-align: center;background-size: 100%;} .customercontent {width: 100%;float: left;background: url(/images/CNS%20100/clientsbg.png) no-repeat;min-height: 354px;} .customernhead {width: 100%;float: left;} .customername {width: 100%;float: left;} .carousel-inner {margin-top: -50px;} h1{color: #000000;text-transform: uppercase;font-size: 36px;padding: 20px 0px;} .customername p {width: 78%;font-size: 16px;text-align: center;display: table;margin: 0 auto !important;text-transform: initial;padding-top: 10px;font-style: italic;} .contactcontainer {width: 100%;float: left;margin: 50px 0px;text-align: center;} .contacthead {width: 100%;float: left;font-size: 36px;color: #a33b27;text-transform: uppercase;} .contacthead span {color: #062033;font-size: 18px;text-transform: initial;} .contactform {width: 100%;float: left;margin-top: 30px;} .locationcontainer{width: 100%;float: left;} .footercontainer {width: 100%;float: left;background: #333738;border-top: 2px solid #a33b27;padding: 50px 0px;} .footercontent {width: 100%;float: left;color: #ffffff;font-size: 13px;line-height: 26px;} .footercontent h2 {color: #ffffff;font-size: 14px;padding: 10px 0px;} .footercontent ul {margin: 0px;padding: 0px;float: left;width: 100%;} .footercontent ul li{list-style:none;} .socialmedia {float: left;width: 100%;} .socialmedia img {padding-right: 20px;} .footerlogo {margin-top: 38px;} .copyrightcontent {width: 100%;float: left;color: #fafafa;font-size: 13px;text-align: right;} .copyrightcontent a {color: #fff;} .copyrightcontent span{color:#a33b27;} a:hover, a:focus {color: #fff;text-decoration: none;} #table_inner_content {float: left;text-align: center;width: 100%;} .main {text-align: center;} @media screen and (min-width: 1100px) and (max-width: 4000px){} @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation:landscape){.module2{font-size: 14px;} .module3{font-size: 17px;} .module4{font-size: 28px;} .module1{font-size: 30px;} .customercontent{background:#eee;} .companytagline{width: 60%;} .companytagline{width: 60%;} span.taghead{font-size: 30px;} span.taghead1{font-size: 25px;} .comapnytagcontainer{font-size: 35px;margin-top: -92px;}} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {.customercontent{background:#eee;} .socialmedia img {padding-right: 3px;} .copyrightcontent{width: 40%;} .companytagline{width: 60%;} .companytagline{width: 60%;} span.taghead{font-size: 30px;} span.taghead1{font-size: 25px;} .comapnytagcontainer{font-size: 35px;margin-top: -80px;}} @media only screen and (min-width : 480px) and (max-width : 640px), handheld and (min-device-width : 480px) and (max-device-width : 640px){.topcontainer {background: none repeat scroll 0 0 #b32d27;float: left;position: relative;top: 0;width: 100%;} .navbar-header {display: block;} .navbar-brand {display: none;} .menucontainer{margin: 0;} .leftcontainer{background:none;min-height: auto;} .logo img {width: 66%;} .navbar-toggle{margin-top: -35px;margin-right: -37px;} .menucontainer{margin: -65px 0 0;} .navbar-toggle{margin-top: 31px;} .welcomehead span{font-size: 15px;} .module2{font-size: 15px;} .module4{font-size: 27px;margin-top: 20px;} .footerlogo {float: left;margin-top: 38px;width: 100%;} .copyrightcontent{margin-top: 28px;padding: 10px;float: left;width:100%;} .module1{font-size: 28px;margin-bottom: 20px;} .customercontainer{background: none repeat scroll 0 0 #a33b27;} .customercontent{background:#eee;} .logo{margin-top: 0;} .navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color: transparent;} .navbar-collapse{box-shadow: none;} .navbar-default .navbar-nav .open .dropdown-menu > li > a {background: #ffa200;color: #fff;} .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{background:#000;color: #fff;} .dropdown-menu > li {margin-top: 22px;} .module2 span{font-size: 15px;} .module3 span{font-size: 15px;} .module3{font-size: 15px;} h1{font-size: 27px;padding: 0;} .module1{background: url("/images/CNS%20100/architecture.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);} .module2{background: url("/images/CNS%20100/completedproject.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);} .module3 {background:url("/images/CNS%20100/ongoingproject.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);} .module4{background: url("/images/CNS%20100/interiordesigns.png") no-repeat scroll 0 0 / 100% auto rgba(0, 0, 0, 0);} .module2 p{top: 123px;} .module3 p{top: 122px;} .dropdown-menu{position: relative;} .comapnytagcontainer{display: none;}} @media only screen and (max-width : 460px){} @media only screen and (max-width : 399px), handheld and (max-device-width : 399px){.topcontainer {background: none repeat scroll 0 0 #b32d27;float: left;position: relative;top: 0;width: 100%;} .navbar-header {display: block;} .navbar-brand {display: none;} .menucontainer{margin: 0;} .leftcontainer{background:none;min-height: auto;} .logo img {width: 66%;} .navbar-toggle{margin-top: -35px;margin-right: -37px;} .menucontainer{margin: -65px 0 0;} .navbar-toggle{margin-top: 31px;} .welcomehead span{font-size: 15px;} .module2{font-size: 15px;} .module4{font-size: 27px;margin-top: 20px;} .footerlogo {float: left;margin-top: 38px;width: 100%;} .copyrightcontent{margin-top: 28px;padding: 10px;float: left;width:100%;} .module1{font-size: 28px;margin-bottom: 20px;} .customercontainer{background: none repeat scroll 0 0 #a33b27;} .customercontent{background:#eee;} .logo{margin-top: 0;} .navbar-default .navbar-collapse, .navbar-default .navbar-form{border-color: transparent;} .navbar-collapse{box-shadow: none;} .navbar-default .navbar-nav .open .dropdown-menu > li > a {background: #000;color: #fff;} .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{background:#000;color: #fff;} .module2 span{font-size: 15px;} .module3 span{font-size: 15px;} .module3{font-size: 15px;} h1{font-size: 27px;padding: 0;} .comapnytagcontainer{display: none;} .dropdown .dropdown-menu {left: 14% !important;position: relative !important;} .dropdown .dropdown .dropdown-menu {display: block !important;left:20%;position:relative;} .parentlink:hover .dropdown-menu {margin-top: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;}