@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;700&display=swap');
body {
font-family: 'Roboto', sans-serif;
background-color:#FFF;
}
#main,
body,
html {
height: 100%
}
.wrapper {
width:100%;
margin: 0;
padding:0;
overflow:hidden;
}
.three_col {
column-count: 3;
}
ul {
display: block;
list-style-type: disc;
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0px;
margin-inline-end: 0;
padding-inline-start: 0;
list-style: none;
}
.liststyle1 {
margin: 1vw 0 0;
padding: 0;
list-style: none;
font-weight:700;
}
.title-content {
display: block;
bottom:20px;
width:100%;
}
.title-content h1 {
display: block;
height: auto;
font-size:25px;
font-weight: 600;
line-height: 1.2em;
}
.title-content h1 span {
font-size:12px;
font-weight:400;
}
.title-content p {
display:none;
}
.title-content h5 a {
background-color: #44233b;
font-size:25px;
font-weight:400;
color: #FFF;
padding-top: 0;
float: left;
text-transform: uppercase;
text-decoration: none;
padding:25px 50px;
}
.full-screen {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.bg-white {
background-color:#FFF!important;
}
.top-menu {
padding:0;
}
.top-menu li {
font-family: 'Roboto', sans-serif;
color:#999;
font-size:14px;
display:inline-block;
letter-spacing:0;
font-weight:500;
padding:10px 10px;
line-height:1.5em;
text-decoration:none;
}
.top-menu li a {
color:#000;
letter-spacing:0;
font-weight:500;
text-decoration:none;
}
.top-menu li a:hover {
color:#dba649;
font-weight:500;
}
.top-menu li i {
padding-right:5px;
}
.topsection {
width:100%;
position:absolute;
z-index:1000;
top:0;
left:0;
background-color:#000;
border-bottom:.1vw solid rgba(255, 255, 255, 0.3);
padding:5px;
color:#FFF;
}
.topsection li {
font-family: 'Roboto', sans-serif;
font-size:14px;
list-style:none;
display:inline-block;
margin-right:1vw;
color:#FFF;
font-weight:400;
text-decoration:none;
line-height:1.8em;
}
.topsection li a {
font-family: 'Roboto', sans-serif;
color:#FFF;
font-weight:400;
text-decoration:none;
}
.topsection li a:hover {
font-family: 'Roboto', sans-serif;
color: #FFFF00;
text-decoration:none;
}
.topsection li i {
margin-right:5px;
font-size:15px;
}
header {
position: absolute;
width: 100%;
z-index: 22;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0);
padding-top:0;
}
.tr-header {
position: fixed;
height:90px;
margin-top:60px;
}
header.tr-header.sticky {
background-color: #FFF;
margin-top:0;
height:90px;
border-bottom:1px solid#ebebeb;
}
.logo-holder {
position: relative;
}
.logo-vis {
position: relative;
z-index: 1;
transition: all .2s linear
}
.logo-holder img {
width:200px;
padding-bottom:5px;
padding-top:5px;
margin:0 auto;
}
.logo-notvis {
position: absolute;
margin:0 auto;
z-index: 2;
transition: all .2s linear;
-webkit-transform: scale(.2);
-moz-transform: scale(.2);
transform: scale(.2);
opacity: 0;
}
header.sticky img.logo-vis {
-webkit-transform: scale(.2);
-moz-transform: scale(.2);
transform: scale(.2);
opacity: 0;
width:120px;
}
header.sticky img.logo-notvis {
-webkit-transform: scale(1);
-moz-transform: scale(1);
transform: scale(1);
opacity: 1;
width:160px;
text-align:center!important;
margin:0 auto;
}
.transition {
-webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-o-transition: all .5s linear;
-ms-transition: all .5s linear;
transition: all .5s linear
}
.top-link1 {
width:100%;
padding:0 45px;
margin:0;
}
.top-link1 li {
font-family: 'Roboto', sans-serif;
color:#FFF;
font-size:14px;
display:inline-block;
letter-spacing:0;
font-weight:600;
padding:10px 15px;
line-height:1.5em;
text-transform:uppercase;
}
.top-link1 li a {
color:#FFF;
letter-spacing:0;
font-weight:400;
}
.top-link1 li:hover {
color: #000;
background-color:#FFF;
}
header.sticky .top-link1 li {
font-family: 'Roboto', sans-serif;
color:#000;
font-size:14px;
letter-spacing:0;
display:inline-block;
font-weight:400;
padding:34px 15px;
line-height:1.5em;
text-transform:uppercase;
}
header.sticky .top-link1 li a {
color:#000;
letter-spacing:0;
font-weight:400;
}
header.sticky .top-link1 li:hover {
color:#000;
background-color:#dba649;
}
.local-service-wrap {
padding:2vw;
background-color:#f4f4f4;
}
.local-service-wrap h1 {
font-family: "Century Gothic";
font-size:35px;
font-weight:400;
color:#000;
line-height:1.2em;
margin-bottom:20px;
}
.local-service-wrap p {
font-family: "Century Gothic";
font-size:22px;
font-weight:400;
color:#000;
line-height:1.4em;
margin-bottom:20px;
}
.local-service-wrap li {
list-style:none;
font-family: 'Roboto', sans-serif;
font-size:16px;
font-weight:400;
color:#000;
line-height:1.3em;
margin-top:10px;
}
.box-content {
position:relative;
bottom:50px;
left:5%;
width:90%;
background-color:#c8cf6c;
padding:40px;
}
.about-service-wrap {
/*max-width: 1098px;
margin: -17vw auto 0;
display: flex;
display: -ms-flex;
display: -webkit-flex;
justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between;
padding-right:20px;*/
}
.about-service-wrap h3 {
font-family: "Century Gothic";
font-size:35px;
font-weight:400;
color:#000;
line-height:1.2em;
margin-bottom:20px;
}
.about-service-wrap p {
font-family: 'Roboto', sans-serif;
font-size:16px;
font-weight:400;
color:#000;
line-height:1.4em;
margin-bottom:20px;
}
.about-service-wrap li {
list-style:none;
font-family: 'Roboto', sans-serif;
font-size:16px;
font-weight:400;
color:#000;
line-height:1.9em;
}
.about-service-wrap img {
width:100%;
}
.small {
padding: 450px 0 30px!important;
}
.img-pad {
margin:20px 0 20px 0;
}
.beige2 {
background: #dbe285;
position: relative;
padding: 3vw;
text-align: center;
}
.beige2 img {
width:100%;
}
.beige2 h1 {
font-family: "Century Gothic";
font-size:35px;
font-weight:500;
color:#000;
line-height:1.2em;
}
.beige2 h2 {
font-family: 'Roboto', sans-serif;
font-size:14px;
font-weight:700;
letter-spacing:0;
color:#000;
line-height:1.2em;
margin-bottom:10px;
text-transform:uppercase;
}
.beige2 h2 span {
font-size:40px;
font-weight:600;
color:#bc7c48;
}
.beige2 h4 {
font-family: "Century Gothic";
font-size:36px!important;
font-weight:400;
letter-spacing:0;
color:#000;
line-height:1.2em;
margin-top:10px;
padding-right:20px;
}
.beige2 h3 {
font-family: "Century Gothic";
font-size:1.8vw;
font-weight:400;
color:#000;
line-height:1.2em;
padding-top:0;
margin-bottom:0;
}
.beige2 h5 {
font-family: 'Roboto', sans-serif;
font-size:30px;
font-weight:500;
color:#bc7c48;
line-height:1.2em;
padding-top:15px;
padding-bottom:0;
padding-left:0;
}
.beige2 p {
font-family: 'Roboto', sans-serif;
font-size:17px!important;
color:#000;
padding:10px 0;
line-height:1.5em;
text-decoration:none;
}
.beige2 p a {
color:#000;
text-decoration:none;
}
.beige2 p a:hover {
color:#3D5970;
text-decoration:none;
}
.hom {
padding:3vw 0;
}
.pad {
padding:0 !important;
}
.gall {
padding:2vw 1.5vw 0 1.5vw;
}
.home-service-wrap img {
width:100%;
}
.home-service-wrap {
margin-top:1vw;
}
.home-service-wrap h2 {
font-family: "Century Gothic";
font-size:35px;
font-weight:400;
color:#000;
line-height:1.2em;
margin-bottom:20px;
}
.home-service-wrap h2 span {
font-size:20px;
font-weight:400;
}
.home-service-wrap h3 {
font-family: "Century Gothic";
font-size:35px;
font-weight:400;
color:#000;
line-height:1.2em;
margin-bottom:20px;
}
.home-service-wrap h4 {
font-family: "Century Gothic";
font-size:30px;
font-weight:400;
color:#000;
line-height:1.2em;
margin-bottom:20px;
}
.home-service-wrap .desc {
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 1.5;
color:#000;
padding-right:0px;
margin-bottom:20px;
padding-left: 1px;
position: relative;
padding-top:70px;
text-decoration:none;
text-transform:none;
}
.home-service-wrap .desc a {
font-size: 16px;
color:#000;
text-decoration:none;
text-transform:none;
}
.home-service-wrap .desc a:hover {
font-size: 16px;
color:#333;
text-decoration:none;
text-transform:none;
}
.home-service-wrap .desc:before {
content: "";
display: block;
width: 80px;
height: 1px;
background-color: #000;
position: absolute;
left: 0px;
top:30px;
}
.home-service-wrap a {
color: #333;
font-weight: 400;
text-transform: uppercase;
font-size: 12px;
}
.home-service-wrap a:hover {
color: #000;
}
.highlight {
position: relative;
content: "";
display: block;
width: 100%;
background-color: #f4f4f4;
padding:3vw 0;
}
.highlight img {
width:100%;
}
.highlight p {
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 1.5;
color: #000;
padding-left: 1px;
position: relative;
text-decoration: none;
text-transform: none;
}
.highlight h2 {
font-family: 'Roboto', sans-serif;
font-size: 14px !important;
font-weight: 400;
letter-spacing: 0;
color: #000;
line-height: 1.2em;
margin-bottom: 10px;
text-transform: uppercase;
}
.highlight h1 {
font-family: "Century Gothic";
font-size:35px;
font-weight:400;
color:#000;
line-height:1.2em;
}
.white-bg {
background-color:#FFF;
padding:30px;
}
.mono {
position:absolute;
bottom:-180px;
margin-bottom:50px;
left:0;
right:0;
}
.mono img {
width:90px!important;
}
.mt-sapce {
margin-top:4vw;
}
.banner img {
width:100%;
}
.banner-title {
position:absolute;
top:0;
width:100%;
}
.banner-title h2 {
font-family: 'Roboto', sans-serif;
font-size:45px!important;
font-weight:600;
color:#fff0e3;
text-align:center;
margin-bottom:0;
}
.banner-title:before {
content: '';
width: 2px;
height: 230px;
position: relative;
bottom: 15px;
left: calc(50% - 1px);
display: block;
z-index: 2;
color:#FFF!important;
background-color:#FFF!important;
}
.banner-title:after {
content: '';
width: 2px;
height: 75px;
position: absolute;
bottom: -100px;
left: calc(50% - 1px);
display: block;
z-index: 2;
background-color:#fd8f8f!important;
}
.kannada {
padding-top:0;
padding-bottom:0;
padding-left:25px;
padding-right:25px;
}
.btn-custom {
color: #3D5970!important;
font-size: 14px;
font-weight: 400;
margin: 0;
margin-right:5px;
border:.08vw solid #3D5970;
border-radius:20px;
padding:6px 10px!important;
font-weight:700;
line-height:1.5vw;
white-space: nowrap;
text-decoration:none;
}
.btn-custom:hover {
color: #fff!important;
background-color:#3D5970;
border:.08vw solid #3D5970;
text-decoration:none;
}
.btn-custom-white {
color: #FFF!important;
font-size:12px;
font-weight: 400;
margin: 0;
margin-right:5px;
border:.06vw solid #FFF;
border-radius:20px;
padding:6px 10px!important;
font-weight:700;
line-height:1.5vw;
white-space: nowrap;
text-decoration:none;
}
.btn-custom-white:hover {
color: #3D5970!important;
background-color:#FFF;
border:.06vw solid #FFF;
text-decoration:none;
}
.about-sec-header {
background-image: -o-radial-gradient(bottom center,circle,#94B806,#ACD215);
background-image: radial-gradient(circle at bottom center,#ACD215,#94B806);
background-color:#ededed;
background-position: center top;
background-size: 30% auto;
background-size: cover;
position: relative;
text-align: center;
color: #fff;
padding-top:2vw;
padding-bottom:6vw;
}
.about-sec-header:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: calc(100% + 1px);
background-image: url(../images/wave_hero_texture_only.png);
background-position: center bottom;
background-size: 1350px auto;
background-repeat: repeat-x;
}
.about-sec-header h2 {
font-family: 'Roboto', sans-serif;
font-size:2.5vw;
font-weight:300;
color:#FFF;
line-height:1.2em;
margin-bottom:0;
margin-top:2vw;
margin-left:2vw;
text-transform:uppercase;
}
.about-sec-header p {
font-family: 'Roboto', sans-serif;
font-size:1.3vw;
color:#FFF;
line-height:1.7em;
margin-bottom:1vw;
margin-left:2vw;
font-weight:400;
}
#return-to-top {
position: fixed;
bottom: 20px;
right: 20px;
background: rgba(0, 0, 0, 0.7);
width: 30px;
height: 30px;
display: block;
text-decoration: none;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top i {
color: #fff;
margin: 0;
position: relative;
left:9px;
top:8px;
font-size:12px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#return-to-top:hover {
background: rgba(0, 0, 0, 1);
}
#return-to-top:hover i {
color: #fff;
top: 5px;
}
.slider-box img {
width:100%;
}
.slider-box {
position:relative;
bottom:0;
margin-bottom:0;
top:0;
}
/*.slider-box:before {
content: '';
width: 2px;
height: 55px;
position: absolute;
display: block;
left: calc(50% - 1px);
bottom: -27px;
z-index:1;
}
.slider-box:before {
background-color: #000;
}*/
.desktop-show {
display:block;
}
.mobile-show {
display:none;
}
#obb-27458, #obb-27458 .border-sides:before, #obb-27458 .border-sides:after, #obb-27458 .ozy-border-box:after {
border-color: #ffffff;
}
#obb-27458 h2 {
font-family: "Century Gothic";
color: #ffffff;
font-size:50px;
line-height:1;
}
.ozy-border-box .border-sides:before {
position: absolute;
content: '';
top: 15px;
right: 15px;
width: 100px;
border-bottom: 5px solid #fff;
}
.ozy-border-box .border-sides:after {
position: absolute;
content: '';
left: 15px;
bottom: 0;
height: 170px;
border-right: 5px solid #fff;
}
.ozy-border-box-wrapper {
position: absolute;
max-width: 600px;
padding-left: 15px;
padding-right: 15px;
top:35%;
left:20%;
right:20%;
margin: 0 auto;
/*z-index:10;*/
z-index:0;
}
.ozy-border-box {
border: none;
padding-left: 0;
padding-right: 0;
padding-top: 0;
padding-bottom: 80px;
}
.ozy-border-box .text-center {
margin-top: 70px;
}
.ozy-border-box:after {
position: absolute;
content: '';
bottom: 0;
right: 15px;
top: 18px;
left: 15px;
pointer-events: none;
border-bottom: 5px solid currentColor;
border-right: 5px solid currentColor;
}
/* Style The Dropdown Button */
.dropbtn {
color: #716863;
padding: 2.2vw;
font-size:1.1vw;
border: none;
cursor: pointer;
text-align:left;
margin-top:-2em!important;
}
/* The container <div> - needed to position the dropdown content */
.dropdown {
position: relative;
display: inline-block;
}
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
display: none;
position: absolute;
background-color: #FFF;
z-index: 1;
font-size:12px!important;
width:280px;
font-weight:400;
}
/* Links inside the dropdown */
.dropdown-content a {
font-family: 'Roboto', sans-serif;
color:#000;
padding:8px 15px;
text-decoration: none;
letter-spacing:0;
text-transform:uppercase;
display: block;
font-size:12px!important;
font-weight:400;
text-align:left;
border-bottom:1px solid rgba(0,0,0,0.07);
}
/* Change color of dropdown links on hover */
.dropdown-content a:hover {
background-color: #000;
color:#FFF;}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: block;
}
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
background-color:#FFF;
color:#000;
}
.column {
margin: 0px 0px 0;
padding: 0;
}
.column:last-child {
padding-bottom: 0px;
}
.column::after {
content: '';
clear: both;
display: block;
}
.column div {
position: relative;
float: left;
margin: 0 0 0 0px;
padding: 0;
}
.column div:first-child {
margin-left: 0;
}
.column div span {
position: absolute;
bottom: -20px;
left: 0;
z-index: -1;
display: block;
margin: 0;
padding: 0;
color: #444;
font-size: 18px;
text-decoration: none;
text-align: center;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
opacity: 0;
}
figure {
margin: 0;
padding: 0;
background: #fff;
overflow: hidden;
}
figure:hover+span {
bottom: -36px;
opacity: 1;
}
.product-grid {
margin-bottom:20px;
background-color:#FFF;
border-radius:0;
padding:0;
margin-top:10px;
}
.product-grid h2 {
font-family: 'Roboto', sans-serif;
font-size:25px!important;
font-weight:400;
color:#000;
line-height:1.2em;
padding-top:20px;
padding-bottom:0;
}
.product-grid h2 span {
font-size:12px!important;
font-weight:600!important;
}
.product-grid h4 {
font-family: 'Roboto', sans-serif;
font-size:12px!important;
font-weight:500;
color:#000;
line-height:1.2em;
padding-top:5px;
text-transform:uppercase;
}
.product-grid p {
font-family: 'Roboto', sans-serif;
font-size:15px!important;
font-weight:400;
color:#000;
line-height:1.3em!important;
}
.product-grid img {
width:30%!important;
}
.product-home {
width:100%;
}
.product-home img {
width:100%;
}
.no-padding {
padding:0!important;
}
.btn-problem {
margin-top:80px!important;
margin-bottom:0!important;
}
.problem-grid {
margin-bottom:20px;
background-color:#FFF;
border-radius:0;
border:1px solid#FFF;
padding:0;
margin-top:10px;
margin-bottom:10px;
}
.problem-grid h2 {
font-family: 'Roboto', sans-serif;
font-size:22px!important;
font-weight:600!important;
color:#bc7c48!important;
line-height:1.2em;
padding-top:25px;
padding-left:10px;
padding-bottom:5px;
}
.problem-grid p {
font-family: 'Roboto', sans-serif;
font-size:16px!important;
font-weight:400;
color:#000;
line-height:1.3em!important;
padding-left:10px!important;
padding-right:25px!important;
}
.problem-grid img {
width:100%!important;
}
.content-box {
margin:3vw;
padding:4vw;
background-color:#FFF;
}
.golden-border {
border:.1vw solid#c39f76 !important;
}
.content-box h2 {
font-family: 'Roboto', sans-serif;
font-size:3vw;
font-weight:300;
color:#000;
line-height:1.2em;
}
.content-box p {
font-family: 'Roboto', sans-serif;
font-size:1.2vw;
color:#444;
font-style:italic;
padding:1.3vw;
line-height:1.7em;
}
.margin-top {
margin-top:2vw;
}
.grey-bg {
background-color:#dbe285!important;
}
.grey-bg img {
width:100%!Important;
}
.grey-border {
border:1px solid rgba(255, 255, 255, 0.2);
}
.work-pic {
position: relative;
top:-40px;
}
hr.tall {
margin: 35px 0 35px 0;
}
hr {
background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.1), transparent);
background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.1), transparent);
border: 0;
height: 1px;
}
.box-height {
height:600px!important;
}
.box-position {
position:relative;
top:-350px;
margin-bottom:-320px;
}
.box-position img {
width:60%!important;
}
.page-box img {
width:80%!important;
}
.dark-section-space {
margin-top:120px!important;
}
.dark-box {
width:100%;
background-color: #ffefe2;
padding:25px;
}
.dark-box li {
list-style:none;
font-size:18px!important;
font-weight:300!important;
color:#000!important;
padding-bottom:10px!important;
padding-top:10px!important;
border-bottom:1px solid rgba(0,0,0,0.05);
}
.dark-box h2 {
list-style:none;
font-size:28px!important;
font-weight:600!important;
color:#000!important;
padding-bottom:10px!important;
padding-top:10px!important;
border-bottom:1px solid rgba(255,255,255,0.1);
}
.dark-box p {
list-style:none;
font-size:18px!important;
font-weight:300!important;
color:#000!important;
padding-bottom:10px!important;
padding-top:10px!important;
border-bottom:1px solid rgba(255,255,255,0.1);
}
.content-box-black {
margin:3vw;
padding:4vw;
}
.content-box-black h2 {
font-family: 'Roboto', sans-serif;
font-size:3vw;
font-weight:300;
color:#FFF;
line-height:1.2em;
}
.content-box-black p {
font-family: 'Roboto', sans-serif;
font-size:1.2vw;
color:#FFF;
font-style:italic;
padding:1.3vw;
line-height:1.7em;
}
.read {
display: inline-block;
padding:0.9vw 1.2vw;
z-index: 0;
color: #FFF;
background-color:#c39f76;
border:.1vw solid#c39f76;
text-align: center;
font-size: 1vw;
text-transform: uppercase;
font-weight:400;
letter-spacing:.1vw;
text-decoration: none;
font-family: 'Roboto', sans-serif;
text-decoration:none;
}
.read:hover {
color: #000;
background-color:#FFF;
text-decoration:none;
border:.1vw solid#999;
}
/*===  Accordion ===*/
.accordion-area .panel {
margin-bottom: 15px;
}

