@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700); @import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,600,700); .clear{ clear:both; padding:0px; margin:0px; } a{ text-decoration:none; outline:none; } a:hover{ text-decoration:none; outline:none; } h1,h2,h3,h4,h5,h6{ font-family: 'Montserrat', sans-serif; font-weight:600; padding:0px; margin:0px; } h2{ color:#603913; font-size:24px; border-bottom:1px solid rgba(0,0,0,0.4); padding-bottom:20px; } body{ margin:0px; padding:0px; font-family: 'Open Sans', sans-serif; font-weight:400!important; background-color:#fefefe; line-height:24px; text-align:justify; } , html { height: 100%; margin: 0; } .container-fluid{ padding:0px; } a{ text-decoration:none; } .nomargin{ margin:0px; padding:0px; } #header{ padding:4px 0; -webkit-transition:padding 0.5s; /* For Safari 3.1 to 6.0 */ transition: padding 0.5s; border-bottom:1px solid rgba(204, 204, 204, .5); } .nomarginleft{ margin-left:0px; padding-left:0px; } .nomarginright{ margin-right:0px; padding-right:0px; } /* */ :root{ --main-color: #2D3142; --black : #232c3b; --heading: #23282f; --orange : #FFA630; --light_blue : #fddaed; --textcolor : #6a7483; --white : #fff; --bg1:#f4f4f4; --footertext : #545454; --sec-color: #EF8354; --primary_color : #9D5C63; } /* */ h1{ padding:20px 0; margin:20px 0; font-size:30px; color:var(--sec-color); text-transform:uppercase; font-weight:700; display:block; } h1 em{ font-style:normal; font-weight:400; color:var(--main-color); } /*top bar */ #topbar{ padding:10px; color:#fff; font-size:14px; border-bottom:1px solid rgba(204, 204, 204, .5); background-color:var(--main-color); } #topbar a{ color:#fff } #topbar i{ color:#fff; margin-right:5px; padding-right:10px; padding-left:10px; } .display-table{ display:table; } .display-cell{ display:table-row; vertical-align:middle; } .flex{ display:flex; flex-wrap:no-wrap; align-item:center; } /* menu */ .navbar-nav>li>a{ color:var(--heading); margin-left:1px; } .nav-link{ } .navbar-nav>li>a:after{ content: ''; display: block; margin:auto; height: 3px; width: 0px; background: transparent; transition: width .1s ease, background-color .1s ease; } .navbar-nav>li>a:hover:after { width: 100%; background: var(--sec-color); } .navbar-nav>li:last-child>a:hover:after { } .navbar-nav>li{ text-transform:uppercase; font-weight:700; } .nav-item{ } .nav-link{ padding:0 30px; } .navbar-nav>li>a:hover{ color:var(--sec-color); } .navbar-nav>li:hover{ background:none; } .navbar-nav>li>a { padding:6px 6px; } .navbar-nav>li>a:focus{ background:none!important } .navbar-nav>li.active>a { color:var(--white); background-color:var(--sec-color); } #menu .dropdown-menu{ background-color:#f4f4f4; color:var(--heading); } #menu{ font-size:13px; margin-top:20px; } #menu .dropdown-menu li{ margin-bottom:5px; text-transform:uppercase; } #menu .dropdown-menu li:last-child{ margin-bottom:0px; } #menu .dropdown-menu li a{ color:var(--heading); font-size:13px; padding:10px } #menu .dropdown-menu li:hover{ background:none; } #menu .dropdown-menu li a:hover{ background-color:var(--sec-color); color:#fff; } .navbar-toggle{ background-color:#072436!important; } .serviceitem{ -webkit-box-shadow: 0px 0px 5px 2px rgba(184,175,184,0.2); -moz-box-shadow: 0px 0px 5px 2px rgba(184,175,184,0.2); box-shadow: 0px 0px 5px 2px rgba(184,175,184,0.2); padding:10px; background-color:#fff; } .serviceitem h1{ color:var(--heading); font-size:22px; } .serviceitem p{ min-height:150px; } .list{ } .list ul{ margin-top:10px; padding:0px; } .list ul li{ list-style:none; margin-bottom:8px; } .list li i{ margin-right:5px; font-size:20px; color:var(--maincolor); font-weight:700; } .serviceitem ul{ padding:10px; min-height:150px; } .serviceitem li{ list-style:none; color:var(--main-color); margin-bottom:8px; font-weight:600; } .serviceitem li i{ margin-right:5px; font-size:20px; color:var(--orange); font-weight:700; } .readmorebt{ margin-bottom:10px; } .readmorebt a{ background-color:var(--main-color); color:var(--white); display:inline-block; padding:6px; font-size:14px; border-radius:2px; } .readmorebt a:hover{ background-color:var(--orange); } #intro{ background-color:var(--main-color); color:var(--white); font-size:15px; } section{ padding:30px 0; } #intro h1, #deal h1, #vid h1{ color:var(--white); border-bottom:2px solid #f1c62e; display:inline-block; text-transform:uppercase; margin-bottom:20px; } #intro h3{ margin:20px 0; } .image_cover{ background-repeat: no-repeat; background-size: cover; } .intro_bg{ background-image:url(../images/img1.jpg); background-repeat: no-repeat; background-position:right; width:100%; height:400px; position:relative; } .intro_bg2{ background-image:url(../images/doctor2.png); background-repeat: no-repeat; background-size: cover; width:100%; height:400px; position:relative; } .nopaddingbottom{ padding-bottom:0px; } #deal{ background-color:#f4f4f4; } #deal{ background:url(../images/deal.jpg) no-repeat left top ; background-size: cover; } .deal{ background-color:rgba(255,255,255,0.8); padding:10px; border:1px solid #ccc; } .dealitem{ display:flex; flex-wrap: no-wrap; align-items: center; color:#001c27; font-size:15px; font-weight:700; } .dealitem img{ background-color:var(--bg1); padding:8px; width:120px; } .dealitem div:first-child{ } .dealitem > div{ margin:4px; vertical-align:middle; height:120px; } .nopadding{ padding:0px; } #appoinment{ background-color:var(--main-color); background-attachment: fixed; } #appoinment h1{ color:var(--white); border-bottom:4px solid #f1c62e; display:inline-block; text-align:center; margin-bottom:30px; text-transform:uppercase; } #footer_form form{ } .flexbox{ display:flex; flex-wrap:wrap; justify-content: center; } #footer_form input[type="text"], #footer_form input[type="email"],#footer_form textarea{ width:100%; border:0px; padding:10px 0px 10px 10px; color:#757575; border-radius:5px; } #footer_form select{ padding:0px 0px; font-size:14px; margin:0px; } #footer_form input[type="submit"]{ width:100%; border:0px; padding:12px; color:var(--main-color); border-radius:5px; background-color:var(--sec-color); font-weight:700; } #footer_form input[type="submit"]:hover{ background-color:var(--primary_color); } .flexbox > div{ } .name{ background:url(../svg/man-user.svg) no-repeat left; } .phone{ background:url(../svg/call-answer.svg) no-repeat left; } .calder{ background:url(../svg/maps.svg) no-repeat left; } .envelope{ background:url(../svg/envelope.svg) no-repeat left; } .comments{ background:url(../svg/comments.svg) no-repeat left; } .message{ background:url(../svg/message.svg) no-repeat left; } .icon{ background-size: 15px 15px; background-color:#fefefe; background-origin: content-box; } #vid{ color:var(--textcolor); font-size:15px; } footer{ color:#C5C6CB; border-top:1px solid #F3EBEF; padding:40px 0 0 0; background-color:#292D3C; font-size:15px; } footer h4{ color:var(--sec-color); font-size:18px; padding-bottom:15px; } footer h4 em{ color:#fff; font-style:normal; } footer .link{ margin-top:10px; font-size:15px; } footer .link ul{ padding:0px; margin:0px; } footer .link li{ list-style:none; margin-bottom:4px; } footer .link li a{ color:#C5C6CB; } footer .link li a:hover{ color:#EBECED; } footer h2{ color:var(--heading); font-size:18px; padding:15px 0; } footer .links{ border-top:0px solid #F3EBEF; border-bottom:0px solid #b5b7d2; } footer .links ul{ padding:0px; margin:0px; float:left; margin-right:50px; } footer .links ul li{ padding:0px; margin:0px 0px 8px 0px; list-style:none; } footer .links a{ margin-bottom:10px; color:#fff; } footer .links a:hover{ color:#3d3d47; text-decoration:underline; } .space-between{ justify-content: space-between; } .normalpadding{ padding:10px; } footer i{ margin-right:10px; color:var(--sec-color) } .tooltips{ background-color:var(--main-color); padding:10px 6px 10px 6px; border-radius:4px; color:var(--light_blue); text-align:center; position:absolute; bottom:40px; left:-40px; border:1px solid #F3EBEF; } .flex-control-nav{ width: 100%; position: absolute; bottom:40px; text-align:center; z-index:11; } #directors figure{ float:none; max-width:100%; padding-right:20px; margin-right:20px; border-right:1px solid ; border-color:rgba(0,0,0,0.1); } .whitebgcolor{ background-color:#f4f4f4!important; } .bigtext{ font-size:16px; } .highlights{ background-color:var(--orange); color:var(--white); display:inline-block; padding:8px; } .innerserviceitem{ } .innerserviceitem h2{ background-color:var(--sec-color); color:var(--white); padding:10px; font-size:16px; margin-bottom:1px; } .targetDiv{ display:none; border:1px solid #ccc; padding:10px; margin:10px 0; } .targetDiv li i{ color:var(--darkeorange); margin-right:5px; margin-bottom:10px; } #div1{ display:block; } .targetDiv{ } .serviceimg{ background-color:var(--bg1); padding:8px; } .boxshadow{ -webkit-box-shadow: 0px 0px 5px 2px rgba(184,175,184,0.2); -moz-box-shadow: 0px 0px 5px 2px rgba(184,175,184,0.2); box-shadow: 0px 0px 5px 2px rgba(184,175,184,0.2); padding:10px; } .innercontent { padding-top:10px; border-top:2px solid #f4f4f4; font-size:15px; } .innercontent h1{ color:var(--heading); border-bottom:2px solid #595959; display:inline-block; text-transform:uppercase; margin-bottom:20px; } .bg1{ background-color:var(--bg1); } .bgwhite{ background-color:#fff; } .orange{ background-color:#fff!important; } .sticky { position: fixed; top: 0; width: 100%; z-index:111; background-color:#fff; box-shadow: 0 2px 10px 0px #ccc; padding:0px 0px!important; } .headerpadding{ padding-top:200px; } .heading2{ text-align:center; font-size:14px; color:var(--main-color); background-image:linear-gradient(to bottom right, #f6f6f6, #ebebeb); padding:10px; margin-top:10px; border-bottom:1px solid #ccc; font-weight:700; width:100%; } .gallerybox{ display:flex; flex-wrap:wrap; justify-content: flex-start; } .gallerybox>div{ width:250px; margin:10px; } .galleryimg{ position:relative; } .overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease; background-color: #000; } .galleryimg:hover .overlay { opacity: 0.5; } .zoomicon { color: white; font-size: 20px; position: absolute; top: 0%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; transition: .5s ease; opacity:0; } .galleryimg:hover .zoomicon { color: white; font-size: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); text-align: center; transition: .5s ease; opacity:1; } .zoomicon i{ color:var(--orange); } .feedback input[type="text"], .feedback input[type="email"], .feedback textarea{ width:100%; border:1px solid #F3EBEF; padding:12px 0px 15px 10px; color:#757575; border-radius:5px; text-align:center; margin:10px 0; transition: all 0.5s; outline:none; } .feedback input[type="submit"]{ width:100%; border:0px; padding:12px; color:var(--white); border-radius:5px; background-color:var(--orange); } .feedback input[type="text"]:hover , .feedback input[type="email"]:hover, .feedback textarea:hover{ background-color:var(--bg1); } .feedback input[type="submit"]:hover{ background-color:var(--darkeorange); } .bluetext{ color:var(--main-color) } .form-error{ color:#930; text-align:center; } .dealflex{ background-color:#fff; margin:5px; padding:0px; border:1px solid #c2dfee; } .dealflex > div{ margin:10px; font-weight:700; } .dealflex img{ width:150px; } #homeitem{ position:relative; top:-130px; z-index:11; } @media (min-width: 200px) and (max-width: 600px) { #homeitem{ position:relative; top:0; } } #iconpop{ width:50px; position:fixed; left:0; top:50%; text-align:center; } #iconpop i{ font-size:20px; color:#fff; line-height:50px; } #iconpop .home{ height:50px; margin-bottom:2px; background-color:#e6193f; display:none; } #iconpop .mailus{ height:50px; background-color:#e6193f; margin-bottom:2px; display:none; } #iconpop .scrollup{ height:50px; background-color:var(--orange); display:none; } #iconpop a{ display:block; } #iconpop a:hover{ background-color:var(--main-color); } .se-pre-con { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url(../images/loader.gif) center no-repeat #fff; } .loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url(../images/loading.gif) 50% 50% no-repeat rgb(249,249,249); opacity: 1; } #serviceimg{ position:relative; } .img-loader{ position:absolute; left: 0px; top: 0px; width: 100%; height: 400px; z-index: 9999; background: url(../images/loader.gif) 50% 50% no-repeat rgb(249,249,249); opacity: 0.5; } .hide{ display:none; } .follow{ font-size:16px; color:#3d3d47; } .follow i{ color:#3d3d47; font-size:18px; } #video{ position:relative } #vidbox{ position:relative; } .myvideo{ width:100%; z-index:-1; } #contact{ position:relative; } .contact{ background-color:rgba(15,54,97,0.9); border-radius:8px; color:var(--white); font-size:16px; } #contact h1{ color:var(--white); font-size:26px; text-transform:uppercase; border-bottom:4px solid #f1c62e; text-align:center; } .map{ position:absolute; width:100%; top:0; z-index:-1; } #privacy { font-size:14px; } #privacy h1{ color:var(--main-color); font-size:26px; text-transform:uppercase; border-bottom:4px solid #f1c62e; text-align:center; } #privacy h2{ font-size:18px; color:var(--main-color); } #privacy .modal-dialog { width: 800px!important; } #privacy .modal-content { width: 800px!important; margin-left: -150px; } #formpop .model-dialog{ } #formpop form img{ width:14px; height:14px; } #formpop{ } #formpop .modal-content { border-radius:0px; } #formpop h1{ color:var(--white); text-align:right; } #formpop h2{ color:var(--main-color); text-align:center; font-size:22px; } #formpop input[type="text"], #formpop input[type="email"], #formpop select{ width:100%; border:none; border-bottom:1px solid #e7e7e7; padding:12px 0px 12px 10px; color:#757575; border-radius:0px; font-size:14px; margin:0 auto; outline:none; } #formpop form{ margin-top:10px; } #formpop select{ width:90%; padding:12px 0px 12px 10px; font-size:14px; margin:0 auto; border:none; border-bottom:1px solid #e7e7e7; outline:none; } #formpop input[type="submit"]{ width:80%; padding:12px; color:var(--main-color); background-color:var(--sec-color); font-weight:700; } #formpop input[type="submit"]:hover{ background-color:var(--darkeorange); } .formleft{ background-color:var(--main-color); position:relative; } .formimg { position:relative; } #formpop .modal-backdrop{ background-color:rgba(0,0,0,1)!important; } .modal-backdrop.fade { opacity: 0.8; filter: alpha(opacity=0.8); } #service{ color:#6a7483; font-family: 'Montserrat', sans-serif; text-align:center; } #service h1{ } #service .icon{ margin:10px auto; width:150px; height:150px; background-color:var(--primary_color); -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); } #service h3{ font-size:20px; margin-bottom:10px; } #service .icon figure{ display:block; width:150px; height:150px; } #service p{ border-top:1px solid #ccc; padding-top:10px; font-weight:600; text-transform:uppercase; } #service .icon img{ margin:0 auto; padding-top:40px; } #service a{ color:#000000; } #service a:hover { color:#000000; } #service a:hover .icon { background-color:var(--sec-color); box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1); } #domainsearch{ background-color:var(--sec-color); } #domainsearch h3{ color:#fff; font-size:28px; padding:0px; margin:0px; } #domainsearch p{ color:var(--main-color); font-size:16px; font-weight:700; } #domainsearch .domain{ background-color:#f4f4f4; border-radius: 4px 0px 0px 4px; width:100%; } #domainsearch input{ border:0px; height:40px; padding:15px 20px; outline:none; } #domainsearch select{ border:0px; height:40px; padding:0px 40px 0px 20px; background-color:#f4f4f4; border-left:1px solid #cfd0d1; -webkit-appearance:none; -moz-appearance:none; appearance:none; outline:none; } #domainsearch button{ border:0px; height:40px; padding:0px 20px; background-color:var(--main-color); border-radius: 0px 4px 4px 0px; color:#fff; outline:none; } .domainflex{ display: flex; flex-wrap: nowrap; justify-content: space-around; width:100%; } #domainsearch label {position:relative} #domainsearch label:after { content:"\f078"; font-family: "FontAwesome"; font-size: 11px; color:#aaa; right:0px; top:10px; padding:0px 10px; position:absolute; pointer-events:none; } #domainsearch label:before { content:''; right:4px; top:0px; width:23px; height:18px; background:#fff; position:absolute; pointer-events:none; display:block; } #hosting{ background-color:#f4f4f4; } #hosting .box{ background-color:#fff; padding:20px 10px; text-align:center; border:1px solid #dfdfdf; } #hosting ul{ padding:0px; margin:10px 0 } #hosting li{ list-style:none; color:#6a7483; font-size:15px; font-family: 'Montserrat', sans-serif; padding:10px 0; margin:10px 0; border-bottom:1px solid rgba(229,229,229,.7) } #hosting .button{ margin-top:30px; } #hosting .button a{ display:inline-block; background-color:var(--main-color); text-transform:uppercase; padding:10px 20px; color:#fff; } #hosting .button a:hover{ background-color:var(--sec-color); } #hosting .title{ font-family: 'Montserrat', sans-serif; font-size:20px; font-weight:700; color:var(--main-color); } #hosting .title span{ color:var(--sec-color); } #brands{ background-color:var(--sec-color); } #brands h1{ color:#fff; border-bottom:none; } #brands .col{ border-right:1px solid rgba(198,202,210,.2) } #testi{ } #testi h1{ display:block; border-bottom:2px solid var(--main-color); } #testi .callusbox{ background-color:var(--sec-color); padding:15px 10px; color:#fff; font-size:14px; font-family: 'Montserrat', sans-serif; text-align:center; margin:20px 0; } .testimonials img{ margin:10px auto; } .testimonials{ background-color:#fff!important; } #footerbottom{ background-color:var(--primary_color); color:#fff; line-height:40px; text-transform:uppercase; font-size:14px; margin-top:10px; } #footerbottom i{ color:#fff; margin:0px!important; padding-left:5px; padding-right:5px; } #footerbottom .fb{ background-color:#3b5998; } #footerbottom .twitter{ background-color:#55acee; } #footerbottom .linked{ background-color:#007bb5; } #footerbottom .goolge{ background-color:#ff6c3a; } #recentwork img{ border:0px solid rgba(0,0,0,0.2); margin:0px; } #recentwork .title{ color:var(--heading); text-align:center; font-weight:700; font-size:20px; border-top:1px solid; border-color:var(--main-color); display:inline-block; padding:10px 40px; text-transform:uppercase; margin-top:30px; } .owl-dots{ display:none!important; } #recentwork .caption { position: relative; overflow: hidden; display: inline-block; width: 100%; z-index: 10; } #recentwork{ background-color:#f3f3f3; } #recentwork h1 span{ background-color:#f3f3f3; } #recentwork .caption:before { content: attr(data-title); position: absolute; top:-80%; left: 0; width: 100%; height: 80%; padding: 10px; font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: 400; line-height: 1.6em; color:#fff; background-color:rgba(0,0,0,0.8); overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } #recentwork .caption::after { content: attr(data-description); position: absolute; bottom: -50%; left: 0; width: 100%; height: 20%; padding:30px 0; font-family: 'Montserrat', sans-serif; font-size: .9em; font-weight: 400; color: #fff; background:var(--sec-color); overflow: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; text-align:center; text-decoration:underline; } #recentwork .caption:hover::before { top:0; } #recentwork .caption:hover::after { bottom: 0; } #recentwork a{ margin:0px; } .con{ font-size:16px; line-height:24px; color:#5e5e5e; } #innerslide{ position:relative } #innerslide .img{ position:relative; z-index:0; } #innerslide .img img{ z-index:0!important; } #innerslide .caption{ position:absolute; z-index:1!important; text-align:center; color:#fff; font-size:25px; font-family: 'Montserrat', sans-serif; left: 0; right: 0; margin-left: auto; margin-right: auto; bottom: 50%; } /*portfolio/ */ #team{ background-color:#f4f4f4; } #team h3{ margin:15px 0; font-size:20px; } #team img{ width:80px; height:auto; margin:0 auto; } .mission{ color:#fff; text-align:left; } .mission img{ float:left; margin-right:20px } .divider-right{ border-right:1px solid; border-color:var(--sec-color); } .knowbt{ font-size:20px; text-align:center; font-family: 'Montserrat', sans-serif; } .knowbt a{ color:#fff; background-image:linear-gradient( #f1592a, #e55327); display:block; border-radius:45px; padding:18px 20px; text-transform:uppercase; box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1); transition: all 0.3s ease 0s; cursor: pointer; outline: none; border:1px solid #bf4722; } .knowbt a:hover{ box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.2); transform: translateY(-7px); } #tempo{ position: relative; width: 100%; height: 100%; background:url(../images/tempo_bg.jpg) center center no-repeat ; background-size: cover; font-family: 'Montserrat', sans-serif; padding:100px; background-attachment: fixed; } #tempo:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to bottom right, #000000, #000000); opacity: .6; } #tempo .counter-value { color:var(--main-color); font-size:40px; border-bottom:1px solid #fff; padding-bottom:20px; margin-bottom:10px } #tempo i{ color:#ffffff!important; font-size:40px; line-height:100px; } #tempo .flex>div{ margin-right:20px; } #tempo p{ color:#32dac3; text-transform:uppercase; font-size:18px; } #ceo{ background-color:#F9F9F9; color:#55595f; line-height:26px; font-size:14px; border:none; border-bottom:1px solid; border-top:1px solid; border-color:#D2B4B8; } #ceo h1{ margin-bottom:0px; padding-bottom:0px; background-image:none; display:block; width:100%; } #ceo h2{ margin-bottom:0px; padding-bottom:0px; font-size:19px; text-transform:uppercase; } #ceo P{ color:#3b3b3b; margin-top:8px; font-weight:400; } #ceo ul{ margin:0 10px 0 10px; padding:0px; list-style:none; } #ceo ul li{ font-size:16px; margin-bottom:15px; color:var(--heading); } #ceo ul li:before{ content:"\f164"; font-family: FontAwesome; font-size: 1em; margin-right:10px; color:var(--main-color); } #ceo blockquote { position: relative; padding-right:10px; /* background: #ddd; */ } #ceo blockquote>div { padding-left:80px; } #ceo blockquote:before { position: absolute; content: "\f10d"; font-family: FontAwesome; font-size: 3em; margin-left: 0px; margin-top: -0.1em; } #ceo blockquote p { } #ceo img{ border:2px solid #f4f4f4; } .keytitle{ color:#fff; text-align:center; display:block; padding:10px 0px; font-size:14px; font-weight:700; background-color:var(--main-color); text-transform:uppercase } #map{ position: relative; width: 100%; height: 100%; background:url(../images/map.jpg) center center no-repeat ; background-size: cover; font-family: 'Montserrat', sans-serif; padding:100px; background-attachment: fixed; } #map:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: linear-gradient(to bottom right, #000000, #000000); opacity: .8; } #map h1, #map h2{ margin:0px; padding:0px; } #map h1{ color:var(--main-color); } #map h2{ color:var(--sec-color); font-size:19px; } #map .keytitle{ color:#23282f; background-color:#fff; } .slides li:before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .flex-control-paging li a{ background-color:#fff; } .ceotool { position:relative; cursor:pointer; } /* Tooltip text */ .ceotool .tooltiptext { visibility: hidden; width: 120px; background-color: var(--main-color); color: #fff; text-align: center; padding: 5px 0; border-radius: 6px; /* Position the tooltip text - see examples below! */ position: absolute; z-index: 1; bottom:-50%; left:0; right:0; margin-left:23%; margin-right:23%; border-width: 5px; transition: all 0.5s; opacity:0; } /* Show the tooltip text when you mouse over the tooltip container */ .ceotool:hover .tooltiptext { visibility: visible; bottom:40%; opacity:1; } /*=-====Bootstrapthemes.co btco-hover-menu=====*/ .navbar-light .navbar-nav .nav-link { } .btco-hover-menu a , .navbar > li > a { } .btco-hover-menu .active a, .btco-hover-menu .active a:focus, .btco-hover-menu .active a:hover, .btco-hover-menu li a:hover, .btco-hover-menu li a:focus , .navbar>.show>a, .navbar>.show>a:focus, .navbar>.show>a:hover{ } /*submenu style start from here*/ .dropdown-menu { padding: 10px 0; margin: 0px 0 0; border: 0px solid transition !important; border: 0px solid rgba(0,0,0,.15); border-radius: 0px; -webkit-box-shadow: none !important; box-shadow: none !important; } /*first level*/ .btco-hover-menu .collapse ul > li:hover > a{} .btco-hover-menu .collapse ul ul > li:hover > a, .navbar .show .dropdown-menu > li > a:focus, .navbar .show .dropdown-menu > li > a:hover{} /*second level*/ .btco-hover-menu .collapse ul ul ul > li:hover > a{} /*third level*/ .btco-hover-menu .collapse ul ul, .btco-hover-menu .collapse ul ul.dropdown-menu{} .btco-hover-menu .collapse ul ul ul, .btco-hover-menu .collapse ul ul ul.dropdown-menu{} .btco-hover-menu .collapse ul ul ul ul, .btco-hover-menu .collapse ul ul ul ul.dropdown-menu{} /*Drop-down menu work on hover*/ .btco-hover-menu{background: none;margin: 0;padding: 0;min-height:20px} @media only screen and (max-width: 991px) { .btco-hover-menu .show > .dropdown-toggle::after{ transform: rotate(-90deg); } } @media only screen and (min-width: 991px) { .btco-hover-menu .collapse ul li{position:relative;} .btco-hover-menu .collapse ul li:hover> ul{display:block} .btco-hover-menu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none} /*******/ .btco-hover-menu .collapse ul ul li{position:relative} .btco-hover-menu .collapse ul ul li:hover> ul{display:block} .btco-hover-menu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none} /*******/ .btco-hover-menu .collapse ul ul ul li{position:relative} .btco-hover-menu .collapse ul ul ul li:hover ul{display:block} .btco-hover-menu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1} } .dropdown-toggle::after { display:none!important; } #content{ line-height:30px; text-align:justify; color:#1b1b1b; font-size:16px; } .widgets_part{ line-height:60px; transition: all 0.3s ease 0s; cursor: pointer; outline: none; margin-bottom:10px; border-bottom:1px solid; border-color:var(--sec-color); } .widgets_part i{ font-size:60px; margin-right:20px; color:var(--main-color); } .widgets_part span{ color:var(--heading); font-size:20px; font-family: 'Montserrat', sans-serif; text-transform:uppercase; } .widgets_part:hover{ box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.2); transform: translateY(-7px); } .heading_border{ border-bottom:1px solid; border-color:var(--main-color); display:block; } .governing_title{ font-size:16px; color:var(--main-color); font-family: 'Montserrat', sans-serif; } .governing { margin:10px auto; } .governing h5{ font-size:18px; color:var(--main-color); margin-top:10px; margin-bottom:10px; } .governing img{ border:2px solid #ccc; } .governing h6{ font-size:16px; color:var(--heading); } #annas{ background-color:#f4f4f4; } #annas h3{ font-size:18px; padding-bottom:10px; margin-bottom:10px; min-height:60px; } #annas input{ background-color:#fff; border:1px solid #ccc; padding:10px; width:100%; outline:none; } #annas textarea{ background-color:#fff; border:1px solid #ccc; padding:10px; width:100%; } #annas input[type=submit]{ background-image:linear-gradient(to bottom right, #f1592a, #f7941d); color:#fff; border:0px; outline:none; transition: all 0.3s ease 0s; cursor:pointer; } #annas input[type=submit]:hover{ box-shadow: 0px 30px 50px rgba(0, 0, 0, 0.1); transform: translateY(-7px); } #annas iframe{ border:1px solid !important; border-color:#ccc!important; padding:10px!important; } #clients{ background-color:#e7e7e7; } #flexiselDemo1, #flexiselDemo2, #flexiselDemo3 { display:none; } .nbs-flexisel-container { position:relative; max-width:100%; } .nbs-flexisel-ul { position:relative; width:99999px; margin:0px; padding:0px; list-style-type:none; text-align:center; overflow: auto; } .nbs-flexisel-inner { position: relative; overflow: hidden; float:left; width:100%; } .nbs-flexisel-item { float:left; margin:0px; padding:0px; cursor:pointer; position:relative; line-height:0px; } .nbs-flexisel-item img { max-width: 100%; cursor: pointer; position: relative; margin-top: 10px; margin-bottom: 10px; } /*** Navigation ***/ .nbs-flexisel-nav-left, .nbs-flexisel-nav-right { padding:5px 10px; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; position: absolute; cursor: pointer; z-index: 4; top: 50%; transform: translateY(-50%); background: rgba(0,0,0,0.5); color: #fff; display:none; } .nbs-flexisel-nav-left { left: 10px; } .nbs-flexisel-nav-left:before { content: "<" } .nbs-flexisel-nav-left.disabled { opacity: 0.4; } .nbs-flexisel-nav-right { right: 5px; } .nbs-flexisel-nav-right:before { content: ">" } .nbs-flexisel-nav-right.disabled { opacity: 0.4; } #casestudy{ } #casestudy .w-100{ } .caseflex{ display:flex; margin-top:30px; border-bottom:1px solid; border-color:var(--main-color); padding-top:20px; padding-bottom:20px; } .caseflex>div:first-child { width:30%; margin-right:10px; padding-right:10px; } .caseflex{ } .caseflex h4{ font-size:16px; text-transform:uppercase; margin-bottom:10px; } .caseflex>div:nth-of-type(2){ width:70%; } .morebt{ text-align:right; margin-top:20px; font-weight:700; } .morebt a{ color:var(--heading); transition: all 0.3s ease 0s; text-transform:uppercase; cursor: pointer; outline: none; padding:10px; background-color:#fff; } .morebt a:hover{ color:var(--main-color); } .morebt span{ display:block; background:url(../images/line.png) repeat-x center right; } #contactus{ } #contactus h2{ font-size:18px; margin-bottom:10px; color:var(--main-color); text-transform:uppercase; } #contactus .col-md { padding:10px; margin-top:5px; margin-bottom:5px; border-bottom:1px solid; border-color:var(--sec-color); } .gallery{ margin-top:40px; border:none!important; } .gallery>div{ } .gallery ul{ } .gallery li{ } .gallery img{ opacity: 0.95; -webkit-transition: -webkit-transform 0.35s; transition: all 0.35s; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; border:4px solid ; border-color:transparent } .gallery img:hover{ -webkit-transform: scale3d(0.95,0.95,1); transform: scale3d(0.95,0.95,1); border-color:var(--main-color); opacity: 1; } .leftmenu{ margin-top:20px; border-left:1px solid; border-color:var(--main-color); padding-left:10px; } .leftmenu ul{ margin:0px; padding:0px; } .leftmenu li{ list-style:none; margin:0px; padding:0px; } .leftmenu li a{ color:var(--heading); font-size:16px; padding:10px; font-weight:700; margin:10px; border-bottom:1px solid; border-color:var(--main-color); display:block; transition: all 0.3s ease 0s; } .leftmenu li a:before{ content: ' '; display: block; width:0; height:0; position:absolute; transition: all 0.3s ease 0s; left:0; bottom:0; right:0; top:0; z-index:-111; opacity:0; } .leftmenu li a:hover:before{ width: 100%; height: 100%; background: var(--main-color); opacity:1; } .leftmenu li a:hover{ box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.2); color:#fff; transform: translateY(-7px); } .btns{ font-size:13px; text-align:center; font-family: 'Montserrat', sans-serif; } .btns a{ color:#fff; background-image:linear-gradient( #f1592a, #e55327); display:block; border-radius:45px; padding:15px 20px; text-transform:uppercase; box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1); transition: all 0.3s ease 0s; cursor: pointer; outline: none; border:1px solid #bf4722; } .btns a:hover{ box-shadow: 0px 15px 50px rgba(0, 0, 0, 0.2); transform: translateY(-7px); } .maintain{ min-height:300px; text-align:center; padding-top:100px; } .bg1{ } .ang:before{ content:""; display:block; padding-top:100px; } .paddingtop{ padding-top:50px; padding-bottom:50px; } .no_border{ border-bottom:none!important; } #career{ } #career h4{ font-size:16px; text-align:center; display:block; } .btns1{ margin-top:20px; } .btns1 a{ color:#fff; background-image:linear-gradient( #f1592a, #e55327); padding:8px 20px; transition: all 0.3s ease 0s; cursor: pointer; outline: none; display:block; margin:10px 0; text-align:center; } .btns1 a:hover{ background-image:linear-gradient( #f7941d, #f7941d); } .box{ box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.1); padding:13px; border:1px solid #ccc; } #getCodeModal h1{ display:block; font-size:18px; color:var(--main-color); } #getCodeModal .modal-content { border-radius:0px; } .bg2{ background-color:var(--sec-color); min-height:100px; } hr{ } .divder_bottom{ border-bottom:1px solid; border-color:var(--sec-color); } .car_bg{ background-image:url(../images/img1.jpg); background-repeat:no-repeat; background-position:center center; min-height:250px; } .car_bg h4{ line-height:250px; display:block; } .more{ font-family: 'Montserrat', sans-serif; font-weight:600; text-align:right; width:50%; } .more span{ padding:10px; background:url(../images/line.png) repeat-x center center; } .more a{ font-size:18px; color:#3d3d47; background-color:#fff; text-align:right; } .small{ } .smallca{ text-transform:none!important; } .app{ } .app a{ display:block; background-color:#3d3d47; background-image: linear-gradient(to right, #32b8da , #32dac3); color:#fff; display:block; padding:6px 10px; text-align:center; border-radius:8px; -webkit-box-shadow: 0px 0px 5px 2px rgba(184,175,184,0.2); -moz-box-shadow: 0px 0px 5px 2px rgba(184,175,184,0.2); box-shadow: 0px 0px 5px 2px rgba(184,175,184,0.2); border:1px solid #2ca2bf; } .app a:hover{ background-color:var(--sec-color); background-image: linear-gradient(to right,#32dac3,#32b8da ); } /*slider */ .slider_wrap{ } .slider_title{ font-family: 'Montserrat', sans-serif; position:absolute; top: 60%; z-index:111; left:20px; width:800PX; } .slider_title h2{ color:#fff; font-size:1.4em; -webkit-animation-delay: 0.2s; margin-bottom:5px; text-transform:uppercase; text-align:left; padding:15px 10px; margin:0px; /*background-color:rgba(157,92,99,0.9); */ background-color:rgba(0,0,0,0.6); } .slider_title h2 span{ color:#f48221; } .slider_title h1{ color:var(--sec-color); font-size:2.5em; -webkit-animation-delay: 1.4s; text-transform:uppercase; padding:0px; margin:0px; } .slider_title h2 em{ font-weight:400; font-style:normal; } .slider_title p{ font-size:14px; -webkit-animation-delay: 1.2s; text-transform:uppercase; border-bottom:none; padding:0px; margin:20px 0; color:#fff; text-transform:none; text-align:left; } .slider_title a{ -webkit-animation-delay: 1.4s; } .slider_title a{ padding:15px 20px; color:#fff; border:1px solid ; border-color:var(--sec-color); font-size:14px; } .slider_title a:hover{ background-color:var(--sec-color)!important; } #slider{ border-bottom:0px solid rgba(204, 204, 204, .5); padding:0px; margin:0px; max-height:650px!important; overflow:hidden; } #slider .container{ position:absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top:0; bottom:0; width:100%; } #slider ol{ } /* */ .flex-direction-nav { *height: 0; } .flex-direction-nav a { text-decoration: none; display: block; width: 40px; margin: 0 0 0; position: absolute; top:80%!important; bottom: 20%!important; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(255, 255, 255, 1); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .flex-direction-nav a:before { font-family: 'FontAwesome'!important; font-size: 40px; display: inline-block; content: '\f104'; color: rgba(255, 255, 255, 1)!important; text-shadow:none; } .flex-direction-nav a:before { font-family: 'FontAwesome'!important; content: "\f105"; font-size: 30px; font-size: 40px; display: inline-block; color: rgba(255, 255, 255, 1)!important; text-shadow:none!important; } .flex-direction-nav a.flex-next:before { content: '\f105'!important; } .flex-direction-nav .flex-prev { left: 95%!important; } .flex-direction-nav .flex-next { right: 0px!important; text-align: right; } .flexslider:hover .flex-direction-nav .flex-prev { opacity: 1; right: 80px; } .flexslider:hover .flex-direction-nav .flex-prev:hover { opacity: 1; } .flexslider:hover .flex-direction-nav .flex-next { opacity: 1; right: 10px; } .flexslider:hover .flex-direction-nav .flex-next:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0); cursor: default; z-index: -1; } .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; } .flex-pauseplay a:before { font-family: "FontAwesome"; font-size: 20px; display: inline-block; content: '\f105'; } .flex-pauseplay a:hover { opacity: 1; } .flex-pauseplay a.flex-play:before { content: '\f105'!important; } .flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } .flex-direction-nav a:before { font-family: "FontAwesome"!important; font-size: 40px; display: inline-block; content: '\f104'!important; color: rgba(0, 0, 0, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); } /* ==================================================================================================================== * RESPONSIVE * ====================================================================================================================*/ @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 1; left: 10px; } .flex-direction-nav .flex-next { opacity: 1; right: 10px; } } /* */ #products{ } #products h4{ color:#9D5C63; text-align:left; padding-bottom:10px; font-size:20px; } #products p{ color:#4F5D75; font-size:14px; min-height:120px; } #products .readmore{ font-size:14px; } #products .readmore a{ padding:6px 15px; margin:0px; color:#fff; background-color:var(--main-color); display:inline-block; } #products .readmore a:hover{ background-color:var(--sec-color); } #products .item{ border-right:1px dashed #DCDCDC; } .gbox .cards{ width:100%; border-bottom:1px solid rgba(0,0,0,0.2) } .gbox h4{ font-size:16px; padding:6px; text-align:left; } .gbox figure{ max-height:250px; overflow:hidden; } .gbox figure img{ transition: all 0.5s ease; } .gbox .cards:hover figure img{ transform: scale(1.1); } .gbox .cards a h4{ color:#cf6a13; }