/* Theme: Home Builder Author: SRGIT Bootstrap Version: 4+ */ /*------------------------------------------------------------------ [Table of contents] 1. Body / body 2. Header / .top-header 3. Navigation / .navbar 4. Menu Tabs / .nav-tabs 5. Owl Carousel / .owl-carousel 6. Image Carousel / #myCarousel 7. Google Map / #mapkit-7453 8. Content / .content-section 9. Number scroll / .counter-div 10. Services Page / .services-main 11. Inner header / .inner-header 12. Blog Page / .blog-bg 13. Footer / .footer ------------------------------------------------------------------- [Color codes] Body-Font: #808080 {dark-Grey} Background: #ffffff (white) Content: #4b4b4b (light black) a (standard): #000 (black) a (visited): #ffd200 (dark yellow) a (active): #ffd200 (dark yellow) Default theme Colour: Primary Colour [Blue(#00274D], Secondary Colour [Yellow(#E6B807)] Template Theme Custom colour combination: 1. Primary Colour [Blue(#008ac2)], Secondary Colour [Green(#018a5e)] ------------------------------------------------- 2. Primary Colour [Navy blue(#1c1829], Secondary Colour [Rusty red(#ae5f56)], ------------------------------------------------- 3. Primary Colour [Royal blue(#014d6f)], Secondary Colour [Gold yellow (#e2bf29)] ------------------------------------------------- 4. Primary Colour [Blue(#003e61)], Secondary Colour [Dark orange (#c93c06)] ------------------------------------------------- 5. Primary Colour [Denim blue(#22363f)], Secondary Colour [Warm yellow(#fad65b)] ------------------------------------------------- 6. Primary Colour [Dark navy blue(#121d33)], Secondary Colour [Clay red (#fe6d50)] ------------------------------------------------- 7. Primary Colour [Black(#000105)], Secondary Colour [Butter yellow(#ffe258)] ------------------------------------------------- 8. Primary Colour [Charcoal(#4e4e4e)], Secondary Colour [Chilly red(#c25b4e)] ------------------------------------------------- 9. Primary Colour [Denim blue(#22363f)], Secondary Colour [Fresh yellow(#f7ef6a)] ------------------------------------------------- 10. Primary Colour [Black(#000000)], Secondary Colour [Butter yellow(#c06014)] ------------------------------------------------------------------- [Font Properties] Body font: 14px Open sans,sans-serif; Headers: 11px, 400, Open sans,sans-serif; Input, textarea: 14px Open sans,sans-serif; Notes: Decreasing heading by 0.4em with every subsequent heading level -------------------------------------------------------------------*/ /*Custom font*/ /*Body Default*/ .open-sans {font-family: 'Open Sans', sans-serif!important;} .raleway {font-family: 'Raleway', sans-serif;} body, p{font-family: 'Open Sans', sans-serif;} html, body {height: 100%;} ul {padding: 0} strong {font-weight: 700} .modal-title, .modal-body h4 {text-align: center} .container {position: relative; z-index: 999;} .no-margin {margin: 0!important;} .no-padding {padding: 0!important;} .z-index-none {z-index: 0} .home-abt {margin-top: -20px} /*Body Default*/ /*Shrink Navbar*/ .navbar-shrink {position: fixed; top: 0; width: 100%; z-index: 9999; border-bottom: 2px solid #E6BA07; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;} .navbar-shrink .quote-now, .navbar-shrink .parallelogram-container {display: none} .navbar-shrink .navbar-left {float: right!important} .fixed-menu-logo, .fixed-menu-logo-2 {display: none; margin-top: 2px} .navbar-shrink .fixed-menu-logo {display: block;} .navbar-shrink .navbar-toggle i {color: #FFFFFF} /*Shrink Navbar*/ /* top-header-one */ .top-header-one{background:#ffcc00;padding: 5px 0px;} .top-header .head-title{text-align: center; font-weight: bold;} /* top-header-one */ /*Top Header*/ .top-header {padding: 10px 0} .top-menu ul {padding: 0; margin: 0; float: right} .top-menu li {text-transform: uppercase; list-style: none; display: inline-block; font-size: 11px; letter-spacing: 0.6px; font-weight: 400} .top-menu li.saperator {padding: 0 7px; color:#ff6800;} .top-search-div {margin-top: 7px} .top-social {float: right} .top-social ul {padding: 0; margin: 0} .top-social li {list-style: none; display: inline-block; margin-left: 10px} .top-social li .hvr-sweep-to-right {border: 1px solid #000000; border-left: 4px solid #ffd200} .top-social li .hvr-sweep-to-right:hover i {color: #FFFFFF;} .top-social li i {padding: 0.7em 0.8em;} .top-social li .hvr-sweep-to-right:hover {border-color: #ffd200; cursor: pointer} .top-search {float: right} .top-search input {height: 37px; border: 1px solid #000000; margin: 0} .top-search input[type="text"] {border-right: 0; margin-right: -4px; text-indent: 10px; font-style: italic; width: 222px; float: left;} .top-search input[type="submit"] {width: 33px; background: #ffd200 url("../imgs/icons/search.png") no-repeat scroll center center / 50% auto; position: relative; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out} .top-search input[type="submit"]:hover {width: 33px; background: #000 url("../imgs/icons/search.png") no-repeat scroll center center / 50% auto; position: relative} .top-menu .size-inc{border: 1px solid #000; padding: 0px 3px;} /*Top Header*/ /*login*/ .login-left-box { float: left; margin: 100px 0 0; width: 100%; background: url(../imgs/login-home.jpg) no-repeat scroll 10px center; background-size: 100%; border-radius: 37px; } .new-login .lg-img-box { border-color: #ffcc00; border-radius: 30px; border-style: solid; border-width: 5px 7px 5px; float: left; padding: 0px 0; width: 100%; } .lg-content { display: block; padding-left: 0; padding: 57px 44px; } .lg-content h3 { color: #c37200; } .lg-content ol li { font-size: 19px; color: #000; font-weight: 500; border-bottom: 1px dotted #000; padding: 7px 0px; } .loginpage { min-height: 350px; padding: 50px 0; width: 100%; } .login-top { background: #ffcc00 none repeat scroll 0 0; border-radius: 50%; content: ""; height: 100px; margin: 0 auto -50px; position: relative; text-align: center; width: 100px; } .login-top::before { color: #fff; content: "\f007"; font-family: FontAwesome; font-size: 44px; line-height: 100px; text-align: center; } .loginpage .singlebox { margin: 0 auto; width: 85%; } .singlebox .content { background: #fff none repeat scroll 0 0; border-radius: 3px; border-top: 3px solid #ffcc00; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.106); display: inline-block; max-width: 100%; padding: 15px 40px 30px; width: 100%; } .loginpage .pagetitle { margin: 0; padding: 40px 0 0; text-align: center; } .loginpage .fa { color: #ffcc00; font-size: 18px; left: 10px; position: absolute; top: 8px; z-index: 999; } .form_position { position: relative; } .loginpage .form-control { padding-left: 35px; } .btn-new { background-image: none; border: 0 none; border-radius: 3px; color: #ffffff !important; cursor: pointer; display: inline-block; font-size: 0.8125em !important; font-weight: inherit; margin-bottom: 0; padding: 6px 21.312px; text-align: center; text-transform: uppercase !important; transition: all 0.3s ease 0s; vertical-align: middle; white-space: nowrap; background-color: #ffcc00; border: 2px solid #ffcc00; color: #fff; padding: 8px 30px !important; } .capcha { margin: 26px 0px; } .capcha input[type="text"] { border: 1px solid #ccc; padding: 6px 10px; color: #666; } /*login*/ /*Slider*/ header.carousel {height: 83%;} header.carousel-3 {height: inherit; background: none; z-index: 999} header.carousel .item, header.carousel .item.active, header.carousel .carousel-inner {height: 100%;} header.carousel .fill {width: 100%; height: 100%; background-position: center; background-size: cover;} .carousel-caption {font-family: 'Montserrat', sans-serif;} .carousel-caption h2 {font-size: 19px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 400; letter-spacing: 0.8px} .nav-tabs>li>a .tab-txt{color:#000;} .nav_about>li{border-bottom: 1px solid #00274d;} .nav_about .img-fluid1{ width: 35px;} .carousel-caption h2 span {font-weight: 700;} .carousel-caption h1 {font-weight: 800; font-family: 'Montserrat', sans-serif; font-size: 39px; text-transform: uppercase; margin-bottom: 25px; margin-top: 20px; letter-spacing: 0.8px} .carousel-fade .carousel-inner .item {opacity: 0; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity;} .carousel-fade .carousel-inner .active {opacity: 1;} .carousel-fade {background: #000000} .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {left: 0; opacity: 0; z-index: 1;} .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right { opacity: 1;} .carousel-fade .carousel-control {z-index: 2;} /*Slider*/ /*Slider Bottom*/ .bottom-twt {background: #1c1d30; width: 100%; position: absolute; z-index: 999; bottom: 0;} .scroll-dwn {position: absolute; z-index: 9; width: 100%; text-align: center; bottom: -2px;} .scrollup {display: inline-block; cursor: pointer} @-moz-keyframes bounce {0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); transform: translateY(0); } 40% { -moz-transform: translateY(-10px); transform: translateY(-10px); } 60% { -moz-transform: translateY(-5px); transform: translateY(-5px); } } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 60% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } 40% { -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -webkit-transform: translateY(-10px); transform: translateY(-10px); } 60% { -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -webkit-transform: translateY(-5px); transform: translateY(-5px); } } .bottom-twt .carousel {width: 100%} .bottom-twt .carousel-inner {} .bottom-twt .carousel-inner {width: 85%} .bottom-twt .item {} .bottom-twt .carousel-caption {top: 0; position: relative; width: 100%; left: 0; text-align: left; font-family: 'Open Sans', sans-serif; padding-left: 30px; padding-bottom: 20px; padding-top: 20px;} .bottom-twt .carousel-caption::before {font-family: 'FontAwesome'; content: '\f099'; position: absolute; left: 0; font-size: 20px; color: #ffd200} .bottom-twt .carousel-caption p {font-size: 13px; font-weight: 400} .bottom-twt .carousel-caption .lead {font-size: 16px; margin-bottom: 5px; text-transform: uppercase; font-weight: 400} .orange-txt {color: #f2a700} .bottom-twt .pos-relative {position: relative;} .arrow {position: absolute; bottom: 140px; width: 86px; height: 80px; margin-left: -42px; background-size: contain;} .bounce {-moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite;} /*Slider Bottom*/ /*Net Pattern*/ .pattern {background: url(../imgs/icons/dots.png) repeat; position: absolute; width: 100%; height: 100%; z-index: 9; top: 0; left: 0} .pattern-2 {background: url(../imgs/icons/dots-2.png) repeat; position: absolute; width: 100%; height: 100%; z-index: 9; top: 0; left: 0} /*Net Pattern*/ /*Coming Soon Page*/ .comin-soon-carousel .carousel-caption h1 {font-size: 33px; padding: 10px 20px; background: rgba(255, 255, 255, 0.2); display: inline-block; font-weight: 700; margin-top: 25px} .comin-soon-carousel .carousel-indicators {bottom: 55%} .comin-soon-carousel .carousel-caption h1 span {font-weight: 400} .comin-soon-carousel .carousel-caption h2 span {font-weight: 800;} .comin-soon-carousel .carousel-caption h2 {font-size: 76px; font-weight: 400; margin-bottom: 0; letter-spacing: 1px} .comin-soon-carousel .carousel-3 .fill {-webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover; background-size: cover;} .coming-soon-logo {position: relative; top: 8%; z-index: 99999; width: 100%} .subscribe-coming {position: absolute; top: 46%; text-align: center; width: 100%; color: #FFFFFF; z-index:999} .subscribe-coming h3 {font-size: 25px; font-weight: 400} .subscribe-coming h3 span {font-weight: 700} /*Coming Soon Page*/ /*Subscribe*/ .subscribe-form input[type="email"] {display: inline-block; height: 50px; color: #FFFFFF; font-style: italic; font-weight: 400; font-size: 18px; text-indent: 15px; font-family: 'Open Sans', sans-serif; background: none; border-collapse: collapse; border: 1px solid #ffffff; width: 64.3%; margin-right: -4px;} .subscribe-form {width: 568px; margin: 0 auto} .subscribe-form input[type="button"] { display: inline-block; height: 52px; color: #000000; width: 35%; background: #ffbe00; border: 1px solid #ffbe00; font-size: 15px; font-weight: 700; position: relative; top: -3px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .subscribe-form input[type="button"]:hover { color: #ffffff; background: #3c5284; border: 1px solid #3c5284; } .btn-creative::before, .btn::after { background-color: #000; content: ""; height: 0; left: 0; position: absolute; transition: height 0.3s ease 0s; width: 100%; z-index: -1; top: 0 } .btn-creative { font-weight: 400; font-size: 13px; text-transform: uppercase; color: #ffffff; position: relative; border-top: 3px solid; border-bottom: 3px solid; border-color: #ffffff; line-height: 2.5rem; padding: 10px 25px; background-color: transparent; } .btn-creative:hover, .btn-creative:focus, .btn-creative:active, .btn-creative:active:hover, .btn-creative:active:focus { color: #ffffff; background-color: transparent; border-color: #fff; } .btn-creative:hover:before, .btn-creative:hover:after, .btn-creative:focus:before, .btn-creative:focus:after, .btn-creative:active:before, .btn-creative:active:after, .btn-creative:active:hover:before, .btn-creative:active:hover:after, .btn-creative:active:focus:before, .btn-creative:active:focus:after { background-color: #ffd200; height: 102%; } .btn-creative.btn-inverted { color: #fff; border-color: #fff; } .btn-creative.btn-inverted:hover, .btn-creative.btn-inverted:focus, .btn-creative.btn-inverted:active, .btn-creative.btn-inverted:active:hover, .btn-creative.btn-inverted:active:focus { color: #000; border-color: #fff; } /*Subscribe*/ .news-letter-top a { color: #ffffff; display:inline-block; padding:33px 20px } .quote-now { position: relative; z-index: 9999; margin-top: 12px } .quote-now a { display: inline-block; text-align: center; border: 2px solid #000; padding: 5px 15px; font-weight: 600; text-transform: uppercase } .quote-now a:hover, .quote-now a:focus { background: #000000; color: #FFFFFF } .hotspot { position: relative; top: 0px } .hotspot-subscribe { top: -140px } .content-section { padding: 25px 0; } .content-section h2 { font-weight: 700; color: #000000; font-family: 'Montserrat', sans-serif; margin-bottom: 0; padding-top: 10px; } .border-creative { margin-bottom: 25px; } .montserrat { font-family: 'Montserrat', sans-serif; } .fancy-txt { text-align: right; font-size: 43px; font-weight: 700; line-height: 52px; } .top-txt { font-weight: 400; font-size: 15px; text-align: justify; color: #808080; line-height: 27px } .light-bg { /* background: url(../imgs/backgrounds/light-bg.png) no-repeat center center fixed;*/ background: #fff; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .tab-pane-news h3{font-weight: 600; font-size: 14px !important; line-height: 22px; margin-top: 10px !important;} .tab-pane h3 { margin-top: 0; font-weight: 600; font-size: 16px; } .tab-pane p { font-size: 14px; line-height: 20px; font-weight: 400; color: #000; text-align: justify; } .icon-listing { margin-top: 7px } .icon-listing li { display: block; margin-bottom: 0px; } .icon-cont { width: 18%; height: 63px; border: 1px solid #000; text-align: center; font-size: 25px; line-height: 57px; background: url(../imgs/icons/orange-tick.png) no-repeat top right; float: left } .icon-txt { padding-left: 15px; float: right; width: 82%; } .icon-txt .lead { font-size: 14px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-weight: 600; margin-bottom: 0px; color: #000000 } .icon-txt p { font-size: 13px; line-height: 20px; font-weight: 400; } .top-tabs { padding-bottom: 45px } /*Health & Wellness Centre Logos */ .hwc_images{margin: 0px 0px 40px 0px;} .hwc_images .hwc_logo{background: #fff; margin: 10px 10px; border-radius: 6px; text-align: center; padding: 8px 0px; box-shadow: 0px 0px 6px #000; } .hwc_images .hwc_logo img{width:70%} .hwc_images .figcaption{margin: 10px 0px 0px 0px;} .hwc_images .figcaption h3{color:#330000; font-size: 14px; margin: 1px;} .cs-style-3 .figcaption1 { height: 100%; width: 100%; top: auto; bottom: 0; opacity: 1; -webkit-transform: translateY(53%); -moz-transform: translateY(53%); -ms-transform: translateY(53%); transform: translateY(53%); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s; } .grid .figcaption1 { position: absolute; top: 89px; z-index: 99; left: 0; padding: 0; text-align: center; color: #ffffff; font-weight: 700; } .grid .figcaption1 .heading { padding: 0px 0; } .grid .figcaption1 h3 { font-weight: 600; } .grid .figcaption1 h3 { text-transform: uppercase; font-weight: 500; color: #fff!important; margin: 0; letter-spacing: 0.6px; font-size: 13px!important; background: #ffc300; border-radius: 6px 6px 0px 0px; font-weight: bold; } .cs-style-3 .figure:hover .figcaption1, .cs-style-3 .figure.cs-hover .figcaption1 { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s; top:0px; } .news-detls1 { background: rgba(0, 46, 90, 0.7490196078431373); padding: 10px 0; height: 100%; font-size: 11px;} .grid1{ margin: 0px 10px; border-radius: 6px; text-align: center; padding: 0px 0px; box-shadow: 0px 0px 9px #00274d;} /*Health & Wellness Centre Logos */ /*Health & Wellness Centre Section */ .health_center{text-align:center; width: 80%; margin: 0 auto;} .health_center .health_center_dis{margin-bottom: 70px;} .health_center .health_center_dis h3{ color: #640e00; font-weight: bold; font-size: 25px; margin-bottom: 44px;} .hwc_logos{padding: 40px 0px; background: #f5f5f5} .health_center .health_center_dis p{ color: #485d71;font-weight: bold; padding: 0px 28px; font-size: 17px;} .pera_meeter{ background: rgb(0, 39, 77);padding: 25px 4px; margin-bottom: 15px;box-shadow: 0 0px 12px rgba(0, 0, 0, 0.28);height: 130px;} .pera_meeter h4{ color: #f7efcf; font-size: 22px;} .pera_meeter p{ color: #fff; font-size: 15px;} .health_data{ /* background: #ffffff52;*/ padding: 4px 15px; margin-bottom: 18px;} .health_data .all_inida{ color: #af750f; float: left; margin: 0px; font-size: 18px;} .health_data .reset_value{float: right; margin: 0px; color: #00274d; font-weight: bold;} .health_data .reset_value:hover{background: #dcdcdc;} /* Health & Wellness Centre Section */ /* Event */ .new_img { height: 17px; } .event-section{padding: 20px; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.28); background: #fff; margin-bottom: 15px} .event-section h1 { font-size: 17px; color: #32070c; text-align: left; font-family: 'Montserrat', sans-serif; font-weight: 600; text-transform: uppercase; margin: 0 0 5px 0; } .event-orange { height: 2px; width: 48px; background: #ffd200; margin: 0px 0 30px; } .event-section .event-list{margin: -15px 0 0 0; padding: 0; color:#000; height: 355px; overflow-y: scroll;} .event-section .event-list::-webkit-scrollbar { width: 5px; } .event-section .event-list::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ .event-section .event-list::-webkit-scrollbar-thumb { background: #888; } /* Handle on hover */ .event-section .event-list::-webkit-scrollbar-thumb:hover { background: #555; } .event-section .event-list li { font-size: 13px; color: #070d54; text-align: left; font-weight: 600; list-style: none; position: relative; border-bottom: dotted #070d54 1px; margin-bottom: 10px; padding-bottom: 5px; } .event-section .event-list li a { color: #070d54; width: 100%; display: inline-block; line-height: 22px; } .event-section .event-list li a:hover { color: #ffd200; } .event-section .event-list li span{display: inherit;text-align: right; color:#436383;} .event-section .event-list h4{ font-size: 12px; margin: 0px; text-transform: capitalize; font-weight:600;} .event-section .event-list p{padding:0px;} .event-section .event-list img{height:40px;} .event-section .event-list p .fa-calendar{color:#ffd200} .event-page-section{ width: 80%;margin: 0 auto;} .event-page-section .img-cont img{ width: 100%;} .event-page-section .blog-in h1{font-size: 23px; color: #00274d; text-transform: uppercase; font-weight: 700; margin-top: 0; } .events_list{border-bottom: 1px dotted #000; margin-bottom: 12px;} .all_envents .blog-right h4{margin: 0px;} .event_img{width: 100%; height: 433px;} /* Event */ /* IMPORTANT DOCUMENTS & LINKS */ .document-section{padding: 20px; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.28); background: #fff;margin-bottom: 15px} .document-section h1 { font-size: 17px; color: #32070c; text-align: left; font-family: 'Montserrat', sans-serif; font-weight: 600; margin: 0 0 5px 0; text-transform: uppercase; } .document-section .document-list{margin: -15px 0 0 0; padding: 0; height: 315px; overflow-y: scroll; } .document-section .document-list::-webkit-scrollbar { width: 5px; } .document-section .document-list::-webkit-scrollbar-track { background: #f1f1f1; } /* Handle */ .document-section .document-list::-webkit-scrollbar-thumb { background: #888; } /* Handle on hover */ .document-section .document-list::-webkit-scrollbar-thumb:hover { background: #555; } .document-section .document-list li { font-size: 13px; color: #070d54; text-align: left; font-weight: 600; list-style: none; position: relative; margin-bottom: 10px; padding-bottom: 5px; border-bottom: dotted #070d54 1px; } .document-section .document-list .fa-calendar{color: #ffd200;} .document-section .document-list li a { color: #070d54; width: 100%; padding-left: 10px; display: inline-block; line-height: 22px; } .document-section .document-list li a:hover { color: #ffd200; } .document-section .document-list li a:before { content: "\f054"; color: #ffd200; font-family: "FontAwesome"; position: absolute; left: 0; } .document-section .document-list li span{color:#436383; margin-left: 18px;} /* IMPORTANT DOCUMENTS & LINKS */ /*Projects*/ .projects-section { background: #00274d; } .projects-section .container { max-width:1400px!important; padding-bottom: 25px } .projects-section h2 { color: #FFFFFF } .projects-section .col-xs-2, .projects-section .col-xs-4 { padding: 0 5px; height: 270px; position: relative; margin-bottom: 10px } .projects-section .col-xs-2 img, .projects-section .col-xs-4 img { border: 4px solid #ffffff; } .gamma-description { background: #ffd800; /* Old browsers */ background: -moz-linear-gradient(45deg, #ffd800 0%, #ff9600 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #ffd800 0%, #ff9600 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #ffd800 0%, #ff9600 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd800', endColorstr='#ff9600', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ position: absolute; top: 4px; left: 8px; bottom: 4px; right: 8px; text-align: center; filter: alpha(opacity=0); opacity: 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .projects-section .col-xs-2:hover .gamma-description, .projects-section .col-xs-4:hover .gamma-description { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=90); opacity: 0.90; } .gamma-description p { font-weight: 400; color: #000000; font-size: 13px } .gamma-description img { border: 0!important; margin-bottom: 12px } .gamma-description h3 { margin-top: 30%; display: inline-block; color: #FFFFFF; font-weight:600; vertical-align: middle; width: 100%; padding: 0 20px; margin-bottom: 5px; line-height: 21px; text-transform: uppercase; font-size: 15px; } .projects-section .col-xs-4 .gamma-description h3 { margin-top: 15% } .full-link { position: absolute; width: 100%; height: 100%; z-index: 999 } .projects-section .pattern { display: none } .project-bottom { background: #00274d; color: #FFFFFF; text-align: center; padding: 0 0 10px; position: relative; z-index: 999; text-transform: uppercase; font-size: 17px; font-weight: 700 } .project-bottom a i { -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } .project-bottom a { display: inline-block; background: #ffd200; color: #FFFFFF; padding: 10px 15px; margin-left: 15px; font-size: 15px } .project-bottom a:hover { background: #FFFFFF; color: #000000 } .project-bottom a:hover i { padding-left: 5px } /*Projects*/ /*Company Certification*/ .company-certification { position: relative; padding: 30px 0 20px } .right-services { position: absolute; right: 0; bottom: 20% } .left-services { position: absolute; left: 0; bottom: 0 } .company-certification h3 { font-size: 18px; margin-bottom: 5px; margin-top: 25px; text-transform:uppercase; font-weight: 600 } .company-certification p { font-weight: 400; font-size: 13px; line-height: 23px; color: #838282; padding: 0 15px } /*subscribe*/ .subscribe-section { background: url(../imgs/projects/projects-bg.jpg) no-repeat center bottom fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; } .subscribe-section .container h2 { color: #FFFFFF; margin-top: 0 } .subscribe-section .container { color: #FFFFFF; padding: 30px 0 } .subscribe-section h4 { font-size: 24px; margin-bottom: 15px } .subscribe-section p { width: 65%; margin: 0 auto 15px; font-size: 16px; line-height: 23px; font-weight: 400 } .subscribe-section input[type="email"] { background: none; border: 2px solid #fff; height: 40px; color: #FFFFFF; width: 403px; text-transform: uppercase; text-indent: 15px } .subscribe-section input[type="button"] { background: #ffd200; border: 0px none; height: 40px; color: #FFFFFF; width: 180px; font-size: 15px; letter-spacing: 1.2px; text-transform: uppercase; margin-left: -2px; font-weight: 700; position: relative; top: 1px } .subscribe-section input[type="button"]:hover { background: #436383 } /*Staff*/ .about-section { padding-top: 100px } /*Staff*/ .staff-section { padding-bottom: 65px } .staff-desc { background: #fff; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); padding: 120px 0 0; margin-top: 95px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .staff-section .item:hover .staff-desc { box-shadow: 0 0 8px rgba(0, 0, 0, 0.2); } .staff-desc h5 { font-size: 18px; color: #ffb100; line-height: 21px; font-weight: 700; margin: 0 } .staff-desc p { letter-spacing: 0.4px; font-size: 12px; text-transform: uppercase; color: #4a4a4a; margin-bottom: 20px; margin-top: 5px; font-weight:400 } .bottom-staff { background: #ffc300; color: #FFFFFF; text-align: center; padding: 10px 0 } .bottom-staff li { list-style: none; display: inline-block } .bottom-staff a { display: inline-block; text-align: center; width: 30px; color: #fff; border: 2px solid #fff; line-height: 28px; border-radius: 30px; } .bottom-staff a:hover { background: #436383; color: #ffffff; border: 2px solid #436383; } .staff-section .item { padding: 0 5px; position:relative } .staff-section .owl-theme .owl-nav { position: absolute; top:45%; width: 100%; } .staff-section .owl-prev { float: left; position: absolute!important; left: -10px } .staff-section .owl-next { float: right; position: absolute!important; right: -10px } /*Staff*/ /*Counter*/ .counter-section { background: url(../imgs/backgrounds/counter-bg.jpg) no-repeat center bottom fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; padding-top: 40px } .numscroller { font-size: 34px; color: #fff; font-weight: 700; line-height: 1.5em; letter-spacing: 3px; } .counter-section .counter-div { } .stats-2-img { background: #fff none repeat scroll 0 0; border-radius: 50%; display: inline-block; height: 120px; line-height: 135px; margin-bottom: 10px; text-align: center; width: 120px; } .counter-section i { color: #ffd200; font-size: 3em; } .counter-section p { font-size: 17px; text-transform: uppercase; font-weight: 500; margin-bottom: 0; letter-spacing: 0.5px } .counter-section .container { color: #FFFFFF!important; padding: 0 0 20px } .counter-section .container h2 { color: #FFFFFF!important; } /*Counter*/ /*News*/ .news-section { padding-bottom: 60px; background: #f5f5f5; } .news-section .owl-theme .owl-nav { position: absolute; top: -65px; right: 0 } .news-detls { background: #002e5a; padding: 15px 0 } .news-detls li { display: inline-block; padding: 0; width: auto; font-weight: 400; font-size: 12px; margin: 0 6px } .overlay-div { position: absolute; width: 100%; height: 86%; left: 0; top: 0%; z-index: 9; opacity: 0; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; text-align: center; } .overlay-div span { display: inline-block; color: #ffffff; font-size: 25px; width: 80px; background: rgba(0, 0, 0, 0.7); height: 80px; text-align: center; border-radius: 70px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .overlay-div i { position: relative; top: 22px } .linkss { margin-top: 30% } .overlay-div a { } .news-section .item:hover .overlay-div { top: 0; opacity: 0.7; } .news-section .item:hover .links { margin-top: 32% } .news-section .item .grid { background: #ffffff } .news-section .item img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); filter: grayscale(0%); transition: all 0.5s ease; height:255px; width:100%; } .news-section .item:hover img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); opacity: 0.4; } /*News*/ /*footer-logo*/ .footer-logos { background: #fff; text-align: center } .footer-logos .owl-nav { text-align: center; position: absolute; width: 100%; top: 20%; } .footer-logos { overflow: hidden } .footer-logos .owl-prev { border: 1px solid #7b7b7b; border-radius: 20px; color: #fff; float: left; position: relative; cursor: pointer; font-size: 14px; height: 35px; width: 35px; } .footer-logos .owl-next { border: 1px solid #7b7b7b; border-radius: 20px; color: #fff; float: right; position: relative; cursor: pointer; font-size: 14px; height: 35px; width: 35px; } .footer-logos .owl-item img { width: auto; display: inline-block; } .footer-logos { padding-bottom: 30px } .footer-logos .owl-prev, .footer-logos .owl-next { background: #FBBC05; border: 0 none } .footer-logos .owl-prev:hover, .footer-logos .owl-next:hover { background: #000000 } .footer-logos .owl-prev::after { color: #ffffff; content: "\f104"; font-family: "FontAwesome"; font-size: 20px; position: absolute; top: 2px; } .footer-logos .owl-next::after { color: #ffffff; content: "\f105"; font-family: "FontAwesome"; font-size: 20px; right: 12px; position: absolute; top: 2px; } .owl-prev:hover::after, .owl-next:hover::after { color: #FFFFFF } .clients-para { margin-bottom: 35px; font-size: 16px; font-weight: 400; line-height: 21px; color: #767676 } .footer-logos .border-creative { margin-bottom: 10px } .qr_abour{margin-top: 50px;} /*testimonial*/ .testimonial-section { background: url(../imgs/backgrounds/testimonial.png) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 60px 0; color: #ffffff } .testimonial-section .fa { color: #FFFFFF } .testimonial-section .read_more{ color: #2694ff; font-size: 13px; font-weight: bold;} .testimonial-section .read_more:hover{text-decoration: underline} .testi-heading h3 { text-transform: uppercase; font-size: 18px; font-weight: 700; border: 2px solid #ffffff; display: inline-block; padding: 12px 20px; font-size: 20px; margin-top: 0 } .img-and-name { position: relative; display: inline-block; margin-top: 15px } .quote-icon { position: absolute } .testimonial-section .img-circle { border: 6px solid rgba(255, 255, 255, 0.2) } .testimonial-section blockquote { margin: 0; padding: 0 } .testimonial-section .carousel-control.left { left: 0 } .testimonial-section .carousel-control { border: 1px solid rgba(0, 0, 0, 0); width: 35px; background: rgba(255, 255, 255, 0.5); height: 35px; color: #000000; font-size: 20px; margin-top: 3% } .testimonial-section .carousel-control:hover { background: #FBBC05; } .testimonial-section .carousel-control i { top: 2px; color: #000000; position: relative } .testimonial-section .carousel-control:hover i { color: #FFFFFF } .quote-para { font-style: italic; font-weight: 600; font-size: 14px; line-height: 25px; width: 75%; margin: 10px auto 0 } /*footer*/ .newsletter { top: -45px; position: relative; z-index: 99; } .newsletter .col-xs-2 { width: 64px; padding: 0; border: 2px solid #000; height: 64px; border-radius: 50%; text-align: center; margin-right: 10px; float: left } .newsletter .col-xs-2 i { position: relative; top: 22px } .newsletter .col-xs-2 i.flaticon-technology { top: 26px } .newsletter [class^="flaticon-"]::before, .newsletter [class*=" flaticon-"]::before, .newsletter [class^="flaticon-"]::after, .newsletter [class*=" flaticon-"]::after { font-size: 30px } .newsletter .container { background: #ffc300; padding: 20px 30px; color: #000000; border-radius: 11px; } .newsletter .container a { color: #000000 } .newsletter .container a:hover { text-decoration: underline } .newsletter .container h5 { text-transform: uppercase; font-weight: 700; font-size: 14px; margin-top: 5px; margin-bottom: 5px } .newsletter .container p { line-height: 21px; font-size: 13px; margin-bottom: 0 } .footer { background: url(../imgs/backgrounds/footer.jpg) no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding: 0px 0 0; color: #ffffff; /* margin-top: 40px */ } .footer-container { overflow-x: hidden; padding: 20px 0px 0px; } .foot-social li { display: inline-block; margin-right: 5px; font-size: 20px } .foot-social li a { color: #ffd200 } .foot-social li a i { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .foot-social li a:hover i { color: #ffffff } .foot-content p { font-size: 13px; line-height: 23px; font-weight: 400; padding-right: 20px } .foot-logo { height: 65px } .foot-logo h3 { border-bottom: 1px solid rgba(255, 255, 255, 0.2); margin-top: 0; padding-bottom: 15px; text-transform: uppercase; font-size: 15px } .quick-links { padding-left: 5px!important } .quick-links li { list-style: none; line-height: 23px; padding-left: 25px; position: relative; margin-bottom: 5px } .quick-links li a {color:#FFFFFF} .quick-links li a:hover {color:#ffd200} .quick-links li::before { content: "\f105"; font-family: "FontAwesome"; color: #FFFFFF; position: absolute; left: 0 } .insta-pics { border-radius: 10px; height: 80px; overflow: hidden; padding: 0 3px; margin-bottom: 6px } .footer-subscribe input[type="email"] { width: 100%; background: none; border: 1px solid #848484; height: 41px; font-weight: 500; text-align: center; font-size: 13px; letter-spacing: 0.2px; margin-bottom: 10px } .footer-subscribe input[type="button"], .footer-subscribe input[type="submit"] { width: 100%; background: none; border: 1px solid #ffd200; color: #ffd200; font-weight: 700; height: 41px; margin-bottom: 10px; letter-spacing: 0.4px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .footer-subscribe input[type="button"]:hover, .footer-subscribe input[type="submit"]:hover { background: #ffd200; color: #000 } .footer-subscribe p { font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 13px; letter-spacing: 0.2px; } .copyright { background: rgba(0, 0, 0, 0.5); color: #FFFFFF; padding: 15px 0; margin-top: 45px; font-weight: 400; font-size: 12px; text-transform: uppercase } .copyright a { color: #ffd200 } /*________________Preloader_______________ */ #preloader { background: #FFC600 url(../imgs/preloader.gif) no-repeat center center; height: 100%; background-size:250px; position: fixed; width: 100%; z-index: 9999999; right: 0; left: 0; bottom: 0; top: 0; overflow-y: hidden } .loading { overflow: hidden } #preloader > img { display: none } .parallelogram-container { height: 60px; overflow: hidden; width: 100%; position: absolute } #topcontrol { z-index: 9999999 } .nav-tabs li a { line-height: 70px; position: relative; padding: 0 15px; font-weight: 700 } .number-div i:before { line-height: 60px; font-weight: normal } .number-div i { position: relative; top: 5px; color:#fff } .number-div { margin-right: 4px } .nav-tabs>li:hover i, .nav-tabs > li:focus .tab-txt, .nav-tabs > li:hover .tab-txt, .nav-tabs>li.active i {color: #ffffff} .nav-tabs>li { width:100%;} .number-div { width: 42px; display: inline-block } .nav-tabs > li > a:focus, .nav-tabs > li > a:hover { background: #f2a700 } .inner-header { background: url(../imgs/backgrounds/about-us.png) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 350px; display: table; width: 100%; position: relative } .inner-header .container { z-index: 9 } .display-cell { display: table-cell; vertical-align: middle; } .home-builder-page-title { position: relative; z-index: 2; } .pos-relative { position: relative } .home-builder-page-title h1 { color: #fff; font-family: 'Roboto Condensed', sans-serif; font-size: 38px; margin: 0; line-height: 55px; font-weight: 700; text-transform: uppercase; } .home-builder-page-title h1.titlecolor { color: #ffc300; margin: 0; display: block; padding-bottom: 15px; } /*About Page*/ .inner-header-about { background: url(../imgs/backgrounds/about-us.png) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 350px; display: table; width: 100%; position: relative } .inner-header-photo { background: url(../imgs/backgrounds/photo.png) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 350px; display: table; width: 100%; position: relative } .inner-header-video { background: url(../imgs/backgrounds/video.png) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 350px; display: table; width: 100%; position: relative } .inner-header-document { background: url(../imgs/backgrounds/document.png) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 350px; display: table; width: 100%; position: relative } .inner-header-contact { background: url(../imgs/backgrounds/contact-us.png) no-repeat center center ; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 350px; display: table; width: 100%; position: relative } .inner-header .container { z-index: 9 } .about-page-section, .photo-page-section{ width: 90%; margin: 0 auto; } .about-page-section p{text-align: justify} .img-container img { margin-bottom: 10px; } .img-container p { line-height: 30px; font-weight: 400; color: #4b4b4b } .about-sec-time { display: inline-table; height: 163px; width: 100%; font-weight: 700; } .about-sec-time li { margin: 0 0.5px; /* Permalink - use to edit and share this gradient: /#4f4f4f+1,000000+100 */ background: #4f4f4f; /* Old browsers */ background: -moz-linear-gradient(45deg, #4f4f4f 1%, #000000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #4f4f4f 1%, #000000 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #4f4f4f 1%, #000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#000000', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ line-height: 29px; color: #ffffff; width: 24%; } .about-sec-time li:first-child { background: #ffd800; /* Old browsers */ background: -moz-linear-gradient(45deg, #ffd800 0%, #ffd200 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #ffd800 0%, #ffd200 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #ffd800 0%, #ffd200 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd800', endColorstr='#ffd200', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ line-height: 20px!important; color: #000; font-size: 19px; text-transform: uppercase } .about-sec-time li i { margin-bottom: 5px; font-size: 20px } .two-imgs { margin-top: 20px; } .no-padding-right { padding-right: 0 } .no-padding-left { padding-left: 0 } .about-what-we-do { background: #f5f5f5; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #000; line-height: 26px; padding-bottom: 45px } .about-what-we-do .container h2 { color: #000 } .about-what-we-do .border-creative { margin-bottom: 10px } .services-icons h4 { font-weight: 700; color:#FFFFFF; margin-bottom: 5px } .services-icons img { position: relative; top: 5px } .services-icons { background: rgba(0, 0, 0, 0.5); padding-top: 10px; padding-bottom: 5px; border-left: 4px solid #febd00; margin-bottom: 10px; margin-right: 10px; padding-left: 10px } .services-icons p { font-size: 13px; line-height: 23px } .footer-logos .owl-carousel .owl-stage-outer { } .footer-logos .owl-prev { position: relative; left:0 } .footer-logos .owl-next { position: relative; right: 0 } .newsletter .col-xs-6.address { width: 46%; } /*services-main*/ .view-detail { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-bottom: 30px; color: #2c2c2c; background: #f0f0f0; display: inline-block; width: 100%; padding: 10px 15px; text-align: left; font-weight: 600 } .view-detail i { margin-left: 5px; } /*Services*/ .services-main .col-md-4 h2 { font-size: 24px } .services-main .col-md-4:hover .view-detail { background: #ffd200; color: #FFFFFF } .services-main .col-md-4:hover .view-detail i { float: right } .row-2 { background: #134976; /* Old browsers */ border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; background: -moz-linear-gradient(left, #002e5b 0%, #002e5b 50%, #fafafa 50%, #fafafa 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #002e5b 0%, #002e5b 50%, #fafafa 50%, #fafafa 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #002e5b 0%, #002e5b 50%, #fafafa 50%, #fafafa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002e5b', endColorstr='#fafafa', GradientType=1 ); /* IE6-9 */ color: #FFFFFF } .bg-blue { background: #002e5b } .footer-third, .footer-third a { color: #FFFFFF } .footer-third .row-2 > div { display: table-cell; float: none; vertical-align: top; } .info { font-size: 14px; line-height: 1.8; margin-right: 0; padding: 50px; } .page-subheader { margin: 0 0 10px 0 ; } .sm-block { margin-bottom: 30px; } .page-subheader h1, .page-subheader h2 { color: #ffffff; font-size: 20px; font-weight: 700; letter-spacing: 1px; margin-bottom: 0; text-transform: uppercase; } .border { height: 3px; width: 30px; background: #f7b432; margin:5px 0 20px 0 } .footer-buttons .btn { border: 1px solid #ffffff; font-weight: 400; margin-right: 15px; padding-left: 20px; padding-right: 20px; } .footer-buttons .btn:hover { background: #ffffff; color: #134976 } .address-3 p { font-size: 13px; line-height: 21px; margin: 0; } .social-footer a { margin-right: 10px; font-size: 24px; display: inline-block; } .form-sec .form-control { margin: 0 0 15px 0; display: block; width: 100%; } .bg-dark .input, .bg-dark .input:focus, .bg-dark .textarea, .bg-dark .textarea:focus, .bg-dark .select, .bg-dark .select:focus { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #e6e6e6; box-shadow: none; width: 100%; max-width: 100%; color: #808185; font-size: 12px; font-weight: 400; padding: 7px 15px; } .row-2 .page-subheader { margin: 0 } .row-2 form { padding-top: 30px } .bg-dark, .bg-dark .page-subheader h1, .bg-dark .page-subheader h2 { color: #000; background:none!important; } .btn-clear { color: #ffffff; background: #ffd200; font-size: 16px; cursor: pointer; display: inline-block; font-weight: 600; padding: 7px 20px; border-radius: 0; border-bottom: 3px solid #ef7001; text-transform: uppercase; transition: all 0.3s ease; } .services-main { padding-bottom: 0 } .blue-btn { background: #002e5a; color: #FFFFFF; border-bottom: 3px solid #000000; } .btn-clear:hover, .btn-clear:focus { background: #000; color: #fff } .input, .input:focus { height: 35px; } .mobile-effect a i { font-size: 20px } .mobile-effect { margin-bottom: 10px } .footer-content { margin: 20px auto 40px } .footer-content h2 { text-transform: uppercase; font-weight: 700; font-size: 20px } .footer-content p { color: #333333; font-size: 14px; margin-bottom: 20px; } .round-border { width: 40px; height: 40px; border-radius: 50%; border: 1px solid #df9937; display: inline-block; text-align: center } .round-border i { color: #df9937; position: relative; top: 7px } .row-2 [class^="flaticon-"]::before, [class*=" flaticon-"]::before, .row-2 [class^="flaticon-"]::after, .row-2 [class*=" flaticon-"]::after { font-size: 16px!important } .row-2 { margin-bottom: 0; margin-top: 20px; } .call-on { padding: 30px 0 } .call-on p { line-height: 20px; font-size: 14px } .services-listings li { display: block; } .services-listings li a { display: block } .tabs-left-services .nav-tabs { border: 0 none } .nav-tabs > li.active > a { border-bottom: 1px solid #ffa200 } .tabs-left-services .nav-tabs li a { line-height: 30px } .tabs-left-services .nav-tabs > li i, .tabs-left-services .nav-tabs > li a .tab-txt { color: #000000; } .tabs-left-services .nav-tabs > li > a .tab-txt { font-size: 14px } .tabs-left-services .nav-tabs > li.active > a, .tabs-left-services .nav-tabs > li.active > a:focus, .tabs-left-services .nav-tabs > li.active > a:hover { background: none; } .tabs-left-services .nav-tabs > li.active > a .tab-txt, .tabs-left-services .nav-tabs > li.active > a:focus .tab-txt, .tabs-left-services .nav-tabs > li.active > a:hover .tab-txt { background: none; color: #F2A700 } .tabs-left-services .nav-tabs > li:hover i, .tabs-left-services .nav-tabs > li:focus .tab-txt, .tabs-left-services .nav-tabs > li:hover .tab-txt, .tabs-left-services .nav-tabs > li.active i { color: #F2A700; background: none } .tabs-left-services .nav-tabs > li > a:focus, .tabs-left-services .nav-tabs > li > a:hover { background: none; border-bottom: 1px solid #ffa200 } /*Brochures*/ .brochures { position: relative; overflow: hidden; padding: 19px; border: 1px solid #cccccc; margin-top: 30px; margin-bottom:20px; } .brochures h4 { font-weight: 700; margin-top: 0 } .brochures p { margin: 11px 0; font-weight: 400; line-height: 25px; color: #333333 } .brochures-lists { padding: 0; margin: 0 } .brochures-lists li { display: block; line-height: 43px; height: 45px; border-radius: 5px; margin: 5px 0 10px; background: #002e5b; position: relative; } .brochures-lists li:last-child { margin-bottom: 0px } .brochures-lists li a { color: #fff; padding: 0 15px; display: block; font-size: 16px; font-weight: 700; -webkit-transition: 0.5s ease; transition: 0.5s ease; } .brochures-lists li a span { display: inline-block; font-size: 16px; float: right; height: 28px; margin-left: 9px; margin-right: 0; padding: 10px 0; position: relative; font-size: 17px; line-height: 25px; -webkit-transition: .5s ease; transition: .5s ease; } .brochures-lists li a:hover { background: #ffcc33; color: #000000; -webkit-transition: .5s ease; transition: .5s ease; } .brochures-lists li a i:before { font-size: 18px; padding-right: 15px; position: absolute; right: 0; top: 18px; color: #ffffff; } .brochures-lists li { -webkit-transition: .5s ease; transition: .5s ease; } .brochures i.icon { position: absolute; right: 0; bottom: -10px; font-size: 60px; color: #f7f7f7; } .services-details-content h3 { font-size: 19px; } .margin-30 { margin-bottom: 30px } .margin-20 { margin-bottom: 20px } .margin-10 { margin-bottom: 10px } .services-details-content { font-size: 14px; font-weight: 400; line-height: 24px; } .services-details-content li { line-height: 30px; list-style: none; color: #333333; position: relative; padding-left: 20px } .services-details-content li:before { content: '\f00c '; position: absolute; left: 0; color: #002e5b; font-family: 'FontAwesome'; } .accordion-box { margin-top: 20px } .panel-default > .panel-heading { color: #fff; margin: 0 0; } .panel > .panel-heading { position: relative; padding: 10px 12px; background: #002e5b } .panel-title > a.collapsed:after { content: '+'; position: absolute; line-height: 18px; left: 10px; font-size: 20px } .panel-title > a:after { content: '-'; position: absolute; line-height: 18px; left: 10px; font-size: 20px } .panel-body p { line-height: 24px; font-weight: 400; color: #333333; margin: 0 } .panel-title a { display: block; width: 95%; font-weight: 700; font-size: 15px; padding-left: 5% } .service-4-col { padding: 60px 0 40px 0 } .service-4-col h2 { margin: 15px 0; padding: 0; font-size: 22px; } .home-block h3 { margin: 10px 0 5px; padding: 0; font-size: 20px; color: #ffcc33 } .link-text { float: right } .link-text { color: #ffcc33 } .link-text:hover { color: #fff } html, body { height: 100%; } .carousel, .item, .active { height: 100%; } .carousel-inner { height: 100%; } .video-wrapper { background: url(../imgs/projects/projects-bg.jpg) no-repeat center bottom fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; padding: 120px 0; margin-top: 50px } .player-container { color: #FFFFFF; position: relative; z-index: 999 } .player-container span { display: inline-block; height: 78px; width: 78px; border-radius: 50%; border: 1px solid #fff; box-shadow: 0 3px 7px rgba(0, 0, 0, 0.7); background: rgba(0, 0, 0, 0.2) } .player-container span i { font-size: 30px; position: relative; top: 25px; left: 3px; } .player-container a { color: #FFFFFF } .player-container h3 { color: #FFFFFF!important; font-weight: 700; font-size: 31px; } .headl h2 { text-align: left; font-size: 18px; margin-bottom: 0; font-weight: 500; padding: 0; margin-top: 10px; } .tags { text-align: left; } .tags a { color: #000000; font-weight: 400; font-style: italic; font-size: 13px; } .tags a:hover { color: #FFAE00 } .project-details { font-weight: 400; color: #333333; line-height: 25px } .project-details .orange-txt { font-weight: 700; display: inline-block; min-width: 120px } .project-details li { list-style: none; border-bottom: 1px solid #eaeaea; line-height: 55px } .project-details li:last-child { border: 0 none; margin-top: 5px } .project-details li a .fa { width: 35px; height: 35px; text-align: center; color: #656565; font-size: 15px; background: #f0f0f0; border-radius: 50%; line-height: 35px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .project-details li a:hover .fa { color: #FFFFFF } .project-details li a:hover .fa-facebook { background: #3366CC } .project-details li a:hover .fa-twitter { background: #00CCFF } .project-details li a:hover .fa-google-plus { background: #CC3300 } .project-details li a:hover .fa-linkedin { background: #3366CC } .services-main h2, .about-page-section h2 { margin-top: 0 } .portfolio h2 {font-weight:600; line-height:20px; margin-top: 10px; margin-bottom:3px} /*Blog*/ .blog-bg { background: #f4f4f4; } .blog-left { } .blog-in { padding: 25px; background: #fff; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05); } .blog-in h1 { font-size: 26px; color: #ffd200; text-transform: uppercase; font-weight: 700; margin-top: 0 } .comm-date { margin: 0 0 10px 0; padding: 0 } .comm-date ul { margin: 0; padding: 0; } .comm-date li { margin: 0 5PX; padding: 0; display: inline-block; font-size: 13px; color: #000000; text-transform: uppercase; font-weight: 400 } .comm-date li span { color: #f26100 } .comm-date li a { color: #000000; } .blog-text { margin: 10px 0 15px 0 } .img-cont { min-height: 430px; max-height: 430px; overflow: hidden } .blog-text p { font-size: 15px; font-weight: 400; color: #444; line-height:26px; } .share2 { line-height: 40px; color: #ffd200; text-transform: uppercase } .share2 h4 { float: left; margin: 12px 10px 0 0; font-size: 13px; font-weight: 600 } .share2 a { margin: 0 0 0 10px; padding: 0; color: #ffd200; } .share2 .fa { font-size: 15px; } .share2 a:hover { color: #000000 } .blog-right { padding: 20px; box-shadow: 0 0px 5px rgba(0, 0, 0, 0.28); background: #fff } .blog-right h1 { font-size: 17px; color: #32070c; text-align: left; font-family: 'Montserrat', sans-serif; font-weight: 600; text-transform: uppercase; margin: 0 0 5px 0; } .blog-right h4 { font-size: 12px; color: #343434; line-height: 18px; margin-bottom: 0; text-align: left; font-weight: 700; text-transform: uppercase; } .blog-right .no-padding { margin:0 0 10px 0} .blog-right .input-group { margin-bottom: 5px; font-family: 'Montserrat', sans-serif; font-weight:400; } .blog-right .input-group button, .blog-right .input-group input { border-radius: 0; background: #eeeeee; border: 0 none; height: 40px; text-transform: uppercase } .blog-right .input-group input { font-size: 12px } .blog-right p { font-size: 12px; color: #000; text-align: left; font-family: 'Montserrat', sans-serif; font-weight: 400; letter-spacing: 0.4px } .cat-list { margin: -15px 0 0 0; padding: 0; font-family: 'Montserrat', sans-serif; } .cat-list li { font-size: 13px; color: #8e8e8e; text-align: left; font-weight: 600; /*text-transform: uppercase;*/ line-height: 25px; list-style: none; position: relative } .cat-list li a { color: #8e8e8e; border-bottom: dotted #dddddd 1px; width: 100%; padding-left: 20px; display: inline-block } .cat-list li a:before { content: "\f101"; color: #ffd200; font-family: "FontAwesome"; position: absolute; left: 0 } .cat-list li a:hover { color: #ffd200; } .right-logo { border: double 3px #000; padding: 20px } .continue i { -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } .continue { display: inline-block; background: #ffd200; color: #FFFFFF; border-bottom: 3px solid #ff7200; padding: 10px 15px; margin-left: 0; font-size:13px -webkit-transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -ms-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; transition: opacity 0.4s ease-in-out; } .continue:hover { background: #00274D; border-bottom: 3px solid #000000; color: #ffffff } .continue:hover i { padding-left: 5px } .blog-right a:hover h4 { color: #FF6600 } .faq-section .col-md-8, .blog-bg .col-md-8 { width: 68.667% } .faq-section .col-md-4, .blog-bg .col-md-4 { width: 31.333% } .blog-in { margin-bottom: 30px } .border-orange { height: 2px; width: 48px; background: #ffd200; margin: 10px 0 20px } .tag-list li { display: inline-block; margin-right: 3px; margin-bottom: 6px; } .tag-list li a {display: inline-block; background: #ffd200; padding: 3px 10px; border-radius: 3px; color: #FFFFFF; text-transform: uppercase; font-weight: 600; font-size: 11px;} .tag-list li a:hover {background: #00274D} .right-tags {border: 2px solid #000; padding: 5px 10px; display: inline-block; margin-right: 5px; font-size: 11px; font-weight: 700; margin-top: 10px} .right-tags:hover {background: #ffd200; color: #FFFFFF; border: 2px solid #ffd200} .pro-hr {border-color: #dddddd; margin: 30px 0} .dp-container {width: 15%; float: left} .dp-container img {width: 89px; border-radius: 50%;} .main-comment {width: 85%; float: left;} .main-comment h4 {font-size: 13px; font-weight: 600; font-family: 'Montserrat', sans-serif; text-transform: uppercase;} .main-comment span { font-style: italic; font-family: 'Open Sans', sans-serif; text-transform: none;font-weight: 400; color: #7e7e7e; margin-left: 10px} .main-comment p {font-weight: 400; line-height: 22px; color: #666666} .main-comment button {background: #ffd200; border-radius: 5px; border: 0 none; color: #FFFFFF; font-weight: 600; text-transform: uppercase; padding: 8px 20px; font-size: 12px; font-family: 'Montserrat', sans-serif; text-transform: uppercase;} .main-comment button:hover {background: #00274D} .reply-form {margin-top: 20px; border: 1px solid rgba(0, 0, 0, 0.1); padding: 25px; background: rgba(0, 0, 0, 0.05)} .reply-form h3 {margin-top: 0; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 16px;} .reply-form input[type="text"] {width: 100%; height: 40px; text-indent: 35px; background: url(../imgs/icons/user.png) #FFFFFF no-repeat 15px center; border: 1px solid #ccc} .no-background {background: 0 none} .no-border {border: 0 none} .reply-form input[type="email"] {width: 100%; height: 40px; text-indent: 35px; background: url(../imgs/icons/mail.png) #FFFFFF no-repeat 15px center; border: 1px solid #ccc} .reply-form textarea {width: 100%; height: 140px; text-indent: 25px; background: url(../imgs/icons/message.png) #FFFFFF no-repeat 15px 15px; border: 1px solid #ccc; padding: 10px; margin-bottom: 15px} .reply-form .continue {padding: 7px 15px} /*Blog*/ /*Contact*/ .top-contact {font-size: 13px; line-height: 18px;} .icon-contact {border: 2px solid #ffc300; background: none; border-radius: 10px; display: inline-block; text-align: center; width: 84px; height: 85px} .icon-contact i {position: relative; top: 50%; color: #ffc300; line-height: 0px} .top-contact p {margin: 10px 0} .top-contact-main {margin-bottom: 45px} .form-section {padding: 45px 0} .form-section label {font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 16px; font-weight: 600} .form-section input[type="text"], .form-section input[type="email"], .form-section input[type="phone"] {width: 97%; height: 50px; text-indent: 10px; background: rgba(255, 255, 255, 0.8)} .form-section textarea {width: 99%; height: 240px; padding: 10px; margin-bottom: 20px} .form-section .col-xs-12 {margin-top: 35px} .form-section .submit {width: 160px; margin: 0 2px; padding: 7px 0; background: #efa901; border: 0 none; border-bottom: 3px solid #ef7001; color: #FFFFFF; font-weight: 700; text-transform: uppercase} .form-section .reset {width: 160px; margin: 0 2px; padding: 7px 0; background: #002e5a; border: 0 none; border-bottom: 3px solid #000000; color: #FFFFFF; font-weight: 700; text-transform: uppercase} .form-section .submit:hover, .form-section .reset:hover {background: #000000} .font-second-head {font-size: 21px} #mapkit-7453 {height: 500px; width: 100%;} .top-contact i {font-size: 35px} .top-contact .fa-mobile {font-size: 55px} .top-contact .col-md-4:hover .icon-contact {background: #ffc300;} .top-contact .col-md-4:hover .icon-contact i {color: #FFFFFF} .submit {margin: 0 2px; padding: 7px 10px; background: #efa901; border: 0 none; border-bottom: 3px solid #ef7001; color: #FFFFFF; font-size: 16px; font-weight: 700; text-transform: uppercase} .reset {font-size: 16px; margin: 0 2px; padding: 7px 10px; background: #002e5a; border: 0 none; border-bottom: 3px solid #000000; color: #FFFFFF; font-weight: 700;text-transform: uppercase} .bottom-links {margin: 35px 0} .table-data { float: left; padding: 0px 0px; text-align: left; width: 100%; } .moh-table { border: 1px solid #333; /* margin-top: 20px;*/ width: 100%; } .moh-table th { background: #fff7d7 none repeat scroll 0 0; } .moh-table th, .moh-table td { border: 1px solid #333; padding: 12px; } /*Contact*/ .counter-area {background: rgba(0, 0, 0, 0.5)} .more-questions {padding-top: 20px;} .more-questions li {list-style: none; border-bottom: 1px dotted #ffffff; background: url(../imgs/icons/arrow.png) no-repeat 5px center; padding-left: 20px} .more-questions li:hover {background: url(../imgs/icons/arrow-h.png) no-repeat 5px center;} .more-questions li:hover a {color: #E6B807} .more-questions a {color: #FFFFFF; line-height: 45px;} .description {color: #777777} .bg-blue .description {color: #ffffff} /*Faq*/ .faq-box {margin-top: 0} .faq-box .panel-body {background: #eeeeee; padding: 25px} .faq-box .panel > .panel-heading {padding: 0} .faq-box .panel-title {height: 45px; padding-top: 12px} .faq-box .panel-title > a::after {left: 0; width: 35px; padding: 10px 0 0 0; height: 45px; text-align: center; background: #ffc300; color: #000000; top: 0} .faq-box .panel-title a {padding-left: 45px} .faq-section .blog-right {box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);} /*Faq*/ /*Support*/ .support {background: #fff4db url(../imgs/support.png) 92% 20px no-repeat; border: 1px solid #ffe8bb; padding: 20px 15px; margin-bottom: 35px} .support-content {width: 75%; font-weight: 400; font-size: 13px} .support-content h3 {font-size: 17px; font-weight: 700; margin-top: 0} .support-content p {margin: 0} /*Support*/ /*Privacy*/ .privacy-section p {line-height: 25px; color: #666666} .phone-mail {line-height: 23px; margin-top: -3px} .quote-hotspot {position:absolute; top: -100px; } .page-not-found-img {max-width: 100%; margin-bottom: 40px} /*Twitter Handling*/ .twitter-handle { width: 600px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .twitter-handle .date {display: none} .twitter-handle a {font-size: 16px; color: #ffd200; text-decoration: none} .twitter-handle .tweet {overflow: hidden;} .twitter-handle ul {width: 99999px; min-height: 30px; margin:0} .twitter-handle ul li {width: 854px; color:#FFF; text-align:left; list-style:none; min-height: 70px; float: left; font-weight:400;padding: 0 10px 0 0; margin: 20px auto;} .screen-name {font-size: 16px; font-weight:400; margin-bottom: 5px; text-transform: uppercase; } .twitter-handle ul li {padding-left: 35px; position: relative} .twitter-handle ul li::before { font-family: 'FontAwesome'; content: '\f099'; position: absolute; left: 0;font-size: 20px; color: #ffd200;} .news-letter-top {/* Permalink - use to edit and share this gradient: /#272941+0,52697c+100 */ background: #272941; /* Old browsers */ background: -moz-linear-gradient(45deg, #272941 0%, #52697c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, #272941 0%, #52697c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, #272941 0%, #52697c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272941', endColorstr='#52697c', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ position: absolute;top:0;height:100%;width:260px; right:0;color:#FFFFFF;font-weight:600;font-size:16px } .dropdown-menu{min-height:80px} .dropdown-menu a {display:block; padding:7px 20px; clear:both; font-weight:400; line-height:1.42857143; color:#333; white-space:nowrap} .dropdown-menu a:focus, .dropdown-menu a:hover {color:#ffffff; text-decoration:none; background-color:#436383} .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {color:#fff; text-decoration:none; background-color:#337ab7;outline:0} /*Twitter Handling*/ .no-js .owl-carousel, .owl-carousel.owl-loaded{position:relative} /*.carousel-item {height:50vh; min-height:300px; background: no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}*/ #quote-carousel .carousel-item {height:auto; min-height:auto; } /*faq*/ .accordion .card-header:after {font-family: 'FontAwesome'; content: "\f068"; float: right; padding: 8px 8px 7px 0;} .accordion .card-header.collapsed:after {/* symbol for "collapsed" panels */ content: "\f067"; padding: 8px 8px 7px 0; } /*about-2*/ .about-wrp { float: left; width: 100%; } .abt-bx { float: left; position: relative; width: 100%; } .abt-thumb { float: left; width:70% } .abt-us-2 { position: absolute; max-width: 650px; background: rgba(255,255,255,0.9); padding: 45px 35px 55px 60px; right: 0; top:50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); box-shadow: 0 0 0 8px #fab702; box-shadow: 0 0 0 8px #fab702; box-shadow: 0 0 0 8px #fab702; box-shadow: 0 0 0 8px #fab702; } .abt-us-2 > span { font-size: 13px; font-weight: 300; color: #000000; text-transform:uppercase; display: inline-block; } .abt-us-2 > h2 { font-size: 35px; color: #000000; margin-bottom:15px; } .abt-us-2 > p { font-size: 16px; line-height: 30px; font-weight: 300; margin-bottom:15px; color: #000000; } .abt-us-2 > a { display: inline-block; border-radius:5px; padding: 9px 30px; background-color: #3B362F; font-size: 14px; color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight:700; text-transform:uppercase } .abt-us-2 > a:hover { background-color: #00274d;} .fea-bx { background: #fff; border: 2px solid #d7dce8; -webkit-border-radius: 13px; border-radius: 13px; float: left; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in;; padding: 30px 30px 35px; width: 100%; } .fea-bx > i { font-size: 50px; color: #2b2b2b; position: relative; display: inline-block; } .fea-bx-inf { float: left; width: 100%; margin-top: 20px; } .fea-bx-inf > h4 { font-weight: 600; text-transform:uppercase; color: #000; font-size: 18px; margin-bottom: 10px; } .fea-bx-inf > p { margin-bottom: 0; color: #7d7d7d; } .particle-bx { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .spacing { position: relative; width: 100%; } .fixed-bg, .fixed-bg2 { background-position: center; height: 100%; width: 100%; margin: 0; position: absolute; left: 0; top: 0; z-index: -2; } .fixed-bg { background-attachment: fixed; background-size: cover; } .pur-mckp { float: left; width: 100%; margin: -150px 0 -190px; } .pur-sec { float: left; width: 100%; } .pur-sec-inr { max-width: 100%; } .pur-sec-inr > span { font-size: 18px; text-transform:uppercase; font-weight: 400; font-family: 'Montserrat', sans-serif; display: block; margin-bottom: 10px; } .pur-sec-inr > h2 { font-size: 28px; text-transform:uppercase; margin: 20px 0 20px; line-height: 45px; } .pur-sec-inr > p { margin: 20px 0 20px; font-size: 15px; line-height: 23px; } .pur-sec-inr > a{ padding: 11.5px 40px; font-weight:700; font-family: 'Montserrat', sans-serif;} .fn-fct-wrp { background-color: #fab702; padding:30px 0 50px 0; border-bottom-right-radius:15px; border-bottom-left-radius:15px; width: 100%; } .remove-ext3 { margin-bottom: -30px; } .fn-fct-bx { float: left; padding: 0 20px; position: relative; width: 100%; } .text-center .fn-fct-bx { margin-bottom: 30px; } .fn-fct-bx > span { font-size: 47px; font-family: poppins; color: #161616; font-weight: 700; } .fn-fct-bx > h4 { color: #161616; font-weight: 600; font-size: 19px; margin-bottom: 4px; position: relative; } .fn-fct-bx > i{ font-style: normal; font-size: 55px; margin-bottom:15px; display:block } .fn-fct-bx > small { font-style: normal; font-size: 13px; } .sec-tl2 { margin-bottom: 40px; position: relative; width: 100%; } .sec-tl2 > i { font-size: 15px; font-style: normal; letter-spacing: .8px; color: #3e3e3e; display: block; } .sec-tl2 > h2 { margin-bottom: 0; position: relative; display: inline-block; } .team-bx, .post-bx { float: left; position: relative; width: 100%; } .team-bx.style2 .team-thumb { border: 8px solid #fff; overflow: hidden; position: relative; width: 100%; } .team-thumb > a, .post-thumb > a, .fltr-thumb > a { float: left; width: 100%; } .team-thumb > a:before, .post-thumb > a:before, .fltr-thumb > a:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #d68d00; opacity: 0; z-index: 1; } .team-thumb.hrz > a::before, .post-thumb.hrz > a::before, .fltr-thumb.hrz > a:before { -webkit-transform: scaleX(.2); -ms-transform: scaleX(.2); -o-transform: scaleX(.2); transform: scaleX(.2); } .team-bx:hover .team-thumb > a::before, .post-bx:hover .post-thumb > a::before, .fltr-bx:hover .fltr-thumb > a::before {opacity: .5;} .team-bx:hover .team-thumb.vcl > a::before, .post-bx:hover .post-thumb.vcl > a::before, .fltr-bx:hover .fltr-thumb.vcl > a::before { -webkit-transform: scaleY(1); -ms-transform: scaleY(1); -o-transform: scaleY(1); transform: scaleY(1); } .team-bx:hover .team-thumb.hrz > a::before, .post-bx:hover .post-thumb.hrz > a::before, .fltr-bx:hover .fltr-thumb.hrz > a::before { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); } .team-scl { position: absolute; top: 70%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); padding: 0 25px; left: 0; right: 0; z-index: 1; opacity: 0; } .team-scl > a { display: inline-block; line-height: 35px; width: 35px; color: #1b1b1b; font-size: 13px; position: relative; margin: 0 2px; z-index: 1; } .team-scl > a:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: inherit; background-color: #fff; z-index: -1; } .team-scl > a:hover i.fa-facebook {color: #3b5999;} .team-scl > a:hover i.fa-twitter {color: #55acee;} .team-scl > a:hover i.fa-linkedin {color: #0077B5;} .team-scl > a:hover i.fa-google-plus {color: #dd4b39;} .team-bx:hover .team-scl { top: 50%; opacity: 1; } .brd-rd50 { -webkit-border-radius: 50%; border-radius: 50%; } a, p, img, input, button, textarea, :before, :after, .owl-nav > div, .owl-dots > div, nav ul ul, label, .logo, .logo > a img, nav > div > ul ul, nav > div > ul li, .prtfl-inf, .pln-fctr-lst > li, .plan-hdr > span, .plan-hdr > i, .plan-hdr > h6, .progress-bar, .team-scl, .testi-thmb-inf, .crt-pst-inf, .srv-bx-frnt, .srv-bx-bck, .fea-bx, .prtfl-inf-btns, .prtfl-inf > h4, .prtfl-inf > p, .plan-hdr, .plan-bx3, .mnu-cls-btn, .one-page-nav > a span, .prtfl-inf2, .prj-inf, .hdr-srch-bx, .srch-cls-btn, .rspn-cnt > li, .rspn-mnu-btn, .rspn-mnu-cls { -webkit-transition: all .3s linear; -ms-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; } .team-bx.style2 .team-info { border: 1px solid #f2f2f2; background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px; margin-top: -50px; padding: 65px 20px 30px; } .team-bx:hover .team-thumb > a::before {opacity: .7;} .team-info > a { display: block; font-size: 13px; color: #1a1a1a; letter-spacing: .2px; margin-top: 10px; } .plan-bx { float: left; background-color: #00274D; padding: 40px 30px; position: relative; overflow: hidden; border-radius: 15px; width: 100%; z-index: 1; } .plan-bx:before { content: ""; height: auto; margin: auto; opacity: 1; border-radius: 50%; padding-top: 200%; pointer-events: none; position: absolute; z-index: -1; right: -50%; top: -150%; visibility: visible; width: 200%; height: 150%; background: #fab702; -webkit-transition: top 0.85s ease-in-out 0s, opacity 0.25s ease-in-out 0s, visibility 0.25s ease-in-out 0s; -ms-transition: top 0.85s ease-in-out 0s, opacity 0.25s ease-in-out 0s, visibility 0.25s ease-in-out 0s; transition: top 0.85s ease-in-out 0s, opacity 0.25s ease-in-out 0s, visibility 0.25s ease-in-out 0s; } .plan-bx:hover::before { opacity: 1; right: -50%; top: -40%; visibility: visible; } .plan-hdr { float: left; width: 100%; margin-bottom: -5px; } .plan-hdr > i { color: #fff; font-size: 60px; margin-bottom: 20px; display: inline-block; } .plan-hdr > h6 { font-size: 24px; color: #fff; letter-spacing: 0; margin-bottom: 25px; } .plan-hdr > span { color: #fff; font-weight: 700; font-family: poppins; display: inline-block; } .plan-hdr > span sup { font-size: 16px; font-weight: 400; letter-spacing:1px; } .plan-hdr > span i { font-style: normal; font-size: 18px; } .plan-bdy { float: left; width: 100%; } .pln-fctr-lst { float: left; padding-left: 0; list-style: none; margin-bottom: 0; width: 100%; } .pln-fctr-lst > li { font-size: 14px; color: #fff; letter-spacing: 0; font-family: poppins; float: left; width: 100%; margin-top: 15px; } .pln-fctr-lst > li { border-bottom: solid 1px #022d57; padding-bottom:10px} .plan-bx:hover li {border-bottom: solid 1px #fcc224;} .plan-bx .theme-btn { margin-top: 40px; padding: 15px 50px; font-family: 'Montserrat', sans-serif; background-color: #fab702; color: #484748; } .plan-bx:hover .theme-btn { background-color: #00274D; color: #fff; } .plan-bx:hover .pln-fctr-lst > li, .plan-bx:hover .plan-hdr > span, .plan-bx:hover .plan-hdr > i, .plan-bx:hover .plan-hdr > h6 {color: #1f2022;} .owl-carousel-4 .owl-nav {position: absolute;} .owl-carousel-4.nav-vc .owl-nav { top: 80%; right: -80px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 50px; } .owl-carousel-4 .owl-nav > div { line-height: 50px; width: 50px; border-radius: 50%; color:#000000; margin: 5px; background-color: #fff; text-align: center; font-size: 20px; display: inline-block; } .choose-plan-wrap .sec-tile > i{font-style:normal} .owl-carousel-4 .owl-nav > div:hover, .plan-bx .theme-btn:hover, .plan-bx .theme-btn:focus, .choose-plan-wrap .sec-tile > i, .choose-plan-wrap .sec-tile > h2, .choose-plan-wrap .sec-tile > p {color: #fff;} .sec-tl1 > a.theme-btn {border-bottom: 0; font-weight: 600; font-family: 'Montserrat', sans-serif; font-size:15px; padding: 11.5px 30px;} .choose-plan-wrap .sec-tile > p{ line-height:30px; font-weight:300 } .fea-bx:hover{ border-color: #ffd800; -webkit-transition: 0.2s ease-in; -o-transition: 0.2s ease-in; transition: 0.2s ease-in; } .fea-bx:hover i{ color: #ffd800; } .nav-tabs .nav-link.active .tab-txt{color:#ffffff;} /*Services V2*/ #what-we-do{padding-top:20px; text-align:center} #what-we-do i { background: -webkit-linear-gradient(#FD6E6A, #FFC600); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 65px; } #what-we-do h3 { color: #222; display: block; font-size: 18px; margin-bottom: 10px; text-transform:uppercase; font-weight: 800; font-family: 'Montserrat', sans-serif; margin-top: 15px; } #what-we-do .col-md-4:hover h3, #what-we-do .col-md-4:hover i{ background: -webkit-linear-gradient(#FFC600, #FD6E6A); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} #what-we-do p { color: #333333; line-height:25px; font-size: 15px; } #what-we-do .col-md-4 { margin-bottom: 30px; } #presentation { background: url(../imgs/backgrounds/testimonial.jpg) no-repeat; background-position: center center; padding: 100px 0; background-size: cover; } .position-relative { position: relative; } .circle-red { border-color: #ff3f00; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; -ms-border-radius: 1000px; border-radius: 1000px; border-style: solid; border-width: 80px; height: 370px; opacity: 0.1; position: relative; width: 370px; z-index: 9; } #presentation .circle-red { position: absolute; right: -200px; top: -460px; } #presentation h1 { color: #fff; font-size: 25px; font-weight: 700; text-transform:uppercase; font-family: 'Montserrat', sans-serif; line-height: 35px; } #presentation .play-button { align-items: center; background: #fd6e6a; background: -moz-linear-gradient(top, #fd6e6a 0%, #ffc600 100%); background: -webkit-linear-gradient(top, #fd6e6a 0%,#ffc600 100%); background: linear-gradient(to bottom, #fd6e6a 0%,#ffc600 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd6e6a', endColorstr='#ffc600',GradientType=0 ); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; display: flex; height: 60px; justify-content: center; margin: 50px auto auto; text-decoration: none; width: 60px; z-index: 10; } #presentation .play-button i { color: #fff; font-size: 24px; font-weight: 600; left: 1px; margin: 0 !important; position: relative; } #why-us{ padding: 100px 0 50px; } #why-us .head-title-black{ background: -webkit-linear-gradient(#FD6E6A, #FFC600); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } #why-us .about-video-bg { background: url(../imgs/backgrounds/abt01.jpg) no-repeat; background-position: center center; background-size: cover; height: 750px; } #why-us h2 { line-height: 42px; margin-top: 40px; } #why-us h2.head-title-white { bottom: 50px; font-size: 80px; text-shadow:0 6px 1px #000 ; text-transform:uppercase; font-weight: 800; font-family: 'Montserrat', sans-serif; letter-spacing: -3px; line-height: 85px; margin: 0; position: absolute; right: 10%; color: #fff; z-index: 1; opacity: 0.3; text-align: right; text-transform: none; } #why-us h2 { line-height: 34px; font-weight: 600; font-size:20px; margin-top: 10px; } #why-us .wrapper { margin-top: 50px; padding-left: 70px; position:relative } #why-us i { display: inline-block; font-size: 36px; background: -webkit-linear-gradient(#FD6E6A, #FFC600); -webkit-background-clip: text; -webkit-text-fill-color: transparent; left: 10px; position: absolute; top: 0; } #why-us h3 { background: -webkit-linear-gradient(#FD6E6A, #FFC600); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; font-size: 24px; text-transform:uppercase; font-weight: 800; font-family: 'Montserrat', sans-serif; font-weight: 700; margin-bottom: 5px; margin-top: 0; } #why-us p { color: #222; line-height:25px; font-size: 15px; } #filters li{margin-bottom:0} .blog-page-grid .blog-in h1{font-size:16px; line-height:25px} .blog-page-grid .comm-date li{margin:0 2px; font-size:11px;} .blog-page-grid .img-cont{min-height:200px; max-height:200} .blog-page-grid .continue{background: #00274D} /*===== Pagination =====*/ .paging-sec { float: left; margin-top: 15px; margin-bottom:30px; width: 100%; } .paging-sec .pagination { display: inline-block; margin-bottom: 0; -webkit-border-radius: 0; border-radius: 0; } .paging-sec .pagination .page-item { font-size: 14px; display: inline-block; color: #333; overflow: hidden; margin: 2px; } .paging-sec .pagination .page-item .page-link, .paging-sec .pagination .page-item > span { border: 0; color: inherit; padding: 0; line-height: 50px; width: 50px; background-color: transparent; -webkit-border-radius: inherit; border-radius: inherit; display: inherit; position: relative; } .paging-sec .pagination .page-item .page-link:hover, .paging-sec .pagination .page-item .page-link:focus, .paging-sec .pagination .page-item > span { background-color: transparent; font-weight: 700; } .paging-sec .pagination .page-item:first-child .page-link, .paging-sec .pagination .page-item:last-child .page-link { width: auto; padding: 0 40px; } .paging-sec .pagination .page-item:first-child, .paging-sec .pagination .page-item:last-child { font-weight: 700; background-color: #f8f8f8; font-size: 12px; } .paging-sec .pagination .page-item:first-child {margin-right: 25px; background-color: #fff;} .paging-sec .pagination .page-item:last-child {margin-left: 25px; background-color: #fff; } .paging-sec .pagination .page-item:last-child i {margin-left: 6px; font-size: 14px;} .paging-sec .pagination .page-item:first-child i {margin-right: 6px; font-size: 14px; } .paging-sec .pagination .page-item .page-link::before, .paging-sec .pagination .page-item > span:before {content: ""; position: absolute; left: 0; right: 0; top: 0;bottom: 0; z-index: -1; -webkit-border-radius: inherit; border-radius: inherit; -webkit-transform: scaleX(.4);-ms-transform: scaleX(.4); -o-transform: scaleX(.4); transform: scaleX(.4); opacity: 0;} .paging-sec .pagination .page-item > span::before {-webkit-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); opacity: 1;} .paging-sec .pagination .page-item .page-link:hover:before, .paging-sec .pagination .page-item .page-link:hover:before, .paging-sec .pagination .page-item .page-link:focus:before, .paging-sec .pagination .page-item .page-link:focus:before {-webkit-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1); opacity: 1;} .paging-sec .pagination .page-item:first-child .page-link:before, .paging-sec .pagination .page-item:last-child .page-link:before {background-color: #2a2d2e;} .paging-sec .pagination .page-item:first-child .page-link:hover, .paging-sec .pagination .page-item:last-child .page-link:hover, .paging-sec .pagination .page-item:first-child .page-link:focus, .paging-sec .pagination .page-item:last-child .page-link:focus {color: #fff;} /*Blog Grid*/ .post-bx {float: left; position: relative; width: 100%; padding: 25px 20px; background: #fff; margin-bottom:25px; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);} .post-thumb {float: left; overflow: hidden; position: relative; width: 100%;} .post-thumb > a{float: left; width: 100%;} .post-thumb img{width: 100%;} .post-info {float: left; margin-top: 15px;width: 100%;} .post-info > h4 {font-family: 'Montserrat', sans-serif; margin-top:0; color: #2b2b2b; font-size: 19px; letter-spacing: -.2px; margin-bottom: 0;} .post-meta {padding-left: 0; list-style: none; margin: 0 0 0px; display: inline-block;} .post-meta > li, .wdgt .post-meta > li {display: inline-block; margin: 10px 10px 0 0; letter-spacing: 0; font-size: 13px; color: #828282;} .post-meta > li i{color:#828282} .post-meta > li a {color: #2e2e2e;} /*Portfolio Lightbox*/ .prtfl-bx {float: left; overflow: hidden; position: relative; width: 100%;} .prtfl-bx:before {content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: #000000; opacity: 0; -webkit-transform: scaleX(.5); -ms-transform: scaleX(.5); -o-transform: scaleX(.5);transform: scaleX(.5); z-index: 1;} .prtfl-bx:hover:before {opacity: .85; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1);} .prtfl-bx > img {width: 100%;} .prtfl-inf {position: absolute; top: 50%; left: 0; right: 0; z-index: 1; padding: 0 15px; -webkit-transform: translateY(-50%) scale(.5); -ms-transform: translateY(-50%) scale(.5); -o-transform: translateY(-50%) scale(.5); transform: translateY(-50%) scale(.5); opacity: 0; visibility: hidden;} .prtfl-inf-btns {display: inline-block; margin-bottom: 25px;} .prtfl-inf-btns > a {position: relative; margin: 2.5px; line-height: 50px; width: 50px; display: inline-block;background-color: #555; color: #fff; z-index: 1;} .prtfl-inf-btns > a:before {content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-border-radius: inherit; border-radius: inherit; -webkit-transform: scale(.5); -ms-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5); background-color: #ffd200; z-index: -1; opacity: 0;} .prtfl-inf-btns > a:hover::before, .prtfl-inf-btns > a:focus::before {-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;} .prtfl-inf-btns > a:hover, .prtfl-inf-btns > a:focus {color: #000;} .prtfl-inf > h4 {color: #fff; font-size: 28px; letter-spacing: -0.4px; margin-bottom: 3px;} .prtfl-inf-btns2 {display: inline-block; margin-bottom: 25px;} .prtfl-inf-btns2 > a {position: relative; margin: 2.5px; padding:0 30px; line-height: 50px; display: inline-block;background-color: #555; color: #fff; z-index: 1; font-weight:600} .prtfl-inf-btns2 > a:before {content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; -webkit-border-radius: inherit; border-radius: inherit; -webkit-transform: scale(.5); -ms-transform: scale(.5); -o-transform: scale(.5); transform: scale(.5); background-color: #ffd200; z-index: -1; opacity: 0;} .prtfl-inf-btns2 > a:hover::before, .prtfl-inf-btns2 > a:focus::before {-webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1;} .prtfl-inf-btns2 > a:hover, .prtfl-inf-btns2 > a:focus {color: #000;} .prtfl-cat {display: inline-block;} .prtfl-cat > a {margin: 2.5px; display: inline-block; color: #fff; font-size: 14px; text-transform:uppercase;letter-spacing: 1px;} .prtfl-bx:hover .prtfl-inf {opacity: 1; visibility: visible; -webkit-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); -o-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1);} /*contact 2*/ .no-spacing, .spacing.no-spacing {padding: 0;} .overlap50 {margin-top: -50px;} .gl-mp {float: left; width: 100%; height: 530px; margin-bottom: 60px;} .gl-mp.style2 {margin-bottom: 0;} .cnt-info-wrp {float: left; width: 100%;} .cnt-inf-bx {border-radius:10px; background-color: #fff; float: left; max-width:100%; width: 100%; -webkit-box-shadow: 0 0 13px rgba(0,0,0,.1); -ms-box-shadow: 0 0 13px rgba(0,0,0,.1); -o-box-shadow: 0 0 13px rgba(0,0,0,.1); box-shadow: 0 0 13px rgba(0,0,0,.1); padding: 30px 20px 30px 85px; position: relative; min-height:160px} .remove-ext3 .cnt-inf-bx {margin-bottom: 30px;} .cnt-inf-bx > i {position: absolute; left: 25px; font-size: 35px;} .cnt-inf-bx > strong {display: inline-block; font-size:20px;color:#000; margin-bottom: 5px;} .cnt-inf-bx > span, .cnt-inf-bx > a {display: block; margin-top: 6px; font-size: 15px; color: #9fa4af;} .cnt-frm-dta {float: left; width: 100%;} .cnt-inf {float: left; width: 100%;} .cnt-inf > h2 {font-size: 25px; text-transform:uppercase; font-weight:800; font-family: 'Montserrat', sans-serif; color: #2a2a2a; margin-bottom: 15px;} .cnt-inf > p {margin-bottom: 0; color: #2a2a2a; font-size: 13px; line-height:25px;} .cnt-frm {float: left; width: 100%;} .cnt-frm > form {float: left; width: 100%;} .cnt-frm > form input, .cnt-frm > form textarea {float: left; width: 100%; padding: 15px 20px; border-radius:3px; font-size: 13px; color: #000; height: 50px; border: 1px solid #cdcdcd;} .mrg10 input, .mrg10 textarea {margin-bottom: 10px;} .cnt-frm > form textarea {height: 165px;} .cnt-frm > form button {margin-top: 20px; border:0 none} .fixed-bg.stl {background-attachment: initial; background-size: contain; background-position: center right; background-repeat: no-repeat;} #back-countdiown li span{cursor:default} .breadcrumb>li{text-transform:uppercase; font-size:13px; } .twitter-handle .tweet{color:#FFFFFF} .details2 ul { width:100%} .details2 li { width:47%; display:block; float:left; margin:0 2px} .details2 .orange-txt {min-width:auto!important;} .cl { background:#022d57; border:0; width:30px; height:30px; color:#fff; text-align:center; line-height:30px; position:absolute; top:10px; right:10px; font-weight:700;} .details2-social { position:absolute; bottom:0; left:0; right:0;} .details2 { margin:10px 0 0 0} .details2 a .fa { width: 35px; height: 35px; text-align: center; color: #656565; font-size: 15px; background: #f0f0f0; border-radius: 50%; line-height: 35px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .details2 a:hover .fa { color: #FFFFFF } .details2 a:hover .fa-facebook { background: #3366CC } .details2 a:hover .fa-twitter { background: #00CCFF } .details2 a:hover .fa-google-plus { background: #CC3300 } .details2 a:hover .fa-linkedin { background: #3366CC } .light-bg1 { background: url(../imgs/backgrounds/light-bg1.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .about_center_img .img-fluid{max-width: 100%; height: auto; height: 360px; border:2px solid #a7b1bb} .bgcolor { background: #fff!important; min-height: 400px; } .top-search_menu h3{color: #fff; padding: 0px 0px; font-size: 17px; margin: 3px 0px;} .close { float: right; font-size: 30px; font-weight: 700; line-height: 1; color: #000; filter: alpha(opacity=20); } .montserrat1{ display: inline-block; color: #f07c00; padding: 8px 12px; border-radius: 10px; font-size: 15px; cursor: pointer; } .montserrat1:hover { display: inline-block; background: #f07c00; color: #fff; padding: 8px 12px; border-radius: 10px; cursor: pointer; cursor: pointer; box-shadow: 0 0px 12px rgba(0, 0, 0, 0.28); } @media (min-width: 768px){ .modal-content { width: 600px; } .modal-header {background:#fecb17} } .c-pdf{ color:red; font-weight:700; font-size:18px; } .mar-t-10{ margin-top:10px; } .mar-b-0{ margin-bottom:0px; } .montserratread { display: inline-block; background: #f07c00; color: #fff; padding: 5px 10px; border-radius: 10px; font-size: 15px; cursor: pointer; border: 2px solid #f07c00; } .montserratread:hover { display: inline-block; background: #f07c00; color: #fff; padding: 5px 10px; border-radius: 10px; font-size: 15px; cursor: pointer; border: 2px solid #f07c00; box-shadow: 0 0px 12px rgba(0, 0, 0, 0.28); } .time{ color: #f07c01; font-weight:500; } .f-14{ font-size:14px; } .mar-t-0{ margin-top:0px; } .pad-t-0{ padding-top:0px!important; } .pad-b-15{ padding-bottom:15px!important; } .text-dec-u{ text-decoration: underline; } .divider{ padding-top: 10px; margin-bottom: 10px; border-bottom: 1px dotted #ccc; } .montserrattext{ color:#f07c00 } .mar-lr-0{ margin-left:0px; margin-right:0px; } .login_page_banner{ height:160px; } .loginpage #wp-submit{ width:100%; } .show_on_mobile{ display:none; } @media only screen and (max-width:767px){ .show_on_mobile{ display:block; } .hide_on_mobile{ display:none; } .login-left-box{ margin-top:0; } .loginpage .singlebox{ width:100%; } } @media only screen and (max-width:480px){ .login-left-box .lg-content{ padding:20px 20px; } } .ig_post_container img {max-width: 100%;}