.accordion-area .panel-header {
background: #f0f0f0;
display: block;
padding: 12px 20px;
font-size:18px;
font-weight: 700;
position: relative;
-webkit-transition: all 0.4s ease-out 0s;
-o-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;
}

.accordion-area .panel-header.active {
background: #D2D2D2;
}

.accordion-area .panel-header.active .panel-link:after {
content: "-";
}

.accordion-area .panel-header.active .panel-link.collapsed:after {
content: "+";
}

.accordion-area .panel-link {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 50px;
background: #D2D2D2;
border: none;
cursor: pointer;
}

.accordion-area .panel-body p {
font-size:16px;
margin-bottom: 0;
padding-top:10px;
padding-bottom:10px;
line-height:22px;
}

.accordion-area .panel-body {
padding: 0 5px;
}

.accordion-area .panel-link:after {
content: "+";
position: absolute;
left: 50%;
font-size: 16px;
font-weight: 700;
top: 50%;
line-height: 16px;
margin-top: -8px;
margin-left: -4px;
}

/*===  Tab  ===*/
.tab-element .nav-tabs {
border-bottom: none;
margin-bottom:20px;
}

.tab-element .nav-tabs .nav-link {
border: none;
background: #f0f0f0;
border-radius: 0;
margin-right: 5px;
font-size:16px;
font-weight: 500;
color: #222;
padding: 15px 30px;
}

