/*-------------------------------------------------------------------------- General Style --------------------------------------------------------------------------*/ body {background: #FFFFFF;font-family: 'Raleway', sans-serif;} .section {padding:30px 0;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)} .section-white {background:#FFF} .section-dark {background:#151515} .section-dark h3 {color:#FFF;font-size:18px;font-weight:200} .section .container:first-child h1,.section .container:first-child h2,.section .container:first-child h3{margin-top:15px;font-weight:700}.input- micro {width:50px;margin-bottom:0!important} .container {width: 1170px;} textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {border-color: rgba(79, 141, 179, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(79, 141, 179, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(79, 141, 179, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(79, 141, 179, 0.6); color: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(79, 141, 179, 0.6); } ul.no-list-style {list-style-type: none; margin-left: 0;} ul.no-list-style li {line-height: 28px;} div[class*="span"] {-webkit-transition: all .4s linear; -moz-transition: all .4s linear; -o-transition: all .4s linear; -ms-transition: all .4s linear; transition: all .4s linear;} /*-------------------------------------------------------------------------- Typography Style --------------------------------------------------------------------------*/ body {font-family: 'Raleway', sans-serif; font-size: 14px; line-height: 20px; color: #535b60;} h1 {color:#4c4e93; font-family: 'Raleway', sans-serif; font-weight: 800;} h2 {color: #4c4e93;font-family: 'Raleway', sans-serif; font-weight: bold; font-size: 40px; line-height: 1.5em; margin: 30px 0 20px 0; color: #000000; text-transform: uppercase;} h3 {font-family: 'Raleway', sans-serif; color: #53555c; font-weight: bold; font-size: 1.5em;} h4 {font-family: 'Raleway', sans-serif; color: #53555c; font-weight: bold; margin-bottom: 10px;} a {color: #fff; outline: 0;} a:hover {color:#ffffff; text-decoration:none; outline: 0;} /*******************************************header styleing starts here ***************************************************************/ header { color:#fff; background:#fff;} header .top_sect {background:#393991;} header span {font-size:15px; padding: 10px 0px 10px; display:block;} header .social_icon {float: right;} header .social_icon ul {margin: 0px; padding: 0px; width: 100%; display: inline-block; text-align: center; padding: 0px 0px;} header .social_icon ul li {display: inline-block; margin:5px; padding: 5px 5px; font-size: 15px;font-size: 20px; display: inline-block; margin: 5px 0px 0px 10px; padding: 5px 0px; font-size: 15px; font-size: 20px;} header .navigation {float: right; width: 800px; margin-left: 20px;} header .navigation ul {margin: 0px; padding: 0px; float: right;} header .navigation ul li {display: block; list-style-type: none; margin: 10px; float: left; color: #5d5e5f; position: relative; text-transform: uppercase;} header .navigation ul li:first-child {margin-left:22px;} header .navigation ul li:last-child {margin-right:0px;} header .navigation ul li a {display: block; text-decoration: none; color: #762543; font-size:14px; padding:31px 0px; position: relative; padding: 10px 0px;} header .navigation ul li a:hover {color: #f497b3;} header .navigation ul li ul {position: absolute; background: #fff; margin: 0; padding: 0; width: 145px; z-index: 99; border: 2px solid #cccccc; border-radius: 5px; display: none; left: -16px; top: 60px;} header .navigation ul li:hover ul {display: block} header .navigation > ul li ul li {display: block !important; float: none !important; margin: 0 !important; text-align: center; padding: 0;} header .navigation > ul li ul li a {font-size:14px !important; line-height: 16px; color: #747474!important; font-weight: normal; padding: 13px 4px 13px 7px; display: block; background: #fff!important; text-align: center; text-align: left;} header .navigation > ul li ul li a:hover {color: #3aa4d0 !important;} header .cart {float: right; width:100px; margin-top:30px; text-align: right;} header .btn4 {width:20px; float: right; padding: 15px; background: #fff url(../images/search-s.png)no-repeat 48% 54%; border: none; outline: none;} header .navigation .searchbar {display: none;} header .navigation .searchbar input::-webkit-input-placeholder {color:#762543; font-size:14px;} header .navigation .searchbar input::-moz-placeholder {color:#762543; opacity: 0.9; font-size:14px; } header .navigation .searchbar input:-moz-placeholder {color:#762543; font-size:14px;} header .navigation .searchbar input::-ms-input-placeholder {color:#762543; font-size:14px;} header .navigation > ul > li ul li a:after {display: none;} header .logo {display:block; background: white; width:80%; padding:10px 0px;} header .logo a {display: block; font-size: 35px; margin-left: 5px; font-weight: bold; text-decoration: none;position: relative;} .header-info {display: inline-block; margin: 20px 35px 13px 0px;} .header-info i {float: left; color: #000; display: inline-block; margin: 15px 10px 0px 0px;} .header-info-text {margin-left:8px; display: inline-block;} .header-info-text a {font-size: 16px; font-weight: 600; margin-top: 10px; display: block; color: black;text-decoration: none;} .header-info-text span {color: #fff; font-size: 13px; display: block; padding: 0px 0px;} .header-info-text h4 {color: #fff; margin: 10px 0px 2px 0px;} .header-main.white:after {background: #ffffff none repeat scroll 0 0; border-right: 15px solid #fde428; content: ""; height: 100%; left: 24.5%; position: absolute; top: 0; -webkit-transform: skewX(39deg); transform: skewX(39deg); width: 95px;} .logo {padding: 32px 0px; display: block; background: white; width: 80%; position: relative;} .logo a {color: black;} /* .logo:after {background: #ffffff none repeat scroll 0 0; border-right: 15px solid #fde428; content: ""; height: 100%; right: -30px; position: absolute; top: 0; -webkit-transform: skewX(21deg); transform: skewX(21deg); width: 61px; border-right: 10px solid #aac51b;} */ .logo:before {position: absolute; top: 0; right: 0; bottom: auto; left: auto; background: #ffffff; content: " "; height: 100%; width:1000%;} .login {float: right; margin-top: 38px;} .login a {font-weight: bold; background:#3a0cb0 none repeat scroll 0 0; border: 0 none; color: #fff; font-size: 17px; display: block; font-weight: 600; line-height: 36px; padding: 0 17px; text-transform: uppercase; -webkit-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; border-radius: 5px; text-decoration: none;} .cont_top ul, ol {float: left;} .banner-content h1 {color: #fff;font-family: 'Raleway', sans-serif; font-size: 60px; margin-bottom: 10px;} .text-content h3 {color: #ffffff;} .about-text {padding-right:35px} .about-text>h3>span,.information-text>h3>span,.feature-text>h3>span {color:#d73f7a} .about-text h2,.information-text h2,.feature-text h2 {font-size:22px;margin-bottom:25px} .about-text>h3 {font-size: 40px; line-height:50px; margin-bottom: 35px;COLOR: BLACK;text-transform: uppercase;} .single-content .single-title {color:#0097da;margin-bottom:8px} .about-text-right {padding-top:80px} .about-area,.about-two-area {padding:50px 0 30px;position:relative} .service-image>img {bottom:0;left:0;margin:auto;position:absolute;right:0;text-align:center;top:0; width: 40px;} .service-image {border:1px solid #ccc;border-radius:50%;display:inline-block;float:left;height:47px;position:relative;text-align:center;width:47px} .service-text {overflow:hidden;padding-left:18px;padding-right:12px} .service-text>h4 {color:#006b63;line-height:14px;margin-bottom:12px} .section-title>h2 {font-size:40px;line-height:24px;margin-bottom: 10px;text-transform: uppercase;} .service-area .row .col-md-4 .single-item {margin-bottom:47px} .section-title p {margin-bottom:30px;} .service-area span {color:#0097da;} .bg-systematic .text {margin-top: 10px; display: block; font-weight: bold; letter-spacing: 1px; font-size: 12px; text-align: center;} .single-footer-widget {color:#ccc} .single-footer-widget>h3 {color:#fff;font-size:16px;line-height:11px;margin-bottom:60px;text-transform:uppercase} .single-footer-widget p {color:#fff;} .single-footer-widget>span i {font-size:18px;width:30px} .footer-list a:hover {color:#fff} .footer-list>li {line-height:18px;margin-bottom:13px} .footer-list a {color:#fff;font-size:15px;line-height:17px; text-decoration: none;} .footer-contact-info a {text-decoration: none;} .footer-logo {margin-bottom:21px} .footer-logo>a {display:inline-block} .subscribe-form>input {background:rgba(0,0,0,0) none repeat scroll 0 0;border:0 none;color:#ccc;font-size:12px;padding-left:13px;height:100%} input#mc-email::-moz-placeholder {color:#ccc;opacity:1;-ms-filter:"alpha(opacity=100)"} .subscribe-form input[type="email"]::-webkit-input-placeholder {color:#ccc} .subscribe-form{border:1px solid #acacac;height:38px;margin-top:19px;position:relative} .subscribe-form>button {background:rgba(0,0,0,0) none repeat scroll 0 0;border:0 none;color:#c5c5c5;font-size:14px;height:100%;padding:0 13px;position:absolute;right:0;top:0} .subscribe-form:hover button {color:#fff} .footer-widget-content>h5 {color:#c5c5c5;margin-bottom:7px} .footer-widget-content>span {color:#c5c5c5;font-size:12px;line-height:24px} .footer-widget-content:nth-child(2) {margin-bottom: 26px;} .footer-contact-info > span {display: block; line-height: 22px; font-size: 15px; color: #fff!important;} .footer-contact-info > img {position: absolute; top: 8px;} .footer-contact-info {font-size: 12px; position: relative;} .footer-contact-info:nth-child(2), .footer-contact-info:nth-child(3) {margin-bottom: 10px;} .footer-text {color: #cccccc; line-height: 25px;font-size: 16px;} .footer-text a {color: #cccccc;} .footer-text a:hover {border-bottom: 1px solid #ccc;} .footer-widget-area .col-lg-3:nth-child(2) .single-footer-widget {padding-left: 65px} .footer-widget-area .col-lg-3:nth-child(3) .single-footer-widget {padding-left: 0px} .footer-widget-area .col-lg-3:last-child .single-footer-widget {float: NONE;} .pb-100 {padding-bottom: 100px;} .pt-110 {padding-top: 110px;} .bg-4 {background-image: url(../img/3.jpg);} .footer-widget-area {background:rgb(58 12 176) none repeat scroll 0 0; padding: 30px 0px;} .overlay-green, .overlay-blue {position: relative;} .pt-110 {padding-top:70px;} .ptb-30 {padding: 30px 0;} .ptb-20 {padding: 20px 0;} .bg-blue {background:#ffffff;} .btntoTop {bottom: 20px; display: none; font-size: 40px; font-weight: bold; height: 39px; position: fixed; right:10px; background:#3a0cb0; text-align: center; text-decoration: none; width: 40px; z-index: 9999; color: #fff; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; border: 1px solid #ffffff;} .footer-list {padding: 0px; margin: 0px; padding:0px 0px 0px 10px;} .owl-item .testi-img img {border: 3px solid #ebebeb; border-radius: 50%; width: auto; margin: auto; height:150px; width: 150px;} .testi-img img {transform-style: preserve-3d; width: auto;} .ptb-70 {padding: 60px 0 70px 0px;} .owl-dot {background:#5ebbe5 none repeat scroll 0 0;display: inline-block; height: 3px; margin: 0 10px; width: 20px;} .owl-dot.active {background:#393991 none repeat scroll 0 0;} .feature-left-column img {width: 100%;} .footer-area .block {color: black; font-weight: bold;} /*----------------------------------------*/ /* 5. Feature Area /*----------------------------------------*/ .feature-left-column {float: left; width: 46.5%;} .feature-left-column img {width: 100%; height: 325px; object-fit: cover;} .feature-right-column {float: left; width: 53.5%;} .feature-text {padding-bottom: 20px;} .feature-text h3 {margin: 0px; margin: 25px 0px 0px 0px;} .feature-right-column {padding:0px 25px 0;} .feature-right-column .service-text {padding-right: 0;} .custom-row {margin-left: -15px; margin-right: -15px;} .feature-right-column .col-5:nth-child(1) .single-item, .feature-right-column .col-5:nth-child(2) .single-item {margin-bottom: 10px;} .feature-right-column .col-5 {padding-left: 15px; padding-right: 15px;} .testmonial-wrapper1 .owl-dots {position: absolute; bottom: 20px; left: 0px; right: 0px; bottom: -15px;} .testmonial-wrapper1 .owl-dot {background: #d73f7a none repeat scroll 0 0; display: inline-block; height: 15px; margin: 0 10px; width: 15px; border-radius: 15px;} .testmonial-wrapper1 .owl-dot.active {background: #393991 none repeat scroll 0 0;} .cust-content {position: absolute; top:30px; color: white;} .cust-content h2,h3,h4 {color: white;} .cust-content span {color: white!important;} .cust-content h4 {color: white!important;} .video h2 {font-size: 40px; line-height: 24px; margin-bottom: 10px; text-transform: uppercase; margin: 0px 0px 45px 0px;line-height: 45px;} .video span {color: #000000;} .content_f ul {padding: 0px; margin: 0px; margin-left:25px; } .content_f ul li {list-style-type: disc; margin: 12px 0px; font-size: 17px;} /*----------------------------------------*/ /* 3. Services Area /*----------------------------------------*/ .service-text > h4 {color:#0097da; line-height: 14px; margin-bottom: 12px;} .service-image {border: 1px solid #cccccc; border-radius: 50%; display: inline-block; float: left; height: 47px; position: relative; text-align: center; width: 47px;} .service-image > img {bottom: 0; left: 0; margin: auto; position: absolute; right: 0; text-align: center; top: 0;} .single-item:hover img {-webkit-animation: 500ms ease-in-out 0s normal none 1 running bounceIn; animation: 500ms ease-in-out 0s normal none 1 running bounceIn;} .service-text {overflow: hidden; padding-left: 18px; padding-right: 12px;} .service-area .row:nth-child(2) .col-md-4 {padding-left: 15px; padding-right: 15px;} .service-area .row:nth-child(2) {margin-left: -15px; margin-right: -15px;} .col-5 {width: 50%; float: left;} .features-area {padding: 50px 0px;} /************************************** navigation css starts here *****************************************************************/ .navigation {width: 100%; background:rgb(215 63 122) none repeat scroll 0 0; position: absolute; z-index: 99999;} .navigation:before {border-color: rgba(255, 255, 255, 1) transparent; border-style: solid; border-width: 14px 20px 0 0px; content: ""; overflow: visible; position: absolute; width: 24%;} .navigation ul {margin: 0px; padding: 0px; width: 100%; display: inline-block; text-align: center;} .navigation ul li {display: inline-block; list-style-type: none; margin: 4px 10px; color: #5d5e5f; position: relative; text-transform: uppercase; text-align: center} .navigation ul li.listeditem {} .navigation ul li a {display: block; text-decoration: none; color:#fff; font-size:14px; position: relative; padding: 16px 0px; font-weight: bold; letter-spacing: 1px;} .navigation ul li a:hover {color:#ffffff;} .navigation ul li ul {position: absolute; background: #fff; margin: 0; padding: 0; z-index: 99; border: 2px solid #cccccc; border-radius: 5px; display: none; left: -16px; top: 40px; border: 1px solid #000000; border-radius: 0px; width: 220px;} .navigation ul li:hover ul {display: block} .navigation > ul li ul li {display: block !important; float: none !important; margin: 0 !important; text-align: center; padding: 0;} .navigation > ul li ul li a {font-size:14px !important; line-height:14px; color:#000000!important; font-weight: normal; padding: 13px 4px 13px 7px; display: block; background: #fff!important; text-align: center; border-bottom: 1px solid black; text-align: left;} .navigation > ul li ul li a:hover {color:#d73f7a !important;} .navigation > ul > li ul li a:after {display: none;} .navigation > ul li ul li:last-child a {border-bottom: 0px;} #nav-toggle {display: none; position: absolute; bottom: auto; top:28px; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); top: 45px; left: 0;right: 30px;} #nav-toggle {cursor: pointer; padding: 10px 35px 16px 0px;} #nav-toggle span,#nav-toggle span:before,#nav-toggle span:after {cursor: pointer; border-radius: 1px; height:4px; width: 34px; background: #fff; position: absolute; display: block; content: ''; } #nav-toggle span:before {top: -10px;} #nav-toggle span:after {bottom: -10px;} #nav-toggle span,#nav-toggle span:before,#nav-toggle span:after {-o-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;} #nav-toggle.current_page_item span {background-color: rgba(255, 255, 255, 0);} #nav-toggle.current_page_item span:before,#nav-toggle.current_page_item span:after { top: 0;} #nav-toggle.current_page_item span:before { -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);} #nav-toggle.current_page_item span:after { -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); transform: rotate(-45deg);} .breadcrumb-area {padding: 90px 0 45px;} .bg-6 {background-image: url(../img/6.jpg); background-size: 100% 100%;} .breadcrumb-text h2 {color: #ffffff; font-size: 38px; line-height: 28px; margin-bottom: 7px; text-transform: uppercase;} .about-three-area {padding: 65px 0 20px;position: relative;} .about-image-container img {width: 100%; height: 420px; object-fit: cover;} .single-contact-info {margin-bottom: 33px;} .single-contact-info a {color:#535b60;} .contents .info-text {padding-left: 3px; display: inline-block;} .block {display: block;} .single-contact-info .contents i {vertical-align: top; display: inline-block;} .contents .info-text span {font-size: 17px; line-height: 21px; color:#535b60;} .single-contact-info .contents {position: relative;} .contact-information {background: #ffffff none repeat scroll 0 0; margin: auto; overflow: hidden; padding: 25px 0 76px 0; position: relative; z-index: 1;} .btn1 {padding:10px 50px; color: #fff; background:#3a0cb0; width: 155px; border-radius: 7px; background:#3a0cb0; color: white;} .contact-form-right .sidebar-contact-info {background: rgba(0, 46, 91, 0.85) none repeat scroll 0 0; padding: 70px 34px 74px;} .sidebar-contact-info {background: #002e5b none repeat scroll 0 0; padding: 29px 17px 21px; text-align: center; padding: 45px 17px 70px;002e5b 002e5b} .sidebar-contact-info {color: #fff;} .sidebar-contact-info h4 {color: #fff;} .bg-8 {background-image: url(../img/8.jpg);} .sidebar-contact-info {background:rgb(10, 144, 204) none repeat scroll 0 0; padding: 70px 34px 74px;} .form {padding: 50px 0px 100px;} .form .form-control {padding: 10px 12px;} .page-banner {margin:0px 0px 20px 0px} .page-banner img {width: 100%; height: 450px; object-fit: cover;} .content_f p { font-size: 17px; font-family: 'Raleway', sans-serif; line-height: 26px; color: black;} .content_f p b {font-weight: bold;} .lt_items {margin: 0px; padding: 0px 0px 10px 15px;} .siqqngle-footer-widget {color:white;} .siqqngle-footer-widget ul li {color:white;} .siqqngle-footer-widget h3 {color: #fff; font-size: 16px; line-height: 11px; margin-bottom:60px; text-transform: uppercase;} .login-id {padding: 100px 0px;} .owl-carousel .owl-item h5 {color: black; margin: 15px 0px 10px 0px; font-weight: bold;} .title {margin: 10px 0px; display: block;} .content_f ul {margin: 0px 0px 0px 40px; padding: 0px;} .social_icon ul {margin: 0px; padding: 0px;} .social_icon ul li {display: inline-block; margin: 5px; padding: 5px 5px; font-size: 15px; font-size: 20px; display: inline-block; margin: 5px 10px 0px 10px; padding: 5px 0px; font-size: 15px; font-size: 20px;} .testi-text p {font-size: 17px; line-height: 25px;} .login-id iframe {margin: 0px 0px 30px 0px;} .media-object {display: block; border-radius: 50%; width: 150px; height: 150px;} .media > .pull-left {margin-right: 20px;} .media, .media-body {margin: 15px 0px;} .media, .media-body {margin: 15px 0px 35px 0px;} .media {border-bottom:1px solid #efecec; padding: 10px 0px 10px 0px;} .about-text p {font-size: 16px; line-height: 28px; text-align: center;} .main-cont p {font-size: 16px; line-height: 28px; text-align: left;} hr {border-top: 1px solid #b7b7b7; margin: 0px; padding: 0px;} .service-area {padding: 55px 0px 55px 0px;} .slider-area .owl-item.active .banner-content h1 {font-size: 40px;} .header-info span {color:#000;} .header-top-area .social-links {float: right; margin: 14px 0 0px;} .btn1:hover { color: #ffffff; } @media only screen and (max-width: 1200px) { .header-info {display: inline-block; margin: 25px 10px 25px 0px;} .header-info-text {margin-left: 0px; display: inline-block;} } @media (max-width: 1024px){ .header-info {display: none;} header .logo {width: 100%;} .logo:after {-webkit-transform: skewX(10deg); transform: skewX(10deg); width:52px; border-right: 10px solid #aac51b;} } @media (min-width: 768px){ header .navigation {display: block!important;} header .navigation > ul li:hover ul {display:block!important;} } @media only screen and (max-width: 767px) { .navigation:before {display: none;} header .logo {width: 80%;} .logo:after {-webkit-transform: skewX(19deg); transform: skewX(19deg);} #nav-toggle {display: block; padding: 10px 30px 16px 13px; left: auto; top: 35px;} .navigation {display:none; position: absolute; left: 0; background:#d73f7a; z-index: 99; margin: 0 auto; width: 111%; right: 0; top: 165px; width: 100%;} .navigation {top: 153px;} .navigation ul {display:block; float: none;} .navigation ul li {float:none; display:block; text-align:center; margin:0; border-bottom:none; padding:0; position:relative;} .navigation ul li a {color: #ffffff;} .navigation ul li:hover a {background:none;color:#616262; color: #efe251;} .navigation ul li a {display: block; font-size: 20px; padding: 13px 0 13px 0; text-align: center; padding-left:10px; border-bottom: 1px solid #fff; text-align: left;} .navigation ul li:hover ul {display:none;} .navigation ul li ul {position:static; padding:0; left:0; width:100%;background: transparent;border: none;top: 48px;} .navigation ul li ul li {text-align:left; padding:0 0 0 0;} .navigation ul li ul li a {padding:5px 0 5px 0; color: #fff !important; background: transparent !important;} .navigation ul li:hover ul li a {background:none; color:#292927; padding-left: 25px!important; text-align: left; padding:17px 0 17px 0;} .navigation ul li span {display:block; right:3px;} .navigation ul > li.listeditem {position: relative;} .navigation ul > li.listeditem:after {position: absolute; content: ""; background: url(../img/plus2.png)no-repeat; width: 13px; height: 13px; top: 21px; cursor: pointer; right: 8px;} .navigation ul > li.listeditem1:after {background: url(../img/minues-white.png)no-repeat;} .navigation ul li ul li a {padding: 17px 0 17px 25px; color: #fff !important; background: transparent !important;} .login {float: none; margin-top: 40px; clear: both; text-align: center; margin: 10px 0px;} .feature-left-column {float: left; width: 100%;} .feature-right-column {float: left; width: 100%;} .footer-widget-area .col-lg-3:nth-child(2) .single-footer-widget {padding-left: 5px;} .footer-widget-area .col-lg-3:nth-child(3) .single-footer-widget {padding-left: 10px;} .col-5 {width: 100%; float: left;} .single-contact-info {float: left; width: 100%;margin: 10px 0px; text-align: left; } .footer-area .block {color: black; font-weight: bold; display: block; text-align: center; margin: 10px 0px;} .contact-information {padding: 10px 0 10px 0;} .slider-area {height: 322px;} .page-banner img {width: 100%; height: 260px; object-fit: cover;} .navigation ul li a i {display:none;} .grid figcaption h3 {margin: 0px 0px 15px 0px; text-align: center;} .final_plan ul li a {width: 100%;} marquee {font-size: 18px;width: 250px; display: none;} .header-top-area .social-links {float: left; margin: 0px;} .social-links ul li a {margin: 5px 7px!important;} .breadcrumb-area { padding: 25px 0 20px; } .breadcrumb-text h2 { color: #ffffff; font-size: 25px; line-height: 28px; margin-bottom: 7px; text-transform: uppercase; letter-spacing: 2px; } .slider-area .owl-item.active .banner-content h1 {font-size:25px;} } @media only screen and (max-width: 480px) { header .logo {display: block; background: white; width: 80%; padding: 15px 0px;} .logo:after {right: -23px; position: absolute; top: 0; -webkit-transform: skewX(21deg); transform: skewX(15deg); width: 45px; border-right: 10px solid #aac51b;} .banner-content h1 {font-size: 25px;} .footer-widget-area .col-lg-3:nth-child(3) .single-footer-widget {padding-left: 0px;} .media, .media-body {margin: 15px 0px 35px 0px; width: 100%;} .media > .pull-left {margin-right: 20px; float: none!important;} .media-object {margin:0 auto;} #nav-toggle {padding: 10px 15px 16px 13px;} .about-text>h3 {font-size: 25px;} .login-id img { width: 100%; width: auto; margin: 15px 0px; } .login-id { padding: 45px 0px; } .footer-text { color: #cccccc; line-height: 25px; font-size: 16px; float: none!important; } .about-text { padding-right:0px; } .video h2 { font-size: 30px; line-height: 24px; margin-bottom: 10px; text-transform: uppercase; margin: 0px 0px 0px 0px; line-height: 45px; } .finance-section-title-center>h3 {padding: 10px 0px 50px 0px!important;} .slider-area .owl-item.active .banner-content h1 {font-size: 17px;} } .Captcha {float: left; width: 63% !important; font-size: 33px;padding: 1px 15px !important; border: none !important; background-image: url(../img/dot.png); background-repeat: repeat; text-align: center; color:black;} .refreshbtn {background:#393991; color: #fff; font-size: 18px !important; padding: 11px !important; width: 27% !important; float: right; font-weight: 500; border: 1px solid #e6e6e6; margin-bottom: 15px; padding: 23px 20px; border-radius: 30px 0 30px 0; outline: none;} textarea.form-control {height: auto; margin-bottom: 20px;} iframe {margin-bottom: -10px;} .header-top-area {background:#d73f7a; padding: 5px 0; color: #ffffff; height: auto; position: relative;} .header-top-area:after {border-color: rgb(215 63 122) transparent; border-style: solid; border-width: 20px 0px 0px 28px; content: ""; overflow: visible; position: absolute; width: 24%; right: 0;} .header-top-area:before {border-color: rgb(0, 152, 219) transparent; border-style: solid; border-width: 20px 0px 0px 28px; content: ""; overflow: visible; position: absolute; width: 20%; right: 0; display: none;} iframe {margin-bottom: 10px;} .header-top-area p {margin: 9px 0 10px;} .social-links {margin: 0px; padding: 0px;} marquee {font-size: 18px; width: 70%;} .social-links ul li a {margin-right: 10px; font-size: 21px; transition: 0.3s; width: 27px; height: 27px; background: white; color: #fff; display: inline-block; width: 33px; height: 33px; line-height: 32px; text-align: center; margin-top: -4px; position: relative; background-color: #3a6bb1; z-index: 2; border-radius: 4px; border: 2px solid white;} .social-links ul {padding: 0px;} .banner-content {position: relative;} .social-links ul li:nth-child(2) a {background-color: #0ec8f5;} .social-links ul li:nth-child(3) a {background-color: #f2623b;} .social-links ul li:nth-child(4) a {background-color: #0094d3;} .header-top-area .social-links ul {margin: 0px; padding: 0px;} .social-links ul li {display: inline-block;} .bg-systematic {background-color: #f6f6f6; padding-bottom: 70px; padding-top: 10px; background: #efefef; background-size: 15px 15px; background-image: -webkit-radial-gradient(rgba(77,67,92,.04) 15%,transparent 0),-webkit-radial-gradient(rgba(77,67,92,.04) 15%,transparent 0); /* background-image: radial-gradient(rgba(77,67,92,.04) 15%,transparent 0),radial-gradient(rgba(77,67,92,.04) 15%,transparent 0); */ background-image: -webkit-radial-gradient(rgba(77,67,92,.04) 15%,transparent 0),-webkit-radial-gradient(rgba(77,67,92,.04) 15%,transparent 0);} .invest1 {font-size: 15px; color: #000e46; font-weight: 700; padding-top:10px;} .invest {font-size: 35px; line-height: initial; color: #3c4e61; border-bottom: 1px solid #939597; margin-top: 43px; padding-bottom: 13px; margin-bottom:0;} .finance-section-title-center>h3, .finance-section-title>h3 {color: #444; font-family: Poppins,sans-serif; font-size: 35px; font-weight: 600; margin-bottom: 20px; text-transform: capitalize; padding: 10px 0px 80px 0px; text-align: center;} .cal-sp1 { background: #d73f7a; display: table-cell; height: 95px !important; width: 95px !important; vertical-align: middle; border-radius: 50%; border: 6px solid #3a0cb0;} .cal-sp1 i {font-size: 52px; color: white;} .gdlr-color-wrapper a:hover .cal-sp1 {background: #d73f7a; border: 6px solid #383890;} .gdlr-color-wrapper a:hover i {color:white;} .text {color: black;} .footer-logo img {border-radius: 5px;} .market-update {padding: 80px 0px;} .market-update h2 {margin-bottom:80px;} .final_plan ul li a.active i { color: white; } .final_plan ul li a i { font-size: 45px; display: block; color: #000000; } .final_plan ul li a.active { background: #db0e4b; color: white; } .final_plan ul li a.active { color: white; background: #3a0cb0; } .final_plan ul li a { text-align: center; display: block; background: #e7e4e4; padding: 8px 0px; border-radius: 3px; text-decoration: none; border-bottom: 1px solid #b5a8a8; width: 80%; font-weight: bold; color: #000000; }