body{ overflow-x:hidden; margin: 0; padding: 0; font-family: 'SFProDisplay-Regular' !important; } p{ font-family: 'SFProDisplay-Regular' !important; } .cyan-color{ background-color: #049EDC; color: #000000; } .cyan-color:hover{ background-color: #049EDC; color:#000000; } @media screen and (min-width:px){ .call-now-button { display: none !important; background: #014b8c; } } @media screen and (max-width: 3000px ) { .call-now-button { display: flex; background: #014b8c; } .quick-call-button { display: block !important; } } @media screen and (min-width: px) { .call-now-button .call-text { display: none !important; } } @media screen and (max-width: px) { .call-now-button .call-text { display: none !important; } } .call-now-button { top: 50%; } .call-now-button { right: 21%; } .call-now-button { background: #014b8c; } .call-now-button div a .quick-alo-ph-img-circle, .call-now-button div a .quick-alo-phone-img-circle { background-image:url(images/whatsapp.svg); position: fixed; } .call-now-button .call-text { color: #fff; } a{ transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; } .brochure-sec{ width:100%; float:left; padding:40px 0; }.oss-modal-resources .modal-header { background-color: #049EDC; background-image: linear-gradient(to right, #049EDC, #049EDC); color: #fff; border-radius: 0; }.oss-title-below-line { text-align: left; padding-bottom: 10px; margin-bottom: 1.5rem; border-bottom: 1px solid #DDD; position: relative; }.text-dark { color: #343a40!important; } .oss-resource-tile-overlay a{ color:#fff !important; } @media (min-width: 768px){ .oss-modal-resources .modal-dialog { max-width: calc(100% - 15px); left: 7.5px; margin-top: 15px; } }.oss-modal-resources .modal-body { max-height: calc(85vh - 15px); min-height: calc(85vh - 15px); overflow: auto; padding: 1rem 1.5rem; } .oss-resources-wrapper { border-bottom: 1px solid #ccc; padding: 10px; padding-left: 0px; display: inline-block; width: 100%; }.oss-resources-image-wrapper-new { width: 40px; height: 30px; float: left; }.oss-resources-image-wrapper-new img { width: 25px; height: 25px; }.oss-resources-desc-wrapper-new { color: #626262; font-size: 15px; width: calc(100% - 180px); float: left; }.oss-resources-desc-wrapper-new p { margin: 0; }.oss-resources-download-wrapper { text-align: right; float: right; }.ml-1, .mx-1 { margin-left: .25rem!important; } .oss-resource-tile { background: #f8f8f8; padding: 30px 35px;width: 90%; margin-bottom: 30px; float:left; position: relative; border-radius: 5px; min-height: 305px; }.oss-resource-tile-header { position: relative; }.oss-resource-tile-header h2 { color: #2e5ab8; font-size: 1rem; text-transform: uppercase; margin-bottom: 30px; font-weight: 600; }.oss-resource-tile-header h2:before { content: "\f067"; font: normal normal normal 14px/1 FontAwesome; position: absolute; right: 0; top: 3px; }.oss-resource-tile-body { text-align: center; }.oss-resource-tile-body img { box-shadow: 0 2px 10px rgb(0 0 0 / 60%); }.oss-resource-tile-overlay h2 { text-transform: uppercase; font-weight: 600; font-size: 1.5rem; white-space: initial; } .oss-resource-tile-overlay { visibility: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); color: #fff; text-align: center; padding-top: 100px; transition: all; border-radius: 5px; }.oss-resource-tile:hover .oss-resource-tile-overlay { visibility: visible; } @media only screen and (max-width:425px) { .trs-socials{float:none !important;} .dwn{height: 50px; line-height:36px !important;} } .yl-bgs{ float: left; width: 100%; background: white; padding: 18px; border-radius: 5px; margin-bottom:25px; } /* FORCE ABOUT SECTION TEXT STYLE */ .aboutus, .aboutus * { /* font-family: "Poppins", sans-serif !important; */ } .aboutus .left-content, .aboutus .right-content { color: #101010 !important; } .aboutus .section-label { color: #0d6efd !important; font-weight: 600; } .aboutus, .aboutus p, .aboutus span, .aboutus div, .aboutus ol { /* font-family: "Poppins", sans-serif !important; */ color: #101010 !important; } .aboutus ul, .aboutus li { font-family: inherit !important; } /* li sometimes gets overridden by theme -> force inherit */ .aboutus .right-content ul li { font-family: inherit !important; font-size: 13px !important; font-weight: 400 !important; line-height: 24px !important; } /* Left side main text */ .aboutus .about-main-text { color: #101010 !important; font-weight: 500 !important; } /* Right side paragraph */ .aboutus .about-desc { color: #101010 !important; font-weight: 500 !important; margin-bottom: 12px !important; } /* Optional: bullet spacing */ .aboutus .right-content ul { /* padding-left: 18px !important; */ margin: 18px 0 !important; } .aboutus .right-content ul li { /* margin-bottom: 8px !important; */ } /* Button styling (keep your class but ensuring font matches) */ .aboutus .about-buttons2 { display: inline-flex; align-items: center; gap: 12px; margin-top: 25px; padding: 14px 22px; border-radius: 10px; background: #0d6efd; color: #fff; text-decoration: none; font-size: 14px; font-weight: 600; } .aboutus .about-buttons2 svg { width: 18px; height: 18px; fill: #fff; } /* spacing */ .aboutus .right-content { /* margin-top: 45px; */ } /* Responsive */ @media (max-width: 991px) { .aboutus { padding: 40px 0; } .aboutus .right-content { margin-top: 25px; } } .control-fileupload { display: block; border: 1px solid #d6d7d6; background: #FFF; border-radius: 4px; width: 100%; height: 36px; line-height: 36px; padding: 0px 10px 2px 10px; overflow: hidden; position: relative; &:before, input, label { cursor: pointer !important; } /* File upload button */ &:before { /* inherit from boostrap btn styles */ padding: 4px 12px; margin-bottom: 0; font-size: 14px; line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #cccccc; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #b3b3b3; border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); transition: color 0.2s ease; /* add more custom styles*/ content: 'Browse'; display: block; position: absolute; z-index: 1; top: 2px; right: 2px; line-height: 20px; text-align: center; } &:hover, &:focus { &:before { color: #333333; background-color: #e6e6e6; color: #333333; text-decoration: none; background-position: 0 -15px; transition: background-position 0.2s ease-out; } } label { line-height: 24px; color: #999999; font-size: 14px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; z-index: 1; margin-right: 90px; margin-bottom: 0px; cursor: text; } } @font-face { font-family: 'SFProDisplay-Bold'; src: url('../fonts/SFProDisplay-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/SFProDisplay-Bold.woff') format('woff'), url('../fonts/SFProDisplay-Bold.ttf') format('truetype'), url('../fonts/SFProDisplay-Bold.svg#SFProDisplay-Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SFProDisplay-Light'; src: url('../fonts/SFProDisplay-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/SFProDisplay-Light.woff') format('woff'), url('../fonts/SFProDisplay-Light.ttf') format('truetype'), url('../fonts/SFProDisplay-Light.svg#SFProDisplay-Light') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SFProDisplay-Regular'; src: url('../fonts/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/SFProDisplay-Regular.woff') format('woff'), url('../fonts/SFProDisplay-Regular.ttf') format('truetype'), url('../fonts/SFProDisplay-Regular.svg#SFProDisplay-Regular') format('svg'); font-weight: normal; font-style: normal; } /***********************/ @media (min-width:1446px) and (max-width:1999px) { .activity-edit1{ margin-left: -125px !important;} } @media only screen and (max-width:1024px) { .head-area h2{text-align:left !important;} .head-area p{text-align:left !important;} .activity-edit1{margin-left:0px !important; max-width:0px; min-width: 50%;} .activity-edit2{min-width: 50%;} .activity-edit3{min-width: 50%;} .service-list1{height:100% !important;} } @media only screen and (max-width:1119px) { .sub-menu-1{width:100% !important;} } @media only screen and (max-width:425px) { .sub-menu-1{ top: 47px !important;} } .ih-item .square .effect6 img:hover .info{ height:100%; } a:hover{ text-decoration: none !important; } .red{ color: red; padding-left: 5px; } .abt-p1 { width: 100%; float: left; background: #049EDC; padding: 30px 6%; margin-bottom: 30px; } .push-left{ float: left; } .career-main-head { font-size: 25px; font-weight: 700; text-transform: uppercase; color: #000000; } .career-form { /*width: 100%; float: left; */ margin-top: 30px; max-width: 750px; display: block; margin: 30px auto; } .e-input { width: 100%; border: 0; border: 1px solid rgb(7 121 203 / 55%); margin-bottom: 30px; margin-top: 30px; outline: none; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; font-size: 13px; font-weight: 400; color: #000000; padding: 10px !important; padding: 5px 0px; height: 55px; border-radius: 5px; } .r-input { border: 0; margin-bottom: 50px; margin-top: 50px; margin-left: 10px; margin-right: 10px; outline: none; position: relative; } .f-input { width: 90%; cursor: pointer; border: 0; border-bottom: 1px solid #b7b7b7; margin-bottom: 40px; margin-top: 30px; outline: none; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; font-size: 13px; font-weight: 400; color: #000000; padding: 5px 0px; position: absolute; overflow: hidden; z-index: 0; opacity: 0; } .enquiry-label { font-size: 14px; font-weight: 400; /* font-family: 'Open Sans', sans-serif; */ color: #000000; position: absolute; left: 15px; top: 0px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .e-text { width: 100%; border: 1px solid rgb(7 121 203 / 55%); padding: 10px !important; resize: none; margin-bottom: 40px; margin-top: 30px; outline: none; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; font-size: 13px; font-weight: 400; color: #000000; padding: 5px 0px; } .contact-snd:hover { background-color:white; color: #049EDC; } .contact-snd { text-transform: uppercase; /* border-radius: 100px; */ font-size: 14px; font-weight: 700; width: 173px; margin-bottom: 20px; font-style: normal; font-stretch: normal; border: none; line-height: normal; /* letter-spacing: 1.8px; */ /* width: 100%; */ /* border-radius: 5px; */ text-align: center; padding: 15px 30px; /* border: none; */ background:#049EDC; color: #fff; float: right; margin-top: 11px; border-radius: 0px 0px 20px 0px; /* border: solid 2px #a3238e; */ cursor: pointer; transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; } .enquiry-labels { font-size: 14px; font-weight: 400; color: #000000; position: absolute; left: 15px; top: 0px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .f-input + label { width: 100%; cursor: pointer; font-size: 13px!important; font-weight: 300; cursor: pointer; display: inline-block; overflow: hidden; padding: 4px 0px; /* width: 100%; */ width: 150px; margin-top: 30px; float: left; color: #FFFFFF; text-align: center; /* background: #e24a30; */ background:#049EDC; -webkit-transition: all .4s ease-out; -moz-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; text-decoration: none !important; /* border: 1px solid #b7b7b7; */ border: none; } .renquiry-label { font-size: 13px; font-weight: 400; color: #000000; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .r-input[type="radio"]:checked + .rlabel::after { background: #4181b4; } .rlabel::after { content: ''; height: 8px; width: 8px; background: transparent; position: absolute; top: calc(50% - 4px); left: calc(50% - 4px); border-radius: 50%; } .rlabel { border: 1.2px solid #d4d4d4; border-radius: 50%; cursor: pointer; height: 15px; width: 15px; margin: 0px; position: relative; margin-left: -29px; margin-right: 29px; top: 3px; } .renquiry-label { font-size: 13px; font-weight: 400; color: #000000; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .r-input[type="radio"] { visibility: hidden; } .enquiry-label { font-size: 14px; font-weight: 400; /* font-family: 'Open Sans', sans-serif; */ color: #000000; position: absolute; left: 15px; top: 0px; -webkit-transition: all 0.4s; -o-transition: all 0.4s; -moz-transition: all 0.4s; transition: all 0.4s; } .bg-brand { float: left; width: 100%; background: #fff; padding: 40px; text-align: center; border: solid 1px rgb(39 112 170); transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; margin-bottom: 30px; } .bg-brand img { width: 100%; right: 0px; height: 120px; object-fit: contain; } .brand-hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .brand-hover:hover { /* transform: translateY(-50%); */ -moz-transform: translateY(-50%); /* -webkit-transform: translateY(-50%); */ -webkit-filter: grayscale(100%); filter: grayscale(100%); transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; } .quality-box1 svg{ fill:#000; height: 60px; width: 60px; margin-bottom: 15px; } .quality-box1 h4{ padding-left: 0px !important; float: left; width: 100% !important; color: #000 !important; font-size: 24px !important; margin-bottom: 15px !important; } .quality-box1 p { float: left; width: 100%; color: #000; font-size: 14px; line-height: 30px; font-family: 'SFProDisplay-Regular'; } .quality-box1{ float: left; width: 100%; padding: 20px; background: #f9f9f9; border-radius: 0 20px; } .quality-box1:hover svg{ fill: #049EDC; } .aboutus { float: left; width: 100%; margin-bottom: 0px !important; margin-top: 0px !important; } .left-content img{ width: 100%; float: left; border-radius: 0px 20px 0px 20px; } .abt-p1 h6 { font-size: 20px; font-weight: 400; float: left; margin: 0; padding: 7px 0 0; color: #fff; } .abt-p1 a { background: #049EDC; padding: 11px 24px; float: right; border-radius: 0px 0 20px 0; font-size: 14px; font-weight: 500; color: #fff; border: solid 2px white; } .abt-p1 a:hover { background: #fff; text-decoration: none; color: #049EDC; } .cta h6{ font-size: 20px; font-weight: 400; color: #fff; line-height: 32px; float: left; width: 100%; padding: 14px 0; } .cta a{ color: #fff; background: #000; padding: 13px 24px; /* float: left; */ /* margin: 20px 0; */ font-size: 14px; font-weight: 600; border-radius: 0px 0px 20px 0px; } .cta a:hover{ color: #fff; background: #049EDC; } .cta{ background: linear-gradient(360deg, rgba(255,255,255,1) 0%, rgba(213,227,238,1) 0%, rgba(202,220,234,1) 8%, rgba(39,112,170,1) 113%); width: 100%; float: left; /* background: url('../images/cta.png'); */ background-size: cover; /* background-position: 36% 70%; */ height: 255px; padding: 55px 0; text-align: center; } .aboutus h2 { color: rgba(0, 0, 0, 0.85); font-size: 43px; float: left; width: 100%; line-height: 56px; font-weight: 700; } .mb-dk { border-radius: 20px 0px 20px 0px; border: 1px solid #ccc; width: 100%; height: 250px; object-fit: cover; margin-top: 20px; /* border-radius: 5px; */ /* margin-bottom: 30px; */ box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.05); } .row-dis { display: inherit !important; margin-bottom: 30px !important; float: left; } .aboutus h6 { font-size: 18px; font-weight: 700; } .aboutus p { float: left; width: 100%; font-size: 14px; line-height: 33px; color: rgba(0, 0, 0, 0.84); padding-top: 9px; padding-left: 0px; padding-right: 0px; } .quality-box svg{ height: 60px; width: 60px; fill: #fff; margin-bottom: 15px; } .panel6 { width: 100%; float: left; margin: 50px 0 0; background: #f6f6f6; padding: 50px 5% 30px; } .panel6 p { font-size: 14px; line-height: 28px; margin-top: 20px; } .panel6 h6 { font-size: 15px; color: #049EDC; font-weight: 600; margin-top: 40px; /* font-family: 'Open Sans', sans-serif !important; */ } .panel6 h5 { font-size: 15px; line-height: 28px; /* padding: 5px 0 0; */ /* font-family: 'Open Sans', sans-serif !important; */ } .request-info-box { background: #ffffff; width: 95%; float: right; padding: 50px 30px; /* margin-left: 26px; */ } .request-info-box h2 { padding-top: 0 !important; padding-left: 10px; font-size: 30px; padding-bottom: 30px; font-weight: 400; color: #000; } .log_set { width: 100%; float: left; position: relative; padding: 0 0 17px; margin-bottom: 5px; } .log_set label { width: 100%; float: left; position: relative; font-size: 13px; /* font-family: 'Open Sans', sans-serif !important; */ font-weight: 400; color: #fff; line-height: 25px; margin: 0 0 5px; text-align: left; } .log_set input[type="text"], .log_set input[type="password"], .log_set input[type="mail"], .log_set input[type="email"], .log_set input[type="tel"], .log_set textarea, .log_set select { width: 100%; float: left; background: white !important; position: relative; height: 50px !important; border: none; padding: 10px 10px !important; font-size: 14px; line-height: 30px; color: #fff; font-weight: 300; /* border-radius: 4px; */ -moz-border-radius: 4px; /* -webkit-border-radius: 4px; */ border-radius: 4px; background: transparent; outline: none; border: solid 1px #fff; padding-left: 0px; padding-right: 0px; } .panel6 h2 { /* font-family: 'Open Sans', sans-serif !important; */ padding-top: 75px; font-size: 30px; font-weight: 400; } .quality-box svg:hover{ } .year h5{ font-size: 25px; color: #fff; right: 0; position: absolute; top: 19px; font-weight: 700; } .year h4{ font-size: 14px; color: #fff; position: absolute; bottom: -90px; left: 10px; } .year{ position: relative; bottom: 68px; right: -121px; background: #049EDC; } .footer h5{ font-size: 1; font-size: 15px; font-weight: bold; color: #fff; padding: 5px 0px; float: left; width: 50%; height: 24px; } .footer p{ margin: 0; float: left; width: 100%; text-align: center; font-size: 13px; color: #fff; padding: 30px 0 0; } .footer p a{ float: revert; width: auto; } .bdr{ width: 30px; background: #fff; height: 3px; top: 30px; left: 3px; position: relative; } .footer h6{ float: left; font-size: 13px; font-weight: 400; color: #fff; line-height: 27px; } .link-white { color:white !important; } .link-white:hover{ color:white !important; text-decoration:none !important; } .pad-0{ padding: 0 !important; } .view-serv svg { padding: 10px 10px; width: 45px; } .loop-clients .owl-nav{ text-align: center; } .footer h2{ font-size: 22px; text-transform: uppercase; color: #fff; font-weight: 700; /* border-bottom: 3px solid #fff; */ float: left; width: 100%; margin-bottom: 30px; } .footer a{ /* float: left; */ /* font-size: 13px; */ /* color: #fff; */ /* font-weight: 400; */ /* width: 33%; */ line-height: 35px; } .footer a:hover{ color: #fff; opacity: .9; } .product-new .owl-prev img{ width: 35px; } .product-new .owl-next img{ width: 35px; } .panel2-pro{ padding: 120px 4% 80px !important; } .about-button:hover .slider-arrow{ /* margin-left: 20px !important */ } .slider-arrow{ transition: all ease-in-out .5s; } .product-new .owl-nav{ display: block !important; } .product-new .owl-next { position: absolute; right: -19px; top: 125px; /* height: 20px; */ /* width: 20px; */ } .logo-ft{ width: 100% !important; float: left !important; margin-bottom: 15px; } .logo-ft:hover{ opacity: 1 } .logo-ft img{ float: left; } .product-new .owl-prev{position: absolute;left: -19px;top: 125px;} .product-new { width: 100%; float: left; margin-top: 30px; } .panel3{ width: 100%; float: left; padding: 60px 5%; background: #049EDC; position: relative; height: 465px; } .panel3 h6{ font-size: 14px; color: #fff; font-weight: 400; } .panel3 h2 { font-weight: 700; font-size: 22px; color: #fff; line-height: 32px; float: left; margin-top: 5px; margin-bottom: 128px; } .panel3 p{ font-size: 14px; color: #fff; font-weight: 400; line-height: 27px; float: left; width: 100%; /*margin-top: 30px;*/ } .panel3 img{ position: relative; bottom: -30px; } .client .owl-nav button{ margin:0 5px; } .client .owl-nav{ display: block !important; text-align: center; margin-top: 30px; } .service-box img:hover { transform: scale(1.1); } .view-serv:hover { border: 1px solid #3199e4; background-color: white; fill:#3199e4; } a:not([href]):not([tabindex]) { color: #000000 !important; text-decoration: none } .panel2 .about-button{ margin-top: 0; } .panel2{ padding: 50px 4%; width: 100%; float: left; background: #f6f6f6; } .panel2 h2{ font-size: 30px; color:#3eacfb; font-weight: 700; line-height: 40px; } .panel2 p{ font-size: 14px; color: #101010; font-weight: 400; line-height: 28px; margin: 0; } .img-const { overflow: hidden; } .service-box img { transition: all ease-in-out .5s; } .service-box img { width: 100%; float: left; height: 250px; object-fit: cover; } .client{ width: 100%; float: left; } .service-box { width: 100%; float: left; background: #fff; position: relative; top: 20px; left: 0; height: 450px; } .service-text-full { position: relative; width: 100%; float: left; padding: 30px 20px; } .service-text-full h3 { font-size: 20px; font-weight: 700; float: left; color: #3eacfb; width: 100%; margin-bottom: 12px; } .service-text-full p { font-size: 14px; text-align: left; margin: 0; text-overflow: ellipsis; -webkit-line-clamp: 3; display: -webkit-box; /* white-space: nowrap; */ float: left; -webkit-box-orient: vertical; width: 100%; overflow: hidden; } .view-serv { border: 1px solid #049EDC; border-radius: 50%; height: 47px; /* margin-top: 20px; */ position: relative; bottom: 7px; z-index: 1000; width: 47px; color: #fff; float: left; background-color: #049EDC; left: 21px; fill:white; } .client { float: left; width: 100%; margin: 30px 0 0; /* position: relative; */ } .header-top-area a h6 { float: right; width: auto; color: #000000; border-right: 1px solid #000000; font-size: 12px; padding: 0 15px; font-weight: 400; margin: 0; } .header-top-area a:hover h6 { color: #049EDC; } .icon-size svg{ float:left; height:25px; } ::-webkit-scrollbar { width: 5px; } ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3); border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; } ::-webkit-scrollbar-thumb { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; background: #000000; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); } ::-webkit-scrollbar-thumb:window-inactive { background: 252, 189, 18, 0.1; } /*********TOP-HEADER*******/ .top-header { float: left; width: 100%; padding: 10px 0px 0px 0px; background-color: #F8F9FB; } .top-header p{ float: left; font-size: 13px; color: #000000; margin-bottom: 0px; } .header-social svg{ float: right; height: 15px; fill: #444343; margin-left: 20px; } .header-social svg:hover{ height:15px; fill:#049EDC; margin-left: 20px; } .header-social p{ float: right; font-family: 'SFProDisplay-Regular'!important; font-size: 13px; color: #444343; } .social-media li a{ float:left; } /*.header-social-media{ width:auto!important; } .header-social-media svg{ float:left; height:20px!important; fill:#444343; } */ .header-social-media svg:hover{ height:20px; fill:#e3236a; } .hours-cont{ font-size: 13px; text-align: center; color: #8A8A8A; } /*.hrs-cnt{ padding-right: 0px!important; }*/ .header_block { width: 100%; HEIGHT: 94px; float: left; position: absolute; left: 0; top: 0; padding: 0 4% 0 6%; z-index: 1000; background: transparent; } .main_header_block { width: 100%; float: left; } .hours-cont span{ color: #444343; font-weight: 400; border-right: 1px solid #fff; } .header-top-area { width: 100%; margin-top: 15px; margin-right: 1%; float: right; } .header-top-area a { float: right; /* position: relative; */ /* top: -4px; */ } .header-top-area a svg { margin: 0 8px; width: 20px; fill: #6E6D6D; position: relative; top: -5px; } .header-top-area a:hover svg { fill: #0878c9; } .hours-cont a{ /* padding-right: 10px; */ font-size: 13px; text-align: left; color: #000000; /* border-right: 1px solid #fff; */ } .hours-cont a:hover{ color: #69AD07; } .hours-cont img{ height: 16px; padding-right: 3px; } .mg-left-h{ margin-right: 10px; float: left; } /***********MENU-BAR********/ .menu-header{ float:left; width:100%; background: #fff; height: 80px; } .logo img{ float: left; margin-top: 8px; position: relative; z-index: 9999; } .menu{ float: right; } .menu-nav{ /* float: right; */ } .header_menu_area { /* width: 100%; */ float: right; position: relative; text-align: center; /* margin-top: 6px; */ } .header_menu_area > .mob_nav { display: none; } .header_menu_area > ul { width: auto; display: inline-block; vertical-align: middle; margin-bottom: 0px; padding-left: 0px; padding-right: 0px; float: right; } .header_menu_area > ul > li { width: auto; display: inline-block; vertical-align: middle; } .header_menu_area > ul > li > a { width: auto; float: left; position: relative; font-size: 14px; font-family: 'SFProDisplay-Bold'; color: #000000; letter-spacing: 0px !important; padding: 24px 14px; z-index: 1; /* margin-left: 5px; */ transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; /* text-transform: uppercase; */ text-decoration: none; } .header_menu_area > ul > li > a.active-link::after { content: ''; position: absolute; width: 100%; height: 0px; background: #E27822; left: 0; bottom: -1px; z-index: -1; transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; } .header_menu_area > ul > li > a::after { content: ''; position: absolute; width: 20%; height: 0px; /* background: #ffffff; */ left: 0; z-index: -1; transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; } .header_menu_area > ul > li > a:hover { color: #ffffff; } .header_menu_area > ul > li > a:hover::after { height: 100%; color:#ffffff; } .header_menu_area > ul > li > a::after { content: ''; position: absolute; width: 100%; height: 0px; background: #049EDC; color:#ffffff; left: 0; bottom: -1px; z-index: -1; transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; } /*.header_menu_area > ul > li > a:hover::after {*/ /* color: #C6B395; */ /* text-decoration: none!important;*/ /* height: 100%; }*/ .active-link { float: left; font-size: 14px; position: relative; color: #ffffff !important; background: #049EDC !important; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; } .online-booking{ float: right; margin-left: 10px; padding: 38px 0px; } /*.online-booking p{ float: right; font-size: 14px; font-weight: 500; color: #ffffff; margin-top: 0px; margin-bottom: 0px; }*/ .header-button{ font-size: 13px; color: #ffffff; font-weight: 500; background-color: #B46B2A; border: 1px solid #B46B2A; /* border: 1px solid #053444; */ /* margin-top: 30px; */ padding: 11px 35px; } .header-button:hover{ text-decoration:none !important; color: #053444; background: transparent; border: 1px solid #B46B2A; transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; } /***********BANNER************/ .slide-image{ float: right; position: relative; } .slide .item{ float: left; background-size: cover; background-image: url(../images/banner-bg.jpg); width: 100%; float: left; height: auto; /*padding: 70px 120px 0px 0px;*/ } .slide .item .cover { position: absolute; width: 100%; height: 100%; float: right; right: 0; /* background: rgba(0, 0, 0, 0.6); */ display: flex; align-items: center; } .slide .item .cover .header-content { float: left; position: relative; width: 100%; margin-top: 0; right: 0; margin-left: 75px; /* padding: 56px; */ overflow: hidden; } .slider-button{ padding: 10px 16px; color:white; fill:white; font-size:14px; float: left; background: #049EDC; border: 1px solid #049EDC; border-radius: 0px 0px 20px 0px; transition: all ease-in-out .5s; -webki-transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; } .slider-button svg { width: 20px; height: 20px; margin-left: 10px; } .slider-arrow { height: 20px !important; width: 20px !important; margin: 2px 0px 0px 16px; float: right; } .slider-button:hover{ /* padding: 10px 20px; */ float: left; color:#049EDC; fill:#049EDC; background:white; /* border: 1px solid #ffffff; */ transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; } .slider-button img{ transition: all ease-in-out .5s; } .slider-button:hover img{ /* margin-left: 20px !important; */ } .slider-button a{ color: #ffffff; font-size: 13px; transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; } .slider-button a:hover{ color: #ffffff; transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; } .slide .owl-theme .owl-nav.disabled+.owl-dots { /* margin-top: 10px; */ position: relative; top: -54px; left: 34px; float: none; } .cont-area-box h2 { width: 100%; float: left; color: white; font-size: 28px; line-height: 40px; font-weight: 500; } .slide .owl-item.active h2 { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInDown; animation-delay: 0.3s; } /*.slide .owl-item.active p {*/ /* -webkit-animation-duration: 1s;*/ /* animation-duration: 1s;*/ /* -webkit-animation-fill-mode: both;*/ /* animation-fill-mode: both;*/ /* animation-name: fadeInDown;*/ /* animation-delay: 0.3s;*/ /*}*/ .slide-more{ float: left; margin-top: 10px; margin-bottom:10px; padding: 10px 0px; margin-right: 20px; border-radius: 5px; font-weight: 700; } .slide-more p{ float: left; font-size: 13px; font-weight: 700; color: #ffffff; margin-top: 0px; margin-bottom: 0px; } .slide-button{ font-size: 14px; color: #ffffff; font-weight: 700; background-color: #69AD07; border: 1px solid #69AD07; margin-top: 10px; padding: 12px 50px; border-radius:50px; } .slide-button:hover{ text-decoration:none !important; color: #053444; background-color: #ffffff; } .ih-item.square.effect6 { overflow: hidden; } .ih-item.square { position: relative; /* width: 316px; */ /* height: 216px; */ /* border: 8px solid #fff; */ /* box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); */ } .pro-img { margin-bottom: 30px; position: relative; overflow: hidden; width: 100%; border-top-right-radius: 4px; float: left; } .ih-item.square.effect6 .img { overflow:hidden; -webkit-transition: all 0.35s ease-in-out; position: relative; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .pro-img img { position: relative; border-top-right-radius: 5px; width: 100%; float: left; border-top-left-radius: 5px; height: 350px; transition: all ease-in-out .5s; object-fit: cover; } .pro-img img:hover { /*transform: scale(1.5);*/ transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; } .pro-img h6 { } @media (min-width: 1121px) and (max-width: 1300px){ .slide p:after { right: 430px !important; } .slide p:before { left: 435px !important; } } @media (min-width: 1121px){ .hide-desktop{ display:none !important; } } @media (max-width: 1120px){ .ham-nav{ display:none; } } @media (min-width: 1121px){ .header-social-media{ display:none; } } @media (max-width: 1120px) { .online-booking{ float: left; padding: 10px 5%; } /*.header-social{ display:none; }*/ .top-headersnew{ display:none; } .menu-header{ height:auto !important; } .header_menu_area { position: inherit; } .header_menu_area > .mob_nav { margin-right: 0px !important; margin-top: 42px !important; display: block; float: right; width: 28px; height: 28px; margin: 24px 0px; cursor: pointer; transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; } .header_menu_area > .mob_nav > div { background: #3c88c1; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; display: block; height: 3px; left: 0; position: absolute; transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; width: 100%; } .header_menu_area > .mob_nav > div:nth-child(1) { top: 2px; } .header_menu_area > .mob_nav > div:nth-child(2), .header_menu_area > .mob_nav > div:nth-child(3) { top: 13px; } .header_menu_area > .mob_nav > div:nth-child(4) { top: 23px; } .mob_nav.open > div:nth-child(1), .mob_nav.open > div:nth-child(4) { left: 50%; top: 18px; width: 0%; } .mob_nav.open > div:nth-child(2) { background: #049EDC; -webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .mob_nav.open > div:nth-child(3) { background: #049EDC; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .menu-header{ padding-right: 10px; } .header_menu_area > ul { width: 100%; position: absolute; top: 95px!important; left: 0; background: #ffffff; height: auto!important; visibility: hidden; opacity: 0; z-index: 9 !important; transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; } .header_menu_area > ul > li > a.active-link::after { content: ''; position: absolute; width: 5%; height: 0px; /*border-bottom: 3px solid #69AD07;*/ left: 20px; bottom: 9px; z-index: -1; transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; } .header_menu_area > ul > li { width: 100%; } .header_menu_area > ul > li > a { margin-left:0; color: #000000; width: 100%; line-height: 30px; padding: 10px 5%; text-align: left; border-bottom: 1px solid #F2F2F2; } .header_menu_area > ul > li > a::after { width: 0px; height: auto!important; background: #fff; } .header_menu_area > ul > li > a:hover::after { width: 5%; left: 20px; } .header_menu_area ul.view { border-top: 1px solid #F2F2F2; visibility: visible; opacity: 1; z-index: 100; z-index: 1111 !important; height: 100%; } .header_user_area { right: calc(5% + 70px); } } .active-menu{ color: #000000 !important; /* border-bottom: solid 4px #0f703a; */ } .menu_section{ float: left; width: 82%; } .submenu{ float:right; } /*.nav_sub{ font-size:13px; color:#0d713a; font-weight:normal; transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; padding-left: 20px; border-right: solid 1px rgba(13, 113, 58, 0.55); padding-right: 15px; } .nav_sub:hover{ color:#0f1914; text-decoration:none; text-decoration:none; transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; }*/ .main-header{ width: 100%; float: left; /*height: 100px; */ } /************side-nav*************/ .sidenav { height: 100%; width: 25%; position: fixed; height: 0; padding: 0; z-index: 99; top: 98px; right: 0; background-color: #fff; overflow-x: hidden; transition: 0.5s; } .sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 14px; color: #000; text-align: left; display: block; transition: 0.3s; border-bottom:1px solid #F2F2F2; } .sidenav a:hover { color: #e3236a; } .sidenav .closebtn { position: absolute; padding: 0px; top: 0; right: 25px; font-size: 36px; margin-left: 50px; border: 0px !important; } .sidenav .closebtn :hover { color: #e3236a; } .ham-nav{ background-color: #E8E8E8; padding: 37px 25px; margin-left: 15px; } .ham-nav svg{ height:28px; /*margin-top: 5px;*/ fill:#1D1D1D; } .ham-nav:hover svg{ height: 28px; fill: #e3236a; } @media screen and (max-height: 450px) { .sidenav {padding-top: 0;} .sidenav a {font-size: 18px;} } .space-adjust{ padding-top:30px!important; } /***********slider**************/ .slide{ width: 100%; float: left; height: auto; margin-top: 107px; position: relative; } .banner{ width: 100%; float: left; padding: 92px 0px; background-size: cover; background-image: url(../images/banner.jpg); min-height: 530px; } .banner-it{ width: 100%; float: left; } .banner-it .sec-1{ width: 50%; float: right; } .banner-it .sec-1 .cont-area{ width: 100%; float: right; color: white; } .banner-it .sec-1 .cont-area-box{ width: 100%; float: right; color: white; padding-top: 50px; } .banner-it .sec-1 .cont-area-box h2{ width: 100%; float: right; color: white; text-align: right; font-size: 45px; line-height: 50px; } .slide h2 { width: 100%; float: left; text-align: left; font-family: 'SFProDisplay-Regular'; font-size: 55px; color: #FFFFFF; line-height: 60px; } .banner-it .sec-2 .msg-box .heads h2{ width: 100%; float: left; text-align: center; font-size: 18px; color: #FFFFFF; } .slide p{ width: 100%; float: left; font-size: 14px; font-family: 'SFProDisplay-Regular'!important; line-height: 30px; color: #FFFFFF; } /*.slide p:after{ position: absolute; content:""; top: 164px; right: 505px; background-color: #ffffff; height:2px; width: 60px; z-index:9999; } .slide p:before{ position: absolute; content:""; top: 164px; left: 515px; background-color: #ffffff; height:2px; width: 50px; z-index:9999; }*/ .banner-it .sec-1 .cont-area-box p{ width: 100%; float: none; text-align: center; font-size: 14px; font-weight: 400; padding-right: 10px; line-height: 30px; color: #FFFFFF; } .pad-right-ban{ } .owl-theme .owl-dots, .owl-theme .owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; float: right; } .owl-theme .owl-dots .owl-dot span { width: 10px !important; height: 12px !important; margin: 5px 5px !important; background: #E3236A !important; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #ffffff !important; } .banner-it .sec-1 .cont-area-box a{ border: solid 1px #FFFFFF; padding: 15px 38px; border-radius: 40px; font-size: 16px; font-weight: 400; /* margin-top: 199px; */ /* z-index: 1; */ float: right; color: #ffff; /* margin-top: 10px; */ /* position: relative; */ transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; } .banner-it .sec-1 .cont-area-box a:hover{ background: #053444; color: #ffffff; } .banner-it .sec-2{ width: 50%; float: left; } .banner-it .sec-2 .msg-box{ width: 270px; /*height: 344px;*/ float: right; /* background: #ffffff00; */ } .banner-it .sec-2 .msg-box .heads{ width: 100%; padding: 14px 0px 10px 0px; text-align: center; float: left; background: #D49C00; border-radius: 10px 10px 0px 0px; } .banner-it .sec-2 .msg-box .bodys{ width: 100%; float: left; background: #FFFFFF; /*height: 248px;*/ border-radius: 0px 0px 10px 10px; } .form-area1{ width: 100%; float: left; padding: 10px 20px; } .form_div { border-bottom: 1px solid #b0aaaa; color: #272626; display: block; font-size: 13px; height: 40px; margin-bottom: 10px !important; padding: 0 20px; outline: none; background: #ffffff; width: 100%; padding-left: 0px; border: none; transition: all 500ms ease; border-bottom: solid 1px #e3e3e3; padding: 15px; border-radius: 5px; padding-top: 9px; float: left; width: 100%; } .titel_normal { /* height: 100%; */ line-height: 26px; /* top: 151px; */ position: absolute; width: 35px; /* padding-left: 8px; */ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 5px; color: rgba(0, 0, 0, 0.88); text-transform: uppercase; border-right: solid 1px #e3e3e3; } /*.banner img{ width: 100%; float: left; }*/ .normal_form { /*color: #272626;*/ display: block; font-size: 10px; /* height: 52px; */ color: #18191b96; /* margin-bottom: 30px !important; */ outline: none; background: rgba(255, 255, 255, 0); width: 88%; padding-left: 0px; border: none; transition: all 500ms ease; padding: 15px; float: left; /* width: 50%; */ left: 47px; position: relative; padding: 0px; /* padding-left: 17px; */ padding-top: 8px; } .form-bot{ width: 100%; float: left; } .form-boto-st{ width: 100%; float: left; background: #18191B; color: #fff; border: none; height: 40px; border-radius: 10px; margin-top: 15px; transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; } .form-boto-st:hover{ background:#e98d1d; cursor:pointer; } .form-boto-st:focus, active{ outline: none; } .slide img{ height:auto; object-fit:cover; } /************about***************/ .aboutus{ float: left; width: 100%; padding: 58px 5%; /* background-color: #ffffff; */ background-color: #f6f6f6; } .left-content{ float: left; width: 100%; } .left-content p{ float: left; margin: 0px; width: 100%; font-size: 14px; font-family: 'SFProDisplay-Bold'!important; color: #049EDC; } .left-content h3{ float: left; width: 100%; line-height: 50px; font-size: 30px; font-family: 'SFProDisplay-Bold'; color: #101010; } .right-content h6{ float: left; width: 100%; font-size: 14px; font-family: 'SFProDisplay-Bold'!important; color: #049EDC; line-height: 30px; } .right-content p{ float: left; margin: 0px; width: 100%; font-size: 14px; font-family: 'SFProDisplay-Regular'!important; color: #101010; line-height: 30px; } .right-content { max-width: 100%; padding: 20px; box-sizing: border-box; overflow-wrap: break-word; word-wrap: break-word; hyphens: auto; } .right-content img { max-width: 100%; height: auto; display: block; margin: 0 auto; } /* Ensure images and media don't overflow */ .right-content > * { max-width: 100%; box-sizing: border-box; } .about-button { margin-top: 20px; padding: 12px 24px; cursor: pointer; float: left; fill: white; background: #049EDC; border-radius: 0px 0px 20px 0px; color: white; font-size: 14px; } .about-button svg{ width: 20px; height: 20px; margin-left: 10px; } .about-button:hover{ padding: 12px 24px; border: none; float: left; color:#049EDC; fill:#049EDC; background: white; transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; } .about-button a{ color: #ffffff; font-size: 13px; } .about-button a:hover{ color: #fff; transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; } .about-buttons2 { margin-top: 20px; padding: 12px 24px; cursor: pointer; float: left; fill: white; background: #049EDC; border-radius: 0px 0px 20px 0px; color: white; border:solid 1px #049EDC; font-size: 14px; } .about-buttons2 svg{ width: 20px; height: 20px; margin-left: 10px; } .about-buttons2:hover{ padding: 12px 24px; border:solid 1px #049EDC; float: left; color:#049EDC; fill:#049EDC; background: white; transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; } /*count*/ .count{ text-align: center; width: 192px; float: right; background-color: #049EDC; background-size: cover; overflow: hidden; height: 98px; padding: 20px; margin-top: 30px; } .count-box{ border-left: 1px solid #12100f; } .count-box p{ width: 100%; float: left; text-align: left; font-size: 26px; color: #12100f; font-weight: 300; position: absolute; margin-bottom: 0; left: 40px; top: 97px; } .active-class{ background-color: #049EDC; color:#fff !important; } .item1 { /* width: 100%; */ float: left; font-size: 58px; font-weight: 700; color: #fff; position: absolute; /* font-family: 'Source Sans Pro', sans-serif!important; */ top: -15px; left: 0; } .count .item { width: 100%; text-align: center; float: left; position: relative; } .count .item1:after { content: '+'; position: absolute; /* font-family: 'Source Sans Pro', sans-serif!important; */ font-size: 39px; bottom: 9px; font-weight: 400; } .count-box-content{ padding: 18px 0px; } .count-box-content p{ font-size: 22px; line-height: 35px; color: #1a1a1b; font-weight: 300; float: left; position: relative; padding-left: 30px; } .count-box-content p::before{ position: absolute; content: ""; top: 16px; left: -10px; background-color: #EEEEEE; height: 75px; width: 7px; } .aboutus .col-lg-12{ border-top: 5px solid #EEEEEE; border-bottom: 5px solid #EEEEEE; margin-top: 20px; } /**********************work***********************/ .services{ float: left; width: 100%; padding-top: 50px; position:relative; padding-bottom: 18px; background-color: #F8F2EC; } .services-box-1{ position: relative; /*bottom: 140px;*/ float: left; width: 100%; height: 550px; } .services-box-1 img{ width: 100%; } .service-same{ position: relative; } .service-pattern{ position: absolute; bottom: 0px; right: 0px; } .service-same h4{ width: 100%; font-size: 22px; font-weight: 600; color: #000000; text-align: left; } .service-same p{ font-size: 14px; color: #1a1a1b; font-weight: 400; line-height: 30px; text-align: left; } .ser-content1 { z-index: 9999; width: 65%; background-color: #ffffff; padding: 30px 20px; position: absolute; bottom: 0; right: 0; float: right; height: 300px; border-top: 8px solid #f8f2ec; top: 180px; border-left: 8px solid #f8f2ec; } .ser-content2 { z-index: 9999; width: 86%; background-color: #ffffff; padding: 30px 20px; position: absolute; bottom: 0; left: 0; float: left; height: 244px; border-top: 8px solid #f8f2ec; top: 266px; border-right: 8px solid #f8f2ec; } /*.service-same a{ position: relative; font-size: 15px; font-weight:600; padding: 15px 30px; color: #ffffff; border: 1px solid #ffffff; } .service-same a:hover { color: #e3236a; border: 1px solid #e3236a; }*/ .service-view { font-size: 14px; position: relative; color: #000000; text-align: left; width: 100%; float: left; } .service-view:after{ position: absolute; content:""; top: 10px; left: 69px; background-color: #000000; height:2px; width: 40px; } .service-view:hover { color: #e22067; text-decoration: none!important; } .services-button{ margin-bottom: -100px; } .services-more{ float: none; text-align: center; margin-top: 85px; margin-bottom: -42px; } .services-more a { position: relative; font-size: 15px; font-weight:600; padding: 13px 28px; color: #ffffff; border: 1px solid #B46B2A; background-color: #B46B2A; } .services-more a:hover { color: #B46B2A; border: 1px solid #B46B2A; background-color: #ffffff; } /***********get-a-quote**********/ .get-a-quote{ width: 100%; float: left; background-image: url('../images/bg1.png'); background-size: cover; background-repeat: no-repeat; padding: 70px 0px 0px 0px; } .sub-logo img{ margin: auto; display: block; } .sub-logo h4{ text-align: center; color: #ffffff; font-weight: 300; font-size: 33px; line-height: 45px; padding: 25px 400px; } .quote-more{ float: none; text-align: center; margin-top: 20px; margin-bottom: 40px; } .quote-more a { position: relative; font-size: 15px; font-weight:700; padding: 12px 34px; color: #000000; border: 1px solid #ffffff; background-color: #ffffff; } .quote-more a:hover { color: #ffffff; border: 1px solid #CC8240; background-color: #CC8240; } /*featured*/ .featured{ float: left; width: 100%; padding-top: 50px; position:relative; padding-bottom: 50px; background-image: url('../images/featured-bg.png'); background-size: cover; } .featured h4{ width: 100%; font-size: 30px; font-weight: 700; color: #000000; text-align: left; margin-bottom: 20px; } .featured p{ font-size: 14px; color: #1a1a1b; font-weight: 400!important; line-height: 30px; text-align: left; margin-bottom: 50px; } .featured-1{ padding-bottom: 20px; } .featured-1 img{ width: 100%; object-fit: cover; } .featured-1 h5 { font-size: 30px; text-align: center; font-weight: 700; padding-top: 10px; color: #ffffff; z-index:9999; } .featured-1 h6 { font-size: 19px; text-align: center; font-weight: 300; padding-top: 0px; color: #ffffff; z-index:9999; } .featured-1:hover { /* background: #ef3e34; */ -webkit-box-shadow: 0px 13px 12px 0px rgba(0,0,0,0.06); -moz-box-shadow: 0px 13px 12px 0px rgba(0,0,0,0.06); box-shadow: 0px 13px 12px 0px rgba(0,0,0,0.06); } .featured-1:hover .overlay-new { height: 100%; opacity:80%; } .overlay-new { position: absolute; bottom: 0; left: 0; right: 0; background-color: #171616; overflow: hidden; width: 100%; height: 0; transition: .5s ease; z-index: 6000; } .text { white-space: nowrap; color: #5D1C78; font-size: 18px; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .float-left { float: left!important; } .img:hover .info { height:100%; opacity:1; } .ih-item.square.effect6 .info { background: #333333; background: rgba(12, 169, 17, 0.62); height:0; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .ih-item.square .info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /*quality*/ /*quality*/ .quality{ float: left; width: 100%; padding: 50px 4%; position:relative; background-color: #049EDC; margin-bottom: 20px; } .quality h4{ width: 100%; font-size: 30px; font-weight: 200; color: #000000; text-align: left; margin-bottom: 30px; padding-left: 15px; } .font-edit{ font-weight: 700; font-size: 30px; } .quality-box{ float: left; width: 100%; } .quality-box h4{ padding-left: 0px; float: left; width: 100%; color: #ffffff; font-size: 24px; font-family: 'SFProDisplay-Bold'; } .quality-box p{ float: left; width: 100%; color: #ffffff; font-size: 14px; line-height: 30px; font-family: 'SFProDisplay-Regular'; } /*clients*/ .clients{ float: left; width: 100%; background-color: #ffffff; padding: 40px 4% 50px; } .clients h4{ width: 100%; font-size: 30px; font-weight: 700; color:#3eacfb; text-align: left; margin-bottom: 20px; } .clients p{ font-size: 14px; color: #1a1a1b; font-weight: 400; line-height: 30px; text-align: left; margin-bottom: 50px; } .partner-button svg{ width: 20px; height: 20px; margin-left: 10px; } .partner-button { padding: 12px 24px; float: left; color: white; font-size: 14px; fill:white; background: #049EDC; border: 1px solid #049EDC; border-radius: 0px 0px 20px 0px; /* margin: 0 20px; */ } .partner-button:hover{ padding: 12px 24px; float: left; color: #049EDC !important; background: #ffffff; border: 1px solid #049EDC; transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; fill:#049EDC; } .partner-button a{ color: #ffffff; font-size: 13px; } .partner-button a:hover{ color: #049EDC; transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; } .client-box{ float: left; width: 100%; } .loop-clients .owl-nav img{ height:35px; } .loop-clients .owl-nav .owl-prev{ /* bottom:55px; */ margin: 20px 10px 0; /* right:30px; */ position:relative; } .loop-clients .owl-nav .owl-next{ /* bottom:55px; */ /* left:1110px; */ /* position:relative; */ } .client-box img{ /* filter: grayscale(1);*/ width: 160px !important; height: 100px; object-fit: contain; } .client-box img:hover{ filter:brightness(1); } @media (max-width: 379px){ .hours-cont svg { height: 15px!important; } .hours-cont{ padding-right: 0px!important; padding-left: 3px!important; } .top-header p { float: left; font-size: 10px!important; } } @media (max-width: 480px){ .nav-product:before{ left: 90px!important; } .nav-product:after{ right: 90px!important; } } @media (min-width: 481px)and (max-width: 575px){ .nav-product:before{ left: 150px!important; } .nav-product:after{ right: 150px!important; } } @media (max-width: 575px){ .left-content h3 br{ display:none; } .about-button{ margin-bottom:10px; } .about-button img{ border-radius:0 !important; } .panel2-pro{ padding-top: 30px !important; } .panel2 .about-button{ margin-top: 10px; } .abt-p1 a{ float: left;margin: 15px 0 0 ; } .abt-p1 h6{ line-height: 32px; } .abt-p1{ margin-bottom: 0; } .footer a { float: left; font-size: 13px; color: #fff; font-weight: 400; width: 33%; line-height: 12px; margin-bottom: 20px; } .footer h5 { font-size: 1; font-size: 12px; color: #fff; padding: 5px 5px; } .cta h6 br{ display: none; } .cta h6 { font-size: 16px; font-weight: 400; color: #fff; line-height: 28px; float: left; width: 100%; padding: 15px; line-height: 27px; } .request-info-box{ width: 100%; } .panel6 { margin:0; } .quality-box1{ margin-bottom: 20px; } .header-content .slider-button{ float: none; display: flex; margin: auto; width: 152px; } .clients{ padding-bottom: 20px; } .client-box{ margin:30px 0 0; } .partner-button{ margin:0 20px; } .panel3{ height: auto; } .panel3 img{ width: 100%; bottom:0; } .panel3 h2{ margin-bottom:20px; } .footer h6 br{ display:none; } .product-new .owl-nav{ display: none !important; } .header-top-area{ display: none; } .img-service { margin-right: 0px!important; margin-bottom: 25px!important; } .ser-edit p { padding: 0px 15px!important; } .ser-edit h5 { padding: 0px 15px!important; } .apply-now { margin: 5px 4px!important; font-size: 13px!important; padding: 16px 23px!important; } .service-detail-page p { padding: 0px 15px!important; } /* .services-detail-heading h6 { padding: 0px 15px 0px 15px!important; } */ .client-more:before{ left: 60px!important; } .client-more:after{ right: 60px!important; } .count .item { margin-bottom: 30px; } .work-box-1 h1{ text-align:center !important; width:100%; } .work-more:before{ left:62px !important; top:8px !important; } .work-more:after{ left: inherit !important; right:62px !important; top:8px !important; } .work-more{ position:relative; width:100%; } .work-box-2 img { margin-top: 0px !important; } .work-box-4 img { margin-top: 0px !important; } .count{ overflow-x:hidden; } .what-paragraph{ padding:0px 15px !important; } .b-right{ border-right: 1px solid #691975 !important; } .client-button{ position:relative; width:100%; float:left; text-align:center; } .client-more{ position:relative; } .clients p{ padding:0px 15px !important; margin-bottom: 35px; } .loop-clients .owl-nav img{ display:none!important; } .about-more:before { position: absolute; content: ""; top: 45px; left: 39px; background-color: #e3236a; height: 2px; width: 70px; } .about-more:after { left:inherit; position: absolute; content: ""; top: 44px; right: 40px; background-color: #e3236a; height: 2px; width: 70px; } .about-more{ position:relative; text-align:center; width:100%; float:left; } .aboutus h4{ padding: 0px 15px!important; } .aboutus p{ /* padding:0px 15px!important; */ } .slide{ height:400px; } .slide img{ height:400px; } .activity-edit1{ margin-left:0px !important; margin-left: 0px !important; width: 100% !important; flex: 100% !important; min-width: 100% !important; } .activity-edit2{ margin-left:0px !important; margin-left: 0px !important; width: 100% !important; flex: 100% !important; min-width: 100% !important; } .activity-edit3{ margin-left:0px !important; margin-left: 0px !important; width: 100% !important; flex: 100% !important; min-width: 100% !important; } .logo img { float: left !important; width: auto; height: 71px !important; position: relative; z-index: 9999; } .header_menu_area > ul > li > a:hover { color: #000000 !important; } .partner-image{ width: 100%; float: left!important; border-radius: 20px 0px; margin-bottom:25px !important; } .slide p { margin-top: 0px; text-align: center!important; padding-right: 0px!important; } .slide p br{ display:none !important; } .slide h2{ font-size: 25px; text-align: center!important; } .slide-more { margin-top: 0px; padding: 5px 0px; width: 100%; float: left; } .slide-button { font-size: 13px; margin-top: 10px; padding: 8px 30px; width:50%; } .slide .owl-theme .owl-nav.disabled+.owl-dots { top: -44px; left: 0; float: left; float:none; margin:auto; display:block; } .slide .item .cover .header-content{ margin-left:0 !important; } .hours-cont{ width: auto; float: right; padding-right: 0px; padding-left: 8px; } .hours-cont svg { height: 16px; fill: #8A8A8A; } .top-header p { float: left; font-size: 12px; } .f-space{ margin-left: 0px !important; } .activity-edit1{ margin-left: 0px !important; max-width: 100% !important; } .activity-edit2{ max-width: 100% !important; } .activity-edit3{ max-width: 100% !important; } .pad-right-ban br{ display:none !important; } .service-list1 svg{ height: 40px !important; fill:#0A4251 !important; display: block !important; margin-bottom: 10px auto !important; } .ftr{ margin-top:20px!important; } .feature-list{ text-align:center !important; height: 280px!important; } .service-list1{ margin:15px 0px 10px 0px !important; } .aboutus{ padding: 20px 5% !important; } .aboutus img { width: 100%; /* margin-top: 20px !important; */ } .head-area h2{ float: left !important; text-align: left !important; } .head-area br{ display:none !important; } .head-area p{ float: left !important; text-align: left !important; } .cd-main-content .cd-tab-filter a{ display: none !important; } .room-edit h5{ margin-top: 0px !important; } .copy-social a{ margin: 0 19px 40px 0 !important; } .mt35{ padding: 0px!important; } .project-box2{ padding: 0px!important; } .apply-now{ float:left; margin-top: 0px !important; width:100% !important; } .read-more{ float:left; width:100% !important; } .copy-wrap-social{ display: inline-block !important; padding: 0px 45px!important; } .copy-social { top:350px; position:relative; width: 36px !important; } .copy-area{ text-align: center!important; position:relative; top:335px; } .copy-area .col-md-12{ padding: 0px 35px!important; } .copy-up1 p{ text-align: center!important; } .activity-more{ float:left !important; } .room-margin{ padding:0px !important; } .space-edit{ margin: 10 !important; } .copy-up{ display:none !important; } .book-now{ margin-bottom:30px!important; } .call-bg h1 { padding:0px 10px; margin-bottom: 40px!important; font-weight: 800; font-size: 20px!important; line-height: 40px!important; color: #e7e7db; } .call-bg { padding-top: 60px!important; } } @media(min-width:768px){ .gal{ padding: 0px!important; } .mrgn{ margin-top: 20px !important; } } @media(min-width:992px) and (max-width:1200px){ .about-more:after { top: 301px; right: 375px; } .about-more:before { top: 301px; left: 375px; } .client-more:before { left: 350px!important; } .client-more:after { right: 350px!important; } .nav-product:before{ left: 70px!important; } .nav-product:after{ right: 70px!important; } .count{ overflow:hidden!important; } } @media(min-width:768px) and (max-width:991px){ .client-more:before { left: 230px!important; } .client-more:after { right: 230px!important; } .b-right { border-right: 1px solid #691975 !important; } .testi-box img { margin: 20px 100px!important; } .testi-box{ height:auto !important; } .testi-box p { padding: 10px 62px 0px 125px!important; } .loop3 .owl-nav img{ display:none!important; } .about-more:after { top: 362px; right: 255px; } .about-more:before { top: 362px; left: 255px; } .nav-product:before{ left: 32px!important; } .nav-product:after{ right: 32px!important; } } @media(min-width:576px) and (max-width:767px){ .read-more { display:block; margin:auto; float:none!important; } .count{ overflow:hidden!important; } .client-more:before { left: 140px!important; } .client-more:after { right: 140px!important; } .clients p { padding: 0px 15px!important; } .margin-adjust{ margin-top:30px!important; } .b-right { border-right: 1px solid #691975 !important; } .about-more:after { top: 383px; right: 164px; } .about-more:before { top: 383px; left: 164px; } .what-paragraph { padding: 0px 15px 30px 15px!important; } .aboutus h4 { padding: 10px 15px; } .aboutus p { padding: 0px 15px; } .nav-product:before{ left: 25px!important; } .nav-product:after{ right: 25px!important; } /* .services-detail-heading h6 { padding: 0px 15px 0px 15px!important; } */ .service-detail-page p { padding: 0px 15px!important; } } @media(min-width:768px) and (max-width:1200px){ .loop3 .owl-nav img { display:none; } .clients p { padding: 0px 15px!important; } .aboutus h4{ padding: 0px 70px!important; } .aboutus p{ /* padding: 0px 70px!important; */ } .what-paragraph{ padding: 0px 70px!important; } } @media(max-width:767px){ .count{ display:none!important; } .img-service { width: 100%!important; } .what-we-do-list{ padding: 10px 20px!important; } .abt-pattern2 { display:none; } .abt-pattern1 { display:none; } .img-aboutpage { float: left; width: 100%!important; } .testi-box h2 { padding: 0px 0px 0px 20px !important; font-size: 30px !important; } .testi-box h5{ padding: 0px 0px 0px 20px !important; } .testi-box h4{ padding: 0px 0px 0px 20px !important; } .testi-box h3{ padding:0px 0px 0px 20px !important; line-height: 35px !important; font-size: 19px !important; } .testi-box img { margin: 20px 40px!important; } .loop3 .owl-nav img{ display:none!important; } .quote-icon{ background-position:inherit !important; background-size:8%!important; } .testi-box p{ padding: 20px 0px 0px 25px !important; } .testi-box{ height:auto !important; } .slide .item .cover .header-content{ margin-right:0; margin-left:0; } .slide .item .cover{ padding:15px; top: 0px !important; } /* .slide .owl-theme .owl-nav.disabled+.owl-dots {*/ /* top: -70px !important;*/ /* left: 20px !important;*/ /*}*/ .mt35{ padding: 0px!important; } /*.sub-menu-1{*/ /* display:none !important;*/ /*}*/ .header_menu_area > ul > li > a:hover { color: #000000 !important; } .call-bg h1 { padding:0px 10px; margin-bottom: 40px!important; font-weight: 800; font-size: 20px!important; line-height: 40px!important; color: #e7e7db; } .call-bg { padding-top: 60px!important; } .project-box2{ padding: 0px!important; } .gallery-edit{ margin-top: 30px !important; } .slide h2{ font-size: 25px; line-height: 38px; } .slide h2 span{ font-size:25px !important; } .image-right img{ float:left !important; } .copy-up{ display:none !important; } } @media(min-width: 576px) and (max-width: 767px){ .activity-edit1{ float:left; margin-left:0px !important; margin-left: 0px !important; width: 33%!important; /*flex: 100% !important;*/ /*min-width: 100% !important;*/ } .activity-edit2{ float:left; margin-left:0px !important; margin-left: 0px !important; width: 33%!important; /*flex: 100% !important;*/ /*min-width: 100% !important;*/ } .activity-edit3{ float:left; margin-left:0px !important; margin-left: 0px !important; width: 33%!important; /*flex: 100% !important;*/ /*min-width: 100% !important;*/ } .service-list1{ height:250px !important; } .copy-up{ display:none !important; } .head-area p { float: left !important; text-align: left !important; } .head-area h2 { float: left !important; text-align: left !important; } .head-area h2 br{ display:none !important; } .service-image img { width: 100%; float: left; } .service-list1 h2{ text-align: center; } .service-list1 p{ text-align: center; } .service-list1:hover h2 { text-align: center; } .service-list1:hover p{ text-align: center; } } @media(min-width: 768px) and (max-width: 991px){ .count{ overflow:hidden!important; } .border-up{ width: 84%!important; } .amenities-button{ margin-bottom:30px!important; float:left!important; } .copy-up{ display:none !important; } .feature-list{ height:292px; } } /*feature*/ .features{ float: left; width: 100%; padding-bottom: 50px; } .feature-list{ margin-top: 20px; width: 100%; float: right; /*margin-left: 30px;*/ padding: 35px 18px 15px 18px; background-color: transparent; border: 1px dashed #D6D6D6; transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; } .feature-list h2 { width: 100%; float: left; text-align: left; font-weight:700; font-size: 17px; color: #000000; } .feature-list p{ width: 100%; float: left; text-align: left; font-size: 14px; color: #101010; padding-right: 10px; line-height: 25px; margin-bottom: 0; } .feature-list:hover svg{ float: left; transition: all ease-in-out 0.8s; -o-transition: all ease-in-out 0.8s; -ms-transition: all ease-in-out 0.8s; -moz-transition: all ease-in-out 0.8s; -webkit-transition: all ease-in-out 0.8s; transform: rotate(360deg); fill: #000000; } /*.feature-list:hover h2 { width: 100%; float: left; text-align: left; font-size: 16px; font-weight: 500; color: #ffffff; }*/ /*.feature-list:hover p{ width: 100%; float: left; text-align: left; font-weight: 300; color: #ffffff; margin-bottom: 0; }*/ /*.feature-list svg{ border: 1px dashed #D6D6D6; padding: 15px 24px; margin-top: -50px; height: 80px; fill: #69AD07; margin-bottom: 15px; background-color: #ffffff; }*/ /*.feature-list:hover svg{ height: 70px; fill: #ffffff!important; margin-bottom: 15px; } */ .f-edit{ } /*what-we-do*/ /* .what-we-do{ float: left; width: 100%; padding: 60px 0px; background-size: cover; background-image: url("../images/what-we-do.png"); } .what-we-do h2{ font-size: 32px; color: #ffffff; font-weight: 100; text-align: center; } .what-we-do p{ text-align: center; font-size: 14px; color: #ffffff; font-weight: 300; } .what-heading{ margin-bottom: 25px; } .what-paragraph{ padding: 0px 200px 30px 200px; line-height: 30px; font-weight: 400; } .what-we-do-list{ width: 100%; padding: 10px 5px; background-color: transparent; transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; } .what-we-do-list h2 { width: 100%; float: left; margin-top: 30px; text-align: center; font-size: 20px; color: #ffffff; font-weight: 600; font-style: normal; margin-bottom: 15px; } .what-we-do-list p{ width: 100%; float: left; text-align: center; font-size: 14px; color: #ffffff; font-weight: 300; line-height: 28px; margin-bottom: 0px; } .what-we-do-list img{ border-radius: 10px; width: 100%; float: left; object-fit: cover!important; overflow: hidden!important; transition: all ease-in-out .5s; } .what-we-do-list img:hover{ width: 100%; transform: scale(1.1); overflow: hidden!important; object-fit: cover!important; } .nav-product { font-size: 14px; position: relative; color: #ffffff; margin-bottom: 50px; text-align: center; margin-top: 20px; text-align: center; width: 100%; float: left; } .nav-product:after{ position: absolute; content:""; top: 10px; right: 100px; background-color: #ffffff; height:2px; width: 40px; } .nav-product:before{ position: absolute; content:""; top: 10px; left: 100px; background-color: #ffffff; height:2px; width: 40px; } .nav-product:hover { color: #e22067; text-decoration: none!important; } .what-more a { position: relative; font-size: 15px; font-weight:600; padding: 15px 30px; color: #ffffff; border: 1px solid #ffffff; } .what-more a:hover { color: #e3236a; border: 1px solid #e3236a; } .what-more a span { position: absolute; background: #300736; left: 25px; height: 3px; width: 100px; top: -2px; z-index: 999; } .what-more{ float: none; text-align:center; margin-top: 30px; } .what-we-do .col-lg-4{ padding: 0px 5px; } */ @media (min-width:576px) and (max-width: 860px) { .footer a{ width: 50%; } .footer h5 { font-size: 1; font-size: 12px; color: #fff; padding: 5px 1px; float: left; width: 50%; height: 25px; } .quality-box1{ margin-bottom: 20px; } .panel3 img{ float: left; } .partner-button{ margin: 0 20px; } .panel3{ height: auto; } .service-box{ height: auto; } .header-content .slider-button{ float: none; display: flex; margin: auto; width: 152px; } .slide .item .cover{ top: -14px!important; margin-left:auto !important; /* margin-right:auto !important; */ float:none; display:block; } .slide p { margin-top: 0px; text-align: center!important; } .slide p br{ display:none !important; } .slide h2{ font-size: 25px; text-align: center!important; } .slide-more { margin-top: 0px; padding: 5px 0px; width: 100%; /*float: left;*/ margin-left:auto !important; margin-right:auto !important; float:none; display:block; } .slide-button { font-size: 13px; margin-top: 10px; width:50%; } .slide .owl-theme .owl-nav.disabled+.owl-dots { top: -60px; left: 0; float: left; float:none; margin:auto; display:block; } .slide .item .cover { top: -30px; } } .pattern3{ z-index:99; position:absolute; top: -70px; right: 0px; } .pattern3 img{ width:65px; } /*customer review*/ .customer{ /*position:relative;*/ width: 100%; float: left; padding: 50px 0px 10px 0px; height: auto; background-image: url("../images/testimoneal-bg.png"); background-size: cover; background-repeat: no-repeat; } .loop3 .owl-nav .owl-next{ bottom:180px; left: 960px; position:relative; } .loop3 .owl-nav .owl-prev{ bottom:180px; left: 30px; position:relative; } .loop3 .owl-nav img{ height:40px; margin: 0px!important; } .padding-adjust{ padding-top: 30px; } .testi-box img{ margin: auto; width: auto!important; } .testi-box p{ width: 100%; float: left; text-align: center; font-size: 13px; padding: 0px 180px; font-weight: 400; line-height: 32px; color: #ffffff; } .testi-box h4{ padding-top: 30px; padding-bottom: 2px; width: 100%; float: left; text-align: center; font-size: 18px; font-weight: 600; color: #ffc189; } .testi-box h5{ width: 100%; float: left; padding-bottom: 25px; text-align: center; font-size: 15px; font-weight: 600; color: #ff9e48; } /*******************vedio************************/ .video-section{ float: left; width: 100%; height:300px; } .vid { position: relative; display: -webkit-box; display: flex; height: 300px; max-height: 300px; background: #000; overflow: hidden; } .header__background { position: absolute; top: 50%; left: 50%; width: 120%; height: 0; padding-bottom: 66.25%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); pointer-events: none; } .header__video-overlay { position: absolute; width: 100%; height: 100%; background-position: center; background-size: cover; background-repeat: no-repeat; -webkit-transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.5s linear; transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0.5s linear; } .header__video-overlay--fadeOut { opacity: 0; visibility: hidden; } .vid iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; } .header__title { position: relative; -webkit-box-flex: 0; flex: 0 0 auto; align-self: center; width: 100%; font-size: 50px; font-weight: normal; text-align: center; color: white; line-height: 1; } /*******************footer************************/ .footer{ float: left; width: 100%; padding: 50px 5% 20px; background-color: #049EDC; position:relative; } .f-box1{ float: left; width: 100%; } .f-box1 h4{ font-weight:700; font-size:25px; color: #000000; text-align: left; line-height: 30px; } .f-box1 p{ padding-top: 10px; font-weight:400; font-size:13px; color: #1a1a1b; text-align: left; line-height: 30px; } .f-box2{ float: left; width: 100%; } .f-box2 img{ margin: auto; display: block; padding-top: 40px; } .f-box3{ float: left; width: 100%; } .f-box3 .f3-contents{ width: 100%; float: right; } .f3-contents h5{ width: 100%; text-align: right; font-size: 14px; font-weight: 600; padding-top: 22px; padding-bottom: 5px; color: #000000; } .f3-contents p{ width: 100%; text-align: right; font-size: 13px; font-weight: 400; line-height: 15px; color: #000000; } .f-box3 .f3-social{ width: 100%; float: right; } .footer-social svg{ float: right; height: 15px; fill: #444343; margin-left: 20px; } .footer-social svg:hover{ height:15px; fill:#E27822; margin:0px 10px; } .quick-links{ float: left; width: 100%; padding-top: 35px; } .quick-links li{ float: left; list-style: none; text-decoration: none; } .quick-links li a{ text-decoration: none; color: #964701; font-size: 13px; font-weight: 500; margin-right: 20px; } .final-footer{ width: 100%; float: right; padding-top: 35px; } .final-footer p{ width: 100%; float: right; text-align: right; color: #000000; font-size: 13px; font-weight: 500; } .final-footer a{ color: #000000; font-size: 13px; font-weight: 500; } .footer-pattern{ position:absolute; bottom: 0px; right: 0px; } /*************modal**********/ .close_form{ display: block; position: absolute; width: 40px; height: 40px; right: -33px; top: -35px; background: transparent url(../images/close.svg) no-repeat center center; background-size: 20px 20px; text-indent: 100%; white-space: nowrap; overflow: hidden; border: none; cursor: pointer; } /*************modal**********/ /* .head-bot{ margin-bottom: 25px !important; }*/ /***************************aboutus***********************/ .inner-banner-about{ width: 100%; float: left; background: url(../images/about-page.png); background-size: cover; position: relative; min-height: 280px; background-position: 20% 28%; margin-top: 108px; } .inner-banner-about h2{ padding-top: 100px; text-align:center; font-size: 30px; color: #ffffff; font-weight: 700; } .sub-heading{ position: absolute; bottom: 0px; width: 100%; background-color: #000000; opacity: 70%; padding: 10px 0px; } .sub-heading a{ float: left; } .sub-heading a p:hover{ float: left; color: #E27822; } .inner-banner-about p{ float: left; font-size: 15px; color: #ffffff; text-align:center; font-weight: 600; margin: 0px; } .banner-button{ float: right; } .banner-button a{ text-decoration: none; color: #E27822; margin-top: 3px; font-weight: 600; } .banner-button a:hover{ color: #ffffff; } .about-page{ padding: 50px 0px; float: left; width: 100%; } .about-page h1{ padding-bottom: 20px; font-size: 30px; text-align: left; font-weight: 700; color: #000000; z-index:9999; } .aboutpage-box-1{ padding-bottom: 20px; } .aboutpage-box-1 img{ width: 100%; object-fit: cover; } .aboutpage-box h4 { font-size: 20px; text-align: left; font-weight: 700; color: #000000; z-index:9999; } .aboutpage-box p { font-size: 14px; text-align: left; font-weight: 400; line-height: 30px; color: #1a1a1b; z-index:9999; } .aboutpage-box-1:hover { /* background: #ef3e34; */ /*-webkit-box-shadow: 0px 13px 12px 0px rgba(0,0,0,0.06); -moz-box-shadow: 0px 13px 12px 0px rgba(0,0,0,0.06); box-shadow: 0px 13px 12px 0px rgba(0,0,0,0.06);*/ } .aboutpage-box-1:hover .overlay-about { height: 100%; opacity:80%; } .overlay-about { position: absolute; bottom: 0; left: 0; right: 0; background-color: #171616; overflow: hidden; width: 100%; height: 0; transition: .5s ease; z-index: 6000; } .text-about { white-space: nowrap; color: #5D1C78; font-size: 18px; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .text-about img{ height: 40px; width: 40px; } .float-left { float: left!important; } .img:hover .info { height:100%; opacity:1; } .mission-vision{ float: left; width: 100%; padding: 20px 10px; } .mission-vision h6{ font-size: 20px; text-align: left; font-weight: 600; color: #000000; z-index:9999; } .mission-vision p{ font-size: 14px; text-align: left; font-weight: 400; line-height: 25px; color: #1a1a1b; z-index:9999; } .about-quality{ float: left; width: 100%; padding-top: 70px; position:relative; padding-bottom: 10px; background-image: url("../images/quality-bg.png"); background-color: #000000; opacity: 100%; } .about-quality-1{ padding-bottom: 40px; } .about-quality-1 svg{ height: 85px; fill: #ffffff; padding: 18px 15px; border-radius: 5px; background-image:url('../images/svg-bg.png'); background-size: cover; margin-bottom:25px; box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 83%), -4px 0px 4px 0px #80808061; } .about-quality-1 svg:hover { float: left; transition: all ease-in-out 0.8s; -o-transition: all ease-in-out 0.8s; -ms-transition: all ease-in-out 0.8s; -moz-transition: all ease-in-out 0.8s; -webkit-transition: all ease-in-out 0.8s; transform: rotate(360deg); } .about-quality-1 h6{ font-weight: 600; font-size: 20px; color: #ffffff; margin: 0px; margin-bottom: 8px; } .about-quality-1 p{ font-weight: 400; font-size: 14px; color: #ffffff; line-height:25px; } .second-line{ padding-top: 20px; } .about-clients{ float: left; width: 100%; background-color: #ffffff; padding:50px 0px 50px 0px; } .about-clients h4{ width: 100%; font-size: 30px; font-weight: 700; color: #000000; text-align: left; margin-top: 20px; } .about-client-box{ float: left; width: 100%; } .loop-about-clients .owl-nav img{ display: none; } .about-client-box img{ /* filter: grayscale(1);*/ width: 220px !important; height:auto; } .about-client-box img:hover{ filter:brightness(1); } /************************service-page****************************/ .inner-banner-services{ width: 100%; float: left; background: url(../images/about-page.png); background-size: cover; position: relative; min-height: 280px; background-position: 50%; } .inner-banner-services h2{ padding-top: 100px; text-align:center; font-size: 40px; color: #ffffff; font-weight:600; } .sub-heading{ position: absolute; bottom: 0px; width: 100%; background-color: #000000; opacity: 70%; padding: 10px 0px; } .sub-heading a{ float: left; } .sub-heading a p:hover{ float: left; color: #E27822; } .inner-banner-services p{ float: left; font-size: 20px; color: #ffffff; text-align:center; font-weight: 200; margin: 0px; } .banner-button{ float: right; } .banner-button a{ text-decoration: none; color: #E27822; margin-top: 3px; font-weight: 600; } .banner-button a:hover{ color: #ffffff; } .services-page{ padding: 50px 0px; float: left; width: 100%; } .services-page h1{ padding-bottom: 20px; font-size: 30px; text-align: left; font-weight: 700; color: #000000; z-index:9999; } .servicespage-box-1{ padding-bottom: 20px; } .servicespage-box-1 img{ width: 100%; object-fit: cover; } .servicespage-box h4 { font-size: 20px; text-align: left; font-weight: 700; color: #000000; z-index:9999; } .servicespage-box p { font-size: 14px; text-align: left; font-weight: 400; line-height: 30px; color: #1a1a1b; z-index:9999; } .servicespage-box-1:hover { /* background: #ef3e34; */ /*-webkit-box-shadow: 0px 13px 12px 0px rgba(0,0,0,0.06); -moz-box-shadow: 0px 13px 12px 0px rgba(0,0,0,0.06); box-shadow: 0px 13px 12px 0px rgba(0,0,0,0.06);*/ } .servicespage-box-1:hover .overlay-services { height: 100%; opacity:80%; } .overlay-services { position: absolute; bottom: 0; left: 0; right: 0; background-color: #171616; overflow: hidden; width: 100%; height: 0; transition: .5s ease; z-index: 6000; } .text-services { white-space: nowrap; color: #5D1C78; font-size: 18px; position: absolute; overflow: hidden; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); } .text-services img{ height: 40px; width: 40px; } .float-left { float: left!important; } .img:hover .info { height:100%; opacity:1; } .services-listing{ float: left; width: 100%; padding: 20px 0px; margin-bottom: 20px; } .services-listing h6{ font-size: 20px; text-align: left; font-weight: 600; color: #000000; z-index:9999; } .services-listing p{ font-size: 14px; text-align: left; font-weight: 400; line-height: 25px; margin: 0px; margin-bottom: 10px; color: #1a1a1b; z-index:9999; } .services-listing a{ list-style: none; font-weight: 700; font-size: 15px; color: #B46B2A; position: relative; } .services-listing a:after{ content:''; width: 30px; height: 2px; left: 70px; top: 10px; background-color: #B46B2A; position: absolute; } .services-listing a:hover{ color: #000000; } /***********service-detail-page************/ .inner-banner-servicedetail{ width: 100%; float: left; background: url(../images/about-page.png); background-size: cover; position: relative; min-height: 280px; background-position: 50%; } .inner-banner-servicedetail h2{ padding-top: 100px; text-align:center; font-size: 40px; color: #ffffff; font-weight:600; } .sub-heading{ position: absolute; bottom: 0px; width: 100%; background-color: #049EDC; opacity: 1; padding: 10px 0px; } .sub-heading a{ float: left; } .sub-heading a p:hover{ float: left; color: #fff; } .inner-banner-servicedetail p{ float: left; font-size: 20px; color: #ffffff; text-align:center; font-weight: 200; margin: 0px; } .banner-button{ float: right; } .banner-button a{ text-decoration: none; color: #E27822; margin-top: 3px; font-weight: 600; } .banner-button a:hover{ color: #ffffff; } .se-edit { float: left; padding-top: 50px; z-index: 101!important; } .se-edit p { font-size: 14px; line-height: 30px; float: left; text-align: justify; color: #1a1a1b; font-weight: 400; } .se-edit h5 { font-weight: 700; font-size: 24px; } .se-edit h6 { font-weight: 700; font-size: 20px; padding: 20px; border-bottom: 1px solid #000000; } .listing{ float: left; padding: 50px 0px; z-index: 101!important; } .product-content{ width: 100%; background-color: #B46B2A; padding: 10px; } .product-content h3{ margin-top: 10px; text-align: center; font-size: 24px; font-weight: 500; color: #ffffff; } .product-content1{ width: 100%; border: 1px solid #DFDFDF; background-color: #ffffff; padding: 10px; } .product-content1:hover{ background-color: #F5F5F5!important; } .product-content1 a{ text-decoration: none; list-style: none; color: #000000; } .product-content1 a:hover{ text-decoration: none; list-style: none; color: #000000; } .product-content1 h3{ font-weight: 600; font-size: 16px; } .product-content1 p{ font-size: 14px; margin: 0px !important; width: 100%; } .service-gallery{ float: left; width: 100%; padding-bottom: 50px; } .service-gallery h3{ font-weight: 700; font-size: 24px; text-align: center; padding-bottom: 30px; } .service-gallery img{ width: 100%; height: 250px; padding-bottom: 30px; object-fit: cover; } /******************contact-page*******************/ .inner-banner-contact{ width: 100%; float: left; background: url(../images/ban-5.png); background-size: cover; min-height: 350px; background-position: 50%; } .inner-banner-contact h2{ text-align:center; font-size: 45px; color: #ffffff; padding: 70px 0px 0px 0px; font-weight:100; } .inner-banner-contact h3{ text-align:center; font-size: 45px; color: #ffffff; font-weight:100; } .inner-banner-contact p{ font-size: 14px; color: #ffffff; text-align:center; font-weight: 300; line-height:30px; padding:0px 250px; } .aboutpage-heading{ float: left; width: 100%; position:relative; padding: 60px 0px 0px 0px; background-size: cover; background-color: #ffffff; } .contactpage-heading{ float:left; width:100%; padding-top:50px; } .contactpage-heading h6{ font-size: 23px; color: #000000; font-weight: 700; text-align: center; line-height:35px; padding: 0px 240px 0px 240px; } .contactpage-heading p{ text-align: center; font-size: 14px; color: #1a1a1b; font-weight: 300; } .contactpage-paragraph{ padding: 0px 200px 30px 200px; line-height: 30px; font-weight: 400; } .innerpage-contact-banner{ float:left; width:100%; } .contact-box{ float:left; width:100%; background-color:#ffffff; padding: 40px 0px 30px 0px; } .contact-box1{ /*padding: 30px 0px 30px 0px;*/ background-color: transparent; width: 100%; float: left; box-shadow: 0 0px 0px 0 rgb(0 0 0 / 0%), 0 0px 40px 0 rgba(0, 0, 0, 0.05); height: 250px; } /*.contact-box1:hover{*/ /* background-color: #69AD07;*/ /* border: 1px solid #69AD07;*/ /*}*/ .contact-box1 svg{ height: 40px; margin-bottom: 20px; margin-left: auto; margin-right: auto; display: block; fill: #ffffff; } .contact-box1:hover svg{ fill: #e3236a; } .contact-box1 h3{ font-size: 18px; font-weight: 600; text-align: center; color: #000000; font-weight: 700; padding-top: 25px; padding-bottom: 25px; border-bottom: 1px solid #F5F5F5; } .contact-box1 p{ font-size: 14px; font-weight: 400; line-height: 30px; text-align: center; color: #1a1a1b; font-weight: 400; padding: 30px 20px 40px 30px; } .contact-box1:hover h3{ color: #e3236a; } .contact-box1:hover p{ color: #e3236a; } .innerpage-contact{ padding: 50px 0px 100px 0px; } .whitebg p{ font-size: 14px; line-height: 30px; font-weight: 400; } .whitebg{ float:left; width:100%; background:#fff; padding:0px; /* height:555px; */ } .whitebg h1{ float: left; width: 100%; font-size: 32px; font-weight: 100; color: #000000; line-height: 40px; text-align: center; padding-top: 30px; } .whitebg p{ float: left; width: 100%; font-size: 16px; color: #1a1a1b; font-weight: 300; line-height: 30px; text-align: center; padding: 0px 100px 20px 100px; } .whitebg form{ float:left; width:100%; } .log_set textarea { height: 70px !important; } .log_set_nav { float: none; display: block; margin: auto; height: 53px; text-align: center; width: 167px; font-size: 13px; color: #ffffff; font-weight: 500; background-color: #049EDC; margin-top: 10px; text-transform: uppercase; cursor:pointer; border:none !important; transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; } .log_set_nav:hover{ background:white; /* border: 1px solid #049EDC!important; */ color:#049EDC; border: solid 1px #049EDC !important; cursor:pointer; text-decoration:none; transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; } .log_set { /* width: 100%; */ /* float: left; */ /* position: relative; */ /* padding: 0 0 17px; */ /* margin-bottom:30px; */ } .log_set label { width: 100%; float: left; position: relative; font-size: 13px; font-weight: 400; color: #000; line-height: 25px; margin: 0 0 5px; text-align: left; } .log_set input[type="text"], .log_set input[type="password"], .log_set input[type="mail"], .log_set input[type="email"], .log_set input[type="tel"], .log_set textarea, .log_set select{ width: 100%; float: left; position: relative; height: 40px !important; /*border: none;*/ padding: 10px 14px; border-radius: 5px; font-size: 14px; line-height: 30px; color: #424040!important; font-weight: 300; border-radius: 0px !important; -moz-border-radius: 4px; /* -webkit-border-radius: 4px; */ outline: none; border: solid 1px #C1C1C1; padding-left: 15px; padding-right: 15px; margin-top: 5px; } .log_set textarea { height: 150px !important; color: #424040; } .log_set input[type="text"]:focus, .log_set input[type="password"]:focus, .log_set input[type="mail"]:focus, .log_set textarea:focus { /*border-color: #ee3425 !important;*/ } .pull-left { float: left; } @media(min-width:768px) and (max-width:991px){ .mission-vission-box1 { height: 535px; } } @media(max-width:991px){ .aboutpage-customer { padding: 0px 0px 50px 0px!important; } .mission-vission-box1 { margin-bottom:30px!important; } .mission-vission { float: left; width: 100%; padding: 10px 15px 20px 15px; } .aboutpage-customer p { padding-left: 60px; } .inner-banner-about p { /* padding: 0px 15px; */ } .aboutpage-heading h6{ padding: 0px 15px; } .aboutpage-paragraph { padding: 0px 15px; } .inner-banner-work p { padding: 0px 15px!important; } .works-heading h6 { padding: 0px 15px!important; } .works-paragraph { padding: 0px 15px!important; } /*.inner-banner-services p { padding: 0px 15px; } .services h6 { padding: 0px 15px; } .services-paragraph { padding: 0px 15px; } */ .contact-box1{ margin-top:0px; height:100%; margin-bottom:10px; } .whitebg p { padding: 0px 15px 20px 15px; } .contact-edit{ margin-top: 30px !important; } .aboutus img{ float: right; /* margin-top:30px!important; */ } .inner-banner-contact p { padding: 0px 15px; } .contactpage-heading h6{ padding: 0px 15px; } .contactpage-heading p{ padding: 0px 15px; } } /************Our-Work page***********/ .inner-banner-work{ width: 100%; float: left; background: url(../images/ban-1.png); background-size: cover; min-height: 350px; background-position: 50%; } .inner-banner-work h2{ text-align:center; font-size: 45px; color: #ffffff; padding: 70px 0px 0px 0px; font-weight:100; } .inner-banner-work h3{ text-align:center; font-size: 45px; color: #ffffff; font-weight:100; } .inner-banner-work p{ font-size: 14px; text-align:center; color: #ffffff; font-weight: 300; line-height:30px; padding:0px 250px; } .works-heading{ float: left; width: 100%; position:relative; padding: 60px 0px 0px 0px; background-size: cover; background-color: #ffffff; } .works-heading h6{ font-size: 23px; color: #000000; font-weight: 700; text-align: center; line-height:35px; padding: 0px 240px 0px 240px; } .works-heading p{ text-align: center; font-size: 14px; color: #1a1a1b; font-weight: 300; } .works-paragraph{ padding: 0px 200px 30px 200px; line-height: 30px; color: #1a1a1b; font-weight: 300; } .panel-12{ float:left; width:100%; padding:0px 0px 50px 0px; } /*************testimonial-page***********/ .inner-banner-testimonial{ width: 100%; float: left; background: url(../images/ban-3.png); background-size: cover; min-height: 350px; background-position: 50%; } .inner-banner-testimonial h2{ text-align:center; font-size: 45px; color: #ffffff; padding: 70px 0px 0px 0px; font-weight:100; } .inner-banner-testimonial h3{ text-align:center; font-size: 45px; color: #ffffff; font-weight:100; } .inner-banner-testimonial p{ font-size: 14px; color: #ffffff; font-weight: 300; text-align:center; line-height:30px; padding:0px 250px; } .abt-panel { float: left; width: 100%; padding-top: 5px; padding-bottom: 45px; background: #fff; } .review-sec h4 { float: left; width: 100%; color: #000; margin-top: 0px; font-size: 17px; text-transform: none; font-weight: 700; letter-spacing: 0px; border-bottom: 1px dotted #e3236a; padding-bottom: 18px; } .abt-panel h1 { /* float: left; */ /* width: 100%; */ color: #010101; font-size: 42px; font-weight: bold; margin-bottom: 21px; text-align: left; margin: 0px; margin-bottom: 10px; margin-top: 25px; } .abt-panel h1 span { color: #e3236a; } .abt-panel h4 { /* float: left; */ /* width: 100%; */ color: #010101; font-size: 22px; font-weight: 700; margin-bottom: 21px; text-align: left; margin: 0px; } .review-sec p { float: left; width: 100%; line-height: 30px; margin-top: 10px; margin-bottom: 6px; padding-bottom: 15px; color: #1a1a1b; font-weight: 300; } .abt-panel p { font-size: 14px; color: #1a1a1b; font-weight: 300; text-align: left; line-height: 30px; } .abt-panel img { border-radius: 6px; width:80px; } .review-imgs { float: left; margin-right: 10px; margin-top: -15px; } .rating-reivew { float: left; width: 100%; text-align: left; } .review-sec h2 { /* float: left; */ width: 100%; font-size: 15px !important; color: rgba(0, 0, 0, 0.7); text-align: left; font-size: 24px; padding-top: 11px; letter-spacing: 0px; font-weight: 700; } .review-sec h3 { /* float: left; */ width: 100%; font-size: 15px !important; color: #e3236a; text-align: left; padding-top: 4px; padding-bottom: 40px; } @media(min-width: 210px) and (max-width: 425px){ .hours-cont-dis{display: none; } .banner-it .sec-1{ display: none; } .banner-it .sec-2{width: 100%;} } @media(min-width: 320px) and (max-width: 425px){ .hours-cont-dis{ display: none; } .banner-it .sec-1{ display: none; } .banner-it .sec-2{ width: 100%; } .panel-1 .head-line-area h1{ font-size: 30px; } .mar-bot-counter{ margin-bottom: 15px; } .p-padding{ padding: 0px 0%; } .service-list1 h2{ text-align: center; } .service-list1 p{ text-align: center; } .service-list1:hover h2 { text-align: center; } .service-list1:hover p{ text-align: center; } .feature-list h2{ text-align: center; } .feature-list p{ text-align: center; } .icon-c{ display: block; margin: auto; } .service-image img{ width: 100%; } .testi-box-area { height: auto; } .col-pad{ padding-left: 15px !important; } .copy-social{ float: left; } .copy-social img{ float: left !important; } .ban-ab-text h1{ font-size: 30px; line-height: 41px; } .about-co-area img{ width: 100%; } .bg-pattern-01 h2{ padding: 0; font-size: 32px; line-height: 41px; } .service-area-1 img{ width: 100%; } .number-cont{ float: left; } .serice-box h2{ float: left; text-align: left; padding-left: 0; } .serice-box p{ float: left; text-align: left; padding-left: 0; background-position-y: 0; } .contact-cont-area .area1{ width: 100%; } .contact-cont-area .area2{ width: 100%; } .locbox1 h2, .locbox2 h2, .locbox3 h2{ width: 100%; } .locbox1 p{ width: 100%; } .loc-mr-l{ margin-left: 0; } /*tab-cont*/ .panel-3 .head-area{ margin-bottom: 40px; z-index: 2; } .tab-width-adjst{ width: 100%; padding: 0; } } @media(min-width: 320px) and (max-width: 1199px){ .contact-cont-area .area1{ width: 100%; } .contact-cont-area .area2{ width: 100%; } .locbox1 h2, .locbox2 h2, .locbox3 h2{ width: 100%; } .locbox1 p{ width: 100%; } .loc-mr-l{ margin-left: 0; } } @media(min-width: 426px) and (max-width: 767px){ .hours-cont-dis{ display: none; } .banner-it .sec-1{ display: none; } .banner-it .sec-2{ width: 100%; } .service-image img{ width: 100%; float: left; } } @media(min-width: 576px) and (max-width: 979px){ /*.dis-none{*/ /* display: none !important;*/ /*}*/ /* .service .col-md-7 {*/ /* -ms-flex: 0 0 58.333333%;*/ /* flex: 0 0 58.333333%;*/ /* max-width: 100%;*/ /*}*/ .service-list1 h2{ text-align: center; } .service-list1:hover h2{ text-align: center; } .service-list1:hover p{ text-align: center; } .service-list1 p{ text-align: center; } .feature-list h2{ text-align: center; } .feature-list p{ text-align: center; } .icon-c{ display: block; margin: auto; } .p-padding{ padding: 0px 0%; } .testi-box-area{ height: auto; } .col-pad{ padding-left: 15px !important } .copy-social { float: left; } } @media only screen and (max-width: 1188px){ .service-list1 { height: 240px !important; } } @media(min-width: 768px) and (max-width: 991px){ .activity-edit1{ margin-left: 0px !important; } .activity-box{ width:100%; } } @media(min-width: 768px) and (max-width: 1199px){ /*.dis-none{*/ /* display: none !important;*/ /* }*/ .service .col-md-7 { -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 100%; } .service-list1 h2{ text-align: center; } .service-list1 p{ text-align: center; } .feature-list h2{ text-align: center; } .feature-list p{ text-align: center; } .icon-c{ display: block; margin: auto; } } @media(min-width: 576px) and (max-width: 767px){ /* .footer .col-sm-4 {*/ /* -ms-flex: 0 0 33.333333%;*/ /* flex: 0 0 33.333333%;*/ /* max-width: 100%;*/ /*}*/ } @media(min-width: 768px) and (max-width: 991px){ .nm-null{ display: none; } } .co{ width: 100%; position: absolute; bottom: 3px; font-size: 20px; color: #ffff; padding: 10% 9%; display: none; } .po{ position: relative; } .hidden{ display:none !important; } .icon-bottom{ margin-bottom: 10px; } .how-we-work{ position: absolute; z-index: -1; bottom: 0; width: 100%; } @media(min-width:310px) and (max-width:575px){ .mg-left-image{ margin-left: 0px !important; } .service-list1 h2{ text-align: center; } .service-list1 p{ text-align: center; } .service-list1:hover h2 { text-align: center; } .service-list1:hover p{ text-align: center; } } @media(min-width:310px) and (max-width:800px){ .work_stage:nth-child(odd) .stage_content h3::after { right: inherit; left: -66px; } } @media(min-width:310px) and (max-width:425px){ .number-cont { float: none !important; } .number-cont { text-align:center; } .banner-it .sec-2 .msg-box{ width:100%; } .banner-it .sec-2 .msg-box .heads{ border-top-right-radius: 0px; } .banner-it .sec-2 .msg-box .bodys{ border-bottom-left-radius: 0px; } .form-boto-st{ border-bottom-left-radius: 0px; } } @media(min-width:310px) and (max-width:469px){ .cd-gallery li{ width:100%; } } @media(min-width:230px) and (max-width:471px){ .testi-box-area { height: auto; height: auto; width: 100%; border-radius: 0px; padding-left: 20px; padding-right: 20px; } .testi-p{ margin-bottom: 15px !important; } } @media only screen and (max-width:850px) { .contact-cont-area{top:0px;} } @media only screen and (max-width:425px) { .number-cont{line-height: 28px; } .number-cont span{font-size:15px; position:relative; top:1px;} .project .item1:after{display:none;} .project .item{ margin-bottom: 20px;} .banner-it .sec-2 .msg-box .heads h2{ text-align: center;} .banner-it .sec-2 .msg-box .heads{height: 63px; border-top-right-radius: 0px !important; border-top-left-radius: 0px !important;} .form_div{padding-left:4px;} } @media only screen and (max-width:365px) { .banner-it .sec-2 .msg-box .heads h2{ font-size:15px;} } @media only screen and (max-width:365px) { .cd-gallery ul {padding-left: 0 !important;} } @media only screen and (max-width:425px) { .ban-ab-text h1{ padding-top: 70px;} .work_stage:nth-child(odd) .stage_content h3::after { right: inherit; left: -40px;} .work_stage_area::after {left: 26px; top: 15px;} .work_stage:nth-child(even) .stage_content h3::after{ left: -40px;} .stage_content h3::after{ top: 4px;} } .mt340{ float:right; } .top-headersnew{ float:right; } #gridGallery { margin-left: auto; margin-right: auto; } h2, .ms-WPBody h2 { color: #000; } .box h3 { color: #fff; font-weight:700; } section { margin: 25px 0; } #gridGallery .row { background-color: black; } .box { background-position: center center; background-size: cover; border: 5px solid #fff; transition: opacity .25s; overflow: hidden; } .hiddenText { display: none !important; } .box:hover { cursor: pointer; z-index: 1; } #boxOne, #boxTwo, #boxSeven, #boxEight { height: 216px; } #boxThree, #boxFour, #boxFive, #boxSix { height: 216px; } #boxOne { background-image: url('images/Group-40@2x.jpg'); } #boxEight { background-image: url('images/Group-45@2x.jpg'); } #boxTwo { background-image: url('images/Group-41@2x.png'); } #boxSeven { background-image: url('images/Group-43@2x.jpg'); } #boxThree { background-image: url('images/Group-42@2x.png'); } #boxSix { background-image: url('images/Group-44@2x.png'); } #boxFour { background-image: url('images/Group-44@2x.png'); } #boxFive { background-image: url('images/Group-43@2x.jpg'); } .full { float: none; height: 600px !important; width: 100% !important; position: relative; z-index: 2; max-width: 100%; flex: 100%; } #gridH { background-color: #eee; min-height: 600px; margin-bottom: 50px; } #gridH .row { margin-top: 150px; } #gridH .row .full { margin-top: -150px; } .full:hover { transform: scale(1); box-shadow: none; } .opacity { opacity: .8; } .captionBox { background-color: rgba(0, 0, 0, 0.8); bottom: 50px; color: white; left: 50px; padding: 25px; position: absolute; opacity: 0; } .captionBox p { font-size: 16px; font-weight:300; } .captionBox h3 { margin-top: 0; text-transform: uppercase; } .transition { transition: 1s; } .bottomRight { left: auto; right: 80px; } .topRight { left: auto; right: 50px; bottom: auto; top: 50px; } .topLeft { bottom: auto; top: 50px; } .toggleIcon { background-color: rgba(0, 0, 0, 0.7); background-position: center center; background-repeat: no-repeat; background-size: 26px 26px; border-radius: 3px; bottom: 15px; height: 36px; left: -100px; opacity: 0; padding: 10px; position: absolute; width: 36px; } @media only screen and (max-width:1106px) { .sub-menu:hover .sub-menu-1{ height: auto; width: 100%; float: left; top: 51px; } } @media only screen and (max-width:768px) { .tabwidths { width: 100% !important; flex: 100% !important; min-width: 100% !important;} .service-list1 svg{display:inline !important;} .service-list1{text-align:center !important;} .service-list1 h2{text-align:center;} .service-list1 p {text-align:center;} .feature-list svg{display:inline !important;} .feature-list{ text-align:center !important; } .feature-list h2{text-align:center;} .feature-list p {text-align:center;} } .box.full .toggleIcon { background-color: rgba(0, 0, 0, 0.57); background-position: center center; background-repeat: no-repeat; border-radius: 3px; top: 26px; height: 36px; left: 50px; opacity: 0; padding: 10px; position: absolute; width: 36px; } .hed{ width: auto; float: right; position: relative; font-size: 15px; font-weight: 500; color: #fff; line-height: 86px; letter-spacing: 0px !important; padding: 0px 15px; z-index: 1; } .box:hover .toggleIcon { opacity: 1; left: 15px; transition: all 0.25s ease 0s; background-image: url('http://www.ucdenver.edu/SiteCollectionImages/GridGallery/openIcon.png'); } .box.full .toggleIcon { opacity: 1; left: 50px; top: 26px; border-radius: 0; background-image: url('http://www.ucdenver.edu/SiteCollectionImages/GridGallery/closeIcon.png'); background-size: 55%; } .box.full .toggleIcon:hover { background-color: black; transition: all 0s ease 0; } #gridGallery > .row { margin: 0; } @media (max-width: 1200px) { .full { width: 970px; } } @media (max-width: 992px) { .full { width: 750px; } } @media (max-width: 768px) { #boxThree, #boxFour, #boxFive, #boxSix { height: 300px; } .toggleIcon { display: none; } .full .captionBox { bottom: 0; left: 0; position: absolute; width: 100%; padding: 10px; } .full .captionBox p { display: none; } .full .captionBox h3 { margin-bottom: 0; } .box.full { height: inherit; width: 100%; } .box { max-height: 150px !important; } #gridGallery .row { background-color: transparent; } #gridH .row { margin-top: 0px; } .box.full .toggleIcon { height: 50px !important; left: 0 !important; top: 0 !important; width: 50px !important; display: block; } .mobileFunction { float: left; height: 150px; width: 100%; } } .call-action { float: left; width: 100%; height: 275px; margin-top: -8px; margin-bottom: 0px !important; background-image: url(../images/call-action-bg.jpg); background-size: cover; text-align: center; background-position: 50% 50%; background-size: cover; background-repeat: no-repeat; background-attachment: fixed !important; } .call-bg { background-color: rgba(0, 0, 0, 0.80); height: 275px; padding-top: 85px; padding-bottom: 70px; } .call-bg h1{ margin-bottom: 45px; font-weight:700; font-size: 30px; line-height: 30px; color: #e7e7db; } .call-nav { /* float: left; */ position: relative; font-size: 16px; color: #000; line-height: 20px; font-weight:700; margin-top: 14px; padding: 15px 35px; background: #ffffff; box-shadow: 0 0 40px rgba(0, 0, 0, 0.05); border: none; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; cursor: pointer; transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; outline: none; } .call-nav:hover { text-decoration: none; color: #ffffff; background: #e3236a; } .what-we-do-list a{ overflow:hidden; width:100%; float:left; border-radius:10px; } .gold-navigation{ width: auto; float: left; position: relative; font-size: 14px; font-weight: 500; color: #000000; letter-spacing: 0px !important; padding: 30px 28px; z-index: 1; cursor: pointer; transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; /* text-transform: uppercase; */ text-decoration: none; } .header-fnt{ font-size: 38px !important; color: #ffffff; font-weight: 100 !important; font-family: 'SFProDisplay-Light'; } .padding-new{ float:none !important; padding-top:6px !important; margin-bottom:0px !important; } .new-imgs{ float:right !important; margin-left:35px !important; } .page-sutitel{ float: left; width: 100%; text-align: center; color: white; font-size: 15px; padding-top: 13px; display: none; } .top-edit{ margin-top:18px; } .domain-img{ float:left !important; margin-right:35px !important; margin-top: 25px !important; } .bg-postion60{ background-position-y: 60% !important; background-size: cover !important; } .bg-postion23{ background-position-y: 23% !important; background-size: cover !important; } .pos-titels{ float: left; width: 100%; color: black; font-size: 16px; text-align: center; background: #f9f9f9; padding: 15px; margin-bottom: 25px; } .pr-listbg{ background: #fdfdfd; margin-bottom: 25px; } .mb30{ margin-bottom:60px; } .mb111{ margin-bottom:111px; } .s-read{ float: left; width: 120px; background: #049EDC; border:solid 1px #049EDC; text-align: center; color: white; font-size: 14px; height: 40px; line-height: 38px; margin-top: 20px; transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; } .s-read:hover{ background:white; color: #049EDC; border:solid 1px #049EDC; text-decoration:none !important; transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; } .btn-white{ background: #fff; color:#049EDC; border: solid 1px white !important; } .btn-white:hover{ background:#049EDC; color:#fff !important; border: solid 1px white !important; } .red-mark{ color:red; } .top-seprate{ font-weight:normal; padding-left:5px; padding-right:5px; } .ftr-social{ float: left; width: 100%; margin-top: 10px; } .ftr-facebook{ width: 40px; height: 40px; border-radius: 50px; background:white; text-align:center; float: left; margin-right: 15px; line-height: 38px !important; } .ftr-facebook svg{ width: 30px; height: 25px; fill: #049EDC; } .ftr-facebook:hover{ margin-top:-10px; } .cnt-white{ color:white !important; } .download-sec{ float:left; width:100%; margin-top: 57px; } .download-sec a { color: black !important; } .dwn{ float: left !important; background: #fff; color: #049EDC ; border: solid 1px white !important; font-size: 14px; padding: 6px; padding-left: 20px; padding-right: 20px; width: 195px !important; text-align: center; } .dwn:hover{ background: #049EDC; color: #fff !important; border: solid 1px white !important; } /* Flash Messages / Alerts */ .alert { position: fixed !important; top: 20px !important; left: 50% !important; transform: translateX(-50%) !important; z-index: 9999 !important; padding: 15px 20px !important; border-radius: 5px !important; color: #fff !important; font-weight: bold !important; text-align: center !important; min-width: 300px !important; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1) !important; } .alert-success { background-color: #28a745 !important; border: 1px solid #28a745 !important; } .alert-danger { background-color: #dc3545 !important; border: 1px solid #dc3545 !important; } /* Flash Messages */ .flash-message { position: fixed; top: 20px; left: 50%; transform: translateX(-50%); z-index: 9999; padding: 15px 20px; border-radius: 5px; color: #fff; font-weight: bold; text-align: center; min-width: 300px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } .success-message { background-color: #28a745; border: 1px solid #28a745; } .error-message { background-color: #dc3545; border: 1px solid #dc3545; }