.tab-element .nav-tabs .nav-link.active {
background: #D2D2D2;
}

.tab-element .nav-tabs .nav-link.active,
.tab-element .nav-tabs .nav-link:hover {
border: none;
}

.tab-element .tab-pane h4 {
font-size:20px;
margin:15px 15px;
}

.tab-element .tab-pane p {
font-size: 16px;
line-height:24px;
margin-bottom:0;
margin:15px 15px;
}
.tab-img-top {
margin-top:1vw;
}
.welcome-section {
background-image: url(../images/wave-blue.png);
background-position: center top;
background-size: 20% auto;
height:38vw;
background-size: cover;
padding:8vw;
margin-bottom:4vw;
}
.welcome-section h2 {
font-family: 'Roboto', sans-serif;
font-size:3vw;
font-weight:300;
color:#FFF;
line-height:1.2em;
}
.welcome-section p {
font-family: 'Roboto', sans-serif;
font-size:1.2vw;
color:#FFF;
padding:1.3vw 0 0 2vw;
line-height:1.7em;
margin-bottom:0;
}
.welcome-section h3 {
font-family: 'Roboto', sans-serif;
font-size:2.5vw;
font-weight:300;
padding:0 0 0 2vw;
color:#FFF;
line-height:1.3em;
}
.welcome-section-top {
margin-top:4vw;
}
.welcome-box {
background-color:#FFF;
box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}
.welcome-section img {
width:100%;
}
.line-bg {
background-image:url(../images/line-bg.png);
background-repeat:no-repeat;
background-position:center top;
background-size:100%;
}
.padding-top {
padding-top:1vw;
}
.product-section {
width:100%;
padding:4vw;
}
.infrastructure img {
width:100%;
height:auto;
}
.product-bottom {
margin-bottom:2vw;
}
.product-section h2 {
font-family: 'Roboto', sans-serif;
font-size:3vw;
font-weight:300;
color:#000;
line-height:1.2em;
}
.product-section h2 span {
font-weight:600;
}
.product-section p {
font-family: 'Roboto', sans-serif;
font-size:1.4vw;
color:#444;
font-style:italic;
padding:1.3vw 5vw 1.3vw 5vw;
line-height:1.7em;
}
.product-section h3 {
font-family: 'Roboto', sans-serif;
font-size:1.5vw;
font-weight:300;
color:#000;
line-height:1.7em;
margin-bottom:1.5vw;
}
.product-section-grid {
margin-bottom:1vw!important;
}
.no-padding-right {
padding-right:0!important;
}
.portfolio {
width: 100%;
background-color: #fff;
padding: 15px;
box-shadow: 0 0 5px rgb(0 0 0 / 20%);
margin-bottom: 2vw;
}
.portfolio h3 a {
text-decoration:none;
color: #000;
}
.portfolio h3 a:hover {
text-decoration:none;
color: #dba649;
}
.portfolio h3 {
font-family: 'Roboto', sans-serif;
font-size: 1vw;
line-height: 1em;
font-weight:400;
color: #000;
text-transform: none;
text-transform: uppercase;
padding:22px 0 0 0;
}
.product-section-home {
width:100%;
margin:3vw 0 0 0;
}
.product-section-home img {
width:100%;
}
.product-section-home h1 {
font-family: "Century Gothic";
font-size:35px;
font-weight:500;
color:#000;
line-height:1.2em;
margin-bottom:0px;
}
.product-section-home h2 {
font-family: 'Roboto', sans-serif;
font-size:14px!important;
font-weight:400;
letter-spacing:0;
color:#000;
line-height:1.2em;
margin-bottom:10px;
text-transform:uppercase;
}
.product-section-home h2 span {
font-size:40px;
font-weight:600;
color:#bc7c48;
}
.product-section-home h4 {
font-family: "Century Gothic";
font-size:18px!important;
font-weight:600;
letter-spacing:0;
color:#000;
line-height:1.2em;
margin-top:10px;
}
.product-section-home h5 {
font-family: "Century Gothic";
font-size:30px;
font-weight:500;
color:#bc7c48;
line-height:1.2em;
padding-top:15px;
padding-bottom:0;
padding-left:0;
}
.product-section-home p {
font-family: 'Roboto', sans-serif;
font-size:16px!important;
color:#000;
padding:10px 0 0 0;
line-height:1.5em;
text-decoration:none;
}
.product-section-home p a {
color:#000;
text-decoration:none;
}
.product-section-home p a:hover {
color:#3D5970;
text-decoration:none;
}
.product-section-home li {
list-style:none;
font-family: 'Roboto', sans-serif;
font-size:14px;
color:#000;
padding:2px 0;
line-height:1.5em;
}
.ftr-nav {
background-color: #000;
padding:2vw 3vw;
border-bottom:.1vw solid #515151;
}
.contact-grid h5 {
font-family: "Century Gothic";
color: #fff;
/*font-size:1.2vw;*/
font-size:1.8vw;
padding-bottom:0;
margin-bottom:1vw;
letter-spacing: 0;
/*font-weight:500;*/
font-weight:bold;
}
.footer-read {
display: inline-block;
padding:.5vw 1vw;
z-index: 0;
color: #000;
text-align: center;
font-size:1vw;
text-transform: lowercase;
font-weight:400;
border: .1vw solid #28588f;
text-decoration: none;
}
.footer-read:hover {
color: #FFF;
background-color:#e07f0d;
border: .1vw solid #e59332;
text-decoration: none;
}
.footernav p {
font-size: 16px;
color: #fff;
line-height:1.5em;
text-decoration:none;
font-weight:400;
padding-bottom:.5vw;
margin-bottom:0!important;
letter-spacing:0;
}
.footernav p a {
color: #fff;
text-decoration:none;
}
.footernav p a:hover {
color: #dba649 ;
text-decoration:none;
}
.footernav li {
font-size: 16px;
color: #fff;
list-style: none;
line-height:1.8em;
padding-left: 0;
text-decoration: none;
font-weight:400;
letter-spacing:0;
}
.footernav li a {
color: #fff;
text-decoration: none;
}
.footernav li a:hover {
color: #dba649;
text-decoration: none;
}
.footer {
background-color:#000;
padding:.5%;
}
.footer-left {
margin-left:1vw;
}
.footer-right {
margin-right:1vw;
}
.monogram {
float:left;
width:2%;
height:auto;
}
.monogram img {
width:100%;
height:100%;
}
.weblink {
font-family: 'Poppins', sans-serif;
font-size:0.8vw;
color:#FFF;
padding-top:.0vw;
float:left;
margin-left:.5vw;
text-decoration:none
}
.weblink a {
font-size:0.8vw;
color:#FFF;
text-decoration:none
}
.weblink a:hover {
color:#dbe285;
text-decoration:none
}
.copyright {
font-family: 'Poppins', sans-serif;
font-size:0.8vw;
float:right;
color:#FFF;
padding-top:.0vw;
}
.btn-space {
margin-top:30px!important;
margin-bottom:20px!important;
}
.btn-services {
font-family: 'Roboto', sans-serif;
color: #000;
background-color:#dbe285;
font-weight:600;
text-transform:uppercase;
border-color:#dbe285;
padding:20px 50px;
font-size:16px;
text-decoration:none;
border-radius:5px;
margin-top:10px;
clear:both;
position:relative;
}
.btn-services:hover {
color: #000;
background-color: #fff;
border-color: #fff;
text-decoration:none;
}
.btn-consultant {
font-family: 'Roboto', sans-serif;
color: #fff;
background-color: #000;
font-weight:400;
text-transform:uppercase;
border-color: #000;
padding:12px 30px;
font-size:14px;
letter-spacing:1px;
text-decoration:none;
border-radius:0;
margin-top:20px;
clear:both;
position:relative;
text-transform:uppercase;
}
.btn-consultant:hover {
color: #000;
background-color: #fff;
border:1px solid #fff;
text-decoration:none;
}
.btn-service {
font-family: 'Roboto', sans-serif;
color: #fff!important;
background-color: #000;
font-weight:400;
text-transform:uppercase;
border-color: #000;
padding:12px 30px;
font-size:15px!important;
letter-spacing:1px;
text-decoration:none;
border-radius:0;
margin-top:20px;
clear:both;
position:relative;
text-transform:uppercase;
}
.btn-service:hover {
color: #000!important;
background-color: transparent;
border:1px solid #000;
text-decoration:none;
}

