body{ overflow-x:hidden; margin: 0; padding: 0; font-family: 'Proxima Nova', sans-serif !important; } p{ font-family: 'Proxima Nova',sans-serif !important; } 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; } /* @font-face: Proxima Nova */ /* Black */ @font-face { font-family: 'proxima-nova, sans-serif'; src: url('../fonts/ProximaNova-Black-webfont.eot'); src: url('../fonts/ProximaNova-Black-webfont.eot?iefix') format('eot'), url('../fonts/ProximaNova-Black-webfont.woff') format('woff'), url('../fonts/ProximaNova-Black-webfont.ttf') format('truetype'), url('../fonts/ProximaNova-Black-webfont.svg#webfontehArT0T9') format('svg'); font-weight: 900; font-style: normal; } /* Black Italic */ @font-face { font-family: 'proxima-nova, sans-serif'; src: url('../fonts/ProximaNova-BlackIt-webfont.eot'); src: url('../fonts/ProximaNova-BlackIt-webfont.eot?iefix') format('eot'), url('../fonts/ProximaNova-BlackIt-webfont.woff') format('woff'), url('../fonts/ProximaNova-BlackIt-webfont.ttf') format('truetype'), url('../fonts/ProximaNova-BlackIt-webfont.svg#webfontehArT0T9') format('svg'); font-weight: 900; font-style: italic; } /* ExtraBold */ @font-face { font-family: 'proxima-nova, sans-serif'; src: url('../fonts/ProximaNova-Xbold-webfont.eot'); src: url('../fonts/ProximaNova-Xbold-webfont.eot?iefix') format('eot'), url('../fonts/ProximaNova-Xbold-webfont.woff') format('woff'), url('../fonts/ProximaNova-Xbold-webfont.ttf') format('truetype'), url('../fonts/ProximaNova-Xbold-webfont.svg#webfontehArT0T9') format('svg'); font-weight: 800; font-style: normal; } /* Extrabold Italic */ @font-face { font-family: 'proxima-nova, sans-serif'; src: url('../fonts/ProximaNova-XboldIt-webfont.eot'); src: url('../fonts/ProximaNova-XboldIt-webfont.eot?iefix') format('eot'), url('../fonts/ProximaNova-XboldIt-webfont.woff') format('woff'), url('../fonts/ProximaNova-XboldIt-webfont.ttf') format('truetype'), url('../fonts/ProximaNova-XboldIt-webfont.svg#webfontehArT0T9') format('svg'); font-weight: 800; font-style: italic; } /* Bold */ @font-face { font-family: 'proxima-nova, sans-serif'; src: url('../fonts/ProximaNova-Bold-webfont.eot'); src: url('../fonts/ProximaNova-Bold-webfont.eot?iefix') format('eot'), url('../fonts/ProximaNova-Bold-webfont.woff') format('woff'), url('../fonts/ProximaNova-Bold-webfont.ttf') format('truetype'), url('../fonts/ProximaNova-Bold-webfont.svg#webfontehArT0T9') format('svg'); font-weight: 700; font-style: normal; } /* Bold Italic */ @font-face { font-family: 'proxima-nova, sans-serif'; src: url('../fonts/ProximaNova-BoldIt-webfont.eot'); src: url('../fonts/ProximaNova-BoldIt-webfont.eot?iefix') format('eot'), url('../fonts/ProximaNova-BoldIt-webfont.woff') format('woff'), url('../fonts/ProximaNova-BoldIt-webfont.ttf') format('truetype'), url('../fonts/ProximaNova-BoldIt-webfont.svg#webfontehArT0T9') format('svg'); font-weight: 700; font-style: italic; } /* SemiBold */ @font-face { font-family: 'proxima-nova, sans-serif'; src: url('../fonts/ProximaNova-Sbold-webfont.eot'); src: url('../fonts/ProximaNova-Sbold-webfont.eot?iefix') format('eot'), url('../fonts/ProximaNova-Sbold-webfont.woff') format('woff'), url('../fonts/ProximaNova-Sbold-webfont.ttf') format('truetype'), url('../fonts/ProximaNova-Sbold-webfont.svg#webfontehArT0T9') format('svg'); font-weight: 600; font-style: normal; } /* SemiBold Italic */ @font-face { font-family: 'proxima-nova, sans-serif'; src: url('../fonts/ProximaNova-SboldIt-webfont.eot'); src: url('../fonts/ProximaNova-SboldIt-webfont.eot?iefix') format('eot'), url('../fonts/ProximaNova-SboldIt-webfont.woff') format('woff'), url('../fonts/ProximaNova-SboldIt-webfont.ttf') format('truetype'), url('../fonts/ProximaNova-SboldIt-webfont.svg#webfontehArT0T9') format('svg'); font-weight: 600; font-style: italic; } /* Regular */ @font-face { font-family: 'proxima-nova, sans-serif'; src: url('../fonts/ProximaNova-Reg-webfont.eot'); src: url('../fonts/ProximaNova-Reg-webfont.eot?iefix') format('eot'), url('../fonts/ProximaNova-Reg-webfont.woff') format('woff'), url('../fonts/ProximaNova-Reg-webfont.ttf') format('truetype'), url('../fonts/ProximaNova-Reg-webfont.svg#webfontehArT0T9') format('svg'); font-weight: 500; font-style: normal; } /* Regular Italic */ @font-face { font-family: 'proxima-nova, sans-serif'; src: url('../fonts/ProximaNova-RegIt-webfont.eot'); src: url('../fonts/ProximaNova-RegIt-webfont.eot?iefix') format('eot'), url('../fonts/ProximaNova-RegIt-webfont.woff') format('woff'), url('../fonts/ProximaNova-RegIt-webfont.ttf') format('truetype'), url('../fonts/ProximaNova-RegIt-webfont.svg#webfontehArT0T9') format('svg'); font-weight: 500; font-style: italic; } /* Light */ @font-face { font-family: 'proxima-nova, sans-serif'; src: url('../fonts/ProximaNova-Light-webfont.eot'); src: url('../fonts/ProximaNova-Light-webfont.eot?iefix') format('eot'), url('../fonts/ProximaNova-Light-webfont.woff') format('woff'), url('../fonts/ProximaNova-Light-webfont.ttf') format('truetype'), url('../fonts/ProximaNova-Light-webfont.svg#webfontehArT0T9') format('svg'); font-weight: 300; font-style: normal; } /* Light Italic */ @font-face { font-family: 'proxima-nova, sans-serif'; src: url('../fonts/ProximaNova-LightIt-webfont.eot'); src: url('../fonts/ProximaNova-LightIt-webfont.eot?iefix') format('eot'), url('../fonts/ProximaNova-LightIt-webfont.woff') format('woff'), url('../fonts/ProximaNova-LightIt-webfont.ttf') format('truetype'), url('../fonts/ProximaNova-LightIt-webfont.svg#webfontehArT0T9') format('svg'); font-weight: 300; font-style: italic; } /* Thin */ @font-face { font-family: 'proxima-nova, sans-serif'; src: url('../fonts/ProximaNova-Thin-webfont.eot'); src: url('../fonts/ProximaNova-Thin-webfont.eot?iefix') format('eot'), url('../fonts/ProximaNova-Thin-webfont.woff') format('woff'), url('../fonts/ProximaNova-Thin-webfont.ttf') format('truetype'), url('../fonts/ProximaNova-Thin-webfont.svg#webfontehArT0T9') format('svg'); font-weight: 100; font-style: normal; } /* Thin Italic */ @font-face { font-family: 'proxima-nova, sans-serif'; src: url('../fonts/ProximaNova-ThinIt-webfont.eot'); src: url('../fonts/ProximaNova-ThinIt-webfont.eot?iefix') format('eot'), url('../fonts/ProximaNova-ThinIt-webfont.woff') format('woff'), url('../fonts/ProximaNova-ThinIt-webfont.ttf') format('truetype'), url('../fonts/ProximaNova-ThinIt-webfont.svg#webfontehArT0T9') format('svg'); font-weight: 100; font-style: italic; } /***********************/ .blog-full .tab .tablinks.active { background-color: #e21d65; color: #fff; } .blog-full .tab .tablinks { display: block; background-color: #66418e; text-transform: uppercase; margin-bottom: 8px; color: #fff; padding: 14px 15px; width: 100%; border: none; outline: none; border-bottom: 1px solid #eee; text-align: left; cursor: pointer; transition: 0.3s; font-size: 15px; font-weight: 600; }.blog-text h2 a{ position: relative; font-weight: inherit; font-size: inherit; color: #000; }.blog-text h2 a:after{ display:none; } .boxes { margin: auto; /* padding: 50px; */ /* background: #484848; */ } /*Checkboxes styles*/ input[type="checkbox"] { display: none; } input[type="checkbox"] + label { display: block; position: relative; padding-left: 25px; font-size: 15px; font-weight: 600; margin-bottom: 20px; color: #fff; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } input[type="checkbox"] + label:last-child { margin-bottom: 0; } input[type="checkbox"] + label:before { content: ''; display: block; width: 20px; height: 20px; border: 2px solid #ffffff; position: absolute; left: 0; top: 0; opacity: 1; -webkit-transition: all .12s, border-color .08s; transition: all .12s, border-color .08s; } input[type="checkbox"]:checked + label:before { width: 10px; top: -5px; left: 5px; border-radius: 0; opacity: 1; border-top-color: #ffffff00; border-left-color: #ffffff00; -webkit-transform: rotate(45deg); /* transform: rotate(178deg); */ } .vdo-panel { padding: 50px 0;width: 100%; float: left; } .vdo-panel .card-text{ font-size: 19px; text-align: left; padding: 0; float: left; width: 100%; font-weight: 500; } .vdo-panel h2{ /* text-align: center; */ font-size: 23px; color: #000000; font-weight: 700; text-align: center; line-height: 35px; } .vdo-panel p{ text-align: center; font-size: 14px; padding: 0px 270px; line-height: 28px; margin-bottom: 30px; } .blog-full .pagination li.active{ background: #753590; } .blog-full .pagination li a{ font-size: 13px; color: #000; } .blog-full .pagination li{ border: 1px solid #d0d0d05c; padding: 9px 6px; height: 45px; width: 45px; text-align: center; float: left; } .blog-full .pagination{ float: left; width: 100%; margin-left: 25px; } .vdo-panel .panel_3_box{ width:100%; float: left;margin-bottom: 30px; } @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; } .push-left{ float: left; } .pad-0{ padding: 0 !important; } a:not([href]):not([tabindex]) { color: #000000 !important; text-decoration: none } .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; } .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 { padding: 10px 60px; position: absolute; width: 100%; height: 100%; float: right; /*top: 30px;*/ right: 0; /* background: rgba(0, 0, 0, 0.6); */ display: flex; align-items: center; } .header_menu_area > ul > li > a.active-link::after { content: ''; position: absolute; width: 100%; height: 0px; background: #e3236a; 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; } .ih-item.square.effect6 { overflow: hidden; margin-bottom: 30px; } .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 { } .sub-menu-1 { position: absolute; top: 80px; padding: 0px 0px; left: 0; right: 0; background-color: #69AD07; overflow: hidden; width: 210px; height: 0; transition: .5s ease; text-decoration: none; list-style: none; z-index: 6000; color: #ffffff; } .sub-menu { position: relative; color: #ffffff; } .sub-menu-1 li{ float: left; text-align: left; width: 100%; text-decoration: none; list-style: none; padding: 10px 0px; color: #ffffff; } .sub-menu-1 li{ font-size: 14px; color: #ffffff; } .sub-menu-1 li:hover{ color: #69AD07; } .sub-menu-1 li a{ font-size: 14px; color: #ffffff; padding-left: 20px; font-weight: 600; } .sub-menu-1 li a:hover{ font-size: 14px; color: #000000; } .sub-menu:hover .sub-menu-1{ height: auto; } .slide .item .cover .header-content { float: right; position: relative; width: 100%; margin-top: 0; right: 0; /*margin-left: 75px;*/ /* padding: 56px; */ overflow: hidden; } .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 p:hover{ color:#e22067; } /*.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; } .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; } .menu-header{ float:left; width:100%; background: #fff; height: 80px; } .logo img{ height: 95px; float: left; padding-top: 8px; padding-left: 35px; } .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-weight:500; color: #000000; letter-spacing: 0px !important; padding: 40px 8px; z-index: 1; margin-left: 35px; 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: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: #3B393A; 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: #3B393A !important; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; } .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; } .header-social svg{ height:20px; fill:#444343; margin:0px 10px; } .header-social svg:hover{ height:20px; fill:#e3236a; margin:0px 10px; } @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) { .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: 25px !important; margin-top:35px !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: #e21b63; 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: #e21f67; -webkit-transform: rotate(45deg); transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); } .mob_nav.open > div:nth-child(3) { background: #e22067; -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{ /* float:left; */ 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; } .top-header{ float: left; width: 100%; padding: 10px 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .top-header p{ float: left; font-size: 13px; color: #000000; margin-bottom: 0px; } .hours-cont{ padding-right: 20px; font-size: 13px; text-align: center; color: #8A8A8A; border-right: 1px solid #fff; } .hrs-cnt{ padding-right: 0px!important; } .hours-cont span{ color: #8A8A8A; font-weight: 400; border-right: 1px solid #fff; } .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 svg{ height: 18px; fill:#8A8A8A; } .hours-cont:hover svg{ height: 18px; fill: #69AD07; } .h-border{ border-right: 2px solid #8F8F8F !important; margin-right: 13px; padding-top: 0px; } .mg-left-h{ margin-left: 19px; float: right; } .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: 650px; } .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: none; text-align: center; font-weight: 700; font-size:55px; color: #FFFFFF; line-height: 65px; } .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: none; text-align: center; font-size: 14px; font-weight: 700; margin-top: 20px; 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:650px; object-fit:cover; } .bg-image{ float: left; width: 100%; background-image: url(../images/amenities-bg.png); background-size: cover; } /************about***************/ .aboutus{ float: left; width: 100%; padding: 58px 0px 55px 0px; background-image: url('../images/about-bg.png'); background-size:cover; } .aboutus img{ width: 100%; } .aboutus h2 { font-size: 40px; font-weight: 100; color: #101010; text-align: center!important; /* line-height: 48px; */ } .aboutus h4 { font-size: 26px; font-weight: 600; color: #101010; line-height: 40px; padding: 10px 280px; text-align: center!important; /* line-height: 48px; */ } .aboutus p{ font-size: 14px; color: #1a1a1b; font-weight: 300; line-height: 30px; text-align: center; padding: 0px 200px; } .about-more{ float: none; text-align:center; margin-top: 10px; padding: 10px 0px; border-radius: 5px; } .about-more p{ float: none; font-size: 13px; font-weight:600; color: #e3236a; margin-top: 0px; margin-bottom: 0px; } .about-more:after{ position: absolute; content:""; top: 350px; right: 465px; background-color: #e3236a; height: 2px; width: 50px; } .about-more:before{ position: absolute; content:""; top: 350px; left: 464px; background-color: #e3236a; height:2px; width: 50px; } .about-button{ font-size: 15px; color: #e3236a; font-weight: 600; margin-top: 10px; padding: 14px 35px; border-radius: 50px; } .about-button:hover{ text-decoration:none !important; color: #053444; background-color: #ffffff; } .activity-more{ float: right; margin-top: 10px; padding: 10px 0px; /* margin-right: 20px; */ border-radius: 5px; } .work_single:hover .overlay .pro_head:before { width: 50px; } .service_list { padding-left:0 !important; float:left; /* padding: 6px; */ margin: 7px 0; } .work_single { overflow: hidden; /* margin: 20px 0; */ } .service_list img { height: 400px; width: 100%; } .service_list img { height: 400px; width: 100%; } .work_single img { -webkit-transition: all 10s ease-out; -moz-transition: all 10s ease-out; -ms-transition: all 10s ease-out; -o-transition: all 10s ease-out; transition: all 10s ease-out; } .img-object-cover { max-width: 100%; max-height: 100%; object-fit: cover; } .overlay:before { right: 0; top: 0; width: 0; height: 0; border-top: 20px solid #753590; border-left: 20px solid transparent; } .overlay:after, .overlay:before { content: ''; position: absolute; } .overlay .pro_head { font-size: 20px; position: relative; padding-top: 10px; } .overlay .pro_des, .overlay .pro_head { display: block; text-transform: uppercase; color: #bce2ff; } .overlay .pro_head:before { position: absolute; content: ''; left: 0; top: 0; width: 20px; height: 3px; background: #fff; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -ms-transition: all .1s ease-out; -o-transition: all .1s ease-out; transition: all .1s ease-out; } .overlay .pro_des, .overlay .pro_head { display: block; text-transform: uppercase; color: #fff; } .work_single:hover img { transform: scale(1.2); } .overlay { position: absolute; top: 55px; background: rgb(226 33 104 / 67%); padding: 20px; min-width: 300px; max-width: 300px; } .activity-more p{ float: right; font-size: 13px; color: #053444; margin-top: 0px; margin-bottom: 0px; } .activity-button{ color: #053444; background-color: #ffffff; font-size: 14px; margin-top: 10px; padding: 15px 25px; border-radius:50px; } .activity-button:hover{ text-decoration:none !important; color: #ffffff; background-color: #053444; } @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){ .blog-full .tabcontent{ width: 100% !important; } .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; } .footer-box2 p { margin-bottom: 0px!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; } .footer-box1 p { margin-top: -46px; } .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; } .footer-box2{ bottom:-250px; top:inherit !important; width: 100%!important; height: 350px!important; } .footer-box2 h2 { margin-bottom: 10px!important; margin-top: 35px!important; } .client-button{ position:relative; width:100%; float:left; text-align:center; } .client-more{ position:relative; } .clients p{ padding:0px 15px !important; } .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: 95px !important; } .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 0 !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; } .final-footer{ width:100% !important; display: inline-block !important; } .footer-box2 p:after { left: 157px !important; } .final-footer p{ text-align:center !important; padding-left: 0px !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; } .about-button{ width:100%; text-align:center; 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-family: 'Biryani', sans-serif !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:1199px){ .footer-box2 { padding: 0px 30px!important; width: 350px!important; height: 467px!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; } .services-more:after { right: 68px!important; } .services-more:before { left: 68px!important; } .count{ overflow:hidden!important; } .footer-area{ width:94%!important; } .footer-box svg { height: 18px!important; margin: 0px 4px!important; } .footer-box2 h2 { margin-top: 90px!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; } .services-more:after { right: 29px!important; } .services-more:before { left: 29px!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){ .blog-full .tabcontent{ width: 100% !important; } .footer-box1 img{ display:block; margin:auto; width:auto!important; margin-left: 0px!important; } .footer-box2 h2 { text-align: center!important; } .footer-box2 p { text-align: center!important; } .read-more { display:block; margin:auto; float:none!important; } .footer-box h2 { font-size: 15px!important; margin-bottom:15px!important; } .footer-box svg { margin: 0px 3px!important; } .footer-area .col-md-3{ padding: 0px 30px!important; } .footer-box2 { width:100%!important; top:inherit!important; bottom:101px; height: 300px!important; } .final-footer{ width:100%!important; } .border-up { margin-bottom:400px; } .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; } .services-more:after { right: 44px!important; } .services-more:before { left: 44px!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){ .blog-full .tab{ width: 100% !important;margin-bottom: 30px; } .vdo-panel p{ padding: 0 15px; }.vdo-panel .card-text{ text-align: center; } .count{ display:none!important; } .footer-box1 img { width: 120px!important; height: auto!important; z-index: 9999; margin-left: 0px!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-family: 'Biryani', sans-serif !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){ .services-detail-heading h6 { padding: 0px 15px 0px 15px!important; } .service-detail-page p { padding: 0px 15px!important; } .footer-area{ width:75%!important; } .footer-box h2 { font-size: 14px!important; } .footer-box1 img { width:100%!important; height: auto!important; z-index: 9999; margin-left: 0px!important; } .footer-box svg { height: 15px!important; margin: 0px 0px!important; } .footer-box2 { width:247px!important; padding:0px 20px!important; height: 463px!important; } .footer-box2 h2 { font-size: 18px!important; } .apply-now { font-size: 12px!important; padding: 15px 15px!important; } .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; font-family: 'Biryani', sans-serif !important; 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; font-family: 'geomanistregular' !important; 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-family: 'Open Sans', sans-serif !important; 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-family: 'proxima-nova', sans-serif; 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; height:450px; 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; /*margin-right: 25px;*/ } .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; } /*count*/ .count{ width: 100%; float: left; /*padding-left: 70px;*/ padding-top: 70px; align-content: center; padding-bottom: 70px; background-color: #691975; background-size: cover; text-align:center; overflow:hidden; } .b-right{ border-right: 1px solid #84438E; } .count-box{ margin:0px 60px; } /* .count-box h2 {*/ /* width: 100%;*/ /* float: left;*/ /* font-weight: 600;*/ /* position: absolute;*/ /* left: 115px;*/ /* top: 7px;*/ /* text-align: left;*/ /* font-size: 35px;*/ /* color: #ffffff;*/ /*}*/ .count-box p{ width: 100%; float: left; text-align: left; font-size: 20px; color: #ffffff; font-weight: 200; padding-left: 100px; line-height: 25px; position: absolute; margin-bottom: 0; top: 45px; /*left: 120px;*/ } .count-box svg{ height: 80px; fill:#ffffff; margin-bottom: 10px; position: relative; } .count-box:hover svg{ fill:#ffffff; height: 80px; margin-bottom: 10px; transform: rotate(360deg); 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; } .item1 { width: 100%; float: left; font-size: 24px; font-weight: 700; color: #FFFFFF; padding-left: 16px; top: 5px; /*left: 113px;*/ position: absolute; height: 40px; } .count .item { width: 100%; text-align: left; float: left; } .count .item1:after { content: '+'; position: absolute; line-height: normal; padding-top: 6px; } /**********************work***********************/ .work{ float: left; width: 100%; padding-top: 50px; position:relative; padding-bottom: 18px; } .work-more{ float: left; text-align:left; } .work-more{ float: left; font-size: 13px; font-weight:600; color: #e3236a; margin-top: 0px; margin-bottom: 0px; } .work-more:after{ position: absolute; content:""; top: 147px; left: 15px; background-color: #e3236a; height: 2px; width: 50px; } .work-more:before{ position: absolute; content:""; top: 148px; left: 176px; background-color: #e3236a; height:2px; width: 50px; } .work-button{ font-size: 15px; color: #e3236a; font-weight: 600; margin-top: 10px; padding: 14px 60px; border-radius: 50px; } .work-button:hover{ text-decoration:none !important; color: #053444; background-color: #ffffff; } .gapping{ margin-bottom: 40px; margin-top: 5px; } .work-box-1 h1{ font-size: 32px; font-weight: 100; color: #101010; text-align: left; padding-top: 10px; } .work-box-1 p{ font-size: 14px; color: #1a1a1b; font-weight: 300; line-height: 30px; text-align: left; } .work-box-1 img{ width: 100%; margin-top: 30px; border-radius:15px; } .work-box-2 img{ width: 100%; height: 507px; object-fit: cover; margin-top: 20px; border-radius: 15px; } .work-box-3 img{ width: 100%; height: 395px; object-fit: cover; border-radius: 15px; } .work-box-4 img{ width: 100%; height: 380px; object-fit: cover; margin-top: 15px; border-radius: 15px; } .work-pattern1{ position:absolute; top:770px; z-index: -1; } .work-pattern2 img{ float:right; position:absolute; top: 733px; right: 0px; z-index: -1; } /*clients*/ .clients{ float: left; width: 100%; background-image: url("../images/clientbg.png"); background-size: cover; padding:40px 0px 50px 0px; } .clients h4{ width: 100%; font-size: 32px; font-weight: 100; color: #101010; text-align: center!important; margin-bottom: 20px; } .clients p{ font-size: 14px; color: #1a1a1b; font-weight: 300; line-height: 30px; text-align: center; padding: 0px 280px; margin-bottom: 50px; } .client-box{ float: left; width: 100%; } .loop-clients .owl-nav img{ height:35px; } .loop-clients .owl-nav .owl-prev{ bottom:55px; right:30px; position:relative; } .loop-clients .owl-nav .owl-next{ bottom:55px; left:1110px; position:relative; } .client-box img{ filter: grayscale(1); width: 220px !important; height:auto; } .client-box img:hover{ filter:brightness(1); } .client-more{ position: relative; float: none; text-align:center; margin-top: 10px; padding: 20px 0px 0px 0px; margin-right: 20px; border-radius: 5px; } .client-more{ float: none; font-size: 13px; font-weight:600; color: #e3236a; margin-top: 0px; margin-bottom: 0px; } .client-more:after{ position: absolute; content:""; top: 32px; right: 440px; background-color: #053444; height: 2px; width: 50px; } .client-more:before{ position: absolute; content:""; top: 31px; left: 440px; background-color: #053444; height:2px; width: 50px; } .client-button{ font-size: 15px; color: #053444; font-weight: 600; } .client-button:hover{ text-decoration:none !important; color: #e3236a; background-color: transparent; } @media (min-width:576px) and (max-width: 860px) { .slide .item .cover{ top: 260px!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; background-color: #ffffff; } .loop3 .owl-nav .owl-next{ bottom:120px; left:1000px; position:relative; } .loop3 .owl-nav .owl-prev{ bottom:120px; right:25px; position:relative; } .loop3 .owl-nav img{ height:55px; margin: 0px!important; } .testi-box{ float:left; width:100%; height:450px; margin:70px 0px; background-image: url('../images/t-bg.png'); box-shadow: 0 0px 0px 0 rgb(0 0 0 / 0%), 0 0px 40px 0 rgba(0, 0, 0, 0.05); background-size:cover; background-position:center; } .testi-box-area{ width: 95%; /* height: 218px; */ padding: 60px 85px; display: block; margin: auto; position: relative; border-top-left-radius: 87px; border-bottom-right-radius: 87px; background: #fffffff5; } .quote-img{ position: absolute; top: -61px; left: 43px; } .testi-box img{ height: 235px; float: left; margin: 105px 0px 0px 35px; width: auto!important; } .testi-box h2{ width: 100%; float: left; text-align: left; font-size: 32px; font-weight: 100; line-height: 30px; padding: 35px 0px 20px 30px; color: #340d3a; } .testi-box h3{ width: 100%; float: left; text-align: left; font-size: 23px; font-weight: 600; line-height: 30px; padding: 25px 0px 0px 65px; color: #55105f; } .testi-box p{ width: 100%; float: left; text-align: left; font-size: 14px; font-weight: 300; line-height: 30px; padding: 10px 0px 0px 125px; color: #1a1a1b; } .quote-icon{ width: 100%; float: left; background-image: url('../images/quote.png'); z-index:99; background-position: 13% 17%; background-repeat: no-repeat; } .testi-box h4{ width: 100%; float: left; text-align: left; font-size: 16px; font-weight: 600; padding: 0px 0px 0px 125px; color: #e3236a; } .testi-box h5{ width: 100%; float: left; text-align: left; font-size: 15px; font-weight: 400; padding: 0px 0px 0px 125px; color: #060505; } /*******************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-family: 'Permanent Marker', cursive; font-size: 50px; font-weight: normal; text-align: center; color: white; line-height: 1; } /*******************footer************************/ .footer-pattern{ position: absolute; right: 395px; bottom: 0px; } .footer{ width: 100%; float: left; background-color: #D0D0D0; position: relative; } .footer-area{ width: 100%; float: left; padding: 10px 0px; } .footer-area .col-lg-3{ padding: 0px; } .footer-area .col-md-3{ padding: 0px; } .footer-box{ width: 100%; float: left; } .footer-box img{ height: 80px; } .footer-box1{ width: 100%; float: left; } .footer-box1 img{ width: 100%; height: auto; z-index: 9999; margin-left: -16px; } .footer-box p{ width: 100%; float: left; text-align: left; font-size: 14px; line-height: 26px; color: #191717; margin-bottom: 0; } .footer-box h2{ width: 100%; float: left; text-align: left; font-size: 17px; margin-bottom: 5px; margin-top: 5px; color: #191717; margin-bottom: 2px; font-weight: 700; } .footer-box svg{ height: 20px; margin: 0px 8px; fill: #575656; } .footer-box svg:hover{ height: 20px; margin: 0px 8px; fill: #e3236a; 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; } .footer-box1 h2{ width: 100%; float: left; text-align: left; font-size: 16px; margin-bottom: 5px; margin-top: 5px; color: #191717; margin-bottom: 2px; } .sep-box{ width: 50%; float: left; } .sep-box a p:hover{ color:#e3236a; 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; } .mrg-botg{ margin-bottom: 12px !important; } .footer-h2-marg{ margin-top: 38px !important; margin-bottom: 16px !important; } .social-icon{ width: 30px; } .footer-p-pad{ margin-top: 13px; } .col-pad{ padding-left: 65px !important; } .copy-social{ width: auto; float: left; } .copy-social a{ color: #ffffff; margin: 0 40px 40px 0; font-size: 14px; } .copy-social:hover a{ color: #C6B395; } .copy-social svg{ margin-right:10px; height: 25px; fill:#ffffff; } .copy-social:hover svg{ height: 25px; fill: #C6B395; } .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; } .copy-area p a{ text-decoration: none; color: #191717; 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; } .copy-area p a:hover{ text-decoration: none; color: #e3236a; } .copy-social img{ float: right; margin-left: 20px; } /*tab*/ .head-bot{ margin-bottom: 25px !important; } .nav-abt { float: left; font-size: 14px; position: relative; color: #ffffff; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; margin-top: 10px; } .nav-abt:after{ position: absolute; content:""; top: 25px; left: 5px; background-color:#ffffff; height:2px; width:30px; } .nav-abt:hover { color: #C6B395; text-decoration: none!important; } .footer-box2{ float: right; position: absolute; right: 0; top: 0; width: 393px; height: 437px; background-image: url("../images/download-bg.png"); background-size: cover; padding: 0px 45px; } .footer-box2 h2{ width: 100%; float: left; /*padding-left: 40px; padding-right: 40px;*/ text-align: left; font-size: 23px; margin-bottom: 10px; margin-top: 90px; line-height: 35px; color: #ffffff; font-weight: 700; } .footer-box2 p{ width: 100%; float: left; margin-bottom: 30px; text-align: left; font-size: 14px; font-weight: 300; line-height: 30px; color: #ffffff; } .footer-box1 p{ width: 100%; float: left; font-size: 13px; color: #191717; line-height: 30px; } .copy-area{ width: 100%; float: left; padding: 20px 0px; border-top: 1px solid #C2C2C2; } .copy-area .col-md-6{ padding: 0px !important; } .copy-area p{ width: 100%; float: none; text-align: center; font-size: 15px; /* padding-left: 40px; */ line-height: 26px; color: #191717; margin-bottom: 0; } .final-footer{ float: left; /* text-align: center; */ width: 70%; } .final-footer p{ width: 100%; float: none; text-align: center!important; font-size: 14px; color: #191717; } .final-footer a{ text-decoration: none; color: #ffffff; font-size: 14px; } .final-footer a:hover{ text-decoration: none; color: #5D1C78; font-size: 14px; } .read-more{ float: left; margin-top: 0px; padding: 10px 0px; border-radius: 5px; } .read-more p{ float: left; font-size: 14px; font-weight: 500; color: #ffffff; margin-top: 0px; margin-bottom: 0px; } .apply-now{ margin:10px 4px; font-size: 14px; color: #ffffff; font-weight: 700; background-color: #5D1C78; border: 1px solid #5D1C78; margin-top: 10px; padding: 18px 50px; border-radius: 50px; } .apply-now:hover{ 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; text-decoration:none !important; color: #5D1C78; background: #ffffff; border: 1px solid #5D1C78; } .border-up{ border-top: 1px solid #C2C2C2; z-index:0; position:relative; padding:0px; float:left; } /***************************aboutus***********************/ .inner-banner-about{ width: 100%; float: left; background: url(../images/ban-2.png); background-size: cover; min-height: 350px; background-position: 50%; } .inner-banner-about h2{ text-align:center; font-size: 45px; color: #ffffff; padding: 70px 0px 0px 0px; font-weight:100; } .inner-banner-about h3{ text-align:center; font-size: 45px; color: #ffffff; font-weight:100; } .inner-banner-about 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; } .abt-pattern1{ position:absolute; top: 0px; right: 0px; } .aboutpage-heading h6{ font-size: 23px; color: #000000; font-weight: 700; text-align: center; line-height:35px; padding: 0px 240px 0px 240px; } .aboutpage-heading p{ text-align: center; font-size: 14px; color: #1a1a1b; font-weight: 300; } .aboutpage-paragraph{ padding: 0px 200px 30px 200px; line-height: 30px; color: #1a1a1b!important; font-weight: 300!important; } .aboutpage-margin { /* padding: 20px; */ margin-top: 0px !important; margin-right: 0px !important; } .aboutpage-detail{ width: 100%; float: left; padding-bottom: 50px; position:relative; } .abt-pattern2{ position:absolute; top: 150px; z-index: -1; } .aboutpage-edit { float: right; background-color: #ffffff; padding: 10px; /*margin-right: 50px!important;*/ /*margin-top: -250px!important;*/ z-index: 101!important; } .aboutpage-edit p { font-size: 14px; line-height: 30px; float: left; text-align: justify; color: #1a1a1b; font-weight: 300; } .aboutpage-edit h5 { font-weight: 700; font-size: 24px; } .img-aboutpage{ float: left; width: 450px; height:230px; object-fit:cover; margin-right:30px; margin-bottom: 20px; border-radius:15px; } .mission-vission { float: left; width: 100%; padding: 10px 175px 20px 175px; background-color: #ffffff; } .mission-vission-box1 { padding: 50px 25px; background-color: #66418E; width: 100%; position: relative; float: left; border: 1px solid #66418E; border-radius: 10px; 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; } .mission-vission-box1 svg { width: 80px; fill: #ffffff; margin-bottom: 20px; } .mission-vission-box1 p { margin-top: 12px; font-size: 14px; font-weight: 300; line-height: 30px; color: #ffffff; font-family: 'Open Sans', sans-serif !important; } .mission-vission-box1 h3 { font-size: 28px; font-weight: 600; color: #ffffff; font-family: 'Roboto', sans-serif !important; } .bdr { width: 20px; /* margin-top: 10px; */ position: absolute; height: 3px; /* right: 0; */ top: 86px; /* left: 119px; */ background: #f8a553; display: none; } .view-abt { margin-top: 30px; border: 1px solid #ffffff; background-color: #ffffff; border-radius: 50%; height: 47px; width: 47px; color: #000000; float: left; text-transform: uppercase; } .view-abt:hover { border: 1px solid #000000; background-color: #000000; 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; } .view-abt svg { padding: 12px 10px; width: 45px; fill: #66418E; } .aboutpage-customer{ float: left; width: 100%; padding: 50px 0px; } .aboutpage-customer h1 { width: 100%; float: left; text-align: left; font-size: 25px; font-weight: 700; line-height: 40px; padding: 30px 0px 0px 60px; color: #1a1a1b; } .aboutpage-customer p { width: 100%; float: left; text-align: left; font-size: 14px; font-weight: 300; line-height: 30px; color: #1a1a1b; } .about-quote-icon { width: 100%; float: left; background-image: url(../images/quote.png); z-index: 99; background-position: 0% 10%; background-repeat: no-repeat; } /************************service-page****************************/ .inner-banner-services{ width: 100%; float: left; background: url(../images/ban-6.png); background-size: cover; min-height: 350px; background-position: 50%; } .inner-banner-services h2{ text-align:center; font-size: 45px; color: #ffffff; padding: 70px 0px 0px 0px; font-weight:100; } .inner-banner-services h3{ text-align:center; font-size: 45px; color: #ffffff; font-weight:100; } .inner-banner-services p{ font-size: 14px; color: #ffffff; text-align:center; font-weight:300; line-height:30px; padding:0px 250px; } .services{ float: left; width: 100%; position:relative; padding: 60px 0px; background-size: cover; background-color: #ffffff; } .services h6{ font-size: 23px; color: #000000; font-weight: 700; text-align: center; line-height:35px; padding: 0px 240px 0px 240px; } .services p{ text-align: center; font-size: 14px; color: #1a1a1b; font-weight: 300; } .services-heading{ margin-bottom: 25px; } .services-paragraph{ padding: 0px 200px 30px 200px; line-height: 30px; font-weight: 400; } .services-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; } .services-list h2 { background-color:#66418E; /* float:none;*/ /*margin-top: 30px;*/ text-align: center; font-size: 18px; width:72%; color: #ffffff; font-family: 'proxima-nova', sans-serif; font-weight: 400!important; position:relative; display:block; padding:10px; font-style: normal; margin-bottom: 15px; border-radius:50px; margin:auto; clear:both; top:-22px; } .services-list p{ width: 100%; float: left; text-align: center; font-size: 14px; color: #1a1a1b; font-weight: 300; line-height: 28px; margin-bottom: 0px; } .services-list img{ border-radius: 10px; height: 240px; width: 100%; float: left; object-fit: cover!important; overflow: hidden!important; transition: all ease-in-out .5s; } .services-list img:hover{ width: 100%; transform: scale(1.1); overflow: hidden!important; object-fit: cover!important; } .services-list a{ overflow:hidden; width:100%; float:left; font-weight: 700; position:relative; border-radius:10px; } .services-more { font-size: 14px; position: relative; color: #000000; margin-bottom: 50px; text-align: center; margin-top: 20px; font-weight: 700; text-align: center; width: 100%; float: left; } .services-more:after{ position: absolute; content:""; top: 10px; right: 100px; background-color: #000000; height:2px; width: 40px; } .services-more:before{ position: absolute; content:""; top: 10px; left: 100px; background-color: #000000; height:2px; width: 40px; } .services-more:hover { color: #e22067; text-decoration: none!important; } /***********service-detail-page************/ .service-detail-page{ width: 100%; float: left; background: url(../images/ban-5.png); background-size: cover; min-height: 350px; background-position: 50%; } .service-detail-page h2{ text-align:center; font-size: 45px; color: #ffffff; padding: 70px 0px 0px 0px; font-weight:100; } .service-detail-page h3{ text-align:center; font-size: 45px; color: #ffffff; font-weight:100; } .service-detail-page p{ font-size: 14px; color: #ffffff; text-align:center; font-weight: 300; line-height:30px; padding:0px 250px; } .services-detail-heading{ float: left; width: 100%; position:relative; padding: 60px 0px 0px 0px; background-size: cover; background-color: #ffffff; } .services-detail-heading h6{ font-size: 23px; color: #000000; font-weight: 700; text-align: center; line-height:35px; padding: 0px 240px 0px 240px; } .services-detail-heading p{ text-align: center; font-size: 14px; color: #1a1a1b; font-weight: 300; } .services-detail-paragraph{ padding: 0px 200px 30px 200px; line-height: 30px; color: #1a1a1b; font-weight: 300; } .ser-margin { /* padding: 20px; */ margin-top: 0px !important; margin-right: 0px !important; } .ser-edit { float: right; background-color: #ffffff; padding: 10px; /*margin-right: 50px!important;*/ /*margin-top: -250px!important;*/ z-index: 101!important; } .ser-edit p { font-size: 14px; line-height: 30px; float: left; text-align: justify; color: #1a1a1b; font-weight: 300; } .ser-edit h5 { font-weight: 700; font-size: 24px; } .img-service{ float: left; width: 450px; height:350px; object-fit:cover; margin-right:30px; margin-bottom: 20px; border-radius:15px; } .services-detail-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; } .services-detail-list img{ border-radius: 10px 10px 0px 0px; height: 244px; width: 100%; float: left; object-fit: cover!important; overflow: hidden!important; transition: all ease-in-out .5s; } .services-detail-list img:hover{ width: 100%; transform: scale(1.1); overflow: hidden!important; object-fit: cover!important; border-radius:10px 10px 0px 0px; } .services-detail-list a{ overflow:hidden; width:100%; float:left; font-weight: 700; position:relative; border-radius:10px 10px 0px 0px; } .content-bg{ border-radius: 0px 0px 20px 20px; float: left; background-color: #66418E; width: 100%; height: 200px; padding: 20px 10px; } .content-bg h2 { width: 100%; float: left; text-align: center; font-size: 20px; color: #ffffff; font-family: 'proxima-nova', sans-serif; font-weight: 700; font-style: normal; margin-bottom: 15px; } .content-bg p{ width: 100%; float: left; text-align: center; font-size: 14px; color: #ffffff; font-weight: 300; line-height: 28px; margin-bottom: 0px; } .other-services{ float: left; width: 100%; position:relative; padding: 50px 0px 70px 0px; background-size: cover; background-color: #ffffff; } .services .col-lg-4{ padding: 0px 5px; } /******************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; } .abt-pattern1{ position:absolute; top: 0px; right: 0px; } .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; color: #fff; width: 167px; background-color: #5D1C78; border: 1px solid #5D1C78!important; margin-top: 10px; font-size: 14px; text-transform: uppercase; font-weight: 600; cursor:pointer; border-radius: 50px; 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:#ffffff; border: 1px solid #5D1C78!important; color: #5D1C78; 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: 700; color: #000000; 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: 4px; */ -moz-border-radius: 4px; /* -webkit-border-radius: 4px; */ outline: none; border: solid 1px #C1C1C1; padding-left: 15px; padding-right: 15px; } .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{ 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; } /**********************product-page****************/ .inner-banner-products{ width: 100%; float: left; background: url(../images/banner-4.png); background-size: cover; min-height: 350px; background-position: 50%; } .inner-banner-products h2{ font-size: 25px; color: #ffffff; padding: 200px 0px 0px 0px; font-weight:700; } .inner-banner-products p{ font-size: 20px; color: #ffffff; } .product-body { float: left; width: 100%; padding-top: 50px; padding-bottom: 45px; } .pro{ float: left; } .Panel-product{ margin-bottom: 50px !important; } .pro-edit{ float: right; background-color: #ffffff; padding: 10px; margin-right: 50px!important; margin-top: -250px!important; z-index: 101!important; } .pro-edit h5{ font-weight:700; font-size: 24px; } .pro-edit p{ font-size: 14px; line-height: 30px; float: left; text-align: justify; font-weight: 300; } .pro-margin{ /*padding:20px;*/ margin-top: 0px !important; margin-right: 0px !important; } .product-section { float: left; width: 100%; } .product-section img{ width: 100%; margin-top: 20px; border-radius: 20px 0px; } .product-sub-edit{ float: left; width: 100%; margin-top: 15px; } .product-sub-edit h6{ margin-top: 30px; font-weight:500; font-size: 18px; } .product-sub-edit p{ font-size: 14px; float: left; width: 100%; line-height: 15px; text-align: justify; font-weight: 300; } .product-content{ width: 100%; background-color: #69AD07; 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 img{ float: left; height: 70px; margin-top: 5px; padding-left: 15px; }*/ .product-content1 h3{ font-weight: 500; font-size: 16px; } .product-content1 p{ font-weight: 300; font-size: 14px; margin: 0px !important; width: 100%; } .prod-edit{ font-size: 16px; color: #04B3B9; line-height: 30px; padding:0px!important; } @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; font-family: 'Roboto', sans-serif;} .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; } .featured-box { transition-duration: .3s; -webkit-transition-duration: .3s; margin: 15px 0; } .featured-box img{ width: 100%; height: 335px; object-fit: cover; border-radius: 10px; } .featured-box h5 { font-size: 20px; text-align: center; font-weight: 400; padding-top: 10px; color: #ffffff; z-index:9999; } .featured-box h6 { font-size: 18px; text-align: center; font-weight: 100; padding-top: 0px; color: #ffffff; z-index:9999; } .overlay-new { position: absolute; bottom: 0; left: 0; right: 0; background-color: #171616; overflow: hidden; width: 100%; border-radius: 10px; 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%); } .featured-box: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-box:hover .overlay-new { height: 100%; opacity:75%; } .contact-sec { width: 100%; float: left; padding: 10px 2% 50px 2%; } .float-left { float: left!important; } /*8888888888888888*/ .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; } .blog-full{ width: 100%; float: left; padding: 50px 0; } .blog-full .tab { float: right; /* border: 1px solid #ccc; */ background-color: #efefefe6; width: 25%; /* height: 300px; */ /* border-radius: 5px; */ padding: 10px; } /* Style the buttons inside the tab */ .blog-full .tab button { display: block; background-color: #66418e; /* text-transform: uppercase; */ margin-bottom: 8px; color: #fff; padding: 14px 15px; width: 100%; border: none; outline: none; border-bottom: 1px solid #eee; text-align: left; cursor: pointer; transition: 0.3s; text-transform: capitalize; font-size: 15px; font-weight: 600; } /* Change background color of buttons on hover */ .blog-full .tab button:hover { background-color: #e21d65; color: #fff; } /* Create an active/current "tab button" class */ .blog-full .tab button.active { background-color: #e21d65; color: #fff; } /* Style the tab content */ .blog-full .tabcontent { float: left; padding: 0px 12px; /* border: 1px solid #ccc; */ width: 75%; border-left: none; /* height: 300px; */ }.blog-1 { margin-bottom: 30px; width: 100%; position: relative; float: left; }.b-img { width: 100%; overflow: hidden; position: relative; }.b-img img { width: 100%; transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; }.date { color: #f3fdf3; position: absolute; background: #66418e; height: 0; font-size: 15px; bottom: 0; font-weight: 700; /* width: 200px; */ z-index: 999; }.blog-text { width: 100%; float: left; padding: 30px 15px; background: #fff; box-shadow: 0px 1px 1px 1px rgb(0 0 0 / 5%); }.article_views1 { width: 100%; float: left; /* margin: 8px 10px; */ }.view_left { width: auto; /* margin: 5px 16px 5px 0; */ float: left; /* border-right: 1px solid #cccccc59; */ }.view_left h4 { color: #9b9b9b; float: right; /* padding: 20px 10px; */ font-size: 14px; font-weight: 500; margin-right: 15px; }.blog-text h2 { width: 100%; font-size: 18px; font-weight: 700; margin: 0 0 5px; float: left; } .blog-p{ font-size: 14px; color: #000; line-height: 28px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; width: 100%; margin: 0 0 5px; } .blog-text p { font-size: 14px; color: #000; line-height: 28px; margin: 0 0 5px; }.blog-text a { position: relative; font-weight: 700; font-size: 13px; color: #000; } .tab h2{ /* background: #e21f67; */ font-size: 20px; padding: 10px 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; color: #000; margin: 0; font-weight: 800; border-bottom: 1px solid #ccc; text-transform: capitalize; margin-bottom: 10px; }.blog-1 { margin-bottom: 30px; width: 100%; position: relative; float: left; }.b-img { width: 100%; overflow: hidden; position: relative; }.b-img img { width: 100%; transition: all ease-in-out .5s; -webkit-transition: all ease-in-out .5s; -moz-transition: all ease-in-out .5s; }.blog-text { width: 100%; float: left; padding: 30px 15px; background: #fff; box-shadow: 0px 1px 1px 1px rgb(0 0 0 / 5%); }.view_left { width: auto; /* margin: 5px 16px 5px 0; */ float: left; /* border-right: 1px solid #cccccc59; */ }.view_left h4 { color: #9b9b9b; float: right; /* padding: 20px 10px; */ font-size: 14px; font-weight: 500; margin-right: 15px; }.blog-text h2 { width: 100%; font-size: 18px; font-weight: 700; margin: 0 0 5px; float: left; }.blog-content { width: 100%; /* height: 70px; */ /* margin-top: -30px; */ background-color: #66418E; padding: 10px; }.blog-content h3 { margin-top: 10px; text-align: left; font-size: 18px; color: #ffffff; font-weight: 600; margin: 6px; }.blog-content1 { width: 100%; height: 105px; border: 1px solid #DFDFDF; background-color: #ffffff; padding: 10px; float: left; width: 100%; -webkit-box-shadow: 2px 12px 40px -22px rgb(0 0 0 / 75%); -moz-box-shadow: 2px 12px 40px -22px rgba(0,0,0,0.75); box-shadow: 2px 12px 40px -22px rgb(0 0 0 / 42%); }.blog-content1 img { float: left; height: 70px; margin-top: 5px; padding-left: 0; width: 70px; object-fit: cover; }.blog-content1 h3 { margin-top: 5px; font-size: 15px; float: left; color: #000; margin-left: 15px; margin-bottom: 0; font-weight: 600; }.date-edit { font-size: 12px; color: #e21e66; /* line-height: 25px; */ font-weight: 400; float: right; width: 73%; margin-top: -19px; } .blog-full .pagination li:hover{ background: #753590; } .blog-full .pagination li:hover a{ color: #fff; } .blog-text a:after { position: absolute; content: ''; background: #e21e66; top: 7px; width: 18px; left: 74px; height: 2px; transition: all ease-in-out .5s; }.blog-1:hover img { }.blog-1:hover .date { height: 51px; padding: 15px; } .blog-content1 p{ float: right; width: 73%; font-size: 13px; color: #000; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-bottom: 0; padding: 0; } .blog-full .pagination li.active a{ color:#fff; } .blog-text a:hover{ text-decoration: none; color: #e22067; }