.client-logo img {
width:20%!important;
}
.google-maps iframe {
width:100%;
height:400px;
border:0!important;
}
.margin-bottom {
margin-bottom:10px;
padding-top:10px;
}
.circle-box {
width:4vw;
height:4vw;
line-height:4vw;
background-color:#3D5970;
color:#FFF;
font-size:1.5vw;
padding-top:1.2vw;
position:relative;
bottom:3vw;
margin:0 auto;
margin-bottom:-1.5vw;
border-radius:4vw;
}
.infrastructure h3 {
font-family: 'Roboto', sans-serif;
font-size:2vw;
font-weight:300;
color:#000;
line-height:1.5em;
margin-bottom:0;
padding-top:1vw;
}
.infrastructure h3 span {
font-weight:600;
}
.infrastructure h4 {
font-family: 'Roboto', sans-serif;
font-size:1.3vw;
font-weight:600;
color:#000;
line-height:1.5em;
}
.infrastructure p {
font-family: 'Roboto', sans-serif;
font-size:1.4vw;
color:#444;
font-style:italic;
padding:0 0 0 0;
line-height:1.5em;
text-decoration:none;
}
.infrastructure p a {
color:#444;
text-decoration:none;
}
.infrastructure p a:hover {
color:#000;
text-decoration:none;
}
.infrastructure p i {
font-size:1.5vw;
margin-right:.5vw;
}
.infrastructure iframe {
width:100%;
height:30vw;
border:.1vw solid#CCC;
}
.infrastructure-border {
padding: 1vw 2vw;
border: #EAEAEA solid .1vw;
}
.infrastructure-border h5 {
font-family: 'Roboto', sans-serif;
font-size:1.5vw;
font-weight:400;
color:#000;
line-height:1.5em;
text-align:left!important;
}
.infrastructure-border h5 a {
color:#444;
text-decoration:none;
}
.infrastructure-border h5 a:hover {
color:#000;
text-decoration:none;
}
.infrastructure-border h5 i {
font-size:1.5vw;
margin-right:.5vw;
}
.infrastructure img {
width:100%;
padding:.5vw;
border:.1vw solid#e2e2e2;
}
.facebook {
display: inline-block;
padding: 0.5vw 1vw;
z-index: 0;
color: #FFF;
background-color: #0856af;
border: .1vw solid#0856af;
text-align: center;
font-size: .8vw;
text-transform: uppercase;
font-weight: 400;
letter-spacing: .1vw;
text-decoration: none;
font-family: 'Roboto', sans-serif;
text-decoration: none;
margin-top: 1vw;
}
.facebook:hover {
color: #FFF;
background-color: #000;
border: .1vw solid#000;
text-decoration: none;
}
.location {
display: inline-block;
padding: 0.5vw 1vw;
z-index: 0;
color: #FFF;
background-color: #FA0000;
border: .1vw solid#FA0000;
text-align: center;
font-size: .8vw;
text-transform: uppercase;
font-weight: 400;
letter-spacing: .1vw;
text-decoration: none;
font-family: 'Roboto', sans-serif;
text-decoration: none;
margin-top: 1vw;
}
.location:hover {
color: #FFF;
background-color: #000;
border: .1vw solid#000;
text-decoration: none;
}
hr.tall {
margin: 3vw 0 3vw 0;
}
hr {
background-image: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.1), transparent);
background-image: linear-gradient(to right, transparent, rgba(0, 0, 0, 0.1), transparent);
border: 0;
height:1px;
margin: 2vw 0 2vw 0;
}
small, .small {
font-size: 85%;
}
.infrastructure-bg {
background-color:#f1f1f1;
padding:3vw 0 0 0;
}
.padding-left-cont {
padding-left:3vw;
}
.about-pic {
width:90%;
margin:0 auto;
padding:0;
background-color:#f2f2f2;
}
.about-pic img {
width:100%;
}
.form-box {
width:85%;
margin: 0 auto;
margin-top:0vw!important;
margin-bottom:0;
}
.form-wrapper {
float: left;
width: 100%;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom:.5vw;
font-weight: bold;
color:#000;
font-family: 'Roboto', sans-serif;
}
.form-wrapper input {
font-family: 'Roboto', sans-serif;
width: 100%;
height:3.5vw;
border: .1vw solid #e7e7e7;
padding-left:1vw;
padding-right: 1vw;
color:#000;
margin-bottom:1vw;
font-size:14px;
}
.form-wrapper select {
margin-bottom:1vw;
font-size:14px;
font-family: 'Roboto', sans-serif;
width: 100%;
height:3.5vw;
border: .1vw solid #e7e7e7;
padding-left: 0;
padding-right: 0;
color:#000;
}
.form-wrapper textarea {
font-family: 'Roboto', sans-serif;
width: 100%;
border: .1vw solid #e7e7e7;
padding:1vw;
color:#000;
font-size:14px;
}
input, button, select, textarea {
font-family: 'Roboto', sans-serif;
font-family: inherit;
font-size: inherit;
line-height: inherit;
color:#000;
}
textarea {
overflow: auto;
}
.form-wrapper input[type="submit"]{
color: #fff;
background-color: #000;
font-weight:400;
text-transform:uppercase;
border-color: #000;
padding:12px 30px;
font-size:14px;
letter-spacing:1px;
text-decoration:none;
border-radius:0;
margin-top:20px;
position:relative;
text-transform:uppercase;
cursor:pointer;
}
.form-wrapper input[type="submit"]:hover{
background:#FFF;
border:1px solid#000;
color:#000;
}
.ftr-section {
background-color: #000000 !important;
padding:2vw;
}
.ftr-section img {
width:80%;
}
.ftr-section h3 {
font-family: 'Roboto', sans-serif;
font-size:1.1vw;
font-weight:400;
color:#FFF;
line-height:1.5em;
margin-bottom:1vw;
text-transform:uppercase;
}
.ftr-section h4 {
font-family: 'Roboto', sans-serif;
font-size:1.3vw;
font-weight:300;
color:#FFF;
line-height:1.5em;
margin-top:1vw;
}
.ftr-section p {
font-family: 'Roboto', sans-serif;
font-size:1vw;
color:rgba(255, 255, 255, 0.8);
padding-bottom:1vw;
line-height:1.4em;
margin-bottom:0;
font-weight:300;
text-decoration:none;
}
.ftr-section p a {
font-family: 'Roboto', sans-serif;
color:rgba(255, 255, 255, 0.8);
text-decoration:none;
}
.ftr-section p a:hover {
font-family: 'Roboto', sans-serif;
color:rgba(255, 255, 255, 1);
text-decoration:none;
}
.ftr-section p i {
margin-right:.5vw;
}
.ftr-padding-left {
padding-left:2vw;
}
.ftr-padding-top {
padding-top:1vw;
}
.ftr-border-right {
border-right:.1vw solid rgba(255, 255, 255, 0.05);
}
.ftr-section li {
list-style:none;
display:block;
font-family: 'Roboto', sans-serif;
font-size:1vw;
color:rgba(255, 255, 255, 0.8);
padding-top:.5vw;
padding-bottom:.5vw;
line-height:1.5em;
margin-bottom:0;
text-decoration:none;
border-bottom:.1vw solid rgba(255, 255, 255, 0.05);
font-weight:300;
}
.ftr-section li a {
font-family: 'Roboto', sans-serif;
color:rgba(255, 255, 255, 0.8);
text-decoration:none;
}
.ftr-section li a:hover {
font-family: 'Roboto', sans-serif;
color:rgba(255, 255, 255, 1);
text-decoration:none;
}
.ftr-section li i {
margin-right:.5vw;
}
.more {
display: inline-block;
padding:0.5vw 1vw;
z-index: 0;
color: #FFF;
background-color:#c39f76;
border:.1vw solid#c39f76;
text-align: center;
font-size:.8vw;
text-transform: uppercase;
font-weight:400;
letter-spacing:.1vw;
text-decoration: none;
font-family: 'Roboto', sans-serif;
text-decoration:none;
margin-top:1vw;
}
.more:hover {
color: #000;
background-color:#FFF;
text-decoration:none;
border:.1vw solid#999;
}
.fixed-smm {
position:fixed;
right:10px;
top:350px;
}
.fixed-smm li {
display:block;
font-size:20px;
color:#000;
padding-bottom:20px;
text-decoration:none;
}
.fixed-smm li a {
color:#000;
text-decoration:none;
}
.fixed-smm li a:hover {
color:#CCC;
text-decoration:none;
}
.plan {
background: white;
box-sizing: border-box;
text-align: center;
margin-top:2vw;
}
.plan .titleContainer {
background-color: #3D5970;
padding:2vw;
border-radius:2vw 2vw 0 0;
}
.plan .titleContainer .title {
font-size: 1.5vw;
text-transform: uppercase;
color: white;
font-weight: 700;
}
.plan .titleContainer .price {
font-size:2vw;
padding-top:0;
padding-bottom:0;
color:#FFF;
font-weight: 500;
margin-top: 0;
display: inline-block;
width: 100%;
}
.plan .titleContainer .price p {
font-size:2vw;
display: inline-block;
margin: 0;
}
.plan .titleContainer .price span {
font-size: 1vw;
display: inline-block;
}
.plan .infoContainer {
padding: 1vw;
color: #2d3b48;
box-sizing: border-box;
background-color:#FBFBFB;
border: 1px solid #E2E2E2;
}
.plan .infoContainer .desc {
padding: 1vw 0;
border-bottom: 1px solid #E2E2E2;
margin: 0 auto;
width: 100%;
}
.plan .infoContainer .desc em {
font-size: 1vw;
font-weight: 500;
}
.plan .infoContainer .features {
font-size: 1vw;
list-style: none;
padding-left: 0;
}
.plan .infoContainer .features li {
padding: 0.5vw;
border-bottom: 1px solid #E2E2E2;
}
.plan .infoContainer .selectPlan {
border: 2px solid #3D5970;
padding: 0.5vw 1vw;
border-radius: 2.5em;
cursor: pointer;
transition: all 0.25s;
margin: 1em auto;
box-sizing: border-box;
max-width: 70%;
display: block;
font-weight: 700;
width:25%;
}
.plan .infoContainer .selectPlan:hover {
background-color: #3D5970;
color: white;
}

/*--------------Responsive---------------*/

/*@media (min-width: 1400px)
.col-xxl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%;
}*/

/*@media (min-width: 1400px)
.col-xxl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%;
}*/


@media screen and (max-width: 25em) {
.planContainer {
margin: 0;
}
.planContainer .plan {
width: 100%;
margin: 1em 0;
}
}

@media (min-width:1080px) and (max-width:1199px) {
.top-link1{
	padding:0 35px;
}
.top-menu li{
	font-size:13px;
}
.top-link1 li{
	font-size:13px;
}
}

@media (min-width:900px) and (max-width:1080px) {

}


@media (min-width:800px) and (max-width:1080px) {
.logo-holder img {
width:80px;
padding-bottom: 5px;
margin-left:0;
}
.top-menu li{
	font-size:11px;
	padding: 10px 7px
}

.top-link1{
	padding:0 30px;
}
header.sticky .top-link1 {
padding: 0 10px;
}
.top-link1 li {
font-size: 11px;
padding: 10px 7px;
}
header.sticky .top-link1 li {
font-size: 12px;
padding: 25px 10px;
}
header.sticky img.logo-notvis {
margin-left: 0;
}
.ozy-border-box-wrapper {
position: absolute;
max-width:500px;
padding-left: 15px;
padding-right: 15px;
top: 35%;
left: 20%;
right: 20%;
margin: 0 auto;
z-index:1;
}
#obb-27458 h2 {
font-size:45px;
line-height:.9;
}
.ozy-border-box {
padding-bottom:35px;
}
.ozy-border-box .border-sides::before {
position: absolute;
content: '';
top: 15px;
right: 15px;
width:50px;
}
.ozy-border-box .border-sides::after {
position: absolute;
content: '';
left: 15px;
bottom: 0;
height: 130px;
}
.ftr-logo {
display:none;
}
.monogram {
display:none;
}
.btn-consultant {
padding: 10px 10px;
}
.form-wrapper input[type="submit"] {
padding:0;
}

}
@media (min-width:768px) and (max-width:899px) {

.top-menu li{
    font-size: 8px;
    padding: 24px 4px;
}

.top-link1{
	padding:0 19px
}

.top-link1 li{
    font-size: 10px;
    padding: 25px 10px;
}
header.sticky .top-link1 li{
    font-size: 10px;
    padding: 25px 10px;
	max-width:100%;
}

.logo-holder img{
	width:100px;
	max-width:100%;
}
.beige2 h3{
font-size:18px;
}

.portfolio h3{
font-size:18px;
}

.contact-grid h5{
font-size:20px;
}

/*---copyright sec---*/
.footer{
	padding-left:10px;
	padding-right:10px;
}
.footer-left, .footer-right{
	margin-left:0;
	margin-right:0;
}
.weblink {
padding-top: 0.5em;
padding-bottom: 1%;
margin-left: 0px;
font-size: 1em;
font-weight: 400;
width: 100%;
text-align:center
}
.weblink a {
font-size: .950em;
}
.copyright {
font-size: 1em;
text-align:center;
width:100%;
}
}

@media all and (max-width : 768px) {
.desktop-show {
display:none;
}
.mobile-show {
display:block;
}
/*----slider-----*/
#slide-show{
	position:relative;
	width: 100% !important;
}


.ozy-border-box-wrapper {
/*display:none;*/
display:block;
min-width:80%;
left:10%;
top:20%;
}
.bg1, .bg2, .bg3, .bg4, .bg5, .bg6, .bg7, .bg8, .bg9, .bg10{
	top:0 !important;
}

.kannada {
/*padding-top:15px;
padding-bottom: 0;*/
padding-left: 0;
padding-right: 0;
}
.beige2 {
/*background: #f9f5f1;*/
position: relative;
padding: 30px 0 40px;
margin: 10px 0 0;
z-index: -1;
text-align: center;
}
.beige2 h1 {
font-size: 30px;
margin-bottom:0;
}
.beige2 h1 {
font-size: 30px;
line-height:1.1;
}
.home-service-wrap {
/*max-width: 1098px;
margin: -302px auto 50px;
padding-right: 0;*/
}
.home-service-wrap h2 {
font-size: 30px;
line-height: 1.1;
margin-bottom: 10px;
}
.mt-sapce {
margin-top:20px;
margin-bottom:30px;
}
.home-service-wrap .desc {
letter-spacing:0;
padding-right: 0;
margin-bottom: 20px;
padding-left: 1px;
padding-top:20px;
}

.home-service-wrap .desc:before {
	top:5px;
}
.highlight{
padding: 30px 0 40px;
}
.highlight::before {
/*content: "";
display: block;
width: 100%;
height:230px;
background-color: #eef1f3;
position: absolute;
top: 98px;*/
}
.product-section-home {
width: 100%;
padding: 0 0 30px 0;
}
.mono {
display:none;
}
.monogram {
display:none;
}


.beige2 h3{
font-size:18px;
}

.portfolio h3{
font-size:18px;
}

.contact-grid h5{
font-size:20px;
}

.why-choose-border{
	margin-bottom:20px;
}
/*---copyright sec---*/

.footer{
	padding-left:10px;
	padding-right:10px;
}
.footer-left, .footer-right{
	margin-left:0;
	margin-right:0;
}
.weblink {
padding-top: 0.5em;
padding-bottom: 1%;
margin-left: 0px;
font-size: 1em;
font-weight: 400;
width: 100%;
text-align:center
}
.weblink a {
font-size: .950em;
}
.copyright {
font-size: 1em;
text-align:center;
width:100%;
}


.beige2 h4{
font-size: 30px !important;
}
.white-bg {
background-color: #FFF;
padding:20px;
}
.mt-5, .my-5 {
margin-top:3rem !important;
}
.mt-4, .my-4 {
margin-top:0 !important;
}
.content {
padding: 0!important;
text-align: center;
}
.work-pic {
/*position: relative;*/
/*top:20px;*/
position: static;
margin: 30px 0;
}
.about-service-wrap {
/*max-width: 1098px;
margin: -302px auto 0;
display: flex;
display: -ms-flex;
display: -webkit-flex;
justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between;
padding-right: 0;*/
}
.box-content {
position: relative;
bottom: 0;
left: 0;
width: 100%;
background-color:none;
padding:20px;
}
.about-service-wrap h3 {
font-size: 30px;
line-height: 1em;
margin-bottom: 20px;
}
.product-section-home h1 {
font-size: 30px;
line-height: 1em;
padding-top:0;
margin-bottom:0;
}
.mobile-padding {
padding-top:20px;
}
.btn-consultant {
color: #fff;
background-color: #000;
font-weight: 400;
text-transform: uppercase;
border-color: #000;
padding: 12px 20px;
font-size: 12px;
letter-spacing: 1px;
text-decoration: none;
border-radius: 0;
margin-top: 20px;
clear: both;
position: relative;
text-transform: uppercase;
}
.btn-service {
color: #fff !important;
background-color: #000;
font-weight: 400;
text-transform: uppercase;
border-color: #000;
padding: 12px 10px;
font-size: 10px;
letter-spacing: 1px;
text-decoration: none;
border-radius: 0;
margin-top: 20px;
clear: both;
position: relative;
text-transform: uppercase;
margin-bottom:15px;
}
.logoimg {
width:65%;
}
.top-menu {
padding: 0;
background-color:#000;
}
.top-menu li {
font-family: 'Roboto', sans-serif;
color: #FFF;
font-size: 12px;
display: inline-block;
letter-spacing: 0;
font-weight: 500;
padding:8px 8px;
line-height: 1.5em;
text-decoration: none;
}
.top-menu li a {
color: #FFF;
font-size: 12px;
}
.top-menu li a:hover {
/*color:#FFFF00;*/
font-size: 12px;
}
.top-menu li i {
padding-right: 5px;
font-size:18px;
}
.btn-custom {
color: #3D5970 !important;
font-size: 15px;
font-weight: 400;
margin: 0;
margin-right: 0px;
margin-right: 0;
border: 2px solid #3D5970;
border-radius: 20px;
padding: 10px 5px !important;
margin-bottom: 10px !important;
display: block;
width: 80%;
text-align: center;
margin: 0 auto;
margin-bottom: 0px;
}
.ftr-logo img {
width:80px;
}
.form-box {
width: 100%;
}
.form-wrapper input {
height:40px;
border: 1px solid #e7e7e7;
padding-left:10px;
padding-right:0;
}
.form-wrapper textarea {
padding: 10px;
}
.form-wrapper input[type="submit"] {
width:100%;
border-radius:0;
font-size:12px;
padding: 0;
margin-top:10px;
}

.three_col {
column-count: 2;
}

}
@media (min-width:640px) and (max-width:767px) {
.ozy-border-box-wrapper {
/*display:none;*/
}
.kannada {
/*padding-top:15px;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;*/
}
.beige2 {
/*background: #f9f5f1;
position: relative;
padding: 430px 0 290px;
margin: -397px 0 0;
z-index: -1;
text-align: center;*/
}
.beige2 h1 {
font-size: 30px;
margin-bottom:0;
}
.beige2 h1 {
font-size: 30px;
line-height:1.1;
}
.home-service-wrap {
/*max-width: 1098px;
margin: -302px auto 50px;
padding-right: 0;*/
}
.home-service-wrap h2 {
font-size: 30px;
line-height: 1.1;
margin-bottom: 10px;
}
.mt-sapce {
/*margin-top:30px;*/
}
.home-service-wrap .desc {
/*letter-spacing:0;
padding-right: 0;
margin-bottom: 20px;
padding-left: 1px;
padding-top:0;*/
}
.highlight::before {
/*content: "";
display: block;
width: 100%;
height:440px;
background-color: #eef1f3;
position: absolute;
top: 98px;*/
}
.mono {
display:none;
}
.white-bg {
background-color: #FFF;
padding:20px;
}
.mt-5, .my-5 {
margin-top:1rem !important;
}
.mt-4, .my-4 {
margin-top:0 !important;
}
.content {
padding: 0!important;
text-align: center;
}
.work-pic {
/*position: relative;
top:20px;*/
}
.about-service-wrap {
/*max-width: 1098px;
margin: -302px auto 0;
display: flex;
display: -ms-flex;
display: -webkit-flex;
justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between;
padding-right: 0;*/
}
.box-content {
position: relative;
bottom: 0;
left: 0;
width: 100%;
background-color:none;
padding:20px;
}
.about-service-wrap h3 {
font-size: 30px;
line-height: 1em;
margin-bottom: 20px;
}
.product-section-home h1 {
/*font-size: 30px;
line-height: 1em;
padding-top:10px;*/
}
.mobile-padding {
padding-top:20px;
}
.btn-consultant {
color: #fff;
background-color: #000;
font-weight: 400;
text-transform: uppercase;
border-color: #000;
padding: 12px 20px;
font-size: 12px;
letter-spacing: 1px;
text-decoration: none;
border-radius: 0;
margin-top: 20px;
clear: both;
position: relative;
text-transform: uppercase;
}
.btn-service {
/*color: #fff !important;
background-color: #000;
font-weight: 400;
text-transform: uppercase;
border-color: #000;
padding: 12px 10px;
font-size: 10px;
letter-spacing: 1px;
text-decoration: none;
border-radius: 0;
margin-top: 20px;
clear: both;
position: relative;
text-transform: uppercase;*/
}
.logoimg {
width:65%;
}
.top-menu {
padding: 0;
background-color:#000;
}
.top-menu li {
font-family: 'Roboto', sans-serif;
color: #FFF;
font-size: 12px;
display: inline-block;
letter-spacing: 0;
font-weight: 500;
padding:8px 8px;
line-height: 1.5em;
text-decoration: none;
}
.top-menu li a {
color: #FFF;
font-size: 12px;
}
.top-menu li a:hover {
/*color:#FFFF00;*/
font-size: 12px;
}
.top-menu li i {
padding-right: 5px;
font-size:18px;
}
.btn-custom {
color: #3D5970 !important;
font-size: 15px;
font-weight: 400;
margin: 0;
margin-right: 0px;
margin-right: 0;
border: 2px solid #3D5970;
border-radius: 20px;
padding: 10px 5px !important;
margin-bottom: 10px !important;
display: block;
width: 80%;
text-align: center;
margin: 0 auto;
margin-bottom: 0px;
}
.ftr-logo img {
width:80px;
}
}
@media (min-width:480px) and (max-width:639px) {
.ozy-border-box-wrapper {
/*display:none;*/
}
.kannada {
/*padding-top:15px;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;*/
}
.beige2 {
/*background: #f9f5f1;
position: relative;
padding: 430px 0 290px;
margin: -397px 0 0;
z-index: -1;
text-align: center;*/
}
.beige2 h1 {
font-size: 30px;
margin-bottom:0;
}
.beige2 h1 {
font-size: 30px;
line-height:1.1;
}
.home-service-wrap {
/*max-width: 1098px;
margin: -302px auto 50px;
padding-right: 0;*/
}
.home-service-wrap h2 {
font-size: 30px;
line-height: 1.1;
margin-bottom: 10px;
}
.mt-sapce {
/*margin-top:30px;*/
}
.home-service-wrap .desc {
/*letter-spacing:0;
padding-right: 0;
margin-bottom: 20px;
padding-left: 1px;
padding-top:0;*/
}
.highlight::before {
/*content: "";
display: block;
width: 100%;
height:380px;
background-color: #eef1f3;
position: absolute;
top: 98px;*/
}
.mono {
display:none;
}
.white-bg {
background-color: #FFF;
padding:0;
}
.mt-5, .my-5 {
margin-top:1rem !important;
}
.mt-4, .my-4 {
margin-top:0 !important;
}
.content {
padding: 0!important;
text-align: center;
}
.work-pic {
/*position: relative;
top:40px;*/
}
.about-service-wrap {
/*max-width: 1098px;
margin: -302px auto 0;
display: flex;
display: -ms-flex;
display: -webkit-flex;
justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between;
padding-right: 0;*/
}
.box-content {
position: relative;
bottom: 0;
left: 0;
width: 100%;
background-color:none;
padding:20px;
}
.about-service-wrap h3 {
font-size: 30px;
line-height: 1em;
margin-bottom: 20px;
}
.product-section-home h1 {
/*font-size: 30px;
line-height: 1em;
padding-top:40px;*/
}
.mobile-padding {
padding-top:20px;
}
.btn-consultant {
color: #fff;
background-color: #000;
font-weight: 400;
text-transform: uppercase;
border-color: #000;
padding: 12px 20px;
font-size: 12px;
letter-spacing: 1px;
text-decoration: none;
border-radius: 0;
margin-top: 20px;
clear: both;
position: relative;
text-transform: uppercase;
}
.btn-service {
/*color: #fff !important;
background-color: #000;
font-weight: 400;
text-transform: uppercase;
border-color: #000;
padding: 12px 10px;
font-size: 10px;
letter-spacing: 1px;
text-decoration: none;
border-radius: 0;
margin-top: 20px;
clear: both;
position: relative;
text-transform: uppercase;*/
}
.logoimg {
width:65%;
}
.top-menu {
padding: 0;
background-color:#000;
}
.top-menu li {
font-family: 'Roboto', sans-serif;
color: #FFF;
font-size: 12px;
display: inline-block;
letter-spacing: 0;
font-weight: 500;
padding:8px 8px;
line-height: 1.5em;
text-decoration: none;
}
.top-menu li a {
color: #FFF;
font-size: 12px;
}
.top-menu li a:hover {
/*color:#FFFF00;*/
font-size: 12px;
}
.top-menu li i {
padding-right: 5px;
font-size:18px;
}
.btn-custom {
color: #3D5970 !important;
font-size: 15px;
font-weight: 400;
margin: 0;
margin-right: 0px;
margin-right: 0;
border: 2px solid #3D5970;
border-radius: 20px;
padding: 10px 5px !important;
margin-bottom: 10px !important;
display: block;
width: 80%;
text-align: center;
margin: 0 auto;
margin-bottom: 0px;
}
.ftr-logo img {
width:80px;
}
.three_col {
column-count: 1;
}

}
@media (min-width:320px) and (max-width:479px) {
.ozy-border-box:after {
border-bottom: 0;
border-right: 0;
}
.ozy-border-box .border-sides:after {
border-right: 0;
}
.ozy-border-box .border-sides:before {
border-bottom: 0;
}
#obb-27458 h2 {
text-align:center;
font-size:30px !important;
}
.ozy-border-box .text-center {
  margin-top: 30px;
}
.ozy-border-box-wrapper {
/*display:none;*/
}
.ozy-border-box .btn-services{
font-size: 12px;
padding: 16px 29px;
}
.kannada {
/*padding-top:15px;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;*/
}
.beige2 {
/*background: #f9f5f1;
position: relative;
padding: 430px 0 290px;
margin: -397px 0 0;
z-index: -1;
text-align: center;*/
}
.beige2 h1 {
font-size: 30px;
margin-bottom:0;
}
.beige2 h1 {
font-size: 30px;
line-height:1.1;
}
.home-service-wrap {
/*max-width: 1098px;
margin: -302px auto 50px;
padding-right: 0;*/
}
.home-service-wrap h2 {
font-size: 30px;
line-height: 1.1;
margin-bottom: 10px;
}
.mt-sapce {
/*margin-top:30px;*/
}
.home-service-wrap .desc {
/*letter-spacing:0;
padding-right: 0;
margin-bottom: 20px;
padding-left: 1px;
padding-top:0;*/
}
.highlight::before {
/*content: "";
display: block;
width: 100%;
height:450px;
background-color: #FFF;
position: absolute;
top: 98px;*/
}
.grey-bg {
/*background-color: #FFF !important;*/
}
.mono {
display:none;
}
.white-bg {
/*background-color: #FFF;
padding:0;*/
}
.mt-5, .my-5 {
margin-top:1rem !important;
}
.mt-4, .my-4 {
margin-top:0 !important;
}
.content {
padding: 0!important;
text-align: center;
}
.work-pic {
/*position: relative;
top:40px;*/
}
.about-service-wrap {
/*max-width: 1098px;
margin: -302px auto 0;
display: flex;
display: -ms-flex;
display: -webkit-flex;
justify-content: space-between;
-ms-justify-content: space-between;
-webkit-justify-content: space-between;
padding-right: 0;*/
}
.box-content {
position: relative;
bottom: 0;
left: 0;
width: 100%;
background-color:none;
padding:20px;
}
.about-service-wrap h3 {
font-size: 30px;
line-height: 1em;
margin-bottom: 20px;
}
.product-section-home h1 {
/*font-size: 30px;
line-height: 1em;
margin-top:30px;*/
}
.mobile-padding {
padding-top:20px;
}
.btn-consultant {
color: #fff;
background-color: #000;
font-weight: 400;
text-transform: uppercase;
border-color: #000;
padding: 12px 20px;
font-size: 12px;
letter-spacing: 1px;
text-decoration: none;
border-radius: 0;
margin-top: 20px;
clear: both;
position: relative;
text-transform: uppercase;
}
.btn-service {
/*color: #fff !important;
background-color: #000;
font-weight: 400;
text-transform: uppercase;
border-color: #000;
padding: 12px 10px;
font-size: 10px;
letter-spacing: 1px;
text-decoration: none;
border-radius: 0;
margin-top: 20px;
clear: both;
position: relative;
text-transform: uppercase;*/
}
.logoimg {
width:65%;
}
.top-menu {
padding: 0;
background-color:#000;
}
.top-menu li {
font-family: 'Roboto', sans-serif;
color: #FFF;
font-size: 12px;
display: inline-block;
letter-spacing: 0;
font-weight: 500;
padding:8px 8px;
line-height: 1.5em;
text-decoration: none;
}
.top-menu li a {
color: #FFF;
font-size: 12px;
}
.top-menu li a:hover {
/*color:#FFFF00;*/
font-size: 12px;
}
.top-menu li i {
padding-right: 5px;
font-size:18px;
}
.btn-custom {
color: #3D5970 !important;
font-size: 15px;
font-weight: 400;
margin: 0;
margin-right: 0px;
margin-right: 0;
border: 2px solid #3D5970;
border-radius: 20px;
padding: 10px 5px !important;
margin-bottom: 10px !important;
display: block;
width: 80%;
text-align: center;
margin: 0 auto;
margin-bottom: 0px;
}
.ftr-logo img {
width:80px;
}
.three_col {
column-count: 1;
}

}