/* Custome #color_code# #ffffff = #fff; #3121f8 =#389a26; rgba(49,33,248,0.95) =rgba(46, 199, 51, 0.95); ---------------------------------------------------------------------- */ @charset "UTF-8"; @import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css); /* CSS Document */ /* Template: Wedding Vendor | Vendor Directory HTML Template Author: Jitu Chauhan Version: 1.0.0 Description:Wedding Vendor | Vendor Directory HTML Template for All Vendor Listing and Details. /* Table of Content ================================================== 01. - General CSS 02. - Home Page 03. - Listing Page 04. - Details Page. 4.1 - Simple Details 4.2 - Tabbed Details Page 05. - About Us 06. - Blog Page 07. - Blog Details Page 08. - Pricing Page 09. - Faq/ Help Page 10. - Contact us Page 11. - Singup / Login Pages 12. - 404 Error Page 13. - Shortcodes 14. - Most Used / Repetable CSS 15. - Woo-Shopping Page 16. - Custom Used CSS 17. - Media Query - For Mobile Device */ /*----------------------------- 01 - General CSS - Basic setup Typography and Template CSS ------------------------------*/ body { font-family: 'Open Sans', sans-serif;font-size: 14px;line-height: 1.6;background-color: #f1f1f2; color: #555;font-weight: normal; } h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; margin: 0px 0 10px 0px; color: #FF5A60; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; } h1 { font-size: 30px; } h2 { font-size: 22px; } h3 { font-size: 18px; } h4 { font-size: 16px; } h5 { font-size: 12px; } h6 { font-size: 10px; } p { margin-bottom: 20px; } p:last-child { margin-bottom: 0px; color: #555;font-size: 0.85em;line-height: 1.8em; } ul { padding: 0px; } a { color: rgba(49,33,248,0.95); text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased;} a:focus, a:hover { /* color: #f9a630; */ text-decoration: none; } hr { margin-top: 15px; margin-bottom: 15px; border: 0; border-top: 1px solid #e9e6e0; } .btn:focus {outline: none !important;} /*-------------------- Form Field ---------------------*/ input.form-control {background-color: #fff; -webkit-border-radius: 0px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #dfe0e3; -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); /* font-family: 'Montserrat', sans-serif; */ } select.form-control { background-color: #fff !important; margin-bottom: 0px; border: 1px solid #e9e6e0; color: #2b212f; -webkit-border-radius: 2px; color: #706a68; background-position: 95% 50%; background-repeat: no-repeat; /* background-image: url(../images/arrow.png); */ -webkit-box-shadow:inset 0 0px 0px rgba(0, 0, 0, .075); box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); font-family: 'Montserrat', sans-serif; padding: 5px 16px;/*box-shadow:inset #EAEAEA 1px 1px 4px 0px;*/ border: 1px solid rgba(255, 255, 255, 0.3); } textarea.form-control { background-color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #dfe0e3; -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); } label.error { color: #d96557; font-weight: 400; } label.control-label { font-size: 13px; font-family: 'Montserrat', sans-serif; color: #333; font-weight: normal; } label { font-weight: normal; font-size: 13.49px; margin-bottom: 10px; } button { -webkit-font-smoothing: antialiased; } button.btn-primary { height: 48px; } button.btn-default { height: 48px; } .required { color: red; } ::selection { background-color: rgba(49,33,248,0.95); color: #ffffff; } .no-padding { padding-left: 0px; padding-right: 0px; } button, html input[type=button], input[type=reset], input[type=submit] {background:linear-gradient(to bottom, #3121f8, #3121f8)!important; color: #ffffff; border-radius: 3px; } label.gender_1 { color: #ffffff !important; display: block; margin: 0 0px 5px 0px; max-width: 100%; font-size: 16px !important; } label.gender_normal{ color: #ffffff !important; display: block; margin: 0 0px 5px 0px; max-width: 100%; font-size: 14px !important; font-weight: 500; } .box-shadow{box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19);} /* label:hover { color: rgba(49,33,248,0.95) !important; } */ /*input[type=checkbox], input[type=radio]:hover { height: 1.1em; transition: 0.2s; -webkit-transition: 0.2s; }*/ /********************Padding Top*****************/ .padding-top-5{ padding-top:5px; } .padding-top-10{ padding-top:10px; } .padding-top-15{ padding-top:15px; } .padding-top-20{ padding-top:20px; } .padding-top-25{ padding-top:25px; } .padding-top-30{ padding-top:30px; } .padding-top-35{ padding-top:35px; } .padding-top-40{ padding-top:40px; } /********************Padding Bottom*****************/ .padding-bottom-5{ padding-bottom:5px; } .padding-bottom-10{ padding-bottom:10px; } .padding-bottom-15{ padding-bottom:15px; } .padding-bottom-20{ padding-bottom:20px; } .padding-bottom-25{ padding-bottom:25px; } .padding-bottom-30{ padding-bottom:30px; } .padding-bottom-35{ padding-bottom:35px; } .padding-bottom-40{ padding-bottom:40px; } /********************Margin Top*****************/ .margin-top-2{ margin-top:2px; } .margin-top-3{ margin-top:3px; } .margin-top-4{ margin-top:4px; } .margin-top-5{ margin-top:5px; } .margin-top-10{ margin-top:10px; } .margin-top-15{ margin-top:15px; } .margin-top-20{ margin-top:20px; } .margin-top-25{ margin-top:25px; } .margin-top-30{ margin-top:30px; } .margin-top-35{ margin-top:35px; } .margin-top-40{ margin-top:40px; } /********************Padding Bottom*****************/ .margin-bottom-5{ margin-bottom:5px; } .margin-bottom-10{ margin-bottom:10px; } .margin-bottom-15{ margin-bottom:15px; } .margin-bottom-20{ margin-bottom:20px; } .margin-bottom-25{ margin-bottom:25px; } .margin-bottom-30{ margin-bottom:30px; } .margin-bottom-35{ margin-bottom:35px; } .margin-bottom-40{ margin-bottom:40px; } /*----------------------------------- space css class -----------------------------------*/ /*---------------- margin space -----------------*/ .mb0 { margin-bottom: 0px; } .mb10 { margin-bottom: 10px; } .mb20 { margin-bottom: 20px; } .mb30 { margin-bottom: 30px; } .mb40 { margin-bottom: 40px; } .mb60 { margin-bottom: 60px; } .mb80 { margin-bottom: 80px; } .mb100 { margin-bottom: 100px; } .mt0 { margin-top: 0px; } .mt10 { margin-top: 10px; } .mt20 { margin-top: 20px; } .mt30 { margin-top: 30px; } .mt40 { margin-top: 40px; } .mt60 { margin-top: 60px; } .mt80 { margin-top: 80px; } .mt100 { margin-top: 100px; } /*---------------- margin space use for negative space -----------------*/ .mt-40 { margin-top: -40px; } .mt-60 { margin-top: -60px; } .mt-80 { margin-top: -80px; } /*--------------- padding space -----------------*/ .pinside10 { padding: 10px; } .pinside20 { padding: 20px; } .pinside30 { padding: 30px; } .pinside40 { padding: 40px; } .pinside50 { padding: 50px; } .pinside60 { padding: 60px; } .pinside80 { padding: 80px; } .pinside100 { padding: 100px; } .pinside120 { padding: 120px; } .pdt10 { padding-top: 20px; } .pdt20 { padding-top: 20px; } .pdt30 { padding-top: 30px; } .pdt40 { padding-top: 40px; } .pdt60 { padding-top: 60px; } .pdt80 { padding-top: 80px; } .pdt100 { padding-top: 100px; } .pdt120 { padding-top: 120px; } .pdb10 { padding-bottom: 10px; } .pdb20 { padding-bottom: 20px; } .pdb30 { padding-bottom: 30px; } .pdb40 { padding-bottom: 40px; } .pdb60 { padding-bottom: 60px; } .pdb80 { padding-bottom: 80px; } .pdb100 { padding-bottom: 100px; } .pdl10 { padding-left: 10px; } .pdl20 { padding-left: 20px; } .pdl30 { padding-left: 30px; } .pdl40 { padding-left: 40px; } .pdl60 { padding-left: 60px; } .pdl80 { padding-left: 80px; } .pdr10 { padding-right: 10px; } .pdr20 { padding-right: 20px; } .pdr30 { padding-right: 30px; } .pdr40 { padding-right: 40px; } .pdr60 { padding-right: 60px; } .pdr80 { padding-right: 80px; } /*--------------- Section Space * Section space help to create top bottom space. * -----------------*/ .section-space20 { padding-top: 20px; padding-bottom: 20px; } .section-space40 { padding-top: 40px; padding-bottom: 40px; } .section-space60 { padding-top: 60px; padding-bottom: 60px; } .section-space80 { padding-top: 80px; padding-bottom: 80px; } .section-space100 { padding-top: 100px; padding-bottom: 100px; } /*----------------------------------------- background & block color ------------------------------------------*/ .bg-light { background-color: #f4f2ec; } .bg-primary { background-color: #ec6b08; color: #ffffff; } .bg-default { background-color: #125687; color: #ffffff; } .bg-white { background-color: #fff; -webkit-box-shadow: 0px 0px 5px 0px rgba(221, 221, 221, 1); -o-box-shadow: 0px 0px 5px 0px rgba(221, 221, 221, 1); -ms-box-shadow: 0px 0px 5px 0px rgba(221, 221, 221, 1); -moz-box-shadow: 0px 0px 5px 0px rgba(221, 221, 221, 1); box-shadow: 0px 0px 5px 0px rgba(221, 221, 221, 1); } .outline { border: 2px solid #e9eef1; } .text-mute { color: #dcdad0; } .text-white{ color: #ffffff; } /*------- Section Color CSS --------*/ .title { color: #a90329; } /*------- Bullet Point CSS --------*/ ul.check-circle { margin-bottom: 30px; } .check-circle li { text-align:left; position: relative; list-style: none; padding-left: 10px; } /* .check-circle li:before { font-size: 16px; margin-right: 10px; font-family: FontAwesome; top: 0; left: -5px; color: rgba(49,33,248,0.95); content: "\f058"; } */ ul.listnone { list-style: none; margin: 0px; padding: 0px; } .angle-double-right li { position: relative; } .angle-double-right li:before { font-size: 16px; margin-right: 10px; font-family: FontAwesome; top: 0; left: -5px; color: #7d7d7d; content: "\f101"; } /*------------------------ Template Buttons --------------------------*/ .btn { padding: 10px 20px; margin-bottom: 0; font-size: 14px; font-weight: 400; border: none; border-radius: 2px; text-transform: uppercase; font-weight: 800; font-family: 'Montserrat', sans-serif; letter-spacing: 1px;background: !important; } .btn:hover{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);transition:0.3s;} .btn-default { background-color: rgba(49,33,248,0.95); color: #ffffff; border-radius: 2px;} .btn-default:hover { background-color: #27c0c1; color: #ffffff; border-radius: 2px; } .btn-primary { background-color: #f48f00; color: #ffffff; border-radius: 2px; } .btn-red { background-color: #B31E32 !important; color: #ffffff; border-radius: 2px; } .btn-primary:hover { background: #3121f8 !important; !important; color: #ffffff; border-radius: 2px;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);transition:0.3s; } .btn-light { background-color: #e9e6e0; color: #706a68;border-radius: 2px; } .btn-light:hover { background-color: #04cccd; color: #ffffff; border-radius: 2px; } .btn-lg { padding: 14px 30px; font-size: 16px;border-radius: 2px; } .btn-sm { padding: 5px 10px; font-size: 12px;border-radius: 2px; } .btn-xs { padding: 1px 5px; font-size: 10px;border-radius: 2px; } .btn-link { font-family: 'Montserrat', sans-serif; text-transform: uppercase; color: #00afb0;border-radius: 2px; } .btn-link:hover { color: #ffa422; text-decoration: none;border-radius: 2px; } button .btn-default { height: 48px; background-color: #faf9f5; margin-bottom: 0px; border: 1px solid #e9e6e0; color: #2b212f; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; color: #55575a; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; -moz-appearance: none; } .btn-reset { padding: 5px 10px; font-size: 11px; background-color: #fcfbf9; border: 1px solid #e9e6e0; margin: 10px 0px 0px 0px; } .btn-reset i { padding-right: 5px; } .btn-linear{ background-color: #a90329 !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#a90329), to(#6d0019))!important; background-image: -webkit-linear-gradient(top, #a90329, #6d0019)!important; background-image: -moz-linear-gradient(top, #a90329, #6d0019)!important; background-image: -ms-linear-gradient(top, #a90329, #6d0019)!important; background-image: -o-linear-gradient(top, #a90329, #6d0019)!important; background-image: linear-gradient(to bottom, #a90329, #6d0019)!important; } .btn-linear-light{ background-color: #a90329 !important; background-image: -webkit-gradient(linear, left top, left bottom, from(#a90329), to(#CA3B3B))!important; background-image: -webkit-linear-gradient(top, #a90329, #CA3B3B)!important; background-image: -moz-linear-gradient(top, #a90329, #CA3B3B)!important; background-image: -ms-linear-gradient(top, #a90329, #CA3B3B)!important; background-image: -o-linear-gradient(top, #a90329, #CA3B3B)!important; background-image: linear-gradient(to bottom, #a90329, #CA3B3B)!important; } .color-linear{ color: #a90329 !important; color: -webkit-gradient(linear, left top, left bottom, from(#a90329), to(#6d0019))!important; color: -webkit-linear-gradient(top, #a90329, #6d0019)!important; color: -moz-linear-gradient(top, #a90329, #6d0019)!important; color: -ms-linear-gradient(top, #a90329, #6d0019)!important; color: -o-linear-gradient(top, #a90329, #6d0019)!important; color: linear-gradient(to bottom, #a90329, #6d0019)!important; } .text-shadow{ text-shadow: 2px 2px 6px #666 !important; } .text-shadow-dark{ text-shadow: 1px 1px 0px #666 !important; } .text-black{ color:#333; } /*-------------------- Main Container ----------------------*/ .main-container { padding-top: 40px; padding-bottom: 0px; } /*-------------------- Content + Left Sidebar ----------------------*/ .content-left { } .right-sidebar { } /*------------------------ 02. Home Page --------------------------*/ /*------ Top Bar -------*/ .search-area { } .top-message { font-weight: 700; } .top-message p {color: #ffffff; font-size: 12px; text-transform: uppercase; } .top-bar { background-color: #3121f8; padding: 4px 0px } .top-links { } .top-links ul { float: right; } .top-links li { float: left; padding-right: 20px; position: relative; line-height: 1;padding-bottom: 5px;padding-top: 5px; } .top-links li:last-child { padding-right: 0px; } .top-links li a { font-size: 12px; color: #8eddde; text-transform: uppercase; font-weight: 500; } .top-links li a:hover {color: #ffffff; } .header { background: rgba(49,33,248,0.95); z-index: 1; position: relative;-webkit-box-shadow: 0 1px 6px rgba(0,0,0,0.3);box-shadow: 0 1px 6px rgba(0,0,0,0.3); } .navbar-brand { float: left; height: 49px; padding: 0px 0px; font-size: 18px; line-height: 20px; } .navigation { float: right; } .logo { } /*------ Template Navigation -------*/ #navigation, #navigation ul, #navigation ul li, #navigation ul li a, #navigation #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #navigation:after, #navigation > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } #navigation #menu-button { display: none; } #navigation { background: transparent; float: right; position: relative; z-index: 99; } #navigation > ul > li { float: left; } #navigation.align-center > ul { font-size: 0; text-align: center; } #navigation.align-center > ul > li { display: inline-block; float: none; } #navigation.align-center ul ul { text-align: left; } #navigation.align-right > ul > li { float: right; } #navigation > ul > li > a { text-shadow:1px 1px 1px black;padding: 18px 10px; font-size: 13px; text-decoration: none; color: #ffffff; font-weight: 600; text-transform: uppercase;} #navigation > ul > li.active {background: #fff !important;} #navigation > ul > li.active > a{background: url(../images/icon/top-nav-arrow.png) no-repeat center; color:rgba(49,33,248,0.95) !important;} /* #navigation > ul > li:hover > a {color: #ffffff; } */ #navigation > ul > li.has-sub > a { padding-right: 30px; } /*#navigation > ul > li.has-sub > a:after {position: absolute; top: 22px; right: 11px; width: 8px; height: 2px; display: block; background: #dddddd; content: '';}*/ #navigation > ul > li.has-sub > a:before { position: absolute; right: 14px; font-family: FontAwesome; content: "\f107" !important; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; transition: all .25s ease; } /*#navigation > ul > li.has-sub:hover > a:before {top: 23px; height: 0;}*/ #navigation ul ul { position: absolute; left: -9999px;box-shadow: 0 2px 11px rgba(43,59,93,0.45); } #navigation.align-right ul ul { text-align: right; } #navigation ul ul li { height: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } #navigation li:hover > ul { left: auto; } #navigation.align-right li:hover > ul { left: auto; right: 0; } #navigation li:hover > ul > li { height: 45px; } #navigation ul ul ul { margin-left: 100%; top: 0; } #navigation.align-right ul ul ul { margin-left: 0; margin-right: 100%; } #navigation ul ul li a { border: 1px solid #e7e5e0; padding: 15px 15px; width: 220px; font-size: 14px; text-decoration: none; color: #333333; font-weight: 500; background: #faf9f5; } #navigation ul ul li:last-child > a, .navigation ul ul li.last-item > a { border-bottom: 1px solid #e7e5e0; } #navigation ul ul li:hover > a, #navigation ul ul li a:hover { color: rgba(49,33,248,0.95); background-color: #fff; } #navigation ul ul li.has-sub > a:after { position: absolute; top: 20px; right: 11px; width: 8px; height: 2px; display: block; background: #66707f; content: ''; } #navigation.align-right ul ul li.has-sub > a:after { right: auto; left: 11px; } #navigation ul ul li.has-sub > a:before { position: absolute; top: 17px; right: 14px; display: block; width: 2px; height: 8px; background: #66707f; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; } #navigation.align-right ul ul li.has-sub > a:before { right: auto; left: 14px; } #navigation ul ul > li.has-sub:hover > a:before { top: 17px; height: 0; } #navigation.small-screen { width: 100%; } #navigation.small-screen ul { width: 100%; display: none; } #navigation.small-screen.align-center > ul { text-align: left; } #navigation.small-screen ul li { width: 100%; border-top: 1px solid rgba(223, 229, 237, 0.9); } #navigation.small-screen ul ul li, #navigation.small-screen li:hover > ul > li { height: auto; } #navigation.small-screen ul li a, #navigation.small-screen ul ul li a { width: 100%; border-bottom: 0; } #navigation.small-screen > ul > li { float: none; } #navigation.small-screen ul ul li a { padding-left: 25px; } #navigation.small-screen ul ul ul li a { padding-left: 35px; } #navigation.small-screen ul ul li a { color: #66707f; background: none; } #navigation.small-screen ul ul li:hover > a, #navigation.small-screen ul ul li.active > a { color: #f51f8a; } #navigation.small-screen ul ul, #navigation.small-screen ul ul ul, #navigation.small-screen.align-right ul ul { position: relative; left: 0; width: 100%; margin: 0; text-align: left; } #navigation.small-screen > ul > li.has-sub > a:after, #navigation.small-screen > ul > li.has-sub > a:before, #navigation.small-screen ul ul > li.has-sub > a:after, #navigation.small-screen ul ul > li.has-sub > a:before { display: none; } #navigation.small-screen #menu-button { display: block; padding: 16px 0px; color: #ffffff; cursor: pointer; font-size: 12px; text-transform: uppercase; font-weight: 700; border-top: 1px solid #e2e7ee } #navigation.small-screen #menu-button:after { position: absolute; top: 22px; right: 0px; display: block; height: 8px; width: 20px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; content: ''; } #navigation.small-screen #menu-button:before { position: absolute; top: 16px; right: 0px; display: block; height: 2px; width: 20px; background: #fff; content: ''; } #navigation.small-screen #menu-button.menu-opened:after { top: 23px; border: 0; height: 2px; width: 15px; background: #333; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } #navigation.small-screen #menu-button.menu-opened:before { top: 23px; background: #333; width: 15px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } #navigation.small-screen .submenu-button { position: absolute; z-index: 99; right: 0; top: 0; display: block; border-left: 1px solid rgba(223, 229, 237, 0.9); height: 46px; width: 46px; cursor: pointer; } #navigation.small-screen .submenu-button.submenu-opened { background: #15549a; } #navigation.small-screen ul ul .submenu-button { height: 34px; width: 34px; } #navigation.small-screen .submenu-button:after { position: absolute; top: 22px; right: 19px; width: 8px; height: 2px; display: block; background: #bcc6d3; content: ''; } #navigation.small-screen ul ul .submenu-button:after { top: 15px; right: 13px; } #navigation.small-screen .submenu-button.submenu-opened:after { background: #ffffff; } #navigation.small-screen .submenu-button:before { position: absolute; top: 19px; right: 22px; display: block; width: 2px; height: 8px; background: #bcc6d3; content: ''; } #navigation.small-screen ul ul .submenu-button:before { top: 12px; right: 16px; } #navigation.small-screen .submenu-button.submenu-opened:before { display: none; } #navigation.small-screen.select-list { padding: 5px; } /*----- Homepage Template Slider --------*/ #slider .item img { display: block; max-width: 100%; height: auto; } .slider-bg { position: relative; background: #eee; } .slider-shade { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0.44+100;Neutral+Density */ background: -ms-linear-gradient(to right, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.44) 100%) !important; background: -o-linear-gradient(to right, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.44) 100%) !important; background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.44) 100%) !important; /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.44) 100%) !important; /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.44) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#70000000', GradientType=1); /* IE6-9 */ } .slider-pic img, .slider-shade img { position: relative; z-index: -1; } .slider-pic { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background: -moz-linear-gradient(top, rgba(16, 14, 13, 0) 0%, rgba(16, 14, 13, 1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(16, 14, 13, 1)), color-stop(100%, rgba(16, 14, 13, 0))); background: -webkit-linear-gradient(top, rgba(16, 14, 13, 0) 0%, rgba(16, 14, 13, 1) 100%); background: -o-linear-gradient(top, rgba(16, 14, 13, 0) 0%, rgba(16, 14, 13, 1) 100%); background: -ms-linear-gradient(top, rgba(16, 14, 13, 0) 0%, rgba(16, 14, 13, 1) 100%); background: linear-gradient(to bottom, rgba(16, 14, 13, 0) 0%, rgba(16, 14, 13, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0); } /*---------- Home Page Finder Section ---------*/ .find-section { position: absolute; top: 45%; margin: 0 auto; left: 0%; right: 0%; text-align: center; color: #ffffff; z-index: 1; } .finder-block { margin-top:328px; } .finder-caption { margin-bottom: 20px; display: inline-block; } .finder-caption h1 { font-size: 42px; letter-spacing: -1px; font-weight: 500;text-align: center;text-shadow: 2px 1px 1px #1f2a1f;letter-spacing: 1px;font-family: 'Raleway',sans-serif!important; } .finder-caption h1, .finder-caption p { margin-bottom: 20px; color: #ffffff; text-shadow: 2px 1px 1px #1f2a1f;font-family: 'Raleway',sans-serif!important; } .finderform { border:2px solid #fff; background: rgba(49,33,248,0.95); padding:30px;border-radius:10px; } .finderform .form-group, .finder-form-transparent .form-group { margin-bottom: 0px; } .finderform .col-md-5 { padding-right: 15px; } .finderform .btn-lg { font-size: 14px; } .finder-form-transparent { background-color: rgba(250, 250, 250, 0.3); padding: 30px; border: 1px solid rgba(250, 250, 250, .2); } /*------- Top Location ------------*/ .top-location { } .location-block { margin-bottom: 30px; } /*--------Testimonial ---------*/ .tp-testimonial { } .tp-testimonial .owl-pagination { position: absolute; bottom: -60px; } .testimonial-block { text-align: center; padding: 30px; } .testimonial-block .couple-pic { margin-bottom: 30px; } .feedback-caption p { font-size: 14px; font-style: normal; line-height: 23px; margin-bottom: 15px; } .couple-info { font-family: 'Montserrat', sans-serif; font-weight: 700; } .couple-info .name { text-transform: uppercase; color: #3c3634; } .couple-info .date { font-size: 12px; } .couple-pic img { border: 4px solid #f3f3f3; box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19); } /*------- Call To Action ----------*/ .couple-block, .vendor-block { text-align: center; } .couple-icon, .vendor-icon { margin-bottom: 30px; } .couple-icon img, .vendor-icon img { width: 100px; } /*---------Template Footer ----------*/ .footer { background-color: #322e2c; padding-top: 80px; padding-bottom: 60px; } .ft-aboutus { } .newsletter { } .ft-aboutus, .ft-link, .newsletter { margin-bottom: 30px; } .footer h2 {color: #ffffff; } .ft-link { } .ft-link ul { padding: 0px; } .ft-link ul li { list-style: none; } .ft-link ul li a { color: #706a68; } .ft-link ul li a:hover { color: #f9a630; } .social-icon { margin-top: 40px; } .social-icon ul { padding: 0px; } .social-icon ul li { list-style: none; display: inline-block; padding-right: 8px; } .social-icon ul li a { font-size: 24px; color: #706a68; } .social-icon ul li a:hover { color: #f9a630; } #footer a { font-size: 13px !important; color: #999 !important; } /* ----- Template Tiny Footer -------*/ .tiny-footer { background-color: rgba(49,33,248,0.95); padding-top: 20px; padding-bottom: 20px; text-align: center; color: #ffffff; font-size: 14px;background-image: url('../images/bg/flower7.png'); } /*----------------------- 03. Listing Page ------------------------*/ /*---- Venue Thumbnail -------*/ .venue-box { margin-bottom: 30px; overflow: hidden; position: relative; } .venue-detail { padding: 0px; border: 1px solid #e9e6e0; border-radius: 0px; border-top: transparent; background-color: #fff; } .venue-detail .caption { padding: 30px; } .venue-detail .location { font-size: 12px; margin-bottom: 10px; color: #9c9693; } .venue-lable { position: absolute; bottom: 20px; left: 20px; } .venue-lable .label { display: inline; padding: 5px 10px; font-size: 12px; font-weight: 700; line-height: 1; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 4px; } .venue-lable .label-default { background-color: #222; font-family: 'Montserrat', sans-serif; text-transform: uppercase; } .venue-info { background-color: #fcfbf9; border-top: 1px solid #e9e6e0; height: 84px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 700; } /*-------Thumbnail Label------*/ .popular-label, .rated-label, .feature-label { text-align: center; position: absolute; top: 0px; width: 72px; height: 72px; } .popular-label { background: url(../images/popular.png) 0px 0px; } .rated-label { background: url(../images/top-rated.png) 0px 0px; } .feature-label { background: url(../images/feature-label.png) 0px 0px; } /*------- Vendor Thumbnail Simple --------*/ .vendor-box { margin-bottom: 30px; overflow: hidden; position: relative; } .vendor-box .rating { } .vendor-box .capacity { font-size: 14px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 700; } .vendor-detail { padding: 0px; border: 1px solid #e9e6e0; border-radius: 0px; border-top:transparent; background-color: #fff;min-height: 100px; } .vendor-detail .caption { padding: 10px 20px; } .vendor-detail .caption .title { font-size: 18px; } .vendor-detail .location { font-size: 13px; margin-bottom: 20px; color: #9c9693; font-weight: 500; } .vendor-image { position: relative; overflow: hidden; } .vendor-image img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all .5s ease; transition: all .5s ease; opacity: .9; } .vendor-image a:hover img { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } .vendor-price { background-color: rgba(49,33,248,0.95); padding: 9px 20px; border-top: 1px solid #e9e6e0; } .price-white{ color: #ffffff; font-family: 'Montserrat', sans-serif; text-transform: uppercase;font-size: 17px;} .vendor-price-green { background-color: rgba(49,33,248,0.95); padding: 9px 20px; border-top: 1px solid #e9e6e0; color: #ffffff; } .vendor-price-bg { border-radius: 3px; background-color: rgba(49,33,248,0.95); padding: 9px 20px; border-top: 1px solid rgba(49,33,248,0.95); } .vendor-price-bg:hover { box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);transition:0.5s; } .vendor-price .price { font-family: 'Montserrat', sans-serif; text-transform: uppercase; color: #fff } .rating .rating-count { font-size: 14px; font-family: 'Montserrat', sans-serif; padding-left: 5px; color: #706a68 } .vendor-box-list { background-color: #fff; margin-bottom: 30px; border: 1px solid #e9e6e0; } .vendor-box-list .no-right-pd { padding-right: 0px; } .vendor-box-list .no-left-pd { padding-left: 0px; } .vendor-list-details { } .vendor-list-details .caption { padding: 30px; } .vendor-list-details .location { font-size: 13px; margin-bottom: 10px; color: #9c9693; } .vendor-box-list .vendor-image { } .vendor-box .effect-oscar h2 a {color: #ffffff; } .favourite-bg { background: #fcfbf9; border-radius: 100px; position: absolute; bottom: 10px; right: 10px; padding: 8px 10px 5px 10px; font-size: 18px; -webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.2); } .favourite-icon { } .heart-bg:hover{ color:#FF5A60; transition:0.3s; } /*--------- Vendor Thumbnail 2 --------- New Updated css v.1.0.2 -----------------*/ .vendor-list-block { background-color: #fff; } .vendor-img { position: relative; opacity: .8; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .vendor-img:hover { opacity: 1; } .price-lable { position: absolute; right: 1px; bottom: 20px; background: rgba(0, 0, 0, .6); padding: 4px 10px; color: #ffffff; font-family: 'Montserrat', sans-serif; font-weight: 600; letter-spacing: -1px; font-size: 16px; } .category-badge { position: absolute; bottom: 20px; left: 20px; background-color: #000000; color: #ffffff; text-transform: uppercase; font-size: 11px; padding: 4px 8px; border-radius: 2px; font-weight: 800; } .category-link {color: #ffffff; } .vendor-meta { } .vendor-meta span { display: inline-block; margin-right: 18px; font-size: 13px; } .vendor-meta .map-icon { color: rgba(49,33,248,0.95); padding-right: 6px; } .vendor-meta .location { margin-bottom: 0px; } .favorite-action { } .fav-icon { color: #ff4e4e; background-color: #fff; border-radius: 100px; position: absolute; top: 20px; right: 20px; padding: 8px 11px 8px 11px; font-size: 18px; width: 40px; height: 40px; text-align: center; line-height: 1.3; } .fav-icon:focus, .fav-icon:hover {color: #ffffff; background-color: #ff4e4e; } /*------------Listing Map + Row ----------*/ .listing-wrap { height: 800px; overflow-y: scroll; overflow-x: hidden; } .map-wrap { padding-left: 0px; padding-right: 0px; } .map-wrap #googleMap { width: 100%; height: 800px; } .vendor-listing { margin-top: 30px; margin-bottom: 20px; } .top-map-wrap { margin-right: -15px; margin-left: -15px; } .top-map-wrap #googleMap { width: 100%; height: 480px; } .map-image { width: 320px; } /*---------------------------- 04. Venue Details Page ------------------------------*/ .venue-header { position: relative; } .venue-head { position: absolute; bottom: 40px; width: 100%; } .venue-head h1 { font-size: 42px; color: #ffffff; margin-bottom: 10px; } .venue-head .title { border-bottom: 1px solid #504849; padding-bottom: 20px; margin-bottom: 20px; } .venue-head .location {color: #ffffff; } .venue-head .location i { padding-right: 10px; } .rating-box, .venue-action { margin-bottom: 20px; } .venue-action { text-align: right; } .label-primary { background-color: rgba(49,33,248,0.95); color: #ffffff; text-transform: uppercase; font-size: 10px; padding: 4px 8px; border-radius: 2px; font-weight: 700; } .label-primary[href]:focus, .label-primary[href]:hover { background-color: #f9a630; color: #ffffff; } .address { margin-bottom: 0px; } .address i { padding-right: 10px; } .page-description { } .venue-details { } .venue-amenities { } .venue-amenities ul li.list-group-item { border: 1px solid #e9e6e0; } .why-venue { } .venue-head { } .rating { margin: 0px; } .rating i { color: #ffc513; } .side-box { background-color: #fff; padding: 28px; border: 1px solid #e9e6e0; margin-bottom: 30px;box-shadow: 0 2px 4px 0 rgba(0,0,0,.08); } /*------------------- Tabbed Detils Page --------------------*/ #searchform { z-index: 9999; } .tabbed-page { } .tab-page-header { margin-bottom: 30px; } .tab-page-header .title { } .tab-page-header .location i { padding-right: 10px; } .tabbed-page .venue-data .venue-info { background-color: #fff; margin-bottom: 30px; border: 1px solid #e9e6e0;box-shadow: 0 2px 4px 0 rgba(0,0,0,.08); } .tabbed-page .venue-info { background-color: #fcfbf9; border-top: 1px solid #e9e6e0; height: 84px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 700; } .tabbed-page .capacity { border-right: 1px solid #e9e6e0; } .capacity, .pricebox { width: 50%; float: left; padding: 15px 20px; font-size: 12px; } .price, .cap-people { font-size: 18px; letter-spacing: -1px; color: #3c3634; display: block; } /*------- Thumbnail Slider----------*/ #sync1 .item { background: #fff; margin: 5px; } #sync2 .item { background: #fff; padding: 10px 0px; margin: 5px; text-align: center; cursor: pointer; } #sync2 .item h1 { font-size: 18px; } #sync2 .synced .item { } /*------ Vendor Profile Sidebar-----------*/ .profile-sidebar { } .profile-userpic { text-align: center; width: 154px; margin-right: auto; margin-left: auto; } .profile-sidebar .profile-usertitle { margin-top: 30px; } .profile-sidebar .fa { color: rgba(49,33,248,0.95); padding-right: 10px; } .profile-usertitle-name { text-align: center; } .profile-address, .profile-email, .profile-website { margin-bottom: 10px; } .profile-address { } .profile-email { } .profile-website { } ul.follow-icon { margin-bottom: 0px; } ul.follow-icon li { padding-right: 10px; display: inline; } ul.follow-icon li a { font-size: 32px; } /*------- Page sidebar --------*/ .page-sidebar { } .page-sidebar .venue-info { background-color: #fff; margin-bottom: 30px; border: 1px solid #e9e6e0; } /*--------Custom Review -----------*/ .customer-review, .review { margin-top: 30px; margin-bottom: 30px; } .customer-review h1 { margin-bottom: 30px; border-bottom: 1px solid #e9e6e0; padding-bottom: 30px; } .review-list .arrow:after, .review-list .arrow:before { content: ""; position: absolute; width: 0; height: 0; border-style: solid; border-color: transparent; } .review-list .panel.arrow.left:after, .review-list .panel.arrow.left:before { border-left: 0; } /*****Left Arrow*****/ /*Outline effect style*/ .review-list .panel.arrow.left:before { left: 0px; top: 30px; /*Use boarder color of panel*/ border-right-color: inherit; border-width: 16px; } /*Background color effect*/ .review-list .panel.arrow.left:after { left: 1px; top: 31px; /*Change for different outline color*/ border-right-color: #FFFFFF; border-width: 15px; } /*****Right Arrow*****/ /*Outline effect style*/ .review-list .panel.arrow.right:before { right: -16px; top: 30px; /*Use boarder color of panel*/ border-left-color: inherit; border-width: 16px; } /*Background color effect*/ .review-list .panel.arrow.right:after { right: -14px; top: 31px; /*Change for different outline color*/ border-left-color: #FFFFFF; border-width: 15px; } /*------- Write A Review ----------*/ .review-post { margin-top: 10px } .review-list .review-user { } .review-date { } .review-list .review-post { margin-top: 20px; } .user-pic img, .profile-userpic img { border: 4px solid #e9e6e0; border-radius: 100%; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);} .review-list .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 0px; -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .05); box-shadow: 0 0px 0px rgba(0, 0, 0, .05); } .review-list .panel-default { border-color: #e9e6e0; } .review-list .panel-body { padding: 30px; } .review-list h3 { margin-bottom: 10px; } .review-form { } .rating-group { margin-top: 20px; margin-bottom: 20px; } .map { width: 100%; min-height: 420px; cursor: pointer;box-shadow: 0 2px 4px 0 rgba(0,0,0,.08);border: 1px solid #ddd; } /*------------------- 05. - About us page ---------------------*/ .aboutus { } .call-to-action { text-align: center; background: #f3f1eb; padding: 50px; } .call-to-action h3.point { text-transform: uppercase; color: #706a68; font-size: 14px; } .call-to-action h1 { font-size: 42px; text-transform: uppercase; font-weight: 700; } .call-to-action .graphic { margin-bottom: 30px; margin-top: 30px; margin-left: auto; margin-right: auto; } .team-section { margin-bottom: 60px; margin-top: 60px; } /*--------- How it works --------*/ .how-it-icon { background-color: #fff; border: 2px solid #e9e6e0; border-radius: 100%; width: 250px; height: 250px; line-height: 12;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .how-it-desc { padding-top: 80px; padding-left: 40px; } /*---------------------- History Timeline section -----------------------*/ .history { margin-top: 60px; } /** timeline box structure **/ .timeline { list-style: none; padding: 20px 0 20px; position: relative; } .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 2px; border: 3px solid #e9e6e0; left: 50%; margin-left: -5px; } .tldate { display: block; width: 200px; background: #414141; border: 3px solid #212121; color: #ededed; margin: 0 auto; padding: 3px 0; font-weight: bold; text-align: center; -webkit-box-shadow: 0 0 11px rgba(0, 0, 0, 0.35); } .timeline li { margin-bottom: 25px; position: relative; } .timeline li:before, .timeline li:after { content: " "; display: table; } .timeline li:after { clear: both; } .timeline li:before, .timeline li:after { content: " "; display: table; } /** timeline panels **/ .timeline li .timeline-panel { width: 44%; float: left; background: #fff; padding: 30px; position: relative; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 0px; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;display:block;border-radius:3px;box-shadow:0 1px 2px rgba(43,59,93,0.29);} /** panel arrows **/ .timeline li .timeline-panel:before { position: absolute; top: 26px; right: -15px; display: inline-block; border-top: none; border-left: none; border-right: none; border-bottom: none; content: " "; } .timeline li .timeline-panel:after { position: absolute; top: 27px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #fff; border-right: 0 solid #fff; border-bottom: 14px solid transparent; content: " "; } .timeline li .timeline-panel.noarrow:before, .timeline li .timeline-panel.noarrow:after { top: 0; right: 0; display: none; border: 0; } .timeline li.timeline-inverted .timeline-panel { float: right; } .timeline li.timeline-inverted .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .timeline li.timeline-inverted .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } /** timeline circle icons **/ .timeline li .tl-circ { position: absolute; top: 23px; left: 51.8%; text-align: center; background: #fff; color: #ffffff; width: 30px; height: 30px; line-height: 55px; margin-left: -32px; border: 2px solid #e9e6e0; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; z-index: 99999; } /** timeline content **/ .tl-heading h1 { font-size: 42px; color: rgba(49,33,248,0.95); margin-top: 20px; } .tl-heading h4 { margin: 0; color: #c25b4e; } .tl-body p, .tl-body ul { margin-bottom: 0; } .tl-body > p + p { margin-top: 5px; } /** media queries **/ @media (max-width:991px) { .timeline li .timeline-panel { width: 44%; } } @media (max-width:700px) { .page-header h1 { font-size: 1.8em; } ul.timeline:before { left: 40px; } .tldate { width: 140px; } ul.timeline li .timeline-panel { width: calc(100% - 90px); width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px); } ul.timeline li .tl-circ { top: 22px; left: 22px; margin-left: 0; } ul.timeline > li > .tldate { margin: 0; } ul.timeline > li > .timeline-panel { float: right; } ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } } /*------ Team Section ---------*/ .team-section { margin-top: 60px; } .team-block { margin-bottom: 30px; margin-top: 30px; } .team-pic { margin-bottom: 30px; } .team-pic img { border-radius: 100%; height: 200px; width: 200px; margin: 0 auto; } .team-pic img { border-radius: 100%; height: 200px; width: 200px; margin: 0 auto; border: 5px solid #eaeaea; filter: grayscale(100%); -webkit-filter: grayscale(100%);filter: gray; -webkit-transition: all .6s ease;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .team-pic img:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); filter: none; } /*------------------------- 06. - Blog Page ---------------------------*/ /*--------- Wordpress Default Blog Image Class -------------*/ blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #f9a630; } .alignleft { float: left; margin: 10px 20px 5px 0; } .alignright { float: right; margin: 20px 0 .5em 20px; } .alignnone { margin-top: 20px; margin-bottom: 20px; } .wp-caption { margin: 0 0 20px 0; padding-top: 4px; max-width: 100%; border: 1px solid #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border-image: initial; background-color: #f8f8f8; text-align: center; } .wp-caption img { max-width: 98%; height: auto; } p.wp-caption-text { margin-bottom: 0; color: #353535; font-size: 11px; } /*---- Default Wordpress End -----*/ .post-holder { margin-bottom: 20px; } .related-post, .post-next-prev, .post-author, .post-comments, .leave-comments { margin-bottom: 30px; } .post-holder h2, .related-post h2, .post-comments h2, .leave-comments h2 { margin-bottom: 30px; border-bottom: 1px solid #e9e6e0; padding-bottom: 30px; } .post-title { border-bottom: 1px solid #e9e6e0; padding-bottom: 20px; } .sticky-sign { position: absolute; top: -2px; right: 25px; color: #f9a630; font-size: 24px; } .post-image { position: relative; overflow: hidden; margin-bottom: 30px; } .post-image img { -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-transition: all .7s ease; transition: all .7s ease; } .post-image a:hover img { -webkit-transform: scale(1); transform: scale(1); } .post-area { } .post-video { } .post-quote { } .post-link { } .post-pager { } /* ----------- Blog Meta ------*/ .post-meta { margin-bottom: 20px; } .date-meta, .comment-meta, .autho-meta, .tag-meta, .admin-meta { margin-right: 8px; font-size: 12px; } .date-meta a, .comment-meta a, .autho-meta a, .tag-meta a, .admin-meta a { margin-right: 5px; color: #706a68; text-transform: uppercase; font-weight: 600; } .date-meta a:hover, .comment-meta a:hover, .autho-meta a:hover, .tag-meta a:hover, .admin-meta a:hover { color: #f9a630; } .date-meta { } .comment-meta { } .autho-meta { } .tag-meta { } .admin-meta { } /*----- Blog Sidebar --------*/ .link { color: #3c3634 } .widget { } .widget-search { } .widget-title { margin-bottom: 30px; } .widget-category { } .widget-category ul { } .widget-category ul li { margin-bottom: 10px; } .widget-category ul li a { color: #706a68; border-bottom: 1px solid #e9e6e0; } .widget-category ul li a:hover { color: #f9a630; } .widget-recent-post { } .rc-post-holder { margin-bottom: 20px; border-bottom: 1px solid #e9e6e0; } .rc-post-holder:last-child { border: none; margin-bottom: 0px; } .widget-recent-post h3 { margin-bottom: 5px; } .widget-archive { } .widget-tag { } .widget-tag a { font-size: 11px; text-transform: uppercase; background: #fdfdfb; margin-bottom: 4px; padding: 6px 12px; color: #706a68; font-weight: 700; display: inline-block; border: 1px solid #e9e6e0; } .widget-tag a:hover { background: #f9a630; color: #ffffff; border: 1px solid #f9a630; } /*------Secondary Sidebar ----------*/ .widget-cta { } .widget-form { } .widget-service { } /*------------------------------ 07. - Blog Single Page --------------------------------*/ .blog-header { position: relative; } .wide-post-image { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; background: -moz-linear-gradient(top, rgba(16, 14, 13, 0) 0%, rgba(16, 14, 13, .55) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(16, 14, 13, .55)), color-stop(100%, rgba(16, 14, 13, 0))); background: -webkit-linear-gradient(top, rgba(16, 14, 13, 0) 0%, rgba(16, 14, 13, .55) 100%); background: -o-linear-gradient(top, rgba(16, 14, 13, 0) 0%, rgba(16, 14, 13, .55) 100%); background: -ms-linear-gradient(top, rgba(16, 14, 13, 0) 0%, rgba(16, 14, 13, .55) 100%); background: linear-gradient(to bottom, rgba(16, 14, 13, 0) 0%, rgba(16, 14, 13, .55) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6000000', endColorstr='#00000000', GradientType=0); } .wide-post-image img { position: relative; z-index: -1; } .blog-head { position: absolute; bottom: 40px; width: 100%; } .blog-head h1 {color: #ffffff; font-size: 32px; } .blog-header .post-meta {color: #ffffff; } .blog-header .post-meta a {color: #ffffff; } .blog-header .post-meta a:hover { color: #f9a630; } .related-post { } .post-next-prev { margin-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #e9e6e0; } .next-post { text-align: right; } .prev-post { } .link-prev-next { font-size: 14px; text-transform: uppercase; margin-bottom: 10px; display: inline-block; color: #706a68; } /*---------Post author ----------*/ .post-author { margin-bottom: 60px; margin-top: 30px; } .author-pic { } .author-bio { } .author-name { } .author-name .author-role { font-size: 12px; } .author-lable { } .author-social { } .leave-comments { } .leave-comments .control-label { text-align: left; } .thread-comments { background: #fdfdfb; } .review-list .panel.arrow.left.thread-left:after { left: 1px; top: 31px; border-right-color: #fdfdfb; border-width: 15px; } .comment-date { font-size: 12px; font-weight: 700; font-family: 'Montserrat', sans-serif; color: #a6a29b; } /*------------------------- 08. - Pricing Page ---------------------------*/ .pricing-container { } .pricing-box { } .pricing-box-regualr .well-box { background-color: #fdfcfa; } .price-title { text-transform: uppercase; letter-spacing: 2px; font-weight: 700; } .price-plan { font-size: 55px; font-weight: 700; } .price-plan .dollor-sign, .price-plan .permonth { font-size: 16px; color: #706a68; } .pricing-box .well-box { margin-bottom: 0px; text-align: center; padding: 40px; } .pricing-box .list-group-item { position: relative; display: block; padding: 10px 15px; margin-top: -1px; background-color: transparent; border: 1px solid #e9e6e0; border-radius: 0px; } .question-block { } .question-block .question-answer { margin-bottom: 60px; } /*----------------------------- 09. - Help - FAQ Page --------------------------------*/ .help-page { } .help-page .list-group-item { padding: 30px; border: 1px solid #e9e6e0; } .help-page .list-group-item p { margin-bottom: 10px; } .help-page .list-group-item p:last-child { margin-bottom: 0px; } .question-sign { color: rgba(49,33,248,0.95); padding-right: 10px; } .faq-block { } .faq-block:hover .icon-light { color: rgba(49,33,248,0.95); } .sidenav { } ul.sidenav { } ul.sidenav li { } .sidenav li a { color: #333; background-color: #fff; border: 1px #e9e6e0 solid; padding: 16px 14px; display: block; margin-top: -1px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-size: 12px; font-weight: 600; } .sidenav li a:hover { background-color: rgba(49,33,248,0.95); color: #ffffff; border: 1px solid rgba(49,33,248,0.95); } .sidenav li a:hover i {color: #ffffff; } .sidenav li a.active { background-color: rgba(49,33,248,0.95); color: #ffffff; border: 1px solid rgba(49,33,248,0.95); } .sidenav li i { font-size: 20px; padding-right: 10px; } /*---------------------- 10.- Contact us -----------------------*/ .contact-info { } .contact-info .address, .contact-info .email, .contact-info .call { margin-bottom: 20px; border-bottom: 1px solid #e9e6e0; padding-bottom: 20px; } .contact-info .address i, .contact-info .email i, .contact-info .call i { padding-right: 10px; font-size: 16px; color: #706a68; } .contact-info .address { } .contact-info .email { } .contact-info .call { } .contact-info p { margin-bottom: 0px; } .contact-info li:last-child { margin-bottom: 0px; border: none; } /*-------------------------------------- 11. - Signup & Login Couple Page --------------------------------------*/ .singup-couple { } .vendor-login { } .couple-login { } /*------- Social login button --------*/ .social-login { } .facebook-btn, .twitter-btn, .google-btn {color: #ffffff; } .facebook-btn { background-color: #3b579d; } .facebook-btn:hover { background-color: #496ecc; color: #ffffff; } .twitter-btn { background-color: #26b7f6; } .twitter-btn:hover { background-color: #50c7fb; color: #ffffff; } .google-btn { background-color: #ea4335; } .google-btn:hover { background-color: #fd5142; color: #ffffff; } .facebook-btn i, .google-btn i, .twitter-btn i { padding-right: 10px; } /*--------------------------- 12. - 404 Error Page ----------------------------*/ .error-block { text-align: center; } .error-block h1 { font-size: 180px; color: rgba(49,33,248,0.95); margin-bottom: 60px; } .error-block h2 { font-size: 24px; } .error-block h2 i { color: #fd2929; margin-right: 7px; } /*------------------------------- 13. - Shortcodes --------------------------------*/ /*--------- Accordion ---------*/ .st-accordion { } .st-accordion .panel-default { border-color: #e9e6e0; } .st-accordion .panel-default>.panel-heading {color: #ffffff; background-color: rgba(49,33,248,0.95); border-color: #e9e6e0; } .st-accordion .panel-group .panel { border-radius: 0px; } .st-accordion .panel-heading { padding: 20px; border-bottom: 0px solid transparent; border-top-left-radius: 0px; border-top-right-radius: 0px; } .st-accordion .panel-title { position: relative; } .st-accordion .sign { position: absolute; right: 0px; top: 0px; } /*------ Pagination---------*/ .tp-pagination { text-align: center; } .tp-pagination .pagination { } .tp-pagination .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: rgba(49,33,248,0.95); border-color: rgba(49,33,248,0.95); color: #ffffff; z-index: 0; } .tp-pagination .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { background-color: #e9e6e0; border-color: #; color: #ffffff; } .tp-pagination .pagination>li>a, .pagination>li>span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #706a68; text-decoration: none; border: 1px solid #e9e6e0; margin-right: 5px; text-transform: uppercase; font-size: 12px; font-weight: 700; } .tp-pagination .pagination>li:first-child>a, .pagination>li:first-child>span { margin-left: 0; border-top-left-radius: 0px; border-bottom-left-radius: 0px; } .tp-pagination .pagination>li:last-child>a, .pagination>li:last-child>span { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } /*---------- Tabs --------*/ .st-tabs { } .st-tabs p:last-child { } .st-tabs .nav-tabs { border-bottom: 1px solid #e9e6e0; } .st-tabs .nav-tabs>li>a { background-color: #fcfbf9; border-radius: 0px; padding: 20px 30px; text-transform: uppercase; border: 1px solid #e9e6e0; margin-right: -1px; color: #706a68; font-size: 14px; } .st-tabs .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { border: 1px solid #c7c7c7; border-bottom-color: transparent; color: #333; background-color: #fff;box-shadow: inset 0 23px 20px -20px #e0e0e0; } .st-tabs .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a: {box-shadow: inset 0 23px 20px -20px #e0e0e0 !important; } .st-tabs .tab-content { background-color: #fff; padding: 28px; border: 1px solid #e9e6e0; margin-bottom: 30px; border-top-color: transparent;box-shadow:0 2px 4px 0 rgba(0,0,0,.08); } .st-tabs .tab-content .customer-review, .tabbed-page .tab-content .review { margin-bottom: 0px; margin-top: 0px; } /*------ Call To Action ---*/ .st-cta { } /*------------------------------------------ 14. - Most Used / Repeatable Page CSS ------------------------------------------*/ /*------ Page Header ------------*/ .tp-page-head { background: linear-gradient(rgba(6, 63, 63, 0.8), rgba(6, 63, 63, 0.8)), rgba(6, 63, 63, 0.8) url(../images/page-header-img.jpg) no-repeat center; background: -webkit-linear-gradient(rgba(6, 63, 63, 0.8), rgba(6, 63, 63, 0.8)), rgba(6, 63, 63, 0.8) url(../images/page-header-img.jpg) no-repeat center; background: -moz-linear-gradient(rgba(6, 63, 63, 0.8), rgba(6, 63, 63, 0.8)), rgba(6, 63, 63, 0.8) url(../images/page-header-img.jpg) no-repeat center; background: -ms-linear-gradient(rgba(6, 63, 63, 0.8), rgba(6, 63, 63, 0.8)), rgba(6, 63, 63, 0.8) url(../images/page-header-img.jpg) no-repeat center; background-size: cover; color: #ffffff; } .tp-page-head .page-header { border: none; margin: 60px 0 40px; } .tp-page-head .page-header h1 {color: #ffffff; } /*----- Breadcrumb --------*/ .tp-breadcrumb { border-bottom: 1px solid #e9e6e0; } .tp-breadcrumb .breadcrumb { background: transparent; font-size: 11px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; margin-bottom: 0px; padding: 5px 0px; font-weight: 500; } .tp-breadcrumb .breadcrumb>.active { color: #9e9795; } /*-------- Filter Box ---------*/ .filter-box { z-index: 99; } .filter-form { background: #fff; border: 1px solid #e9e6e0; padding: 30px 20px; margin-top: -1px; margin-right: 0px; margin-left: 0px; } .filter-form .control-label { display: none; } /*------Sidebar Filter ------*/ .filter-sidebar { background: #fff; border: 1px solid #e9e6e0; padding: 20px 0px; margin-top: -1px; margin-right: 0px; display: inline-block; width: 100%; margin-bottom: 20px; } .filter-sidebar h2 { font-size: 16px; } .filter-sidebar .form-title { border-bottom: 1px solid #e9e6e0; margin-bottom: 20px; } .filter-sidebar .form-group { margin-bottom: 20px; border-bottom: 1px solid #e9e6e0; padding-bottom: 30px; } .filter-sidebar .form-group:last-child { border: none; margin: 0; padding-bottom: 0px; } .filter-sidebar .control-label { font-size: 12px; text-transform: uppercase; font-weight: 700; } /*---- White Box class------*/ .well-box { background-color: #fff; padding: 15px 20px; /* border: 1px solid #e9e6e0; */ border-radius:3px; margin-bottom: 30px; box-shadow: 0 1px 2px rgba(43,59,93,0.29); } .well-white { background-color: #fff; border: 1px solid #e9e6e0; margin-bottom: 30px; } /*----------------------------------- Features blocks -----------------------------------*/ .feature-block-bg{ background:#ddd !important;border: 1px solid #ccc;} .feature-icon { margin-bottom: 30px; line-height: 1; } /*----- Feature ------*/ .padding-feature { padding: 30px; background-color: #e5e5e5; } .outline-feature { padding: 30px; border: 2px solid #e5e5e5; } /*----- Feature Regular -----*/ /*----- Feature Center -----*/ .feature-center { text-align: center; } .feature-center img { } /*----- Feature Icon Left -----*/ .feature-left { } .feature-left .feature-icon { float: left; } .feature-left .feature-icon img { } .feature-left .feature-content { padding-left: 100px; } .feature-info { } /*-------------- font icon used template---------*/ .label { text-align: center; font-size: 13px; padding: 4px 8px; } .label-default { background-color: #f48f00; color: #ffffff; } .icon { } .icon-size-18 { font-size: 18px !important; } .icon-size-20 { font-size: 20px !important; } .icon-size-24 { font-size: 24px !important; } .icon-size-30 { font-size: 30px !important; } .icon-size-36 { font-size: 36px !important; } .icon-size-42 { font-size: 42px !important; } .icon-size-60 { font-size: 60px !important; } .icon-default { color: rgba(49,33,248,0.95); } .icon-light { color: #D80027; } .icon-primary { color: #f48f01; } .icon-white {color: #ffffff; } .icon-circle { border: 2px solid #fff; border-radius: 50%; width: 100px; height: 100px; margin: 0 auto 30px auto; background-color: rgba(255, 255, 255, .1); } { } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 13px; font-weight: 700; line-height: 1; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #777; border-radius: 2px; } .badge-default { background-color: rgba(49,33,248,0.95); color: #ffffff; } .badge-primary { background-color: #f48f01; color: #ffffff; } .badge-light { background-color: #f0ead9; color: #969388; } .price-range { font-family: 'Montserrat', sans-serif; font-size: 14px; font-weight: normal; } .price-range #slider-range { margin-top: 9px; } /*------- Sidebar affix -------*/ #sidebar.affix { position: fixed; top: 105px; width: 251px; } .side-nav { } .side-nav ul { } .side-nav ul li { background-color: #fff; border: 1px solid #e9e6e0; margin-top: -1px; color: #ffffff; cursor: pointer; } .side-nav ul li a { color: #706a68; text-transform: uppercase; font-size: 13px; font-weight: 700; padding: 18px 30px; font-family: 'Montserrat', sans-serif; } .side-nav ul li:hover { background: #f9a630; color: #ffffff; border: 1px solid #f9a630; color: #ffffff; } .side-nav ul li.active { background: #f9a630 !important; color: #ffffff !important; border: 1px solid #f9a630 !important; color: #ffffff !important; } .side-nav ul li.active a { color: #ffffff !important; } .side-nav .nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: transparent; } /*----------- Woo Parallux Section----------------*/ section.module:last-child { margin-bottom: 0; } section.module h2 { font-size: 42px; color: #ffffff; } section.module p { margin-bottom: 40px; font-size: 16px; color: #ffffff; } section.module p:last-child { margin-bottom: 0; } section.module.content { padding: 0px 0; } section.module.parallax { height: 400px; background-position: 60% 50%; background-repeat: no-repeat; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } section.module.parallax h1 {color: #ffffff; font-size: 48px; font-weight: 700; text-align: center; } section.module{background-image: url("../images/bg/bg-1.jpg"); background-position: center center; background-repeat: no-repeat;background-size: cover;} /*---------- parallax caption ----------*/ .parallax-caption { text-align: center; padding-top: 100px; } .category-section { margin-top: 40px; margin-bottom: 80px; } .product-category { margin-bottom: 30px; } .category-thumb { position: relative; } .btn-label { position: absolute; bottom: 20px; left: 20px; } /*-------------------------------- 15. - Custom Used CSS - Creative checkbox and Listing Effect CSS ----------------------------------*/ /*----- checkbox and radio button css ----------*/ .checkbox { padding-left: 20px; } .checkbox label { display: inline-block; vertical-align: middle; position: relative; padding-left: 10px; } .checkbox label::before { content: ""; display: inline-block; position: absolute; width: 18px !important; height: 18px !important; left: 0; margin-left: -19px !important; border: 1px solid #e0dcd1; border-radius: 3px; background-color: #faf9f5; -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; transition: border 0.15s ease-in-out, color 0.15s ease-in-out; } .checkbox label::after { display: inline-block; position: absolute; width: 18px !important; height: 17px !important; left: 0; top: 0; margin-left: -19px !important; padding-left: 5px; padding-top: 0px; font-size: 11px; color: #555555; margin-top: -3px; } .checkbox input[type="checkbox"], .checkbox input[type="radio"] { opacity: 0; z-index: 1; } .checkbox input[type="checkbox"]:focus + label::before, .checkbox input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .checkbox input[type="checkbox"]:checked + label::after, .checkbox input[type="radio"]:checked + label::after { font-family: "FontAwesome"; content: "\f00c"; } .checkbox input[type="checkbox"]:disabled + label, .checkbox input[type="radio"]:disabled + label { opacity: 0.65; } .checkbox input[type="checkbox"]:disabled + label::before, .checkbox input[type="radio"]:disabled + label::before { background-color: #eeeeee; cursor: not-allowed; } .checkbox.checkbox-circle label::before { border-radius: 50%; } .checkbox.checkbox-inline { margin-top: 0; } .checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + label::before { background-color: #337ab7; border-color: #337ab7; } .checkbox-primary input[type="checkbox"]:checked + label::after, .checkbox-primary input[type="radio"]:checked + label::after {color: #ffffff; } .checkbox-danger input[type="checkbox"]:checked + label::before, .checkbox-danger input[type="radio"]:checked + label::before { background-color: #d9534f; border-color: #d9534f; } .checkbox-danger input[type="checkbox"]:checked + label::after, .checkbox-danger input[type="radio"]:checked + label::after {color: #ffffff; } .checkbox-info input[type="checkbox"]:checked + label::before, .checkbox-info input[type="radio"]:checked + label::before { background-color: #5bc0de; border-color: #5bc0de; } .checkbox-info input[type="checkbox"]:checked + label::after, .checkbox-info input[type="radio"]:checked + label::after {color: #ffffff; } .checkbox-warning input[type="checkbox"]:checked + label::before, .checkbox-warning input[type="radio"]:checked + label::before { background-color: #f0ad4e; border-color: #f0ad4e; } .checkbox-warning input[type="checkbox"]:checked + label::after, .checkbox-warning input[type="radio"]:checked + label::after {color: #ffffff; } .checkbox-success input[type="checkbox"]:checked + label::before, .checkbox-success input[type="radio"]:checked + label::before { background-color: #3121f8; border-color: #3121f8; } .checkbox-success input[type="checkbox"]:checked + label::after, .checkbox-success input[type="radio"]:checked + label::after {color: #ffffff; margin-top:1px; } .radio { padding-left: 20px; } .radio label { display: inline-block; vertical-align: middle; position: relative; padding-left: 5px; } .radio label::before { content: ""; display: inline-block; position: absolute; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #e0dcd1; border-radius: 50%; background-color: #faf9f5; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; } .radio label::after { display: inline-block; position: absolute; content: " "; width: 11px; height: 11px; left: 3px; top: 3px; margin-left: -20px; border-radius: 50%; background-color: #555555; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); } .radio input[type="radio"] { opacity: 0; z-index: 1; } .radio input[type="radio"]:focus + label::before { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .radio input[type="radio"]:disabled + label { opacity: 0.65; } .radio input[type="radio"]:disabled + label::before { cursor: not-allowed; } .radio.radio-inline { margin-top: 0; } .radio-primary input[type="radio"] + label::after { background-color: #337ab7; } .radio-primary input[type="radio"]:checked + label::before { border-color: #337ab7; } .radio-primary input[type="radio"]:checked + label::after { background-color: #337ab7; } .radio-danger input[type="radio"] + label::after { background-color: #d9534f; } .radio-danger input[type="radio"]:checked + label::before { border-color: #d9534f; } .radio-danger input[type="radio"]:checked + label::after { background-color: #d9534f; } .radio-info input[type="radio"] + label::after { background-color: #5bc0de; } .radio-info input[type="radio"]:checked + label::before { border-color: #5bc0de; } .radio-info input[type="radio"]:checked + label::after { background-color: #5bc0de; } .radio-warning input[type="radio"] + label::after { background-color: #f0ad4e; } .radio-warning input[type="radio"]:checked + label::before { border-color: #f0ad4e; } .radio-warning input[type="radio"]:checked + label::after { background-color: #f0ad4e; } .radio-success input[type="radio"] + label::after { background-color: #5cb85c; } .radio-success input[type="radio"]:checked + label::before { border-color: #5cb85c; } .radio-success input[type="radio"]:checked + label::after { background-color: #5cb85c; } input[type="checkbox"].styled:checked + label:after, input[type="radio"].styled:checked + label:after { font-family: 'FontAwesome'; content: "\f00c"; } input[type="checkbox"] .styled:checked + label::before, input[type="radio"] .styled:checked + label::before {color: #ffffff; } input[type="checkbox"] .styled:checked + label::after, input[type="radio"] .styled:checked + label::after {color: #ffffff; } /*---------Creative Listing Effect --------*/ /* .grid { position: relative; margin: 0 auto; padding: 1em 0 4em; max-width: 1000px; list-style: none; text-align: center; } */ /* Common style */ .grid figure { position: relative; float: left; overflow: hidden; margin: 10px 1%; /*min-width: 320px; max-width: 480px; max-height: 360px; width: 48%;*/ background: #003e3e; text-align: center; cursor: pointer; } .grid figure img { position: relative; display: block; min-height: 100%; max-width: 100%; opacity: 0.8; } .grid figure figcaption { padding: 10px; color: #ffffff; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; } .grid figure figcaption, .grid figure figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Anchor will cover the whole item by default */ /* For some effects it will show as a button */ .grid figure figcaption > a { z-index: 1000; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } .grid figure h2 { word-spacing: -0.15em; font-weight: 300; } .grid figure h2 span { font-weight: 800; } .grid figure h2, .grid figure p { margin: 0; } .grid figure p { font-size: 15px; line-height: 21px; } /*---------------*/ /***** Bubba *****/ /*---------------*/ figure.effect-bubba { background: #003e3e; } figure.effect-bubba img { opacity: 0.8; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-bubba:hover img { opacity: 0.2; } figure.effect-bubba figcaption::before, figure.effect-bubba figcaption::after { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } figure.effect-bubba figcaption::before { border-top: 1px solid #0ededf; border-bottom: 1px solid #0ededf; -webkit-transform: scale(0, 1); transform: scale(0, 1); } figure.effect-bubba figcaption::after { border-right: 1px solid #0ededf; border-left: 1px solid #0ededf; -webkit-transform: scale(1, 0); transform: scale(1, 0); } figure.effect-bubba h2 { padding-top: 15%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } figure.effect-bubba h2, figure.effect-bubba p {color: #ffffff; } figure.effect-bubba p { padding: 10px 2.5em; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } figure.effect-bubba:hover figcaption::before, figure.effect-bubba:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } figure.effect-bubba:hover h2, figure.effect-bubba:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-oscar { background: -webkit-linear-gradient(45deg, #003e3e 0%, #003e3e 40%, #003e3e 100%); background: linear-gradient(45deg, #003e3e 0%, #003e3e 40%, #003e3e 100%); } figure.effect-oscar img { opacity: 0.9; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-oscar figcaption { padding: 20px; background-color: rgba(6, 130, 130, 0.7); -webkit-transition: background-color 0.35s; transition: background-color 0.35s; } figure.effect-oscar figcaption::before { position: absolute; top: 10px; right: 10px; bottom: 10px; left: 10px; border: 1px solid #0ededf; content: ''; } figure.effect-oscar h2 { margin: 15% 0 10px 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } figure.effect-oscar h2, figure.effect-oscar p {color: #ffffff; } figure.effect-oscar figcaption::before, figure.effect-oscar p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0); transform: scale(0); } figure.effect-oscar:hover h2 { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure.effect-oscar:hover figcaption::before, figure.effect-oscar:hover p { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } figure.effect-oscar:hover figcaption { background-color: rgba(58, 52, 42, 0); } figure.effect-oscar:hover img { opacity: 0.4; } /*------------------------------------ Dashboard Pages -------------------------------------*/ /*------ Page Header ------------*/ .bg-img { background: url(../images/bg/bg-2.jpg)!important; background-position: center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; background-size: cover !important; -o-background-size: cover !important; } .tp-dashboard-head { background: url(../images/dashboard-page-header.jpg); background-position: center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; } .tp-dashboard-head .profile-header { border: none; padding: 60px 0px; } .tp-dashboard-head .profile-header h1 {color: #ffffff; } .tp-dashboard-head .profile-info { padding-top: 45px; } .tp-dashboard-head .profile-pic { text-align: center; } .profile-title { text-transform: uppercase; font-weight: 600; } .profile-title small { font-size: 12px; color: rgba(49,33,248,0.95); padding-left: 20px; } .tp-dashboard-nav { background-color: #fff; border-bottom: 1px solid #e8e6df;box-shadow: 0 1px 6px rgba(0,0,0,0.3); } .dashboard-nav { } .dashboard-nav .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{ color: rgba(49,33,248,0.95); background-color:#faf9f5;border-bottom: 3px solid rgba(49,33,248,0.95); transition: color .2s ease 0s; } .dashboard-nav .nav-pills>li>a { border-radius: 0px; color: #72727d; /* text-transform: uppercase; */ /* font-size: 13px; */ font-weight: 400; padding: 10px 0px; line-height: 12px; font: normal 14px 'Roboto',sans-serif !important; /* font-family: 'Montserrat', sans-serif; */ /* border: 1px solid #ecebe5; */ margin-left: -1px; border-bottom: transparent; } .dashboard-nav .nav-pills>li>a:hover { color: rgba(49,33,248,0.95); } .db-icon { padding-right: 10px; font-size: 14px; } .profile-dashboard { } .dashboard-form { } .dashboard-form .control-label { text-align: left; } .dashboard-form h2.form-title { border-bottom: 1px solid #e8e6df; padding-bottom: 19px; margin-bottom: 30px; } .form-title { border-bottom: 1px solid #e8e6df; padding-bottom: 19px; margin-bottom: 30px; } .photo-upload { margin-bottom: 30px; } .upload-file { padding-top: 60px; } /*----------------------------* add-listing-dashboard ------------------------------*/ .add-listing-dashboard { } /*--------------------------- my-listing-dashboard -----------------------------*/ .my-listing-dashboard { } .table-head { background-color: #ecebe5; padding: 10px; font-family: 'Montserrat', sans-serif; } .th-title { font-size: 12px; text-transform: uppercase; } .listing-row { border-bottom: 1px solid #edebe4; padding: 20px; background-color: #fff; } .listing-row:hover { background-color: #fff; -moz-box-shadow: 0 5px 40px 0px rgba(49, 48, 53, 0.2); -webkit-box-shadow: 0 5px 40px 0px rgba(49, 48, 53, 0.2); box-shadow: 0 5px 40px 0px rgba(49, 48, 53, 0.2); transition: all 0.2s ease-in-out 0s; transform: translateY(0) !important; border-bottom: 1px solid #edebe4; } .listing-thumb { } .listing-title { } .listing-title h2 { font-size: 16px; } .listing-address { font-size: 14px; } .listing-price { font-weight: 600; } .listing-action { } .listing-action .btn-primary { background-color: #0fb3b4; border: none; } .listing-action .btn-primary:hover { background-color: #09a2a3; border: none; } .listing-action .btn-danger { background-color: #fb886d; border: none; } .listing-action .btn-danger:hover { background-color: #f67557; border: none; } /*---------------------------- Couple Dashboard ----------------------------*/ .dashboard-page-head { } .dashboard-page-head { margin: 0px 0 40px; padding-bottom: 20px; border-bottom: 2px solid #ecebe5; } .dashboard-page-head .page-title { border-bottom: transparent; } .action-block { text-align: right; } /*--------------------------- Wishlist Dashboard ---------------------------*/ .wishlist-board { } /*--------------------------- Coming soon Dashboard ---------------------------*/ .coming-soon-content { } .vendor-page-header { } .vendor-profile-content { } .vendor-profile-info { position: relative; margin-top: -310px; } .vendor-profile-block { } .block-holder { margin-bottom: 30px; } /*----------------------- Vendor Profile -------------------------*/ .vendor-profile-block { margin-bottom: 30px; } .vendor-profile { background-color: #fff; padding: 20px; border: 1px solid #e9e6e0; } .vendor-profile-info { height: 360px; } .vendor-profile-title {color: #ffffff; margin-bottom: 30px; font-size: 52px; font-weight: 600; } .vendor-profile-img { background: linear-gradient(rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.57)), rgba(0, 0, 0, 0.58) url(../images/vendor-profile-img.jpg) no-repeat center; background-size: cover; height: 460px; } .profile-meta {color: #ffffff; } .meta-call i, .meta-address i, .meta-website i, .meta-email i { padding-right: 10px; } .meta-call { } .meta-address { } .meta-email { } .meta-website { } .vendor-profile-social { } .profile-feature-title { font-weight: 400; font-family: 'Montserrat', sans-serif; text-transform: uppercase; } .vendor-profile-social { } .vendor-profile-social ul { } .vendor-profile-social ul li { float: left; padding-right: 20px; } .profile-gallery { padding-bottom: 10px; } #profile-gallery #sync2 .item { background-color: transparent; padding: 0px; } /*------------------------------------ Couple Planning Tools --------------------------------------*/ .hero-title {color: #ffffff; font-size: 42px; margin-bottom: 20px; font-weight: 600; } .hero-text { color: #a0f0f0; } .pln-hero-section { background-color: rgba(49,33,248,0.95); min-height: 600px; padding-top: 140px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0cc7c8+0,00aeaf+62,00aeaf+99 */ background: rgb(12, 199, 200); /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, rgba(12, 199, 200, 1) 0%, rgba(0, 174, 175, 1) 62%, rgba(0, 174, 175, 1) 99%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(12, 199, 200, 1) 0%, rgba(0, 174, 175, 1) 62%, rgba(0, 174, 175, 1) 99%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, rgba(12, 199, 200, 1) 0%, rgba(0, 174, 175, 1) 62%, rgba(0, 174, 175, 1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0cc7c8', endColorstr='rgba(49,33,248,0.95);', GradientType=1); /* IE6-9 fallback on horizontal gradient */ } .couple-hero-section-img { background: url(../images/couple-hero.jpg) no-repeat center; background-size: cover; color: #ffffff; padding: 250px; padding-bottom: 120px; min-height: 620px; } .intro-block { margin-top: -280px; } .template-box { background-color: #fff; border-radius: 10px 10px 3px 3px; -moz-box-shadow: 0 5px 40px 0px rgba(49, 48, 53, 0.2); -webkit-box-shadow: 0 5px 40px 0px rgba(49, 48, 53, 0.2); box-shadow: 0 5px 40px 0px rgba(49, 48, 53, 0.2); transition: all 0.2s ease-in-out 0s; transform: translateY(0) !important; } .template-img { min-height: 300px; background-color: #faf9f5; } .cta-block { } .tools-descriptions { padding: 100px; } .app-mobile { margin-top: -180px; } /*----------------------------------- Couple Todo Create page -----------------------------------*/ .todo-form { display: none; position: relative; } .close-sign { position: absolute; top: 10px; right: 10px; background: #ecebe6; padding: 4px 10px; border-radius: 4px; } .todo-list-group { border-top: 1px solid #f0efea; } .todo-list-item { border-bottom: 1px solid #f0efea; padding: 20px; } .todo-list-item:last-child { border-bottom: transparent; } .todo-list { } .todo-notes { background-color: #faf9f5; margin-top: 30px; } .todo-checkmark { text-align: center; } .todo-task { } .todo-title { margin-bottom: 0px; font-size: 15px; color: #3c3837; } .todo-date { font-size: 12px; text-transform: uppercase; font-weight: 400; color: #b1b0ab; } .todo-action { text-align: right; } .btn-circle { background-color: #faf9f5; width: 40px; display: inline-block; height: 40px; border-radius: 40px; text-align: center; padding-top: 6px; border: 1px solid #e8e7e3; color: #898381; margin-right: 10px; } .widget-todo { text-align: center; } .todo-percentage { margin-top: 20px; margin-bottom: 20px; text-align: center; } .todo-value { font-weight: 600; } .todo-done { color: #88c82d; padding-right: 20px; } .todo-pending { color: #e03232; } /*----------------------------------- Couple Budget Page -----------------------------------*/ .budget-board { } .budget-board .list-group-item { font-size: 14px; font-family: 'Montserrat', sans-serif; font-weight: normal; background-color: #fbfbf9; padding: 14px; } .item-title { margin-top: 20px; } .budget-board .list-group-item.active { background-color: rgba(49,33,248,0.95); border: 1px solid rgba(49,33,248,0.95); } .table { width: 100%; max-width: 100%; margin-bottom: 20px; background-color: #fff; border: 1px solid #ddd; } .table tr th { font-weight: normal; padding: 10px 20px; font-family: 'Roboto', sans-serif; } .table>thead>tr>th { color: #000 } .table>thead>tr>th, .table>tbody>tr>th { padding: 10px 20px; } .table>tbody>tr>td { padding: 10px 20px; font-weight: 300; font-family: 'Roboto', sans-serif; } .btn-edit { color: #13b1b1; } .btn-edit:hover { color: #07c1c2; } .btn-delete { color: #e35120; } .btn-delete:hover { color: #d53c09; } .btn-delete, .btn-edit { font-size: 16px; padding-left: 20px; } /*----------------------------------- Couple Dashboard -----------------------------------*/ .widget-wd-days { } .wd-days-count { } .title-number { color: #13b1b1; font-size: 46px; font-weight: bold; letter-spacing: -2px; } .guest-status { font-size: 14px; } .invite-accepted { color: #80c30c; } .invite-descline { color: #dd4242; } .invite-noresponse { color: grey } /*----------------------------------- Home page 2 -------------------------------------*/ .header-v2 { background-color: transparent; } .top-bar-transparent { background-color: #3121f8; padding: 4px 0px; color: #ffffff; } .top-nav-collapse { background-color: rgba(49,33,248,0.95); } .top-bar-transparent .top-message p { text-shadow:1px 1px 1px black; color: #ffffff; } .top-bar-transparent .top-links li a {color: #ffffff; text-shadow: 1px 1px 1px black; } .vendor-total-list { } .vendor-total-title { font-size: 16px; margin-bottom: 0px; } .vendor-total-info { } .vendor-total-thumb { } .vendor-total-thumb img { opacity: .8 } .vendor-total-thumb img:hover { opacity: 1; } /*--------- Real Weddings -------------*/ .real-wedding-block { } .real-wedding-block { -webkit-box-shadow: 0px 0px 2px 0px rgba(159, 170, 188, 0.2); -moz-box-shadow: 0px 0px 2px 0px rgba(159, 170, 188, 0.2); box-shadow: 0px 0px 2px 0px rgba(159, 170, 188, 0.2); transition: all 0.2s ease-in-out 0s; } .real-wedding-block:hover { -webkit-box-shadow: 0px 3px 15px 2px rgba(150, 147, 136, 0.5); -moz-box-shadow: 0px 3px 15px 2px rgba(150, 147, 136, 0.5); box-shadow: 0px 3px 15px 2px rgba(150, 147, 136, 0.5); } .real-wedding-img { } .real-wedding-info { } .real-wedding-title { font-size: 18px; } .real-wed-meta { text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size: 11px; color: #969388; } .wed-day-meta { } .wed-location-meta { } .wed-day-meta i, .wed-location-meta i { padding-right: 3px; font-size: 14px; } /*--------- Real Wedding single -------------*/ .real-wedding-content { } /************More Changes************/ .inline-block { color: #ffffff; display: inline-block; } .no-background { background-color: transparent; border: none; } .no-background { -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out; transition: all 1s ease-in-out; } .back-img{ background: rgba(49,33,248,0.95); } .color-cyan{ color:rgb(0, 0, 0); } /***********Hr Line*********/ .heart-divider { height: 100%; width: 100%; margin:0em auto; text-align: center; } .grey-line { width: 30px; height: 8px; display: inline-block; border-top: solid 2px #e1dddd; } .pink-heart { color:#c32143; font-size: 18px; position: relative; z-index: 3; } .lightyellow-heart { color:#BFC024 !important; font-size: 18px; position: relative; z-index: 3; } .grey-heart { color: #e1dddd; font-size: 18px; margin-left: -15px; position: relative; z-index: 2; } .grey-line { width: 110px; height: 8px; display: inline-block; border-top: solid 2px #e1dddd; } .bg-rgba{ background: rgba(0,0,0, 0.7); } img.img-responsive.text-center { margin: 10px auto; } h6.title-h6{ font-weight:600; font-size:12px; color:#777; margin-top:10px; /* font: 12px Arial, Verdana, Geneva,Helvetica,sans-serif; */ } .font-10{ font-weight:100; font-size:10px; color: #ffffff; } .font-11{ font-weight:100; font-size:11px; color:#999; } .font-12{ font-weight:100; font-size:12px; color:#999; } .font-12_bold{ font-weight:600; font-size:12px; } .font-13{ font-weight:100; font-size:13px; color:#999; } .bold{ font-weight:bold; } .color-black{ color:#999; } h5.bold.color-black { margin: 10px 0 0 0; font: 13px Arial, Verdana, Geneva,Helvetica,sans-serif; font-weight: 600; color:#666; } span.line { font-weight: 100; font-size: 12px; color:#999; } p{ text-align:justify; } /*******footer*******/ p.footer-p { line-height: 1.3em; font-size: 13px; color: #888; } p.footer-para { line-height: 1.3em!important; font-size: 13px!important; color: #888!important; } li.line-height-10{ line-height:1.2em; list-style: none; } .font-12:hover { text-decoration:none; } /*-- //Countdown-Timer --*/ .property-grids { background: #000; } .grid { position: relative; margin: 0 auto; list-style: none; text-align: center; } /* Common style */ .grid figure { position: relative; overflow: hidden; text-align: center; cursor: pointer; } .grid figure img { position: relative; display: block; width: 100%; opacity: 0.8; } .agile-homes-w3l.grid figure figcaption { padding: 5em 4em; color: #ffffff; font-size: 1.3em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .grid figure figcaption::before, .grid figure figcaption::after { pointer-events: none; } .grid figure figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /**-- Moses --**/ figure.effect-moses { background: -webkit-linear-gradient(-45deg, #000 0%,#000 100%); background: linear-gradient(-45deg, #000 0%,#000 100%); } figure.effect-moses img { opacity: 0.85; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } figure.effect-moses h4, figure.effect-moses p { padding: 20px; width: 50%; height: 50%; border: 6px solid #fff; } /*-- //contact --*/ /*-- /gallery --*/ /***** Winston *****/ /*-----------------*/ figure.effect-winston { text-align: left; } figure.effect-winston img { -webkit-transition: opacity 0.45s; transition: opacity 0.45s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure.effect-winston figcaption::before { position: absolute; top: 0; left: 10px; width: 100%; height: 100%; background: url(../images/triangle.svg) no-repeat center center; background-size: 100% 100%; content: ''; -webkit-transition: opacity 0.45s, -webkit-transform 0.45s; transition: opacity 0.45s, transform 0.45s; -webkit-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); -webkit-transform-origin: 0 100%; transform-origin: 0 100%; } figure.effect-winston:hover img { opacity: 0.6; } figure.effect-winston:hover figcaption::before { opacity: 0.7; -webkit-transform: rotate3d(0,0,1,20deg); transform: rotate3d(0,0,1,20deg); } figure.effect-winston p { position: absolute; right: 0; bottom: 0; padding: 3em 1em 4% 0; } figure.effect-winston p span { margin: 0 0 0 1em; color: #fc3158; font-size: 1em; } figure.effect-winston p span:hover{ color:#212121; } figure.effect-winston:hover p span { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-winston p span { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,50px,0); transform: translate3d(0,50px,0); } figure.effect-winston:hover p:nth-child(3) span { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; } figure.effect-winston:hover p:nth-child(2) span { -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } figure.effect-winston:hover p:first-child span{ -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .w3_tabs_grid_sub { margin: 2em 0; } /*-- //gallery --*/ /*-- /tab-text--*/ .tab-info_text_agile_w3l h3 { font-size: 3em; color: #147efb; text-transform: none; letter-spacing: 1px; } .tab-info_text_agile_w3l p { font-size:1em; color: #555; letter-spacing: 2px; margin: 2em 0 2em 0; line-height: 2.3em; } .spa-agile i { font-size: 4em; color: #191717; display: inline-block; text-decoration: none; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all; } .spa-agile h4 { font-size:2em; margin: 1em 0 0.5em 0; color: #fc3158; letter-spacing: 1px; } .spa-agile { text-align: center; } .spa-agile p{ font-size: 1em; color: #555; letter-spacing: 1px; margin: 1em 0 1em 0; line-height: 2em; } .spa-grid:hover i { color:#147efb; transition: 0.5s all; -webkit-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; -moz-transition: 0.5s all; } .spa-grid { margin-top: 1em; } figure.effect-moses h4 { padding: 36px 20px 20px 20px; width: 50%; color: #ffffff; font-size: 50px; height: 50%; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(10px,10px,0); transform: translate3d(10px,10px,0); background: rgba(0, 0, 0, 0.55); letter-spacing: 2px; } figure.effect-moses p { float: right; padding: 61px 20px 20px 20px; font-size: 15px; line-height: 2em; text-align: center; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-50%,-50%,0); transform: translate3d(-50%,-50%,0); background: rgba(0, 0, 0, 0.55); letter-spacing: 9px; text-transform: uppercase; } figure.effect-moses:hover h4 { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-moses:hover p { opacity: 1; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } figure.effect-moses:hover img { opacity: 0.6; } .font-28{ font-size:28px; font-weight:500; } .font-24{ font-size:24px; font-weight:500; } .font-18{ font-size:18px; font-weight:500; } .font-17{ font-size:17px; font-weight:500; } .font-16{ font-size:16px; font-weight:500; } .font-15{ font-size:15px; font-weight:500; } p.font-14{ font-size:14px !important; font-weight:normal; } .text-grey{ color:#868A90; } .section-space60.bg-pattern { background-image: url(../images/bg/flower7.png) !important; } .section-space60.bg-pattern1 { background-image: url(../images/bg/flower8.png) !important; } img.icon { height: 148px; width: 133px; transition: all .5s ease-in-out 0s; } /******Snow animation******/ .snow{ background: none; background-image: url('http://www.wearewebstars.dk/codepen/img/s1.png'), url('http://www.wearewebstars.dk/codepen/img//s2.png'), url('http://www.wearewebstars.dk/codepen/img//s3.png'); height: 100%; /* left: -100px; */ position:absolute; overflow:hidden; clear:both; top: 0; width: 100%; z-index:1000; -webkit-animation: snow 10s linear infinite; -moz-animation: snow 10s linear infinite; -ms-animation: snow 10s linear infinite; animation: snow 10s linear infinite; } @keyframes snow { 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 50% {background-position: 500px 500px, 100px 200px, -100px 150px;} 100% {background-position: 500px 1000px, 200px 400px, -100px 300px;} } @-moz-keyframes snow { 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 50% {background-position: 500px 500px, 100px 200px, -100px 150px;} 100% {background-position: 400px 1000px, 200px 400px, 100px 300px;} } @-webkit-keyframes snow { 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 50% {background-position: 500px 500px, 100px 200px, -100px 150px;} 100% {background-position: 500px 1000px, 200px 400px, -100px 300px;} } @-ms-keyframes snow { 0% {background-position: 0px 0px, 0px 0px, 0px 0px;} 50% {background-position: 500px 500px, 100px 200px, -100px 150px;} 100% {background-position: 500px 1000px, 200px 400px, -100px 300px;} } /*============================================= work section style ===============================================*/ .view-first img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .view-first .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; border-radius: 0px; padding: 15px; background-color: rgba(255,255,255, 0.8); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .view-first h2 { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .view-first p { -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .view-first:hover img { -webkit-transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); transform: scale(1.1,1.1); } .view-first a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .view-first:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .view-first:hover h2, .view-first:hover p, .view-first:hover a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); } .view-first:hover p { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s; } .view-first:hover a.info { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; } /*********card********/ .card-container { -webkit-perspective: 800px; -moz-perspective: 800px; -o-perspective: 800px; perspective: 800px; margin-bottom: 30px; } /* flip the pane when hovered */ .card-container:not(.manual-flip):hover .card, .card-container.hover.manual-flip .card{ -webkit-transform: rotateY( 180deg ); -moz-transform: rotateY( 180deg ); -o-transform: rotateY( 180deg ); transform: rotateY( 180deg ); } .card-container.static:hover .card, .card-container.static.hover .card { -webkit-transform: none; -moz-transform: none; -o-transform: none; transform: none; } /* flip speed goes here */ .card { -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -o-transition: -o-transform .5s; transition: transform .5s; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; position: relative; } /* hide back of pane during swap */ .front, .back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; position: absolute; top: 0; left: 0; background-color: #FFF; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.14); } /* front pane, placed above back */ .front { z-index: 2; } /* back, initially hidden pane */ .back { -webkit-transform: rotateY( 180deg ); -moz-transform: rotateY( 180deg ); -o-transform: rotateY( 180deg ); transform: rotateY( 180deg ); z-index: 3; } .back .btn-simple{ position: absolute; left: 0; bottom: 4px; } /* Style */ .card{ background: none repeat scroll 0 0; border-radius: 4px; color: #444444; } .card-container, .front, .back { width: 100%; height: 420px; border-radius: 4px; -webkit-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.16); box-shadow: 0px 0px 19px 0px rgba(0,0,0,0.16); } .card .cover{ height: 150px; overflow: hidden; border-radius: 4px 4px 0 0; } .card .cover img{ width: 100%; } .card .user{ border-radius: 50%; display: block; height: 135px; margin: -70px auto 0; overflow: hidden; width: 135px; border: 4px solid #f3f3f3; box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.2), 0 4px 10px 0 rgba(0, 0, 0, 0.19); } .card .user img{ background: none repeat scroll 0 0 #FFFFFF; border: 0px solid #FFFFFF; width: 100%; height: 100%; } .card .content{ background-color: rgba(0, 0, 0, 0); box-shadow: none; padding: 10px 20px 20px; } .card .content .main { min-height: 100px; } .card .back .content .main { height: 215px; } .card .name { font-size: 22px; line-height: 28px; margin: 10px 0 0; text-align: center; text-transform: capitalize; } .card h5{ margin: 5px 0; font-weight: 400; line-height: 20px; } .card .profession{ color: #999999; text-align: center; margin-bottom: 20px; } .card .card-footer { border-top: 1px solid #EEEEEE; color: #999999; margin: 20px 0 0; padding: 0px 0 !important; text-align: center; font-size: 14px !important; } .card .card-footer .social-links{ font-size: 18px; } .card .card-footer .social-links a{ margin: 0 7px; } .card .card-footer .btn-simple{ margin-top: -6px; } .card .header { padding: 18px 20px; height: auto !important; } .card .motto{ font-family: 'Arima Madurai', cursive; color: #f2f2f2 !important; font-size: 18px; font-weight: 400; text-align: center; } .card .stats-container{ width: 100%; margin-top: 50px; } .card .stats{ display: block; float: left; width: 33.333333%; text-align: center; } .card .stats:first-child{ border-right: 1px solid #EEEEEE; } .card .stats:last-child{ border-left: 1px solid #EEEEEE; } .card .stats h4{ font-weight: 300; margin-bottom: 5px; } .card .stats p{ color: #777777; } .title{ color: #506A85; text-align: center; font-weight: 300; font-size: 44px; margin-bottom: 40px; line-height: 90%; } .title small{ font-size: 17px; color: #999; text-transform: uppercase; margin: 0; } .space-30{ height: 30px; display: block; } .space-50{ height: 50px; display: block; } .space-200{ height: 200px; display: block; } .white-board{ background-color: #FFFFFF; min-height: 200px; padding: 60px 60px 20px; } .ct-heart{ color: #F74933; } pre.prettyprint{ background-color: #ffffff; border: 1px solid #999; margin-top: 20px; padding: 20px; text-align: left; } .atv, .str{ color: #05AE0E; } .tag, .pln, .kwd{ color: #3472F7; } .atn{ color: #2C93FF; } .pln{ color: #333; } .com{ color: #999; } .btn-simple{ opacity: .8; color: #666666; background-color: transparent; } .btn-simple:hover, .btn-simple:focus{ background-color: transparent; box-shadow: none; opacity: 1; } .btn-simple i{ font-size: 16px; } .navbar-brand-logo{ padding: 0; } .navbar-brand-logo .logo{ border: 1px solid #333333; border-radius: 50%; float: left; overflow: hidden; width: 60px; } .navbar .navbar-brand-logo .brand{ color: #ffffff; float: left; font-size: 18px; font-weight: 400; line-height: 20px; margin-left: 10px; margin-top: 10px; width: 60px; } .navbar-default .navbar-brand-logo .brand{ color: #555; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .front, .back{ -ms-backface-visibility: visible; backface-visibility: visible; } .back { visibility: hidden; -ms-transition: all 0.2s cubic-bezier(.92,.01,.83,.67); } .front{ z-index: 4; } .card-container:not(.manual-flip):hover .back, .card-container.manual-flip.hover .back{ z-index: 5; visibility: visible; } } /*------------------------------------ 17. - @media query css template --------------------------------------*/ @media (min-width:200px) and (max-width:320px){ .finder-block{ margin-top:0px; } h2.margin-top-20.font-28.text-shadow.color-linear{ text-align: center; font-size: 24px; } h2.margin-top-20.font-24.text-grey{ text-align: center; } h2.font-18.text-grey{ text-align: center; } img.img-responsive.center{ margin: 0 auto; padding:5px 0; } select.form-control { margin-bottom: 10px; } .padding-lr-zero-xs{ padding-left:0px !important; padding-right:0px !important; } .margin-right-0-xs{ margin-right:0px !important; } .margin-left-0-xs{ margin-left:0px !important; } .margin-top-0-xs{ margin-top:0px !important; } .margin-top-5-xs{ margin-top:5px !important; } .margin-top-10-xs{ margin-top:10px !important; } .margin-bottom-5-xs{ margin-bottom:5px !important; } .margin-bottom-10-xs{ margin-bottom:10px !important; } .margin-top-15-xs{ margin-top:15px !important; } .padding-0-xs{ padding:0px !important; } .padding-right-0-xs{ padding-right:0px !important; } .padding-left-0-xs{ padding-left:0px !important; } .padding-top-0-xs{ padding-top:0px !important; } .padding-top-5-xs{ padding-top:5px !important; } .padding-top-10-xs{ padding-top:10px !important; } .padding-bottom-0-xs{ padding-bottom:0px !important; } .padding-bottom-5-xs{ padding-bottom:5px !important; } .padding-bottom-10-xs{ padding-bottom:10px !important; } .padding-10-10-xs{ padding:10px 10px !important; } .info_title, .info_value { /* width: 485px; */ color: #f2a4aa; font: normal 14px/20px arial; display: block !important; text-align: center !important; margin: 0 auto !important; } .about_section_detail, .detail_section { border-left: 2px solid #e1e1e1; margin: 0 0 0 23px; padding: 0 5px 16px 20px !important; font: normal 14px/20px arial; color: #72727d; word-wrap: break-word; } .matches_count_wrap { background: url(../images/icon/matches-point.gif) repeat-x left 17px; color: #72727d; font: normal 14px/34px arial; width: auto !important; float: left; margin: 8px 0 0 !important; text-align: center; height: auto !important; overflow: hidden; } .matches_number { background: #e7e5e3; height: auto !important; text-align: center; padding: 5px 10px !important; display: inline-block !important; border-radius: 25px; box-shadow: 0 1px 2px rgba(43,59,93,0.29); overflow: hidden; line-height:17px; } .lifestyle_section_ttl, .background_section_ttl, .family_section_ttl, .education_career_section_ttl, .what_section_ttl, .interests_more_section_ttl, .astro_section_ttl { background: url(../images/icon/icon-sprite.png) no-repeat left -255px; color: #e54955; font: bold 15px/47px arial !important; padding: 0 0 0 58px; margin: 13px 0 5px 0; text-transform: uppercase; } .xxl-4.xl-6.m-16.l-16.s-16.xs-16.margin-top-5.border-left.margin-bottom-10{ border-left:none !important; border-top:1px solid #eee !important; padding-top:10px; } .xs-border-top{ border-top:1px solid #ddd !important; } .xs-border-left{ border-left:1px solid #ddd; } .xs-border-right{ border-right:1px solid #ddd; } .xs-border-bottom{ border-bottom:1px solid #ddd; } div#slider { margin-top: 135px; } div#slider.hp-2 { margin-top: 0px; } div#slider.hp-3 { margin-top: 0px; } .padding-lr-zero-xs{ padding-left:0px !important; padding-right:0px !important; } .finder-block { margin-top: 15px !important; } .subject-input{ padding: 8px 5px !important; } .ne-editor #menuBarDiv a.btn{ margin: 3px 1px !important; padding: 6px; } .padding-20-5-xs{ padding: 20px 5px !important; } .padding-10-5-xs{ padding: 10px 5px !important; } .padding-0-5-xs{ padding: 0px 5px !important; } .text-left-xs{ text-align:left !important; } .text-right-xs{ text-align:right !important; } .text-center-xs{ text-align:center !important; } .font-25-xs{ font-size:25px !important; } .font-17-xs{ font-size:17px !important; } .font-13-xs{ font-size:13px !important; } .text-grey-xs{ color:#666 !important; } p.agile-assisted-service{ width:100% !important; } .bubble{ width:200px !important; } a.text-white.font-15.bold.btn.pull-right.btn.btn-md.next-step.margin-right-10.skip{ margin-top: 10px; text-align: left; float: left !important; } .st-tabs .nav-tabs>li>a{ padding: 10px 10px !important; } .ne_exp_sended img{ max-height:170px; } .cd-faq-items{ z-index:1 !important } .how-it-icon{ width: 200px !important; height: 200px !important; } label.xxl-2.xl-2.l-3.m-3.s-5.xs-5.compose_msg_addon { padding: 9px 15px !important; } .thbada { padding: 10px 6px !important; } .tabtop li a:last-child { padding: 10px 10px; background: #F1F1F2; } .nav-tabs>li.category { width: 50%; } } @media (min-width:321px) and (max-width:480px){ .padding-lr-zero-xs{ padding-left:0px !important; padding-right:0px !important; } .margin-right-0-xs{ margin-right:0px !important; } .margin-left-0-xs{ margin-left:0px !important; } .margin-top-0-xs{ margin-top:0px !important; } .margin-top-5-xs{ margin-top:5px !important; } .margin-top-10-xs{ margin-top:10px !important; } .margin-top-15-xs{ margin-top:15px !important; } .margin-bottom-5-xs{ margin-bottom:5px !important; } .margin-bottom-10-xs{ margin-bottom:10px !important; } .padding-0-xs{ padding:0px !important; } .padding-right-0-xs{ padding-right:0px !important; } .padding-left-0-xs{ padding-left:0px !important; } .padding-top-0-xs{ padding-top:0px !important; } .padding-top-5-xs{ padding-top:5px !important; } .padding-top-10-xs{ padding-top:10px !important; } .padding-bottom-0-xs{ padding-bottom:0px !important; } .padding-bottom-5-xs{ padding-bottom:5px !important; } .padding-bottom-10-xs{ padding-bottom:10px !important; } .text-left-xs{ text-align:left !important; } .text-right-xs{ text-align:right !important; } .text-center-xs{ text-align:center !important; } .padding-10-10-xs{ padding:10px 10px !important; } .font-13-xs{ font-size:13px !important; } .padding-10-5-xs{ padding: 10px 5px !important; } .info_title, .info_value { /* width: 485px; */ color: #f2a4aa; font: normal 14px/20px arial; display: block !important; text-align: center !important; margin: 0 auto !important; } .about_section_detail, .detail_section { border-left: 2px solid #e1e1e1; margin: 0 0 0 23px; padding: 0 5px 16px 20px !important; font: normal 14px/20px arial; color: #72727d; word-wrap: break-word; } .matches_count_wrap { background: url(../images/icon/matches-point.gif) repeat-x left 17px; color: #72727d; font: normal 14px/34px arial; width: auto !important; float: left; margin: 8px 0 0 !important; text-align: center; height: auto !important; overflow: hidden; } .matches_number { background: #e7e5e3; height: auto !important; text-align: center; padding: 7px 10px !important; display: inline-block !important; border-radius: 25px; box-shadow: 0 1px 2px rgba(43,59,93,0.29); overflow: hidden; line-height: 20px; } .lifestyle_section_ttl, .background_section_ttl, .family_section_ttl, .education_career_section_ttl, .what_section_ttl, .interests_more_section_ttl, .astro_section_ttl { background: url(../images/icon/icon-sprite.png) no-repeat left -255px; color: #e54955; font: bold 15px/47px arial !important; padding: 0 0 0 58px; margin: 13px 0 5px 0; text-transform: uppercase; } .xxl-4.xl-6.m-16.l-16.s-16.xs-16.margin-top-5.border-left.margin-bottom-10{ border-left:none !important; border-top:1px solid #eee !important; padding-top:10px; } div#slider { margin-top: 135px; } div#slider.hp-2 { margin-top: 0px; } div#slider.hp-3 { margin-top: 0px; } .finder-block { margin-top: 15px !important; } .dashboard-nav .nav-pills>li>a{ width: 50% !important; float: left !important; text-align: left !important; padding: 8px 0px 10px 10px !important; margin-left: 0px !important; border-bottom: 1px solid #eee; border-right: 2px solid #eee; } .dashboard-nav .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{ text-align: left !important; padding: 8px 6px !important; } .subject-input{ padding: 8px 5px !important; } .ne-editor #menuBarDiv a.btn{ margin: 3px 1px !important; padding: 6px; } .padding-20-5-xs{ padding: 20px 5px !important; } .padding-0-5-xs{ padding: 0px 5px !important; } .font-25-xs{ font-size:25px !important } .font-17-xs{ font-size:17px !important } .text-grey-xs{ color:#666 !important; } p.agile-assisted-service{ width:100% !important; } .bubble{ width:200px !important; } a.text-white.font-15.bold.btn.pull-right.btn.btn-md.next-step.margin-right-10.skip{ margin-top: 10px; text-align: left; float: left !important; } .st-tabs .nav-tabs>li>a{ padding: 10px 10px !important; } .cd-faq-items{ z-index:1 !important } .how-it-icon{ width: 200px !important; height: 200px !important; } label.xxl-2.xl-2.l-3.m-3.s-5.xs-5.compose_msg_addon { padding: 9px 15px !important; } .thbada { padding: 10px 6px !important; } .tabtop li a:last-child { padding: 10px 10px; background: #F1F1F2; } .nav-tabs>li.category { width: 50%; } } @media (min-width:481px) and (max-width:766px){ .padding-lr-zero-xs{ padding-left:0px !important; padding-right:0px !important; } .margin-right-0-xs{ margin-right:0px !important; } .margin-left-0-xs{ margin-left:0px !important; } .margin-top-0-xs{ margin-top:0px !important; } .margin-top-5-xs{ margin-top:5px !important; } .margin-top-10-xs{ margin-top:10px !important; } .margin-top-15-xs{ margin-top:15px !important; } .margin-bottom-5-xs{ margin-bottom:5px !important; } .margin-bottom-10-xs{ margin-bottom:10px !important; } .padding-0-xs{ padding:0px !important; } .padding-right-0-xs{ padding-right:0px !important; } .padding-left-0-xs{ padding-left:0px !important; } .padding-top-0-xs{ padding-top:0px !important; } .padding-top-5-xs{ padding-top:5px !important; } .padding-top-10-xs{ padding-top:10px !important; } .padding-bottom-0-xs{ padding-bottom:0px !important; } .padding-bottom-5-xs{ padding-bottom:5px !important; } .padding-bottom-10-xs{ padding-bottom:10px !important; } .text-left-xs{ text-align:left !important; } .text-right-xs{ text-align:right !important; } .text-center-xs{ text-align:center !important; } .font-25-xs{ font-size:25px !important } .font-17-xs{ font-size:17px !important } .text-grey-xs{ color:#666 !important; } .padding-10-10-xs{ padding:10px 10px !important; } .font-13-xs{ font-size:13px !important; } .padding-10-5-xs{ padding: 10px 5px !important; } .info_title, .info_value { /* width: 485px; */ color: #f2a4aa; font: normal 14px/20px arial; display: block !important; text-align: center !important; margin: 0 auto !important; } .about_section_detail, .detail_section { border-left: 2px solid #e1e1e1; margin: 0 0 0 23px; padding: 0 0 16px 34px; font: normal 14px/20px arial; color: #72727d; word-wrap: break-word; } .matches_count_wrap { background: url(../images/icon/matches-point.gif) repeat-x left 17px !important; color: #72727d; font: normal 14px/34px arial; /* width: auto !important; */ margin: 15px 0px 7px !important; text-align: center !important; height: auto !important; overflow: hidden; } .matches_number { background: #e7e5e3; height: auto !important; text-align: center; padding: 0 15px; display: inline-block !important; border-radius: 25px; box-shadow: 0 1px 2px rgba(43,59,93,0.29); overflow: hidden; } .lifestyle_section_ttl, .background_section_ttl, .family_section_ttl, .education_career_section_ttl, .what_section_ttl, .interests_more_section_ttl, .astro_section_ttl { background: url(../images/icon/icon-sprite.png) no-repeat left -255px; color: #e54955; font: bold 15px/47px arial !important; padding: 0 0 0 58px; margin: 13px 0 5px 0; text-transform: uppercase; } .xxl-4.xl-6.m-16.l-16.s-16.xs-16.margin-top-5.border-left.margin-bottom-10{ border-left:none !important; /* border-top:1px solid #eee !important; */ padding-top:10px; } div#slider { margin-top: 120px; } .finder-block { margin-top: 15px !important; } .dashboard-nav .nav-pills > li > a { width: 50% !important; float: left !important; text-align: left !important; padding: 8px 0px 10px 10px !important; margin-left: 0px !important; border-bottom: 1px solid #eee; border-right: 2px solid #eee; } .dashboard-nav .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{ text-align: left !important; padding: 8px 6px !important; } .subject-input{ padding: 8px 5px !important; } .ne-editor #menuBarDiv a.btn{ margin: 3px 1px !important; padding: 6px; } .padding-20-5-xs{ padding: 20px 5px !important; } .padding-0-5-xs{ padding: 0px 5px !important; } p.agile-assisted-service{ width:100% !important; } .bubble{ width:200px !important; } .cd-faq-items{ z-index:1 !important } label.xxl-2.xl-2.l-3.m-3.s-5.xs-5.compose_msg_addon { padding: 9px 15px !important; } .thbada { padding: 10px 6px !important; } .tabtop li a:last-child { padding: 10px 10px; background: #F1F1F2; } .nav-tabs>li.category { width: 50%; } } @media (max-width:767px) { .top-message, .side-nav { display: none; } .logo { height: 60px; } .navigation { float: none; } .flexnav li ul { width: 100%; } .flexnav li a { position: relative; display: block; padding: 14px 10px; z-index: 2; overflow: hidden; color: #ffffff; font-size: 12px; font-family: 'Montserrat', sans-serif; text-transform: uppercase; font-weight: 700; border-bottom: 1px solid rgba(0, 0, 0, 0.15); } .flexnav .touch-button { position: absolute; z-index: 999; top: 15px; right: 20px; color: #ffffff; display: inline-block; text-align: center; } .header-v2 { background-color: rgba(49,33,248,0.95); position: relative; } .tp-nav { background-color: rgba(49,33,248,0.95); padding-top: 10px; z-index: 9999; position: relative; padding-bottom: 14px; } .find-section { position: relative; padding-top: 30px; padding-bottom: 30px; } .finder-caption h1 { font-size: 24px; } .finder-caption h1, .finder-caption p { margin-bottom: 20px; color: #3c3634; } .finderform .col-md-5 { padding-right: 15px; margin-bottom: 18px; } .tab-title { display: none; } .tabbed-page .nav-tabs>li>a { background-color: #fff; border-radius: 0px; padding: 7px 13px; text-transform: uppercase; border: 1px solid #e9e6e0; margin-right: -1px; color: #706a68; font-size: 18px; } .tp-nav .navbar-default .navbar-nav>li>a { padding: 15px; } .tp-nav .dropdown-submenu>.dropdown-menu li { padding-left: 10px; } .tp-nav .navbar-default .navbar-nav>li>a { border-bottom: 1px solid #019394; } .venue-head, .blog-head { position: inherit; bottom: 0px; width: 100%; margin-top: 30px; } .venue-head h1, .blog-head h1 { font-size: 42px; color: #3c3634; margin-bottom: 10px; } .venue-head .location { color: #706a68; } .venue-head .title { border-bottom: 1px solid #e9e6e0; padding-bottom: 20px; margin-bottom: 20px; } .blog-header .post-meta { color: #706a68; } .blog-header .post-meta a { color: #706a68; } .timeline li .timeline-panel { padding: 20px; } .error-block h1 { font-size: 120px; color: rgba(49,33,248,0.95); margin-bottom: 40px; } /*------------- Vendor Profile ----------*/ .vendor-profile-info { height: 420px; } .vendor-profile-info { position: relative; margin-top: -380px; } .st-tabs .tab-content { background-color: #fff; padding: 10px; border: 1px solid #e9e6e0; margin-bottom: 30px; border-top-color: transparent; } .tools-descriptions { padding: 20px; } .pln-hero-section { min-height: 410px; padding-top: 50px; } .intro-block { margin-top: -80px; } .app-mobile { margin-top: 20px; } .couple-hero-section-img { padding: 200px 0px; padding-bottom: 100px; } /*------------ woo commerce --------*/ .woo-product-tabs .nav-tabs { border-bottom: 0px solid #e9e6e0; margin: 0px; width: 100%; } .parallax-caption { padding-top: 20px;} section.module.parallax h1 {color: #ffffff; font-size: 38px; font-weight: 700; text-align: center; } .subject-input{ padding: 8px 5px !important; } .bubble{ width:200px !important; } .cd-faq-items{ z-index:1 !important } .font-13-xs{ font-size:13px !important; } .padding-10-5-xs{ padding: 10px 5px !important; } } /* Custom sizes (768px to 1024px) */ @media (min-width:768px) and (max-width:1024px) { .info_title, .info_value { /* width: 485px; */ color: #f2a4aa; font: normal 14px/20px arial; display: block !important; text-align: center !important; margin: 0 auto !important; } .about_section_detail, .detail_section { border-left: 2px solid #e1e1e1; margin: 0 0 0 23px; padding: 0 0 16px 34px; font: normal 14px/20px arial; color: #72727d; word-wrap: break-word; } .matches_count_wrap { background: url(../images/icon/matches-point.gif) repeat-x left 17px !important; color: #72727d; font: normal 14px/34px arial; /* width: auto !important; */ margin: 15px 0px 7px !important; text-align: center !important; height: auto !important; overflow: hidden; } .matches_number { background: #e7e5e3; height: auto !important; text-align: center; padding: 0 15px; display: inline-block !important; border-radius: 25px; box-shadow: 0 1px 2px rgba(43,59,93,0.29); overflow: hidden; } .lifestyle_section_ttl, .background_section_ttl, .family_section_ttl, .education_career_section_ttl, .what_section_ttl, .interests_more_section_ttl, .astro_section_ttl { background: url(../images/icon/icon-sprite.png) no-repeat left -255px; color: #e54955; font: bold 15px/47px arial !important; padding: 0 0 0 58px; margin: 13px 0 5px 0; text-transform: uppercase; } .xxl-4.xl-6.m-16.l-16.s-16.xs-16.margin-top-5.border-left.margin-bottom-10{ border-left:none !important; /* border-top:1px solid #eee !important; */ padding-top:10px; } .padding-lr-zero-sm{ padding-left:0px !important; padding-right:0px !important; } .margin-right-0-sm{ margin-right:0px !important; } .margin-left-0-sm{ margin-left:0px !important; } .margin-top-0-sm{ margin-top:0px !important; } .margin-top-5-sm{ margin-top:5px !important; } .margin-top-10-sm{ margin-top:10px !important; } .margin-top-15-sm{ margin-top:15px !important; } .margin-bottom-5-sm{ margin-bottom:5px !important; } .margin-bottom-10-sm{ margin-bottom:10px !important; } .padding-0-sm{ padding:0px !important; } .padding-right-0-sm{ padding-right:0px !important; } .padding-left-0-sm{ padding-left:0px !important; } .padding-top-0-sm{ padding-top:0px !important; } .padding-top-5-sm{ padding-top:5px !important; } .padding-top-10-sm{ padding-top:10px !important; } .padding-bottom-5-sm{ padding-bottom:5px !important; } .padding-bottom-10-sm{ padding-bottom:10px !important; } .border-left{ border-left: 1px solid #ddd; } } @media (min-width:768px) and (max-width:1366px) { .info_title, .info_value { /* width: 485px; */ color: #f2a4aa; font: normal 14px/20px arial; display: block !important; float: left; } .about_section_detail, .detail_section { border-left: 2px solid #e1e1e1; margin: 0 0 0 23px; padding: 0 0 16px 34px; font: normal 14px/20px arial; color: #72727d; word-wrap: break-word; } .matches_count_wrap { background: url(../images/icon/matches-point.gif) repeat-x left 17px !important; color: #72727d; font: normal 14px/34px arial; /* width: auto !important; */ margin: 15px 0px 7px !important; text-align: center !important; height: auto !important; overflow: hidden; } .matches_number { background: #e7e5e3; height: auto !important; text-align: center; padding: 0 15px; display: inline-block !important; border-radius: 25px; box-shadow: 0 1px 2px rgba(43,59,93,0.29); overflow: hidden; } .lifestyle_section_ttl, .background_section_ttl, .family_section_ttl, .education_career_section_ttl, .what_section_ttl, .interests_more_section_ttl, .astro_section_ttl { background: url(../images/icon/icon-sprite.png) no-repeat left -255px; color: #e54955; font: bold 15px/47px arial !important; padding: 0 0 0 58px; margin: 13px 0 5px 0; text-transform: uppercase; } } /*----------------- Guideline -----------*/ .guideline-header { background-color: rgba(49,33,248,0.95); text-align: center; padding-top: 20px; padding-bottom: 28px; } .hd-title {color: #ffffff; margin-bottom: 0px; } .guideline-section { margin-bottom: 50px; border-bottom: 1px solid #e9e6e0; padding-bottom: 49px; } .gd-title { text-transform: uppercase; margin-bottom: 90px; letter-spacing: 1px; font-size: 32px; } .gd-color-well { background-color: #fff; width: 165px; height: 260px; margin-bottom: 20px; } .gd-color-box { width: 165px; height: 165px; } .color-default { background-color: rgba(49,33,248,0.95); } .color-primary { background-color: #f9a630; } .color-heading { background-color: #3c3634; } .color-body { background-color: #706a68; } .color-section { background-color: #f4f2ec; } .gd-color-info { padding: 20px; } .gd-color-title { margin-bottom: 10px; text-transform: uppercase; font-size: 14px; } .gd-buttons { margin-bottom: 30px; } .gd-form { } .gd-form .form-control { margin-bottom: 20px; } /*---------------------------- Calendar Component ----------------------------*/ .default-skin { } .ui-datepicker { width: 400px !important; } .default-skin .ui-widget .ui-widget-content { border: 1px solid #dbd9d3; font-family: 'Montserrat', sans-serif; } .default-skin .ui-widget-header { background-color: #373b3b; color: #ffffff; text-transform: uppercase; font-size: 13px; font-family: 'Montserrat', sans-serif; font-weight: normal; border: none; } .default-skin .ui-datepicker { padding: 10px; } .default-skin .ui-datepicker .ui-datepicker-header { padding: 16px; } .default-skin .ui-datepicker-today>.ui-state-highlight { background-color: rgba(49,33,248,0.95); !important; border: 1px solid rgba(46, 199, 51, 0.95) !important; color: #ffffff !important; } .default-skin .ui-state-default { background-color: #f9f8f4 !important; border: 1px solid #dbd9d3 !important; } .default-skin .ui-datepicker td span, .default-skin .ui-datepicker td a { padding: 10px; margin: -1px; font-family: 'Montserrat', sans-serif; } .default-skin .ui-datepicker td { padding: 0px; font-family: 'Montserrat', sans-serif; } .default-skin .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 12px; } @media (min-width:1367px) and (max-width:2000px){ } /**********************/ .panel.panel-primary.th_border.col-md-12{ box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); border: none; } .panel-heading.th_background{ background: rgba(49,33,248,0.95); border: none; } /******Text-field*******/ .center-block { float: none; margin-left: auto; margin-right: auto; } .input-group .icon-addon .form-control { border-radius: 0; } .icon-addon { position: relative; color: #555; display: block; } .icon-addon:after, .icon-addon:before { display: table; content: " "; } .icon-addon:after { clear: both; } .icon-addon.addon-md .glyphicon, .icon-addon .glyphicon, .icon-addon.addon-md .fa, .icon-addon .fa { position: absolute; z-index: 2; left: 10px; font-size: 14px; width: 20px; margin-left: -2.5px; text-align: center; padding: 10px 0; top: 1px } .icon-addon.addon-lg .form-control { line-height: 1.33; height: 46px; font-size: 18px; padding: 10px 16px 10px 40px; } .icon-addon.addon-sm .form-control { height: 30px; padding: 5px 10px 5px 28px; font-size: 12px; line-height: 1.5; } .icon-addon.addon-lg .fa, .icon-addon.addon-lg .glyphicon { font-size: 18px; margin-left: 0; left: 11px; top: 4px; } .icon-addon.addon-md .form-control, .icon-addon .form-control { padding-left: 30px; float: left; font-weight: normal; } .icon-addon.addon-sm .fa, .icon-addon.addon-sm .glyphicon { margin-left: 0; font-size: 12px; left: 5px; top: -1px } .icon-addon .form-control:focus + .glyphicon, .icon-addon:hover .glyphicon, .icon-addon .form-control:focus + .fa, .icon-addon:hover .fa { color: #2580db; } /***********FAQ***********/ .cd-faq { width: 90%; max-width: 1024px; margin: 2em auto; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); } .cd-faq:after { content: ""; display: table; clear: both; } @media only screen and (min-width: 768px) { .cd-faq { position: relative; margin: 4em auto; box-shadow: none; } } .cd-faq-categories a { position: relative; display: block; overflow: hidden; height: 50px; line-height: 50px; padding: 0 28px 0 16px; background-color: rgba(49,33,248,0.95); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #ffffff; white-space: nowrap; border-bottom: 1px solid #555b61; text-overflow: ellipsis; } .cd-faq-categories a::before, .cd-faq-categories a::after { /* plus icon on the right */ position: absolute; top: 50%; right: 16px; display: inline-block; height: 1px; width: 10px; background-color: #7f868e; } .cd-faq-categories a::after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .cd-faq-categories li:last-child a { border-bottom: none; } .cd-faq-categories a:hover { background-color: #1f8e22; } @media only screen and (min-width: 768px) { .cd-faq-categories { width: 20%; float: left; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); } .cd-faq-categories a { font-size: 13px; font-size: 14px; font-weight: 600; padding-left: 24px; padding: 0 24px; -webkit-transition: background 0.2s, padding 0.2s; -moz-transition: background 0.2s, padding 0.2s; transition: background 0.2s, padding 0.2s; } .cd-faq-categories a::before, .cd-faq-categories a::after { display: none; } .no-touch .cd-faq-categories a:hover { background: #555b61; } .no-js .cd-faq-categories { width: 100%; margin-bottom: 2em; } } @media only screen and (min-width: 1024px) { .cd-faq-categories { position: absolute; top: 0; left: 0; width: 200px; z-index: 2; } .cd-faq-categories a::before { /* decorative rectangle on the left visible for the selected item */ display: block; top: 0; right: auto; left: 0; height: 100%; width: 3px; background-color: #a9c056; opacity: 0; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; } .cd-faq-categories .selected { background: #42464b !important; } .cd-faq-categories .selected::before { opacity: 1; } .cd-faq-categories.is-fixed { /* top and left value assigned in jQuery */ position: fixed; z-index: 9; } .no-js .cd-faq-categories { position: relative; } } .cd-faq-items { position: fixed; height: 100%; width: 90%; top: 0; right: 0; background: #ffffff; border-left: 1px solid #ddd; padding: 0 5% 1em; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0) translateX(100%); -moz-transform: translateZ(0) translateX(100%); -ms-transform: translateZ(0) translateX(100%); -o-transform: translateZ(0) translateX(100%); transform: translateZ(0) translateX(100%); -webkit-transition: -webkit-transform .3s; -moz-transition: -moz-transform .3s; transition: transform .3s; box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0px 6px 21px 1px rgba(0, 0, 0, 0.09); -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0px 6px 21px 1px rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0px 6px 21px 1px rgba(0, 0, 0, 0.09); -ms-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0px 6px 21px 1px rgba(0, 0, 0, 0.09); -o-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.1), 0px 6px 21px 1px rgba(0, 0, 0, 0.09); } .cd-faq-items.slide-in { -webkit-transform: translateZ(0) translateX(0%); -moz-transform: translateZ(0) translateX(0%); -ms-transform: translateZ(0) translateX(0%); -o-transform: translateZ(0) translateX(0%); transform: translateZ(0) translateX(0%); } .no-js .cd-faq-items { position: static; height: auto; width: 100%; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } @media only screen and (min-width: 768px) { .cd-faq-items { position: static; height: auto; width: 78%; float: right; overflow: visible; -webkit-transform: translateZ(0) translateX(0); -moz-transform: translateZ(0) translateX(0); -ms-transform: translateZ(0) translateX(0); -o-transform: translateZ(0) translateX(0); transform: translateZ(0) translateX(0); padding: 0; background: transparent; } } @media only screen and (min-width: 1024px) { .cd-faq-items { float: none; width: 100%; padding-left: 220px; } .no-js .cd-faq-items { padding-left: 0; } } .cd-close-panel { position: fixed; top: 10px; right: -100%; display: block; height: 40px; /* width: 40px; */ overflow: hidden; /* text-indent: 100%; */ white-space: nowrap; z-index: 2; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: right 0.4s; -moz-transition: right 0.4s; transition: right 0.4s; } .cd-close-panel::before, .cd-close-panel::after { /* close icon in CSS */ position: absolute; top: 16px; left: 12px; display: inline-block; height: 3px; width: 18px; background: #6c7d8e; } .cd-close-panel::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .cd-close-panel::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .cd-close-panel.move-left { right: 5%; } @media only screen and (min-width: 768px) { .cd-close-panel { display: none; } } .cd-faq-group { /* hide group not selected */ display: none; } .cd-faq-group.selected { display: block; } .cd-faq-group .cd-faq-title { background: transparent; box-shadow: none; margin: 1em 0; } .no-touch .cd-faq-group .cd-faq-title:hover { box-shadow: none; } .cd-faq-group .cd-faq-title h2 { text-transform: uppercase; font-size: 12px; font-size: 14px; font-weight: 600; color: #bbbbc7; } .no-js .cd-faq-group { display: block; } @media only screen and (min-width: 768px) { .cd-faq-group { /* all groups visible */ display: block; } .cd-faq-group > li { background: rgba(0, 0, 0, 0.08); margin-bottom: 6px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); -webkit-transition: box-shadow 0.2s; -moz-transition: box-shadow 0.2s; transition: box-shadow 0.2s; } .no-touch .cd-faq-group > li:hover { box-shadow: 0 1px 10px rgba(108, 125, 142, 0.3); } .cd-faq-group .cd-faq-title { margin: 2em 0 1em; } .cd-faq-group:first-child .cd-faq-title { margin-top: 0; } } .cd-faq-trigger { position: relative; display: block; margin: 1.6em 0 .4em; line-height: 1.2; } @media only screen and (min-width: 768px) { .cd-faq-trigger { font-size: 24px; font-size: 16px; font-weight: 300; margin: 0; padding: 24px 72px 24px 24px; } .cd-faq-trigger::before, .cd-faq-trigger::after { /* arrow icon on the right */ position: absolute; right: 24px; top: 50%; height: 2px; width: 13px; background: #cfdca0; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; } .cd-faq-trigger::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); right: 32px; } .cd-faq-trigger::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .content-visible .cd-faq-trigger::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .content-visible .cd-faq-trigger::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } } .cd-faq-content p { font-size: 14px; line-height: 1.4; color: #666; border-top: 1px dotted #d5d5d5; padding-top: 10px; } @media only screen and (min-width: 768px) { .cd-faq-content { display: none; padding: 0 24px 30px; } .cd-faq-content p { line-height: 1.6; } .no-js .cd-faq-content { display: block; } } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } ol, ul { list-style: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; } @media only screen and (min-width: 768px) { p.help-text { font-size: 14px !important; text-align: center !important; position: absolute !important; top: -27px !important; width: 100% !important; padding-left: 0px !important; } body::after { display: none; } } p { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } .box-shadow{ box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); } label.control-label { margin-bottom: 0px; font-size: 14px; } .color-orange{ color:#FF5A60 !important; } .red-only{ color:red !important; } .md-form .prefix { float: left; position: relative; width: 0; } .view:not(.hm-zoom) { overflow:visible; } /* Animations */ .wow { visibility: hidden; } .btn-group { display:inline-flex; } /***********xs-margin*********/ .xs-margin-5{ margin:5px; } .xs-margin-10{ margin:10px; } .xs-margin-15{ margin:15px; } .xs-margin-20{ margin:20px; } .xs-margin-25{ margin:25px; } .xs-margin-30{ margin:30px; } /***********xs-margin-top*********/ .xs-margin-top-5{ margin-top:5px; } .xs-margin-top-10{ margin-top:10px; } .xs-margin-top-15{ margin-top:15px; } .xs-margin-top-20{ margin-top:20px; } .xs-margin-top-25{ margin-top:25px; } .xs-margin-top-30{ margin-top:30px; } /***********sm-margin*********/ .sm-margin-5{ margin:5px; } .sm-margin-10{ margin:10px; } .sm-margin-15{ margin:15px; } .sm-margin-20{ margin:20px; } .sm-margin-25{ margin:25px; } .sm-margin-30{ margin:30px; } /***********sm-margin-top*********/ .sm-margin-top-5{ margin-top:5px; } .sm-margin-top-10{ margin-top:10px; } .sm-margin-top-15{ margin-top:15px; } .sm-margin-top-20{ margin-top:20px; } .sm-margin-top-25{ margin-top:25px; } .sm-margin-top-30{ margin-top:30px; } /********padding-right*********/ .padding-right-5{ padding-right: 5px; } .padding-right-10{ padding-right: 10px; } .padding-right-15{ padding-right: 15px; } .padding-right-20{ padding-right: 20px; } /********padding-left*********/ .padding-left-5{ padding-left: 5px; } .padding-left-10{ padding-left: 10px; } .padding-left-15{ padding-left: 15px; } .padding-left-20{ padding-left: 20px; } /********margin-right*********/ .margin-right-5{ margin-right: 5px; } .margin-right-10{ margin-right: 10px; } .margin-right-15{ margin-right: 15px; } .margin-right-20{ margin-right: 20px; } /********margin-left*********/ .margin-left-5{ margin-left: 5px; } .margin-left-10{ margin-left: 10px; } .margin-left-15{ margin-left: 15px; } .margin-left-20{ margin-left: 20px; } /********************/ .border{ border:1px solid #ddd; padding:2px; border-radius:2px; } #boxshadow { position: relative; -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5); -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5); box-shadow: 1px 2px 4px rgba(0, 0, 0, .5); padding: 10px; background: white; } #boxshadow img { width: 100%; border: 1px solid #8a4419; border-style: inset; } #boxshadow::after { content: ''; position: absolute; z-index: -1; /* hide shadow behind image */ -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3); width: 70%; left: 15%; /* one half of the remaining 30% */ height: 100px; bottom: 0; } .box-shadow-light{ box-shadow: 0 2px 4px 0 rgba(0,0,0,.08); } .box-border{ border:1px solid #ddd; padding:15px; background:#fff; box-shadow: 0 5px 4px 0 rgba(0,0,0,.08); } /********Colored Border*********/ .border-color { /* margin: 50px auto; */ width: auto; height: auto; border-left: 1px solid #3ACFD5; border-right: 1px solid #3a4ed5; background-position: 0 0, 0 100% ; background-repeat: no-repeat; -webkit-background-size: 100% 1px; -moz-background-size: 100% 1px; background-size: 100% 1px; background-image: -webkit-linear-gradient(left, #3acfd5 0%, #3a4ed5 100%), -webkit-linear-gradient(left, #3acfd5 0%, #3a4ed5 100%); background-image: -moz-linear-gradient(left, #3acfd5 0%, #3a4ed5 100%), -moz-linear-gradient(left, #3acfd5 0%, #3a4ed5 100%); background-image: -o-linear-gradient(left, #3acfd5 0%, #3a4ed5 100%), -o-linear-gradient(left, #3acfd5 0%, #3a4ed5 100%); background-image: linear-gradient(to right, #3acfd5 0%, #3a4ed5 100%), linear-gradient(to right, #3acfd5 0%, #3a4ed5 100%); } /********Pricing-Table*********/ .pricingTable{ text-align: center; } .pricingTable .pricingTable-header{ padding: 18px 0; background: #4d4d4d; position: relative; transition: all 0.3s ease 0s; background: #09b2c6; } .pricingTable .pricingTable-header:before, .pricingTable .pricingTable-header:after{ content: ""; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #d9d9d8; position: absolute; bottom: 12px; } .pricingTable .pricingTable-header:before{ left: 40px; } .pricingTable .pricingTable-header:after{ right: 40px; } .pricingTable .heading{ font-size: 20px; color: #ffffff; text-transform: uppercase; letter-spacing: 2px; margin-top: 0; } .pricingTable .price-value{ display: inline-block; position: relative; font-size: 40px; font-weight: bold; color: #ffffff; transition: all 0.3s ease 0s; } .pricingTable .currency{ font-size: 20px; font-weight: bold; position: absolute; top: 6px; left: -19px; } .pricingTable .month{ font-size: 14px; color: #ffffff; position: absolute; bottom: 15px; right: -30px; text-transform: uppercase; } .pricingTable .pricing-content{ padding-top: 50px; background: #fff; position: relative; } .pricingTable .pricing-content:before, .pricingTable .pricing-content:after{ content: ""; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #7c7c7c; position: absolute; top: 12px; } .pricingTable .pricing-content:before{ left: 40px; } .pricingTable .pricing-content:after{ right: 40px; } .pricingTable .pricing-content ul{ padding: 0 20px; margin: 0; list-style: none; } .pricingTable .pricing-content ul:before, .pricingTable .pricing-content ul:after{ content: ""; width: 8px; height: 46px; border-radius: 3px; background: linear-gradient(to bottom,#818282 50%,#727373 50%); background: linear-gradient(to bottom,#818282 50%,#727373 50%); position: absolute; top: -22px; z-index: 0; box-shadow: 0 0 5px #707070; transition: all 0.3s ease 0s; background: linear-gradient(to bottom, #40c4db 50%, #34bacc 50%); background: linear-gradient(to bottom, #40c4db 50%, #34bacc 50%); background: -moz-linear-gradient(to bottom, #40c4db 50%, #34bacc 50%); background: -ms-linear-gradient(to bottom, #40c4db 50%, #34bacc 50%); background: -o-linear-gradient(to bottom, #40c4db 50%, #34bacc 50%); } .pricingTable .pricing-content ul:before{ left: 44px; z-index: 0; } .pricingTable .pricing-content ul:after{ right: 44px; } .pricingTable .pricing-content ul li{ font-size: 12px; font-weight: bold; color: #777473; padding: 10px 10px; border-bottom: 1px solid #d9d9d8 !important; } .pricingTable .pricing-content ul li:last-child{ border-bottom: none; } .pricingTable .read{ display: inline-block; font-size: 16px; color: #ffffff; text-transform: uppercase; padding: 8px 25px; margin: 30px 0; transition: all 0.3s ease 0s; background: #09b1c5; } .pricingTable .read:hover{ text-decoration: none; } @media screen and (max-width: 990px){ .pricingTable{ margin-bottom: 25px; } } .gold{ background:#E3CA66!important; } .box-shadow-light { box-shadow: 1px 1px 2px 0px #747474; } .label { color: #333; font-weight: 100; font-size: 14px; text-align: left; } .title-bg { background-color: rgba(49,33,248,0.95); padding: 10px; /* border: 1px solid #ddd; */ border-radius: 3px; box-shadow: 0 1px 2px rgba(43,59,93,0.29); color: #ffffff; } .title-bg-noradius { background-color: rgba(49,33,248,0.95); padding: 10px; /* border: 1px solid #ddd; */ border-radius: 0px; box-shadow: 0 1px 2px rgba(43,59,93,0.29); } .bg-cyan{ background: #eee; } header.cd-pricing-header.xxl-16.xs-16.s-16.l-16.m-16.xl-16.padding-lr-zero.center-text.header{ background: rgba(233,233,233,1); /* border: 1px solid rgba(233, 233, 233, 1); */ border-radius: 5px 5px 0px 0px; box-shadow: inset 3px 3px 20px 5px silver; -webkit-box-shadow: inset 3px 3px 20px 5px silver; -moz-box-shadow: inset 3px 3px 20px 5px silver; } .plan-features-title{ padding-top: 15px; padding-bottom: 15px; text-align: center; font-size: 16px; color: #985100; border-top: 1px solid #fff; border-bottom: 1px solid #E8E8E8; } .plan-features-body { padding-top: 15px; padding-bottom: 15px; text-align: center; font-size: 14px; border-top: 1px solid #FDFDFD; } .cd-price { border: 1px solid rgba(102,102,102,1); border-radius: 5px; padding: 8px; background: #f4f4f4; } .font-20px{ font-size:20px; } .plan-title{ background: #FF5A60; color: #ffffff !important; margin: 10px; padding:2px; border: 2px solid #fff; font-size:18px; border-radius: 5px; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); } .border-radius{ border-radius: 3px; } .no-shadow{ box-shadow:none !important; } .no-shadow:hover{ box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important; } a.bg-grey{ background:#eee !important; color:#888 !important; } .bg-grey:hover{ background:#ddd !important; } .label-title{ color: #999; } .name-title{ font-size:16px !important; color:#00BCD5 !important; font-weight: bold !important; text-align:left !important; } .mobile-status{ display: inline-block; vertical-align: bottom; /* float: left; */ width: 15px; height: 21px; margin: 0px 0 0 5px; background: url(../images/icon/phone-v2.gif) no-repeat -41px top; } .contact-request{ display: inline-block; /* float: left; */ width: 15px; height: 20px; margin: 0px 0 0 5px; background: url(../images/icon/phone-v2.gif) no-repeat -20px top; } .contact-hidden{ display: inline-block; /* float: left; */ width: 15px; height: 20px; margin: 0px 0 0 5px; background: url(../images/icon/phone-v2.gif) no-repeat 0px top; } .horo-status{ display: inline-block; /* float: left; */ width: 20px; height: 15px; background: url(../images/icon/icon-set.png) no-repeat -229px -3px; margin: 6px 4px 0 5px; } .horo-unavailable{ display: inline-block; /* float: left; */ width: 20px; height: 15px; background: url(../images/icon/icon-set.png) no-repeat -230px -19px; margin: 6px 4px 0 5px; } .photo-protected{ background: url(../images/icon/photo-protected.png) no-repeat center -46px; width: 35px; height: 43px; position: absolute !important; top: 37px; left: 63px; display: block; } .photo-protected-lock{ background: url(../images/icon/photo-protected.png) no-repeat center -14px; width: 27px; height: 32px; position: absolute !important; top: 15px; /* left: 63px; */ display: block; text-align: center; margin: 0 auto; } .protected{ position: relative; } .text_photo_protected { color: #ffffff; position: absolute; top: 95px; text-align: center; text-shadow: 1px 1px 1px #000; font-size: 12px; } .user-id{ font-size: 13px; color: #999; } .online-status{ font-size: 11px !important; color: #888 !important; } span.more-details{ background: url(../images/icon/dropdwn.png) no-repeat; } .border-left{ border-left: 1px solid #ddd; padding: 2px 0 10px 0; } .border-right{ border-right: 1px solid #ddd; } .underline:hover{ text-decoration:underline !important; color:#3121f8; } .compltele-profile{ background:#fff; border-radius:3px; box-shadow: 0 1px 2px rgba(43,59,93,0.29); padding:15px 5px; } p.profile-update-img1{ display: inline-block; /* float: left; */ width: 68px; height: 65px; margin: 6px 4px 0 5px; background: url(../images/icon/profile-completeness.png) no-repeat -66px -69px; } p.profile-update-img2{ display: inline-block; /* float: left; */ width: 68px; height: 65px; margin: 6px 4px 0 5px; background: url(../images/icon/profile-completeness.png) no-repeat -133px -203px; } p.profile-update-img3{ display: inline-block; /* float: left; */ width: 68px; height: 65px; margin: 6px 4px 0 5px; background: url(../images/icon/profile-completeness.png) no-repeat -133px -1px; } p.profile-update-img4{ display: inline-block; /* float: left; */ width: 68px; height: 65px; margin: 6px 4px 0 5px; background: url(../images/icon/profile-completeness.png) no-repeat -133px -203px; } p.profile-update-img5{ display: inline-block; /* float: left; */ width: 68px; height: 65px; margin: 6px 4px 0 5px; background: url(../images/icon/profile-completeness.png) no-repeat 0px -69px; } p.profile-update-img6{ display: inline-block; /* float: left; */ width: 68px; height: 65px; margin: 6px 4px 0 5px; background: url(../images/icon/profile-completeness.png) no-repeat 1px -136px; } .need-help-img{ position:relative; } p.help-text{ font-size: 19px !important; text-align: center !important; position: absolute !important; top: 25px !important; width: 100% !important; padding-left: 85px !important; } .profile-complate-btn-like-unlike{ padding: 5px 10px !important; /* display: inline-block !important; */ font: bold 12px Arial !important; background-color: rgba(49,33,248,0.95) !important; border-radius: 3px !important; float: right !important; color: #ffffff; transition: all 0.5s !important; cursor: pointer !important; margin: 5px !important; border: 1px solid rgba(49,33,248,0.95) !important; } .profile-complate-btn-like-unlike:hover{ box-shadow: 0 1px 2px rgba(43,59,93,0.29); text-decoration: none; background-color: rgba(49,33,248,0.95) !important; border: 1px solid rgba(49,33,248,0.95) !important; } .profile-complate-btn{ padding: 5px 10px !important; display: inline-block !important; font: bold 12px Arial !important; background-color: rgba(49,33,248,0.95) !important; border-radius: 3px !important; float: right !important; color: #ffffff; transition: all 0.5s !important; cursor: pointer !important; margin: 5px !important; border: 1px solid rgba(49,33,248,0.95) !important; } .profile-complate-btn:hover{ box-shadow: 0 1px 2px rgba(43,59,93,0.29); text-decoration: none; background-color: rgba(49,33,248,0.95) !important; border: 1px solid rgba(49,33,248,0.95) !important; } .profile-complate-skip{ padding: 5px 10px !important; display: inline-block !important; font: bold 12px Arial !important; background: #f1f1f2 !important; border: 1px solid #f1f1f2 !important; border-radius: 3px !important; float: right !important; color:#95959d !important; transition: all 0.5s !important; cursor: pointer !important; margin: 5px !important; } .profile-complate-skip:hover{ box-shadow: 0 1px 2px rgba(43,59,93,0.29); color: #95959d !important; text-decoration: none; background: #dfe0e3; border: 1px solid #dfe0e3; } .text-green{ color:#44A54D !important; } .profile-heading{ height: auto !important; background-color: rgba(49,33,248,0.95); font: bold 15px/33px arial; color: #ffffff; padding: 0 0 0 13px; position: relative; overflow: hidden; } .upgrade-heading{ height: auto; background-color: rgba(49,33,248,0.95); font: bold 14px/35px arial; color: #ffffff; padding: 0 0 0 13px; position: relative; } .upgrade_benfits{ padding: 2px 0; } .upgrade_benfits li { background: url(../images/icon/sprite.png) no-repeat -174px -675px; font: normal 12px/25px arial; color: #72727d; padding: 0 0 0 29px; } .upgrade_benfits li.arrow { background: url(../images/icon/right-gray-arrow.png) no-repeat left; font: normal 12px/25px arial; color: #72727d; padding: 0px 0px 0px 14px; margin: 0px 0 0 13px; } .upgrade_benfits li.no-arrow { background: none; padding: 0px 0px 0px 14px; margin: 0px 0 0 0px; } span.sticker_1 { background: url(../images/icon/icon-set.png) no-repeat -180px -26px; display: inline-block; /* float: left; */ width: 16px; height: 11px; margin: 0px 4px 0 0px; } span.sticker_2 { background: url(../images/icon/chat.gif) no-repeat; display: inline-block; /* float: left; */ width: 19px; height: 14px; margin: 0px 1px 0 0p } span.sticker_3 { background: url(../images/icon/icon-set.png) no-repeat -234px -65px; display: inline-block; /* float: left; */ width: 16px; height: 17px; margin: 0px 4px 0 0px; } span.sticker_4 { background: url(../images/icon/icon-set.png) no-repeat 1px -45px; display: inline-block; /* float: left; */ width: 16px; height: 17px; margin: 0px 5px 0 0px; } span.sticker_5 { background: url(../images/icon/icon-set.png) no-repeat -1px -5px; display: inline-block; /* float: left; */ width: 18px; height: 17px; margin: 0px 3px 0 0px; } span.sticker_6 { background: url(../images/icon/icon-set.png) no-repeat -35px -5px; display: inline-block; /* float: left; */ width: 16px; height: 17px; margin: 0px 5px 0 0px; } span.sticker_7 { background: url(../images/icon/icon-set.png) no-repeat -20px -6px; display: inline-block; /* float: left; */ width: 17px; height: 15px; margin: 0px 3px 0 0px; } span.sticker_8 { background: url(../images/icon/icon-set.png) no-repeat -135px -27px; display: inline-block; /* float: left; */ width: 17px; height: 12px; margin: 0px 3px 0 0px; } span.bell { background: url(../images/icon/profile-sprite.png) no-repeat -26px -44px; display: inline-block; /* float: left; */ width: 18px; height: 22px; margin: 0px 3px 0 0px; vertical-align: middle; } span.lock_medium { background: url(../images/icon/photo-protected.png) no-repeat -48px -15px; display: inline-block; /* float: left; */ width: 31px; height: 30px; margin: 0px 3px 0 0px; vertical-align: middle; } span.sticker_message { background: url(../images/icon/sprite.png) no-repeat -12px -465px; display: inline-block; /* float: left; */ width: 23px; height: 19px; margin: 0px 3px 0 0px; vertical-align: middle; } span.sticker_edit { background: url(../images/icon/sprite.png) no-repeat -12px -610px; display: inline-block; /* float: left; */ width: 23px; height: 23px; margin: 0px 3px 0 0px; vertical-align: middle; } span.sticker_chat { background: url(../images/icon/icon-set.png) no-repeat -135px -6px; display: inline-block; /* float: left; */ width: 20px; height: 20px; margin: 0px 1px 0 0px; vertical-align: middle; } span.sticker_ban { background: url(../images/icon/icon-set.png) no-repeat -196px -41px; display: inline-block; /* float: left; */ width: 20px; height: 17px; margin: 0px 1px 0 0px; vertical-align: middle; } span.sticker_send-sms { background: url(../images/icon/icon-set.png) no-repeat -234px -66px; display: inline-block; /* float: left; */ width: 20px; height: 17px; margin: 0px 1px 0 0px; vertical-align: middle; } span.sticker_post-wall { background: url(../images/icon/icon-set.png) no-repeat 4px -47px; display: inline-block; /* float: left; */ width: 20px; height: 17px; margin: 0px 1px 0 0px; vertical-align: middle; } .profile-details-img_1{ background: url(../images/icon/action-icons.png) no-repeat -13px -15px; display: inline-block; width: 43px; height: 42px; margin: 3px 3px 0 0px; vertical-align: middle; } .mobile-app-img{ position:absolute; overflow:hidden; } span.mobile-app-text{ position: absolute; margin-top: 45px; padding: 0 0 0 86px; color: #ffffff; font: bold 15px/18px Arial; } a.mobile-app-btn{ position:absolute; padding: 7px 15px; font: bold 12px/15px Arial; color: #ffffff; text-decoration: none; margin: 92px 0 0 85px; display: inline-block; border-radius: 7px; background: #ff7a05; border: 2px solid #fff; } .reg-success{ padding: 7px 35px; font: normal 21px/24px Arial; color: #ffffff; text-decoration: none; /* margin: 92px 0 0 85px; */ display: inline-block; border-radius: 7px; background: #ff7a05; border: 2px solid #fff; text-align: center; box-shadow: 0 0 2px 2px #E9E9E9; background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FFA443), color-stop(1, #FF7908) ); } .upgrade-footer{ height: 36px; background: #f1f1f2; font: normal 16px/36px arial; color: #72727d; padding: 0 0 0 13px; position: relative; font-size: 13px; text-align: center; } .profile-secure1{ display: inline-block; /* float: left; */ width: 52px; height: 52px; margin: 3px 3px 0 3px; background: url(../images/icon/icon-final-2.png) no-repeat 1px -16px; } .profile-secure2{ display: inline-block; width: 52px; height: 52px; margin: 3px 3px 0 3px; background: url(../images/icon/icon-final-2.png) no-repeat 1px -304px; } .profile-secure3{ display: inline-block; width: 52px; height: 52px; margin: 3px 3px 0 3px; background: url(../images/icon/icon-final-2.png) no-repeat 1px -112px; } .profile-secure4{ display: inline-block; width: 52px; height: 52px; margin: 3px 3px 0 3px; background: url(../images/icon/icon-final-2.png) no-repeat 1px -208px; } .profile-secure5{ display: inline-block; width: 52px; height: 52px; margin: 3px 3px 0 3px; background: url(../images/icon/icon-final-2.png) no-repeat 1px -400px; } .profile-secure6{ display: inline-block; width: 52px; height: 52px; margin: 3px 3px 0 3px; background: url(../images/icon/icon-final-2.png) no-repeat 1px -689px; } .profile-secure7{ display: inline-block; width: 52px; height: 52px; margin: 3px 3px 0 3px; background: url(../images/icon/icon-final-2.png) no-repeat 1px -496px; } .profile-secure8{ display: inline-block; width: 52px; height: 52px; margin: 3px 3px 0 3px; background: url(../images/icon/icon-final-2.png) no-repeat 1px -592px; } .msg-box-shadow{ box-shadow: inset 0 23px 20px -20px #e0e0e0; } .msg-count{ display: inline-block; background-color: #cccccc; font: normal 12px arial; color: #ffffff; border-radius: 3px; padding: 2px 5px; float: right; } .upgrade-membership { color: #ffffff; font-size: 14px; font-weight: 600; vertical-align: middle; line-height: 35px; padding: 0 0 0 13px; height: auto; background-color: rgba(49,33,248,0.95); } .white_right_arrow{ background: url(images/icon/sprite.gif) no-repeat left -46px; height: 13px; width: 6px; font-size: 0; } a.tooltip_icon:link, a.tooltip_icon:visited { float: left; width: 16px; height: 16px; display: block; background: url(../images/icon/tooltip-icon.gif) no-repeat left top; margin: 0 0 0 5px; } img.right-gray-arrow{ height: auto !important; width: auto !important; border: none !important; padding-left: 2px; border-radius: 0px !important; } .padding-right-0{ padding-right:0px !important; } .font{ font:bold 12px/15px arial !important; } .text-default{ color:#00BCD5 !important; font:bold 12px/ arial !important; /* font-weight:normal !important; */ } .featured-profile{ padding: 15px 0 5px 0; border-bottom: 1px solid #f1f1f2; overflow: hidden; } .view_all{ color: #ffffff; background: url(../images/icon/right-gray-arrow.png) no-repeat 52px right; padding: 0 18px 0 5px; font: normal 12px/36px arial; display: inline-block; float:right; } .nxt_active { background: #fbfbfb url(../images/icon/next-active.png) no-repeat center center; width: 19px; height: 20px; display: block; border: 1px solid #d4d4d4; border-radius: 0 3px 3px 0; position: absolute; right: 10px; top: 7px; } .prv_active { background: #f9f9f9 url(../images/icon/prev.png) no-repeat center center; width: 20px; height: 20px; display: block; border: 1px solid #d4d4d4; border-radius: 3px 0 0 3px; position: absolute; right: 31px; top: 7px } .prv_active:hover, .nxt_active:hover { border-color: #999; } .help-img{ float: right; width: 16px; height: 16px; display: block; padding: 12px; margin-top: 7px !important; background: url(../images/icon/tooltip-icon.gif) no-repeat left top; } .help-img:hover{ float: right; width: 16px; height: 16px; display: block; padding: 12px; margin-top: 0px !important; background: url(../images/icon/tooltip-icon.gif) no-repeat left bottom; } .help-img-normal{ /* float: right; */ width: 16px; height: 16px; display: inline-block; padding: 0px 0 0 0; margin-top: 0px !important; background: url(../images/icon/tooltip-icon.gif) no-repeat left top; } .help-img-normal:hover{ /* float: right; */ width: 16px; height: 16px; display: inline-block; padding: 0px 0 0 0; margin-top: 0px !important; background: url(../images/icon/tooltip-icon.gif) no-repeat left bottom; } span.dot-padding { padding: 0 5px; } .profile-name{ font: bold 15px/33px arial !important; } .collapse-plus{ background: rgba(49,33,248,0.95) url(../images/icon/pp-plus.gif) no-repeat right; float: right; height: 18px; padding: 0px 25px 1px 0; margin: 7px 7px 0 0; } .collapse-minus{ background: rgba(49,33,248,0.95) url(../images/icon/pp-minus.gif) no-repeat right; float: right; height: 18px; padding: 0px 25px 1px 0; margin: 7px 7px 0 0; } .collapse-plus-nomargin{ background: rgba(49,33,248,0.95) url(../images/icon/pp-plus.gif) no-repeat right; float: right; height: 18px; padding: 0px 25px 1px 0; margin: 0px; } .collapse-minus-nomargin{ background: rgba(49,33,248,0.95) url(../images/icon/pp-minus.gif) no-repeat right; float: right; height: 18px; padding: 0px 25px 1px 0; margin: 0px; } /*.collapse-plus:hover { background: #f1f1f2 url(../images/icon/pp-minus.gif) no-repeat right; float: right; height: 18px; padding: 0px 25px 1px 0; margin: 7px 7px 0 0; }*/ .trust-badge-img{ background: url(../images/icon/small-badge-sprite.png) no-repeat 6px -212px; float: left; width: 56px; height: 60px; margin: -14px 8px 0 0; } .trust-badge{ vertical-align:middle; text-align:left; } .border-1px-right{ border-right: 1px solid #ddd; } img.success-story-img{ width: 100% !important; height: auto !important; border-radius: 3px !important; padding: 2px; margin: 10px 0; border: 1px solid #ddd !important; } .success-story-heading{ display: block; padding: 0 0 0px; font-size: 15px; font-weight: bold; white-space: nowrap; } .border-shadow-img{ background: url(../images/border-shadow.gif) no-repeat; } .matri_id{ color:#999; font-size:14px; } .next_prev{ font-size:14px; color:#999; } .arrow-left{ background: url(../images/icon/pagnation.png) no-repeat 0px 2px; float: left; width: 14px; height: 15px; margin: 0px 0px 0 0px; } .arrow-right-page{ background: url(../images/icon/pagnation.png) no-repeat 0px -17px; float: right; width: 14px; height: 15px; margin: 0px 0px 0 5px; } .arrow-right{ background: url(../images/icon/pagnation.png) no-repeat 0px -18px; float: right; width: 6px; height: 15px; margin: 0px 0px 0 6px; } .btn-group-info .dropdown-menu { background-color: #4ebbdb !important; } .btn-group-info .dropdown-menu li > a:hover, .btn-group-info .dropdown-menu li > a:focus { background-color: #5bc0de !important; } .btn-more { padding: 0 10px; margin: 5px 5px 5px 0; line-height: 26px; color: #72727d!important; border: 1px solid #dfe0e3; border-radius: 3px; display: inline-block; } .btn-more:hover { border: 1px solid #d1d1d1; box-shadow: 0 0 2px #bdbdbd; text-decoration: none; } .write_online_txt { display: inline-block; min-width: 65px; max-width: 130px; color: #666; font-weight:bold; font-size: 13px; } .basic-img_1{ background: url(../images/icon/icon-sprite.png) no-repeat 0px 1px; float: left; width: 19px; height: 18px; margin: 0px 5px 0 0px; } .basic-img_2{ background: url(../images/icon/icon-sprite.png) no-repeat 0px -16px; float: left; width: 19px; height: 18px; margin: 0px 5px 0 0px; } .basic-img_3{ background: url(../images/icon/icon-sprite.png) no-repeat 0px -34px; float: left; width: 19px; height: 18px; margin: 0px 5px 0 0px; } .basic-img_4{ background: url(../images/icon/icon-sprite.png) no-repeat 0px -850px; float: left; width: 19px; height: 18px; margin: 0px 5px 0 0px; } .basic-img_5{ background: url(../images/icon/icon-sprite.png) no-repeat 0px -114px; float: left; width: 19px; height: 18px; margin: 0px 5px 0 0px; } .basic-img_6{ background: url(../images/icon/icon-sprite.png) no-repeat 2px -55px; float: left; width: 19px; height: 18px; margin: 0px 5px 0 0px; } .basic-img_7{ background: url(../images/icon/icon-sprite.png) no-repeat 0px -97px; float: left; width: 19px; height: 18px; margin: 0px 5px 0 0px; } .basic-img_8{ background: url(../images/icon/icon-sprite.png) no-repeat 0px -141px; float: left; width: 19px; height: 18px; margin: 0px 5px 0 0px; } .pref_arrow-down { background: url(../images/icon/icon-sprite.png) no-repeat 0px -180px; float: right; width: 19px; height: 15px; margin: 9px 0px 0 10px; } .bdr-btn{ border-bottom: 3px solid #00BCD5; padding: 8px 0px 8px 0 !important; } .bdr-btm:hover{ border-bottom: 3px solid #00BCD5; padding: 8px 0px 8px 0 !important; } .email-img{ background: url(../images/icon/icon-sprite.png) no-repeat 0px -202px; float: right; width: 25px; height: 28px; margin: 7px 0px 0 0px; } .print-img{ background: url(../images/icon/icon-sprite.png) no-repeat 0px -228px; float: right; width: 23px; height: 26px; margin: 6px 0px 0 0px; } .about_section_ttl { background: url(../images/icon/icon-sprite.png) no-repeat left -255px; color: #e54955; font: bold 16px/47px arial; padding: 0 0 0 58px; margin: 13px 0 5px 0; text-transform: uppercase; } .lifestyle_section_ttl, .background_section_ttl, .family_section_ttl, .education_career_section_ttl, .what_section_ttl, .interests_more_section_ttl, .astro_section_ttl{ background: url(../images/icon/icon-sprite.png) no-repeat left -255px; color: #e54955; font: bold 16px/47px arial; padding: 0 0 0 58px; margin: 13px 0 5px 0; text-transform: uppercase; } .veg, .non-veg, .veg-non_veg, .no_drink, .yes_drink, .dont_smoke, .yes_smoke, .body_type,.body_type1, .body_type2, .body_type3, .body_type4 , .complexion_1, .complexion_2, .complexion_3, .complexion_4, .complexion_5 { background: url(../images/icon/test-3.png) no-repeat 55px -877px; display: block; width: 130px; height: 91px; border-radius: 3px; border: 1px solid #dfe0e3; box-shadow: 0 0px 3px rgba(43,59,93,0.29); } .lifestyle_section_ttl { background-position: left -353px; margin: 5px 0 0; } .about_section_detail, .detail_section { border-left: 2px solid #e1e1e1; margin: 0 0 0 23px; padding: 0 0 16px 34px; font: normal 14px/20px arial; color: #72727d; word-wrap: break-word; } .lifestyle_block, .astro_block { margin: 0 8px 0 0; float: left; } .detail_section { margin: 5px 0 5px 23px; overflow: hidden; } .lifestyle_desc { text-align: center; display: block; padding: 3px 0 0; width: 130px; } .lifestyle_block, .astro_block { margin: 0 8px 0 0; float: left; } .veg-non_veg { background-position: 10px 6px; } .non-veg { background-position: 12px -683px; } .veg { background-position: 12px -500px; } .no_drink { background-position:12px -765px; } .yes_drink { background-position:24px -855px; } .dont_smoke { background-position:15px -1013px; } .yes_smoke { background-position:15px -939px; } .body_type { background-position:6px -1603px; } .body_type1 { background-position:6px -1603px; } .body_type2 { background-position:7px -1697px; } .body_type3 { background-position:6px -1696px; } .body_type4 { background-position:10px -1793px; } .complexion_1 { background-position:16px -1108px; } .complexion_2 { background-position:14px -1213px; } .complexion_3 { background-position:13px -1316px; } .complexion_4 { background-position:14px -1407px; } .complexion_5 { background-position:14px -1500px; } .background_section_ttl { background-position: left -451px; margin: 5px 0 0; } .religion{ margin:0 0 0 11px; } .family_section_ttl { background-position: left -549px; margin: 5px 0 0; } .education_career_section_ttl { background-position: left -402px; margin: 5px 0 0; } .what_section_ttl { background-position: left -500px; margin: 5px 0 0; } .looking_for_wrapper { width: 100%; height: auto; } .interests_more_section_ttl { background-position: left -304px; margin: 5px 0 0; } .upgrade_lock_icon { background: url(../images/icon/profile-sprite.png) no-repeat left -18px; width: 26px; height: 26px; left: 2px; top: 9px; } .upgrade_lock_icon, .upgrade_lock_icon_hover { z-index: 21!important; bottom: 23px; right: 14px; display: inline-block; vertical-align: middle; } .more_link { background: url(../images/icon/down-arrow.png) no-repeat right center; color: #00bcd5; padding: 0 11px 0 0; } .more_down_arrow { background: url(../images/icon/more.gif) no-repeat center; color: #00bcd5; padding: 0px 11px 0 0px; margin: 0px 0 0 4px; } .profile_manglik .info_icon { background-position: 2px -951px !important; } .astro_section_ttl { background-position: left -598px; margin: 5px 0 0; } .basic_info_content { max-width: 554px; width: auto; } .edu_qualification .info_icon, .profession .info_icon, .income .info_icon, .known_language .info_icon, .religion .info_icon, .residence .info_icon, .born_brought_up .info_icon, .hindu_rel_details .info_icon, .muslim_rel_details .info_icon, .sikh_rel_details .info_icon, .profile_rashi .info_icon, .profile_nakshatra .info_icon, .profile_manglik .info_icon, .profile_manglik .info_icon, .born_details .info_icon, .compatibility .info_icon, .horos_compatibility .info_icon{ background: url(../images/icon/icon-sprite.png) no-repeat left -115px; width: 20px; height: 20px; float: left; margin-right: 5px; } .interest_scroll_fadeleft_arrow { background: url(../images/icon/interest-scroll-fade-larrow.png) no-repeat left 41px; cursor: default; } .interest_scroll_fadeleft_arrow { background: url(../images/icon/interest-scroll-larrow.png) no-repeat left 41px; width: 10px; height: 150px; float: left; margin: 0 10px 0 0; cursor: pointer; position: relative; border: none; } .interest_scroll_faderight_arrow { background: url(../images/icon/interest-scroll-fade-rarrow.png) no-repeat right 41px; cursor: default; } .interest_scroll_faderight_arrow { background: url(../images/icon/interest-scroll-rarrow.png) no-repeat right 41px; width: 10px; height: 150px; float: left; margin: 0 0 0 10px; cursor: pointer; position: relative; border: none; } .interest_scroll_mid_wrapper { /* width: 550px; */ padding: 0 2px; float: left; overflow: hidden; } .interest_scroll_mid_wrapper { float: left; /* width: 164px; */ text-align: center; font-size: 13px; line-height: normal; margin: 0 15px 0 0; color: #72727d; } .interest_hobbies_icon, .interest_sports_icon, .interest_cuisines_icon, .interest_music_icon, .interest_movies_icon, .interest_books_icon { padding: 10px 0 0; background: url(../images/icon/nri-hobbies-sprite-v3.png) no-repeat 63px -447px; display: block; height: 48px; margin-bottom: 10px; } .interest_cuisines_icon { background-position: 63px -360px; } .interest_cuisines_icon_ttl { border-top: 1px solid #fdc2c2; } .interest_hobbies_icon_ttl, .interest_sports_icon_ttl, .interest_cuisines_icon_ttl, .interest_music_icon_ttl, .interest_movies_icon_ttl, .interest_books_icon_ttl { border-top: 1px solid #fc3; color: #333; font-size: 14px; padding: 9px 0 7px; display: block; text-transform: uppercase; } .interest_list { width: 160px; max-height: 54px; overflow: hidden; padding: 0 4px; display: inline-block; word-wrap: break-word; line-height: 18px; } .interest_books_icon { background-position: 56px -179px; } img.profile_pic_wrapper { width: 100px; height: 100px; background-position: center top; position: relative; border-radius: 80px; border: 4px solid #e1e1e1; overflow: hidden; background-repeat: no-repeat; box-shadow: 0 3px 2px rgba(43,59,93,0.29); } .matches_number { background: #e7e5e3; height: 34px; text-align: center; padding: 0 15px; display: inline-block; border-radius: 25px; box-shadow: 0 1px 2px rgba(43,59,93,0.29); } .matches_count_wrap { background: url(../images/icon/matches-point.gif) repeat-x left 17px; color: #72727d; font: normal 14px/34px arial; width: 308px; float: left; margin: 40px 0 0; text-align: center; height: 34px; } .img-caption{ text-align:center; margin-top:10px; font: normal 14px arial; color: #72727d; } .info_container { width: 100%; display: inline-block; float: left; padding: 6px 0 5px; border-bottom: 1px solid #f3f2f1; } .info_title, .info_value { /* width: 485px; */ color: #f2a4aa; font: normal 14px/20px arial; display: inline-block; } .info_value { color: #72727d; display: inline; } .info_container .info_wrap { /* width: 478px; */ float: left; } .info_container .match_remark { /* width: 120px; */ float: left; text-align: center; height: 40px; } .yes_remark, .no_remark { background: url(../images/icon/yes-remark.png) no-repeat left top; width: 22px; height: 22px; display: inline-block; margin: 9px 0 0; } .no_remark { background: url(../images/icon/no-remark.png) no-repeat 5px top!important; margin: 20px 0 0; } img.suggestion-img{ border-radius: 108px !important; border: 3px solid #ddd !important; width: 137px !important; height: 137px !important; } .advert-img{ background: #fff; border-radius: 5px !important; box-shadow: 0 1px 2px rgba(43,59,93,0.29); padding: 4px 4px; } /******Tooltip****/ .tooltip_stay { position: relative; /* display: inline-block; */ /* border-bottom: 1px dotted black; */ } .tooltip_stay .tooltiptext { visibility: hidden; width: 204px; background-color: #363636; color: #ccc; border-radius: 3px; padding: 10px 10px; position: absolute; z-index: 1; bottom: 166%; left: 0px; margin-left: -94px; opacity: 0; transition: opacity 1s; line-height: 16px; font: normal 12px/16px arial; } .tooltip_stay .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #333 transparent transparent transparent; } .tooltip_stay:hover .tooltiptext { visibility: visible; opacity: 1; } /********popover******/ .pop { background: #fff !important; border-radius: 3px !important; box-shadow: 0 4px 12px rgba(43,59,93,0.35); border: 1px solid #f1f1f2\9; padding: 10px !important; width: 288px; position: absolute; z-index: 25 !important; } .pop-pointer { width: 20px; height: 12px; background: url(https://img2.shaadi.com/community/profile/pop-pointer-v2.png) no-repeat left top; display: inline-block; position: absolute; top: -10px; } /******lightbox******/ .row > .column { padding: 0 8px; } .row:after { content: ""; display: table; clear: both; } .column { float: left; width: 25%; } /* The Modal (background) */ .modal_new { display: none; position: fixed; z-index: 1; padding-top: 70px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgba(0,0,0,0.78); } /* Modal Content */ .modal-content_new { position: relative; /* background-color: #fefefe; */ margin: auto; padding: 0; width: 90%; max-width: 1200px; } /* The Close Button */ .close { color: rgb(0, 0, 0) !important; position: absolute; /* top: 60px; */ /* right: 25px; */ font-size: 35px !important; font-weight: bold !important; } .close:hover, .close:focus { color: #f3f3f3 !important; text-decoration: none; cursor: pointer; } .mySlides { display: none; display: block; /* background: rgba(0,0,0,0.71); */ overflow: hidden; } .slide-img{ /* width:100%; */ text-align:center !important; margin: 0 auto !important; } .cursor { cursor: pointer } /* Next & previous buttons */ .prev_p, .next_n { cursor: pointer !important; position: relative !important; top: 50% !important; width: auto !important; padding: 13px !important; /* margin-top: -50px; */ color: white !important; font-weight: bold !important; font-size: 17px !important; transition: 0.6s ease !important; -webkit-transition: 0.6s ease !important; -moz-transition: 0.6s ease !important; -ms-transition: 0.6s ease !important; -o-transition: 0.6s ease !important; border-radius: 5px 0px 0px 5px !important; user-select: none !important; -webkit-user-select: none !important; -moz-user-select: none !important; -ms-user-select: none !important; -o-user-select: none !important; margin-top:20px !important; } /* Position the "next button" to the right */ .next_n { right: 0; border-radius: 0px 5px 5px 0px !important; } /* On hover, add a black background color with a little bit see-through */ .prev_p:hover, .next_n:hover { background-color: rgba(0, 0, 0, 0.8); } /* Number text (1/3 etc) */ .numbertext { color: #f2f2f2; font-size: 12px; padding: 8px 12px; /* position: absolute; */ margin-top: 10px !important; text-align: center; } .numbertext-border{ /* border: 1px solid #000; */ border-radius: 50px; padding: 8px 14px; background: #000; font-weight: 600; } .caption-container { text-align: center; background-color: black; padding: 2px 16px; color: #ffffff; } .demo { opacity: 0.6; } .active, .demo:hover { opacity: 1; } img.hover-shadow { transition: 0.3s } .hover-shadow:hover { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) } .margin-right-30px{ margin-right:30px; } .bg-tabs{ border-radius: 3px; border-top: none; background: #fff; box-shadow: 0 -1px 2px rgba(43,59,93,0.29); padding: 15px; } .text-darkgrey{ color:#72727D !important; } .hr-small{ border-top:1px solid #ddd; width:100%; } .img-border{ border:1px solid #ddd; padding:2px; border-radius:3px !important; /* box-shadow: 0 1px 2px rgba(43,59,93,0.29); */ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .img-border-nrml{ /* border:1px solid #ddd; */ /* padding:2px; */ border-radius:3px !important; box-shadow: 0 1px 2px rgba(43,59,93,0.29); /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */ } .text-shadow{text-shadow: 2px 2px 4px #000000;} /*******Fancy-collapse*****/ .text-red{ color:red !important; } .font-10{ font-size:10.5px !important } .hide-line{ display:inline-block; height:35px; width:105px; white-space: nowrap; overflow:hidden !important; text-overflow: ellipsis; } .src-label{ color:#999 !important; } .src-choosen{ color:#72727d !important; } .choosen-down-arrow{ background: url(https://img2.shaadi.com/community/my-shaadi/down-gray-arrow.png) no-repeat 433px center; min-height: 33px; text-align: right !important; } .sear_form { float: left; padding: 14px 0 0px 10px; border-radius: 0 0 3px 3px; } .white_right_arrow { background: url(../images/icon/shaadi-sprite.gif) no-repeat left -46px; height: 13px; width: 6px; font-size: 0; } .margin-0px{ margin:0px !important; } .arrow-right{ background: url(../images/icon/shaadi-sprite.gif) no-repeat left -44px; height: 16px; width: 6px; font-size: 0; } .text-light-red{ color:#FF5A60 !important; } label.profile-label{ font:normal 13px arial; color:#72727d; } /*******Image Upload******/ .imageupload.imageupload-disabled { cursor: not-allowed; opacity: 0.60; } .imageupload.imageupload-disabled > * { pointer-events: none; } .imageupload .panel-title { margin-right: 15px; padding-top: 8px; } .imageupload .alert { margin-bottom: 10px; } .imageupload .btn-file { overflow: hidden; position: relative; } .imageupload .btn-file input[type="file"] { cursor: inherit; display: block; font-size: 100px; min-height: 100%; min-width: 100%; opacity: 0; position: absolute; right: 0; text-align: right; top: 0; } .imageupload .file-tab button { display: none; } .imageupload .file-tab .thumbnail { margin-bottom: 10px; } .imageupload .url-tab { display: none; } .imageupload .url-tab .thumbnail { margin: 10px 0; } .date{ border: 1px solid #ddd; border-radius: 50px; background: #eee; padding: 4px 10px; box-shadow: 0 1px 1px rgba(43,59,93,0.29); margin-bottom: 5px; } .border-left{ border-left:1px solid #ddd; } .border-top{ border-top:1px solid #ddd !important; } .border-shadow{ box-shadow:3px 3px 0 0 #e2e2e2 !important; } .search-heading { background-color: rgba(49,33,248,0.95); font: normal 16px arial; color: #ffffff !important; box-shadow: 0 1px 4px rgba(0,0,0,0.3); } .clear{ border: 1px solid #ddd; border-radius: 50px; background: #eee; font: normal 13px/22px arial; color: #888 !important; box-shadow: 1px 1px 0px rgba(43,59,93,0.29); } .label-search{ font: normal 14px arial; color: #777; } .photo-password-request{ background: url(../images/icon/photo-pswd-req.png) no-repeat left top; width: 107px; height: 43px; position: absolute; left: 29px; top: 100px; display: block; } .search_border { border: solid 2px #dfe0e3; text-align: center; position: relative; background: #fff; } .search-btn, .srch_mail_icon, .srch_chat_icon, .srch_phn_icon { background-image: url(../images/icon/search-bann-sprite.png); background-repeat: no-repeat; } .srch_mail_icon { background-position: 20px top; height: 32px; width: 80px; } .search_mail { display: inline-block; padding: 0 34px 0 60px; } .search_contact { margin: 28px 0 19px; } .search_txt { font-size: 16px !important; color: #72727d !important; text-align:center !important; } .search_mid { display: inline-block; padding: 0 40px 0 41px; background: url(../images/icon/search-bann-border.gif) no-repeat left center; } .srch_chat_icon { background-position: left -38px; height: 42px; width: 42px; } .srch_phn_icon { background-position: 40px -87px; height: 39px; width: 80px; } .search_image { height: 49px; } .font-normal{ font-weight:normal !important; } .list_view_active { display: inline-block; background: url(../images/icon/list-view-v2.gif) left bottom no-repeat; width: 31px; height: 24px; margin-top: 2px; } .list_view { display: inline-block; background: url(../images/icon/list-view-v2.gif) left top no-repeat; width: 31px; height: 24px; margin-top: 2px; } .grid_view { display: inline-block; background: url(../images/icon/grid-view-v2.gif) left top no-repeat; width: 31px; height: 24px; margin-top: 2px; margin-left: 3px; } .grid_view_active { display: inline-block; background: url(../images/icon/grid-view-v2.gif) left bottom no-repeat; width: 31px; height: 24px; margin-top: 2px; margin-left: 3px; } .bold{ font-weight:bold !important; } .padding-top-0{ padding-top:0px !important; } .padding-bottom-0{ padding-bottom:0px !important; } .fb_btn { background: #637bad url(../images/icon/fb-btnicon.jpg) left top no-repeat; border: 1px solid #29447e; display: inline-block; text-decoration: none; padding-left: 40px; } .cursor_p { cursor: pointer; } .horo-compmem-icon, .horo-comprec-icon, .horo-cntlpry-icon { background: url(../images/icon/horo-bnf-icon.gif) no-repeat; display: grid; height: 68px; line-height: 18px; vertical-align: middle; padding-left: 90px; } .horo-comprec-icon { background-position: 0px -89px; } .horo-cntlpry-icon { background-position: 0px -175px; } .border-top-dashed{ border-top:1px dashed #ddd; margin:10px 0px; } input[type=text].myinput { width: 130px; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; font-size: 16px; background-color: white; background-image: url(../images/icon/searchicon.png); background-position: 10px 10px; background-repeat: no-repeat; padding: 12px 20px 12px 40px; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; } input[type=text].myinput:focus { width: 100%; } /*********Register form*********/ body.body-banner { min-height:100%; background:url(../images/slider/body-banner.jpg); background-size: cover; background-attachment: fixed; background-position:center center; } .body-banner1 { min-height:100%; background:url(../images/bg/cover-image.jpg); background-attachment: fixed; background-size:cover; /* background-position:center center; */ } .body-banner2 { min-height:100%; background:url(../images/bg/event-1.jpg); background-attachment: fixed; background-size:cover; background-position:center center; } /*****************sign up form*******************/ .signup-screen { padding: 20px; /* padding-bottom: 40px; */ border-radius: 5px; background-color: rgba(255,255,255,1); /* box-shadow: 0 1px 6px rgba(0,0,0,.3); */ color: #ffffff; clear:both; box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15); } .partners{ background: url(../images/icon/register-icon.png) no-repeat; width: 44px; background-position: left -701px; height: 46px; margin: 0 15px 0 3px; vertical-align: middle; display: inline-block; } /***********Register form wizard***********/ .wizard { margin: 0px auto; background: #fff; border-top-left-radius: 3px !important; border-top-right-radius: 3px !important; } .wizard .nav-tabs { position: relative; margin: 0px auto; margin-bottom: 0; border-bottom-color: #e0e0e0; } .wizard > div.wizard-inner { position: relative; } .connecting-line { height: 2px; background: #e0e0e0; position: absolute; width: 80%; margin: 0 auto; left: 0; right: 0; top: 48%; z-index: 0; } .wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus { color: #555555; cursor: default; border: 0; border-bottom-color: transparent; } span.round-tab { width: 55px; height: 55px; line-height: 53px; display: inline-block; border-radius: 100px; background: #fff; border: 2px solid #e0e0e0; z-index: 0; position: absolute; left: 0; text-align: center; font-size: 25px; } span.round-tab i{ color:#888; } .wizard li.active span.round-tab { background-color: rgba(49,33,248,0.95); border: 2px solid rgba(49,33,248,0.95); } .wizard li.active span.round-tab i{ color: #ffffff; font-size: 22px; } span.round-tab:hover { color: #999; border: 2px solid #999; } .wizard .nav-tabs > li { width: 20%; } .wizard li:after { content: " "; position: absolute; left: 46%; opacity: 0; margin: 0 auto; bottom: 0px; border: 5px solid transparent; border-bottom-color: #5bc0de; transition: 0.1s ease-in-out; } .wizard li.active:after { content: " "; position: absolute; left: 44%; opacity: 1; margin: 0 auto; bottom: 0px; border: 11px solid transparent; border-bottom-color: rgba(49,33,248,0.95); } .wizard .nav-tabs > li a { width: 60px; height: 60px; margin: 15px auto; border-radius: 100%; padding: 0; } .wizard .nav-tabs > li a:hover { background: transparent; } .wizard .tab-pane { position: relative; padding-top: 20px; } .wizard h3 { margin-top: 0; } @media( max-width : 585px ) { .wizard { width: 90%; height: auto !important; } span.round-tab { font-size: 16px; width: 50px; height: 50px; line-height: 50px; } .wizard .nav-tabs > li a { width: 50px; height: 50px; line-height: 50px; } .wizard li.active:after { content: " "; position: absolute; left: 35%; } } /**********End register wizard*********/ .reg-sprtie { background-image: url(../images/icon/reg-spirite.png); background-repeat: no-repeat; } .profile { background-position: 1px 1px; width: 39px; height: 44px; margin: 0 auto; } .man { background-position: 1px -48px; width: 47px; height: 44px; margin: 0 auto; } .secure { background-position: 1px -94px; width: 47px; height: 44px; margin: 0 auto; } .privacy-key { background-position: 1px -140px; width: 47px; height: 44px; margin: 0 auto; } .sprite-caption{ font: normal 13px/22px arial; text-align:center; margin-top:5px; } .border-bottom { border-bottom: 1px solid #666 !import; } .rect-border{ border:1px solid #dfe0e3 !important; border-radius:2px !important; } img.full-width{ width:100% !important; } .text-capitalize{ text-transform:capitalize !important; } .text-lowercase{ text-transform:lowercase !important; } .text-uppercase{ text-transform:uppercase !important; } /* .exp-sent-btn { color: #EC7D00; border: 1px solid #CBCBCB; padding: 5px 5px; background: rgba(255,255,255,1.00); font-weight: bold; border-radius: 3px; text-align: center; box-shadow: inset 0 26px 20px -20px #e0e0e0; } */ .exp-sent-btn:hover, .exp-sent-btn:focus { color: #707070; box-shadow: 2px 2px 4px 0px rgba(217,217,217,1.00); transition:0.5s; } .exp-sent-btn-reject{ box-shadow: inset 0 20px 20px -20px #e0e0e0; color: #EC7D00; border: 1px solid #CBCBCB; padding: 5px 5px; background: rgba(255,255,255,1.00); font-weight: bold; border-radius: 2px; text-align: center; vertical-align:middle; } .exp-sent-btn-accept{ box-shadow: inset 0 20px 20px -20px #e0e0e0; color: #EC7D00; border: 1px solid #CBCBCB; padding: 5px 5px; background: rgba(255,255,255,1.00); font-weight: bold; border-radius: 2px; text-align: center; vertical-align:middle; } .ne_exp_sended_detail .active { color: #058F00; animation-name: exp-online; animation-duration: 1s; animation-timing-function: ease-in; animation-iteration-count: infinite; -webkit-animation-name: exp-online; -webkit-animation-duration: 1s; -webkit-animation-timing-function: ease-in; -webkit-animation-iteration-count: infinite; } .ne_exp_sended img { width: 100%; max-height: 120px; border: 5px solid rgba(221, 221, 221, 0.5); border-radius: 3px; } .btn-next .btn-prev { height: 23px; line-height: 23px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; background-color: #f1f1f1 !important; border: solid 1px #b5b5b5 !important; /* background-image: -webkit-linear-gradient(bottom,#bdbdbd,#f1f1f1 1%,#f1f1f1 66%,#fff); */ background-image: -moz-linear-gradient(bottom,#bdbdbd,#f1f1f1 1%,#f1f1f1 66%,#fff) !important; background-image: -o-linear-gradient(bottom,#bdbdbd,#f1f1f1 1%,#f1f1f1 66%,#fff) !important; background-image: -ms-linear-gradient(bottom,#bdbdbd,#f1f1f1 1%,#f1f1f1 66%,#fff) !important; background-image: linear-gradient(to top,#bdbdbd,#f1f1f1 1%,#f1f1f1 66%,#fff) !important; padding: 0 10px; float: left; margin-right: 5px!important; } .padding-10px{ padding:10px !important; } .padding-8px{ padding:8px !important; } .padding-5px{ padding:5px !important; } .nav-tabs>li>a:hover { background: rgba(239, 239, 239, 1) !important; border: 1px solid #ddd; } .text-color-default{ color:#00BCD5 !important; } .text-color-red{ color:#B81818 !important; } .text-color-green{ color:#5CB85C !important; } .text-color-maroon{ color:#a90329 !important; } .text-color-lightmaroon{ color:#C84B4B !important; } .text-color-lightyellow{ color:#BFC024 !important; } .text-color-darkyellow{ color:#A3AD10 !important; } .text-color-lightgreen{ color:#37C83C !important; } .text-color-light-red{ color:#FF5A60 !important; } .btn-lightyellow{ background:#BFC024 !important; } /***************Manage Table*****************/ table.manage-table { width: 100%; border-collapse: collapse; border-spacing: 0; } table.manage-table th { text-align: left; padding: 18px 20px 18px 40px; vertical-align: top; font-size: 14px; font-weight: 600; position: relative; /* z-index: 9; */ color: grey; line-height: 22px; margin-left: 33px !important; border: 2px solid #ddd; } table.manage-table th i { position: absolute; left: 17px; top: 21px; } table.manage-table a.button { padding: 7px 14px; line-height: 26px; } table.manage-table tr:nth-child(2n+1) { background-color: #fbfbfb; } table.manage-table th:first-child { width: 32%; padding-left: 55px; } table.manage-table th:first-child i { left: 35px; } table.manage-table.resumes th:first-child { width: auto; } table.manage-table.resumes td:first-child, table.manage-table td:first-child { line-height: 25px; text-align: left;} /**************Event_Details***************/ .event-list { list-style: none; font-family: 'Lato', sans-serif; margin: 0px; padding: 0px; } .event-list > li { background-color: rgb(255, 255, 255); box-shadow: 0px 0px 5px rgb(51, 51, 51); box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7); padding: 0px; margin: 0px 0px 20px; } .event-list > li > time { display: inline-block; width: 100%; color: rgb(255, 255, 255); background-color: rgb(197, 44, 102); padding: 5px; text-align: center; text-transform: uppercase; text-shadow: 1px 1px 1px black; } .event-list > li:nth-child(even) > time { background-color: rgb(165, 82, 167); } .event-list > li > time > span { display: none; } .event-list > li > time > .day { display: block; font-size: 56pt; font-weight: 100; line-height: 1; margin-top: 10px; } .event-list > li time > .month { display: block; font-size: 24pt; font-weight: 900; line-height: 1; } .event-list > li time > .year { display: block; font-size: 15pt; font-weight: 100; line-height: 2; } .event-list > li > img { width: 100%; } .event-list > li > .info { padding-top: 5px; text-align: center; } .event-list > li > .info > .title { font-size: 17pt; font-weight: 700; margin: 0px; } .event-list > li > .info > .desc { font-size: 15px; font-weight: 300; margin: 0px; } .event-list > li > .info > ul, .event-list > li > .social > ul { display: table; list-style: none; margin: 10px 0px 0px; padding: 0px; width: 100%; text-align: center; } .event-list > li > .social > ul { margin: 0px; } .event-list > li > .info > ul > li, .event-list > li > .social > ul > li { display: table-cell; cursor: pointer; font-size: 14px; font-weight: 300; padding: 0px 0px; color: #666; } .event-list > li > .info > ul > li > a { display: block; width: 100%; color: rgb(30, 30, 30); text-decoration: none; padding: 5px; border: 1px solid #ddd; } .event-list > li > .social > ul > li { padding: 0px; } .event-list > li > .social > ul > li > a { padding: 3px 0px; } .event-list > li > .info > ul > li:hover, .event-list > li > .social > ul > li:hover { color: rgb(30, 30, 30); background-color: rgb(200, 200, 200); } .facebook a, .twitter a, .google-plus a { display: block; width: 100%; color: rgb(75, 110, 168) !important; background: #F5F5F5; } .twitter a { color: rgb(79, 213, 248) !important; background: #F5F5F5; } .google-plus a { color: rgb(221, 75, 57) !important; background: #F5F5F5; } .facebook:hover a { color: rgb(255, 255, 255) !important; background-color: rgb(75, 110, 168) !important; } .twitter:hover a { color: rgb(255, 255, 255) !important; background-color: rgb(79, 213, 248) !important; } .google-plus:hover a { color: rgb(255, 255, 255) !important; background-color: rgb(221, 75, 57) !important; } @media (min-width: 768px) { .event-list > li { position: relative; display: block; width: 100%; height: 200px; padding: 0px; } .event-list > li > time, .event-list > li > img { display: inline-block; } .event-list > li > time, .event-list > li > img { width: 140px; float: left; } .event-list > li > .info { background-color: rgb(245, 245, 245); overflow: hidden; } .event-list > li > time, .event-list > li > img { width: 190px; height: 200px; padding: 0px; margin: 0px; text-shadow: 1px 1px 1px black; } .event-list > li > .info { position: relative; height: 200px; text-align: left; padding-right: 40px; } .event-list > li > .info > .title, .event-list > li > .info > .desc { padding: 0px 10px; } .event-list > li > .info > ul { position: absolute; left: 0px; bottom: 0px; } .event-list > li > .social { position: absolute; top: 0px; right: 0px; display: block; width: 40px; } .event-list > li > .social > ul { border-left: 1px solid rgb(230, 230, 230); } .event-list > li > .social > ul > li { display: block; padding: 0px; } .event-list > li > .social > ul > li > a { display: block; width: 39px; padding: 21px 0px 24px 0px; } } .nav-tabs a { background-color: rgba(49,33,248,0.95); color: #ffffff; } .info .nav-tabs li.active a { background-color: #448AFF; color: #ffffff; } .info .nav-tabs li:hover a, .info .nav-tabs li.active:hover a { background: #00BCD4; color: #ffffff; } .tab-content { /* background: white; */ border-radius: 0 10px; padding: 10px; } .custom-button { font-family: 'Nunito', sans-serif; font-size: 14px; /* font-weight: 800; */ background: #f7971e; color:#555 !important; background: -webkit-linear-gradient(to right, #f7971e, #ffd200); background: linear-gradient(to right, #f7971e, #ffd200); box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.3); } /*************New CSS**********/ .input-border{ border: 1px solid #ddd !important; border-radius: 3px !important; font: normal 13px arial !important; } .input-border-modal{ border: 1px solid #ddd !important; border-radius: 3px !important; font: normal 14px arial !important; } .font-14-bold-arial{ font: bold 14px arial; } .font-15-bold-arial{ font: bold 15px arial; } .font-16-bold-arial{ font: bold 16px arial; } .font-17-bold-arial{ font: bold 17px arial; } @import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css); /*------------------------backgrounds------------------------------------*/ .bg-white { background:rgba(255,255,255,1.00);#EEEEEE } .bg-light-gray{ background: #f3f3f3; } .bg-darkwhite { background:#EEEEEE !important; } .bg-orange { background:#ff5a60; } .bg-darkorange { background:#FF5A60; } .bg-black { background: #202020; } .bg-offwhite { background:rgba(247, 247, 247, 0.82); } .bg-darkpurple{ background:#311B92 !important; } .bg-light-green { background:rgba(237,247,230,1.00); } .bg-dark-green { background: rgba(49,33,248,0.95); } .bg-blue { background: #3121f8; } .bg-light-grey { background:rgba(235,235,235,1.00); } .bg-white-orange-border { background: rgba(255, 255, 255, 0.82); border: 1px solid rgb(255, 139, 70); } .bg-light-blue{ background: rgba(49,33,248,0.95) !important; border:1px solid rgba(49,33,248,0.95) !important; } .padding-bottom-30{ padding-bottom:30px !important; } .form-header-title{ padding: 10px; border-radius: 3px; box-shadow: 0 1px 15px 0 rgba(0,0,0,.18), 0 2px 10px 0 rgba(0,0,0,.15); } /*-------------------------------front menu end---------------------------*/ /*-------------------------------first Banner part Index-------------------------------*/ .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 13.49px !important; line-height: 1.42857143; color: #777 !important; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; /* -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); */ /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); */ -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -moz-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -ms-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .form-over .form-group .form-control { border-radius: 0px !important; box-shadow: none; border-top: 0px; border-right: 0px; border-left: 0px; background: none; font-size: 12px; color: #666; } .neBannertabs form .chosen-container-multi .chosen-choices { display: block; width: 100%; line-height: 1.42857143; background:rgba(255,255,255,0.73); box-shadow: inset #EAEAEA 1px 1px 4px 0px; border: 1px solid rgba(255, 255, 255, 0.3); -webkit-appearance: none !important; -moz-appearance: none !important; -ms-appearance: none !important; -o-appearance: none !important; appearance: none!important; font-size:10px; } .neBannertabs form .chosen-container:data-placeholder { color: #555; } .neBannertabs form .form-control { display: block; width: 100%; font-size: 14px; line-height: 1.42857143; color: #555; padding: 5px 5px; background: transparent; /* box-shadow: inset #EAEAEA 1px 1px 4px 0px; */ border-bottom: 1px solid #ddd; /* -webkit-appearance: none !important; */ /* -moz-appearance: none !important; */ /* -ms-appearance: none !important; */ /* -o-appearance: none !important; */ /* appearance: none!important; */ } .neBannertabs button.neIndexfbBtn { padding: 10px; background: #004593; box-shadow: 1px 1px 0px 0px #0067DB inset; border: 1px solid #00499D; font-size: 14px; cursor: pointer; color: #ffffff; text-align: center; transition: all 0.4s ease-in-out; font-weight:500; } .neBannertabs button.neIndexfbBtn:hover, .neBannertabs button.neIndexfbBtn:focus { background:#0054B3 ; } .neBannertabs button.neIndexRegBtn { padding:10px; background:#ec7d00; box-shadow: 1px 1px 0px 0px #FFBD8C inset; border: 1px solid #BA7303; font-size:14px; cursor:pointer; color: #ffffff; text-align:center; transition:all 0.4s ease-in-out; font-weight:500; } .neBannertabs button.neIndexRegBtn:hover, .neBannertabs button.neIndexRegBtn:focus { background:#FF8701; } .neBannertabs form label { /* font-weight:500; */ font-size:13px; margin-top:5px; color:rgba(44, 44, 44); } .nefirstBanner.banner{ margin-top: 0px; background: url(../img/banner/bg-4.jpg) no-repeat; background-size:cover !important; background-position:center center !important; height:670px; overflow: hidden; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .nefirstBanner { display:block; background:url(../img/ne-banner-1.png) no-repeat; position:relative; background-size:cover; width:100%; height:570px; margin-top: -30px; } .nefirstBanner h1.neheart { font-size:84px; padding-top:30px; } .nefirstBanner .neBannerText h1 { color:rgba(255,255,255,1.00); font-size:40px; font-weight:normal; } .nefirstBanner .neBannertabs { margin-top:0px; } .nefirstBanner .neBannertabs ul.nav-tabs li a { background: rgba(232, 232, 232, 1); font-size: 16px; text-align: center; padding: 15px 15px; color: rgba(0,0,0,1.00); box-shadow: inset -2px -2px 6px 0px rgb(113, 112, 112); } .nefirstBanner .neBannertabs ul.nav-tabs li.active a { background:#ec7d00; font-size:16px; text-align:center; box-shadow:0px -5px 0px 0px #be6501; color:rgba(255,255,255,1.00); } .nefirstBanner .neBannertabs .tab-content { padding:15px; background:rgba(255,255,255,0.90); } /*-------------------------------first Banner part Index end---------------------------*/ .ne-word-wrap { word-wrap:break-word !important; } .ne-basic-search .form-group { background:none; margin-bottom:0px !important; padding-top:10px; display:block; } .ne-basic-search .form-group:hover { background:rgba(245, 245, 245, 1); } .ne-bdr-btm-dtd { border-bottom:1px #CDCDCD dotted; padding-bottom:10px; } .ne-overflow-scroll { overflow-style:auto; } .ne-cursor { cursor:pointer; } .ne-block-gold { padding: 8px 16px; margin: 0 0 20px; border-left: 5px solid #D2B100; line-height:22px; } .ne-block-darkorange { padding: 8px 16px; margin: 0 0 20px; border-left: 5px solid #FF5A60; line-height:22px; } .tax-line { font-size:10px; color:rgba(96,96,96,1); } .payment_option ul li { background-color:rgba(241,241,241,1.00); display:block; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; } .payment_option ul { padding:0px; } .payment_option ul li a { padding:15px; background-color:rgba(241,241,241,1.00); display:block; color:rgba(0,0,0,1.00); border-left:5px solid rgba(202, 202, 202, 1); } .payment_option ul .active a { background-color:rgba(255,255,255,1.00); color:rgba(239,16,16,1.00) !important; font-weight:bold; padding-left:40px; box-shadow:rgba(148, 148, 148, 1) 0px 0px 3px; border-left:5px solid #ED7500; transition:all 0.2s ease-out; -webkit-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -ms-transition:all 0.2s ease-out; } .nav-stacked li { margin-top:3px; margin-bottom:3px; } .box-shadow-top-1px { box-shadow:rgba(54,54,54,1.00) 1px 1px 5px; } .text-glow-light-blue { transition:ease all 0.5s; } .text-glow-light-blue:hover { text-shadow:0px 0px 8px #5E6A02; cursor:pointer; } .text-glow-blue:hover { text-shadow:rgba(0, 35, 98, 1) 0px 0px 8px; } .panel-body { padding:10px 5px; } .member-img a img { display:block; } .member-img a img:hover { background:#FF5A60); display:block; border-radius:100px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; transition:all 0.5s; box-shadow:#FF5A60 0px 0px 8px; -webit-box-shadow:#FF5A60 0px 0px 8px; -o-box-shadow:#FF5A60 0px 0px 8px; -moz-box-shadow:#FF5A60 0px 0px 8px; } .member-active { background:#01BCD5 !important; border-radius:100px; -webkit-border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; box-shadow:#01BCD5 0px 0px 8px; -webit-box-shadow:#01BCD5 0px 0px 8px; -o-box-shadow:#01BCD5 0px 0px 8px; -moz-box-shadow:#01BCD5 0px 0px 8px; } .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } .breadcrumb > li { display: inline-block; } .breadcrumb > li + li:before { padding: 0 5px; color: #ccc; content: "/\00a0"; } .breadcrumb > .active { color: #777; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #337ab7; text-decoration: none; background-color: #fff; border: solid 1px #b5b5b5 !important; } .ne_tab_sub_tab_content nav ul li a:hover { box-shadow: 2px 2px 10px 3px rgba(217,217,217,1.00); background-color: #999 !important; border: solid 1px #999 !important; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { color: #23527c; background-color: #eee; border-color: #ddd; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #ffffff; cursor: default; background-color: #337ab7; border-color: #337ab7; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-top-left-radius: 6px; border-bottom-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 6px; border-bottom-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .page-wrap { min-height: 89%; /* equal to footer height */ } .page-wrap:after { content: ""; display: block; } .fileUpload { position: relative; overflow: hidden; } .fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .box-shadow-green { box-shadow:rgba(2,134,9,1.00) 0px 2px 2px; -webkit-box-shadow:rgba(2,134,9,1.00) 0px 2px 2px; -moz-box-shadow:rgba(2,134,9,1.00) 0px 2px 2px; } .box-shadow { box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); } .box-shadow-light { box-shadow:1px 1px 2px 0px #747474; } .ne-shad-inset { box-shadow:inset 1px 1px 2px 0px #984D04; } .box-shadow-footer { box-shadow:rgba(147, 55, 1, 1) 0px -2px 3px; -webkit-box-shadow: rgba(147, 55, 1, 1) 0px -2px 3px; -moz-box-shadow:rgba(147, 55, 1, 1) 0px -2px 3px; } .register-main a.thumbnail:hover { background:rgba(240,240,240,1.00); border:1px solid rgba(213,213,213,1.00); } .register-main a.thumbnail { color:rgba(255,139,70,1.00); } .border-10px { border-bottom:1px solid rgba(232, 232, 232, 1); height:1px; width:100%; margin-top:10px; margin-bottom:10px; } .border-10px-bottom { border-bottom:10px solid rgba(207,207,207,1.00); } .list-unstyled { list-style:none !important; } @media(min-width:1000px) and (max-width:1199px) { .neMenuFront .navbar-collapse ul.navbar-nav li a { font-size: 14px; padding-left: 10px; padding-right: 10px; } .nefirstBanner h1.neheart { font-size: 58px; padding-top: 0px; } .nefirstBanner .neBannerText h1 { color: #ffffff; font-size: 30px; font-weight: normal; } } @media(min-width:769px) and (max-width:999px) { /*-------------------------------index Review------------------------------*/ .neReview .bjqs li { padding-left: 40px; padding-right: 40px; padding-top: 10px; } #banner-fade { height:200px !important; } ul.bjqs { height:200px !important; } /*-------------------------------index Review end---------------------------*/ /*-------------------------------front menu---------------------------*/ .neMenuFront .navbar-collapse ul.navbar-nav li a { font-size: 12px; padding-left: 10px; padding-right: 10px; } /*-------------------------------front menu end---------------------------*/ /*-------------------------------first Banner part Index-------------------------------*/ .nefirstBanner h1.neheart { font-size: 48px; padding-top: 10px; } .nefirstBanner .neBannerText h1 { color: #ffffff; font-size: 28px; font-weight: normal; } /*-------------------------------first Banner part Index end---------------------------*/ } @media(min-width:481px) and (max-width:767px) { /*-------------------------------front menu---------------------------*/ .neMenuFront .navbar-collapse { border-top: none; } .neMenuFront .navbar-default .navbar-collapse, .neMenuFront .navbar-default .navbar-form { border-color: #E7E7E7; position: absolute; width:92%; z-index:1; margin-left: 4%; } .neMenuFront .navbar-default .navbar-nav .open .dropdown-menu > li > a { color:rgba(255,255,255,1.00); } .neMenuFront .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .neMenuFront .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color:rgba(255,255,255,1.00); background-color:#DB7400; } /*-------------------------------front menu end---------------------------*/ } @media(min-width:481px) and (max-width:768px) { p.help-text { font-size: 14px !important; text-align: center !important; position: absolute !important; top: -27px !important; width: 100% !important; padding-left: 0px !important; } /*-------------------------------index Review------------------------------*/ .neReview .bjqs li { padding-left: 40px; padding-right: 40px; padding-top: 10px; } #banner-fade { height:200px !important; } ul.bjqs { height:200px !important; } /*-------------------------------index Review end---------------------------*/ /*-------------------------------front menu---------------------------*/ .neMenuFront .navbar-collapse ul.navbar-nav li a { display: block; font-size: 11px; padding-left: 5px; padding-right: 5px; color: #ffffff; background: #EC7D00 none repeat scroll 0% 0%; } /*-------------------------------front menu end---------------------------*/ /*-------------------------------first Banner part Index-------------------------------*/ .nefirstBanner h1.neheart { font-size: 48px; padding-top: 10px; } /*-------------------------------first Banner part Index end---------------------------*/ } @media(min-width:321px) and (max-width:480px) { p.help-text { font-size: 14px !important; text-align: center !important; position: absolute !important; top: -27px !important; width: 100% !important; padding-left: 0px !important; } /*-------------------------------------index success story-------------------------*/ #owl-success .item { display: block; padding: 30px 0px; margin: 5px; color: #ffffff; border-radius: 3px; text-align: center; } .wrapper-with-margin { margin: 0px 25px; } /*-------------------------------------index success story end-------------------------*/ /*-------------------------------------index review------------------------------------*/ .neReview .bjqs li { padding-left: 30px; padding-right: 30px; padding-top: 10px; } #banner-fade { height:300px !important; } ul.bjqs { height:300px !important; } /*-------------------------------------index review------------------------------------*/ /*-------------------------------first Banner part Index-------------------------------*/ .nefirstBanner .neBannertabs ul.nav-tabs li a { font-size: 12px; padding:10px; } .nefirstBanner .neBannertabs ul.nav-tabs li.active a { font-size: 12px; } .nefirstBanner { height: 900px; } .nefirstBanner h1.neheart { font-size: 34px; padding-top: 0px; } .nefirstBanner .neBannerText h1 { color: #ffffff; font-size: 18px; font-weight: normal; } /*-------------------------------first Banner part Index end---------------------------*/ /*-------------------------------front menu---------------------------*/ .neMenuFront .navbar-collapse { border-top: none; } .neMenuFront .navbar-default .navbar-collapse, .neMenuFront .navbar-default .navbar-form { border-color: #E7E7E7; position: absolute; width:92%; z-index:1; } .neMenuFront .navbar-default .navbar-nav .open .dropdown-menu > li > a { color:rgba(255,255,255,1.00); } .neMenuFront .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .neMenuFront .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color:rgba(255,255,255,1.00); background-color:#DB7400; } /*-------------------------------front menu end---------------------------*/ a.name-title.xxl-16.xl-16.l-16.m-16.s-16.xs-16.padding-lr-zero.ne_font_weight_nrm { text-align: center !important; margin: 5px 0; } .xxl-8.xl-8.l-16.m-8.s-16.xs-16.border-top { border-top: 1px solid #ddd; padding: 2px 0 10px 0; } } @media(min-width:200px) and (max-width:320px) { p.help-text { font-size: 14px !important; text-align: center !important; position: absolute !important; top: -27px !important; width: 100% !important; padding-left: 0px !important; } a.name-title.xxl-16.xl-16.l-16.m-16.s-16.xs-16.padding-lr-zero.ne_font_weight_nrm { text-align: center !important; margin: 5px 0; } .xxl-8.xl-8.l-16.m-8.s-16.xs-16.border-top { border-top: 1px solid #ddd; padding: 2px 0 10px 0; } .max-height-200px { max-height:200px; } /*-------------------------------------Index Recent Joined end--------------------------------------*/ /*-------------------------------------Success Story--------------------------------------*/ .wrapper-with-margin { margin: 0px 10px; } /*-------------------------------------Success Story End-----------------------------------*/ /*-------------------------------------index review-----------------------------------*/ #banner-fade { height:450px !important; } ul.bjqs { height:450px !important; } .neReview .bjqs li { padding-left: 30px; padding-right: 30px; padding-top: 10px; } /*-------------------------------------index review end-----------------------------------*/ /*-------------------------------first Banner part Index-------------------------------*/ .nefirstBanner .neBannertabs ul.nav-tabs li a { font-size: 12px; padding:10px; } .nefirstBanner .neBannertabs ul.nav-tabs li.active a { font-size: 12px; } .nefirstBanner { height: 900px; } .nefirstBanner h1.neheart { font-size: 34px; padding-top: 0px; } .nefirstBanner .neBannerText h1 { color: #ffffff; font-size: 18px; font-weight: normal; } } /*------------------------extra graphics End-----------------------------*/ /*------------------------------- Margins -------------------------------*/ .margin-top-0px { margin-top:0px !important; } .margin-bottom-0px { margin-bottom:0px !important ; } .margin-top-3px { margin-top:3px; } .margin-top-5px { margin-top:5px; } .margin-top-10px { margin-top:10px; } .margin-top-15px { margin-top:15px; } .margin-top-20px { margin-top:20px; } .margin-top-25px { margin-top:25px; } .margin-top-30px { margin-top:30px; } .margin-bottom-10px { margin-bottom:10px; } .margin-bottom-6px { margin-bottom:6px; } .margin-bottom-15px { margin-bottom:15px; } .margin-bottom-20px { margin-bottom:20px; } @media(min-width:1200px) { .margin-top-30px-1200 { margin-top:30px; } .margin-top-20px-1200 { margin-top:20px; } } /*-------------------------- Margins End --------------------------------*/ /*-----------------------------Paddings----------------------------------*/ .padding-top-bottom-55px { padding-top:55px; padding-bottom:55px; } .padding-lr-zero { padding-left:0px !important; padding-right:0px !important; } .padding-bottom-5px { padding-bottom:5px; } .padding-top-10px { padding-top:10px; } .padding-bottom-10px { padding-bottom:10px; } .padding-15px { padding:15px; } /*---------------------------Paddings End--------------------------------*/ /*------------------------------buttons----------------------------------*/ .ne-success-previous { border-radius:10px; padding:10px 15px; text-align:center; border:1px solid rgba(230,230,230,1); box-shadow:1px 1px 2px 0px #666666; } .button-green { background:rgba(69,158,56,1.00) ; color: #ffffff; } .button-green:hover, .button-green:focus { background:rgba(50,122,39,1.00) ; color: #ffffff; } .button-blue { background:rgba(58, 91, 162, 1) ; color: #ffffff; } .button-blue:hover, .button-blue:focus { background:rgba(58, 91, 162, 1) ; color: #ffffff; } .button-default { background:rgba(224, 224, 224, 1); color:black; line-height: 1.42857143; display: inline-block; padding: 5px 17px; height:34px; margin-bottom: 0; font-size: 14px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-touch-action: manipulation; -moz-touch-action: manipulation; -ms-touch-action: manipulation; -o-touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; background-image: none; text-decoration:none; } .button-default-lg { background:rgba(244,244,244,1.00); color:black; border:1px solid rgba(212,212,212,1.00); line-height: 1.42857143; display: inline-block; padding: 5px 17px; margin-bottom: 0; font-size: 20px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-touch-action: manipulation; -moz-touch-action: manipulation; -ms-touch-action: manipulation; -o-touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; background-image: none; text-decoration:none; } .button-default-lg:hover { background:rgba(255, 255, 255, 1); color:black; box-shadow:rgba(224,97,0,1.00) 0px 0px 3px 0px; border:1px solid rgba(212,212,212,1.00); line-height: 1.42857143; display: inline-block; padding: 5px 17px; margin-bottom: 0; font-size: 20px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-touch-action: manipulation; -moz-touch-action: manipulation; -ms-touch-action: manipulation; -o-touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; background-image: none; text-decoration:none; } .button-default-lg:focus { box-shadow:rgba(224,97,0,1.00) 0px 0px 4px 1px; } .button-green-border { background: #00BCD5 none repeat scroll 0% 0%; color: #ffffff; line-height: 1.42857; display: inline-block; padding: 5px 17px; height: 34px; margin-bottom: 0px; font-size: 14px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; -moz-user-select: none; text-decoration: none; border: 1px solid #028282; box-shadow: inset 1px 1px 0px 0px skyblue; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; } .button-green-border:hover { background:#0194a8; border: 1px solid #028282; box-shadow: inset 1px 1px 0px 0px skyblue; color: #ffffff; line-height: 1.42857143; display: inline-block; font-size: 14px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-touch-action: manipulation; -moz-touch-action: manipulation; -ms-touch-action: manipulation; -o-touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; background-image: none; text-decoration:none; transition:all 0.4s ease-in-out; } .button-green-border-big { background: linear-gradient(to bottom, #FF5A60, #6d0019) !important; color: #ffffff; line-height: 1.42857143; display: inline-block; padding: 6px 17px; margin-bottom: 0; font-size: 15px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-touch-action: manipulation; -moz-touch-action: manipulation; -ms-touch-action: manipulation; -o-touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; background-image: none; text-decoration:none; transition: all .3s; -webkit-transition:all all .3s; -moz-transition:all all .3s; -ms-transition:all all .3s; -o-transition:all all .3s; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); } .button-green-border-big:hover { background:#0194a8; color: #ffffff; /* border-bottom:5px solid #3f747b; */ line-height: 1.42857143; display: inline-block; margin-bottom: 0; font-size: 16px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-touch-action: manipulation; -moz-touch-action: manipulation; -ms-touch-action: manipulation; -o-touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; background-image: none; text-decoration:none; transition: all .3s; -webkit-transition:all all .3s; -moz-transition:all all .3s; -ms-transition:all all .3s; -o-transition:all all .3s; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); } .button-orange-border-big { background:#01BCD5; color: #ffffff; border-bottom:5px solid #047a80; line-height: 1.42857143; display: inline-block; padding: 10px 17px; margin-bottom: 0; font-size: 18px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-touch-action: manipulation; -moz-touch-action: manipulation; -ms-touch-action: manipulation; -o-touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; background-image: none; text-decoration:none; border-top:none; border-left:none; border-right:none; transition: all .3s; -webkit-transition:all all .3s; -moz-transition:all all .3s; -ms-transition:all all .3s; -o-transition:all all .3s; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); } .button-orange-border-big:hover { background:#0194a8; color: #ffffff; border-bottom:5px solid #3f747b; line-height: 1.42857143; display: inline-block; padding: 10px 17px; margin-bottom: 0; font-size: 18px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-touch-action: manipulation; -moz-touch-action: manipulation; -ms-touch-action: manipulation; -o-touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; background-image: none; text-decoration:none; transition: all .3s; -webkit-transition:all all .3s; -moz-transition:all all .3s; -ms-transition:all all .3s; -o-transition:all all .3s; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); } .button-fb-blue-border-big { background:rgba(58, 91, 162, 1) ; color: #ffffff; border-bottom:5px solid rgba(0,37,156,1.00) ; line-height: 1.42857143; display: inline-block; padding: 10px 17px; margin-bottom: 0; font-size: 18px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-touch-action: manipulation; -moz-touch-action: manipulation; -ms-touch-action: manipulation; -o-touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; background-image: none; text-decoration:none; transition: all .3s; -webkit-transition:all all .3s; -moz-transition:all all .3s; -ms-transition:all all .3s; -o-transition:all all .3s; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); -ms-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); -o-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); } .button-fb-blue-border-big:hover { background:rgba(58, 91, 162, 1); color: #ffffff; border-bottom:5px solid rgba(0,37,156,1.00) ; line-height: 1.42857143; display: inline-block; margin-bottom: 0; font-size: 18px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-touch-action: manipulation; -moz-touch-action: manipulation; -ms-touch-action: manipulation; -o-touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; text-decoration:none; box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15); } .button-orange-border { background:rgba(234, 135, 22, 1) ; color: #ffffff; box-shadow:1px 1px 0px 0px #FFBD8C inset; border:1px solid #BA7303; /*border-bottom:5px solid rgba(255, 161, 15, 1) ;*/ line-height: 1.42857143; display: inline-block; padding: 5px 17px; height:34px; margin-bottom: 0; font-size: 14px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-touch-action: manipulation; -moz-touch-action: manipulation; -ms-touch-action: manipulation; -o-touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; background-image: none; text-decoration:none; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; } .button-orange-border:hover { background:rgba(255, 152, 66, 1) ; color: #ffffff; border:1px solid rgba(255, 161, 15, 1) ; line-height: 1.42857143; display: inline-block; height:34px; margin-bottom: 0; font-size: 14px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-touch-action: manipulation; -moz-touch-action: manipulation; -ms-touch-action: manipulation; -o-touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; background-image: none; text-decoration:none; transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; -moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out; } .blue-button-border { background:rgba(58, 91, 162, 1) ; color: #ffffff; border-bottom:5px solid rgba(122, 134, 221, 1) ; line-height: 1.42857143; display: inline-block; height:34px; padding-top:3px; margin-bottom: 0; font-size: 14px; font-weight: normal; text-align: center; white-space: nowrap; -webkit-touch-action: manipulation; -moz-touch-action: manipulation; -ms-touch-action: manipulation; -o-touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; background-image: none; text-decoration:none; } .blue-button-border:hover { background:rgba(58, 91, 162, 1) ; color: #ffffff; border-bottom:5px solid rgba(122, 134, 221, 1) ; line-height: 1.42857143; display: inline-block; padding-top:3px; height:34px; margin-bottom: 0; font-size: 14px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-touch-action: manipulation; -moz-touch-action: manipulation; -ms-touch-action: manipulation; -o-touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; background-image: none; text-decoration:none; } /*---------------------------buttons End--------------------------------*/ /*-----------------------------Form---------------------------------*/ .register-main .form-control { display: block; width: 100%; font-size: 14px; line-height: 1.42857143; color: #555; padding:5px 5px; background-image: none; border: 1px solid #DFDFDF; } .register-main .form-control:focus { border:1px solid rgba(237,237,237,1.00); outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(187,187,187,1.00); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(187,187,187,1.00); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(187,187,187,1.00); -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(187,187,187,1.00); -o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(187,187,187,1.00); background-color:rgba(180,231,195,0.87); } .register-main select.form-control:focus { border:1px solid rgba(237,237,237,1.00); outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(187,187,187,1.00); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(187,187,187,1.00); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(187,187,187,1.00); -ms-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(187,187,187,1.00); -o-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(187,187,187,1.00); background-color:rgba(255,255,255,0.87); } /*-----------------------------Form End---------------------------------* / /*-----------------------------Borders---------------------------------*/ .border-1px-grey { border:1px solid rgba(224, 224, 224, 1); } .border-rgt-1px-lgt-grey { border-right:1px solid #C7C7C7; } .border-1px-dark-orange { border:1px solid #D86E07; } .border-1px-light-grey { border:1px solid rgba(239,239,239,1.00); } .border-1px-btm-lgt-grey { border-bottom:1px #DFDFDF solid; } .border-radius-5px { border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; } .border-radius-left-5px { border-radius:5px 0px 0px 5px; } .border-radius-right-5px { border-radius:0px 5px 5px 0px; } .border-radius-bottom-5px { border-radius:0px 0px 5px 5px; } .border-radius-top-5px { border-radius:5px 5px 0px 0px; } .border-redius-none { border-radius:0px; } .bg-advert{ background: rgba(49,33,248,0.95); } /*-----------------------------Borders End---------------------------------*/ /*-------------------------------------------text styles and colors------------------------------------------*/ .text-decoration-underline { text-decoration:underline !important; } .text-decoration-none { text-decoration:none !important; } .center-text { text-align:center; } .left-text { text-align:left; } .right-text { text-align:right; } .font-weight-normal { font-weight:normal !important; } .font-dark-grey { color:#3B3B3B; } .font-normal-grey { color:#979797; } .font-light-grey { color: #909090; } .font-orange { color:rgb(0, 188, 213); } .font-orange1 { color:#FF7A05 !important; } .font-darkorange { color:#FF5A60; } .font-blue { color:#01BCD5 !important; } .color-blue{ color: #00BCD5!important; } .color-red{ color:#F50000 !important; } .font-darkblue { color:#4D69A2 !important; } .font-white { color: #ffffff; } .font-red { color:rgba(232,0,3,1.00); } .font-green { color:#00BCD5; } .ne-font-gold { color:#D2B100; } .font-size-14 { font-size:14px; } .font-size-16 { font-size:16px; } .font-37 { font-size:37px; } h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { font-family: 'Open Sans', sans-serif; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 10px; margin-bottom: 10px; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } @media(min-width:769px) and (max-width:999px) { p.help-text { font-size: 14px !important; text-align: center !important; position: absolute !important; top: -27px !important; width: 100% !important; padding-left: 0px !important; } .register-main h2,.h2,h3,.h3 { font-size:16px; font-weight:normal; } .font-12px-999 { font-size:12px !important; font-weight:normal ; } } @media(min-width:481px) and (max-width:768px) { p.help-text { font-size: 14px !important; text-align: center !important; position: absolute !important; top: -27px !important; width: 100% !important; padding-left: 0px !important; } .font-14px-768 { font-size:14px; font-weight:normal; } .font-12px-768 { font-size:12px; } } @media(min-width:321px) and (max-width:480px) { .font-12px-480 { font-size:12px; } .font-14px-480 { font-size:14px; font-weight:normal; } .font-16px-480 { font-size:16px; font-weight:normal; } .ne-pre-success h2 { font-size:95%; } .ne-pre-success h3 { font-size:95%; } .ne-pre-success .button-green-border-big { font-size:80%; } .ne-pre-success .button-green-border-big:hover,.button-green-border-big:focus { font-size:80%; } .ne-search-option .button-green-border-big:hover,.button-green-border-big:focus { font-size:100%; } } @media(min-width:200px) and (max-width:320px) { .font-12px-320 { font-size:12px; } .font-14px-320 { font-size:14px; } .register-main h2,.h2,h3,.h3 { font-size:14px; font-weight:normal; } .reg-main-title h2,.h2,h3,.h3 { font-size:18px; font-weight:normal; } .login h2 { font-size:16px; } .login h3 { font-size:80%; } .ne-pre-success .button-green-border-big { font-size:12px; } .ne-pre-success .button-green-border-big:hover,.button-green-border-big:focus { font-size:12px; } .ne-keyword-search .button-green-border-big:hover,.button-green-border-big:focus { font-size:18px !important; } } /*-------------------------------------------text styles and colors End--------------------------------------*/ /*--------------------------------pace css------------------------------*/ .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pace-inactive { display: none; } .pace .pace-progress { background: rgba(5,143,0,1.00); position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; } @media screen and (max-width: 768px) { .tufelmargin-5 { margin-top:5px; } } @media screen and (min-width:768px) { .tufelminwidth768 { width: 94%!important; } } /*--------------------------------pace css------------------------------*/ /*--------------------------------invoice--------------------------------*/ .invoice-font { font-family: 'Titillium Web', sans-serif !important; } .clearfix:after { content: ""; display: table; clear: both; } a { color: #0087C3; text-decoration: none; } header { padding: 10px 0; margin-bottom: 20px; border-bottom: 1px solid #AAAAAA; } #logo { float: left; margin-top: 8px; } #logo img { height: 70px; } #company { float: right; text-align: right; } #details { margin-bottom: 50px; } #client { padding-left: 6px; border-left: 6px solid #0087C3; float: left; } #client .to { color: #777777; } h2.name { font-size: 1.4em; font-weight: normal; margin: 0; } #invoice { float: right; text-align: right; } #invoice h1 { color: #0087C3; font-size: 2.4em; line-height: 1em; font-weight: normal; margin: 0 0 10px 0; } #invoice .date { font-size: 1.1em; color: #777777; } table { width: 100%; border-collapse: collapse; border-spacing: 0; margin-bottom: 20px; } table th, table td { /*padding: 20px; background:; text-align: center; border-bottom: 1px solid #FFFFFF;*/ } table th { white-space: nowrap; font-weight: normal; } table td { /* text-align: right;*/ } table td h3{ color: #57B223; font-size: 1.2em; font-weight: normal; margin: 0 0 0.2em 0; } table .no { color: #ffffff; font-size: 1.6em; background: #57B223; } table .desc { text-align: left; } table .unit { background: #DDDDDD; } table .qty { } table .total { background: #57B223; color: #ffffff; } table td.unit, table td.qty, table td.total { font-size: 1.2em; } table tbody tr:last-child td { /*border: none; border: 2px solid #ddd; text-align: center;*/ border-radius: 3px; } table tfoot td { padding: 10px 20px; border-bottom: none; font-size: 1.2em; white-space: nowrap; border-top: 1px solid #AAAAAA; } table tfoot tr:first-child td { border-top: none; } table tfoot tr:last-child td { color: #57B223; font-size: 1.4em; border-top: 1px solid #57B223; } table tfoot tr td:first-child { border: none; } #thanks{ font-size: 2em; margin-bottom: 50px; } #notices{ padding-left: 6px; border-left: 6px solid #0087C3; } #notices .notice { font-size: 1.2em; } /*----------------------------------invoice End--------------------------------*/ /*--------------------------------New Breadcrumb--------------------------------*/ ul{ margin: 0; padding: 0; list-style: none; } #ne-breadcrumb li{ float: left; } #ne-breadcrumb a{ padding: .7em 1em .7em 2em; float: left; text-decoration: none; color: #FF5A60; position: relative; background-color: #ddd; background-image: linear-gradient(to right, #f5f5f5, #ddd); } #ne-breadcrumb li:first-child a{ padding-left: 1em; } #ne-breadcrumb a:hover{ background: #fff; } #ne-breadcrumb a::after, #ne-breadcrumb a::before{ content: ""; position: absolute; top: 50%; margin-top: -1.5em; border-top: 1.5em solid transparent; border-bottom: 1.5em solid transparent; border-left: 1em solid; right: -1em; } #ne-breadcrumb a::after{ z-index: 2; border-left-color: #ddd; } #ne-breadcrumb a::before{ border-left-color: #ccc; right: -1.1em; z-index: 1; } #ne-breadcrumb a:hover::after{ border-left-color: #fff; } #ne-breadcrumb .current, #ne-breadcrumb .current:hover{ font-weight: bold; background: none; } #ne-breadcrumb .current::after, #ne-breadcrumb .current::before{ content: normal; } /*--------------------------------New Breadcrumb End--------------------------------*/ /*----------------------------------------After Login Pages------------------------------------------------------------------------------*/ .neSmallResult { background:rgba(247, 247, 247, 1); margin-bottom:10px; margin-top:10px; padding-top:10px; box-shadow: inset 1px 1px 100px -11px rgba(221, 221, 221, 1); } .neRefineScroll { height:170px; overflow-y:scroll; } .neRefineSearch ul li { padding-top:8px; padding-bottom:8px; } .neRefineSearch .neBoxShadowBtm2px { box-shadow: 0px 2px 2px 0px rgba(180,180,180,1.00); } .neRefineSearch ul li:nth-child(2n+1) { background:rgba(239,239,239,1.00); } .neStoryBox img { width:100%; height:250px; } .neAfterBucket .proDetailHover li { font-size:13px; } .ne_photo_upload .button-fb-blue-border-big i { font-size:28px; } .ne_photo_upload .button-green-border-big i { font-size:28px; } .ne_shadow_title { box-shadow:0px 2px 2px 0px rgba(226, 226, 226, 1); } .ne-aft-log .ne-aft-log-tp { background:#F5F5F5; } .ne-aft-log .ne-aft-log-tp-opt { border-right:1px solid #D8D8D8; } .ne-aft-log .ne-aft-log-tp-opt .dropdown a { color:#4F4F4F; text-shadow:1px 1px 2px #D5D5D5; } .ne-aft-log .ne-aft-log-tp-opt .dropdown ul { padding:10px; border-radius:0px; margin-top:20px; } .ne-aft-log .ne-aft-log-tp-opt .dropdown a:hover { color:rgba(5,143,0,1.00); } .ne-aft-log .ne-aft-log-tp-opt .dropdown ul li a { padding-top:10px; padding-bottom:10px; border-bottom:1px solid #E0E0E0; text-shadow: 0px 1px 1px #D5D5D5; } .ne-aft-log .ne-aft-log-tp-opt .dropdown ul li a i { padding-right:20px; color:#EC7D00; } .ne-aft-log .ne-tp-not { padding-top:15px; padding-bottom:15px; } .ne-aft-log .ne-tp-not a { color:rgba(5,143,0,1.00); } .ne-aft-log .ne-tp-not .ne-tp-badge { background:#D50003; color: #ffffff; padding:3px 7px 3px 7px; position:absolute; font-size:12px; z-index:1; margin-left:10px; margin-top:-15px; } .ne-aft-log .ne-tp-not .dropdown-menu { min-width:250px; padding-left:10px; padding-right:10px; } .ne-aft-log .ne-tp-not ul li .ne-tp-not-text { padding-top:3px; padding-bottom:3px; padding-right:0px; } .ne-aft-log .ne-tp-not ul li a { padding-left:15px; padding-right:5px; } .ne-aft-log .ne-tp-not ul li a { padding-left:15px; padding-right:5px; } .ne-aft-log .ne-tp-not .dropdown-menu li { border-bottom:1px solid #E1E1E1; } .ne-aft-log .ne-tp-not .dropdown-menu li .img-thumbnail { margin-bottom:5px; } .ne_myhome_tab .nav li a { display:inline-block; padding:15px 15px; background:#00BCD5; color:rgba(255,255,255,1.00); transition:all 0.5s ease-in-out; border-right: 1px solid #000; border-left: 1px solid rgba(237, 237, 237, 1); } .ne_myhome_tab .nav li.active a,.ne_myhome_tab .nav li.active a:hover,.ne_myhome_tab .nav li.active a:focus { padding-top:20px; padding-bottom:20px; background:#fff; color:rgba(74,74,74,1.00); box-shadow: 0px -9px 7px -5px rgba(216, 216, 216, 1); border-right: 1px solid #ddd; border-left: 1px solid #ddd; border-top: 1px solid #ddd; } .ne_myhome_tab .nav li a:hover { display:inline-block; padding:15px 15px; } .ne_myhome_tab .nav { padding-left:0px; padding-right:0px; } .ne_myhome_tab .tab-content { border-radius: 3px; border-top: none; background:#fff; box-shadow: 0 1px 2px rgba(43,59,93,0.29); /* border-bottom: 1px solid rgba(233,233,233,1.00); */ /* border-left: 1px solid rgba(233,233,233,1.00); */ /* border-right: 1px solid rgba(233,233,233,1.00); */ } .bg-border{ border-radius: 3px; border-top: none; background: #fff; box-shadow: 0 1px 3px rgba(43,59,93,0.29); padding:25px 18px; /* margin-bottom: 40px !important; */ } .bg-border-normal{ border-radius: 3px; border-top: none; background: #f8f8f8; box-shadow: 0 1px 2px rgba(43,59,93,0.29); padding: 15px; } /*//////////////////////////////////---menu part After Login---//////////////////////////////////////////*/ .ne-aft-log header .nav > li > a { position: relative; display: block; padding-left:25px; padding-right:25px; } .ne-aft-log header { border-bottom:none; padding-top:0px; } .ne-aft-log header .dropdown-menu { padding: 5px 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; border: 1px solid #00BCD5; border-radius: 0px; -webkit-box-shadow: 1px 1px 2px 0px rgba(197, 197, 197, 1); box-shadow: 1px 1px 2px 0px rgba(197, 197, 197, 1); } .ne-aft-log header .dropdown-menu > li > a:hover, .ne-aft-log header .dropdown-menu > li > a:focus { padding-top:10px; padding-bottom:10px; } .ne-aft-log header .dropdown-menu > li > a { padding: 10px 20px; } .ne-aft-log header .navbar { position: relative; min-height:55px; margin-bottom:0px; border: 0px; } .ne-aft-log header .navbar-default .navbar-nav > li > a { color: #4F4F4F; text-shadow: 2px 2px 2px #ddd; /* text-shadow: 1px 1px 2px rgba(255,255,255,1.00); */ } .ne-aft-log header .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid rgb(211, 211, 211); } .ne-aft-log header .navbar-default .navbar-nav > .active > a, .ne-aft-log header .navbar-default .navbar-nav > .active > a:hover, .ne-aft-log header .navbar-default .navbar-nav > .active > a:focus { color: #ffffff; background-color:#00BCD5; text-shadow:1px 1px 2px #000; border-bottom:none; border-top: 1px solid #00838f; } .ne-aft-log header .navbar-default .navbar-nav > .open > a, .ne-aft-log header .navbar-default .navbar-nav > .open > a:hover, .ne-aft-log header .navbar-default .navbar-nav > .open > a:focus { color: rgba(5,143,0,1.00); background-color: rgba(240, 240, 240, 1); text-shadow:1px 1px 2px #fff; border-bottom:5px solid rgba(5,143,0,1.00); } .ne-aft-log header .navbar-default { /* border-bottom:5px solid rgba(236, 125, 0, 1); */ border-bottom:5px solid #00BCD5; /* box-shadow:1px 1px 2px 0px #ACACAC; */ background:#fff; } .ne-aft-log header .navbar { border-radius:0px; } .ne-aft-log header .navbar-default .navbar-nav > li > a:hover, .ne-aft-log header .navbar-default .navbar-nav > li > a:focus { color: #01BCD5; background-color:rgba(240, 240, 240, 1); border-bottom:5px solid #01BCD5; } @media(max-width:767px) { .ne-aft-log header .navbar-nav .open .dropdown-menu { background-color: #FFFFFF !important; color:rgba(5,143,0,1.00); width: auto; float: none !important; } .ne-aft-log header .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .ne-aft-log header .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color:rgba(5,143,0,1.00); background-color:#f5f5f5 !important; box-shadow: -2px -2px 4px -1px rgb(176, 176, 176) inset !important; border-bottom: 1px solid rgb(209, 209, 209) !important; } .ne-aft-log header .navbar-default .navbar-nav > li > a:hover, .ne-aft-log header .navbar-default .navbar-nav > li > a:focus { color: rgba(5,143,0,1.00); background-color: rgba(240, 240, 240, 1); border-bottom:none; } } @media(min-width:768px) and (max-width:999px) { .ne-aft-log header .nav > li > a { padding-left: 10px; padding-right: 10px; font-size:11px; } .ne-aft-log header .navbar { min-height: 56px; } } /*-------------------xxl-------------------*/ @media(min-width:1200px) { } /*-------------------xxl end-----------------*/ /*-------------------xl----------------------*/ @media(min-width:1000px) and (max-width:1199px) { .ne-aft-log header .nav > li > a { padding-left: 20px; padding-right: 20px; font-size:14px; } } /*-----------------xl End-------------------*/ /*------------------- l ----------------------*/ @media(min-width:769px) and (max-width:999px) { .ne-aft-log header .nav > li > a { padding-left: 10px; padding-right: 10px; font-size:12px; } .ne-aft-log header .navbar { min-height: 56px; } } /*----------------- l End-------------------*/ /*-------------------M----------------------*/ @media(min-width:481px) and (max-width:768px) { .ne-aft-log .ne-aft-log-tp-opt-mobile .ne-toggle-mobile-header { padding-top:24px; padding-bottom:24px; } .ne-aft-log .ne-aft-log-tp-opt-mobile .ne-toggle-mobile-header { color:#535353; } .ne-aft-log .ne-aft-log-tp-opt-mobile .ne-mobile-collapse-header { margin-top:5px; background:#fff; } .ne-aft-log .ne-aft-log-tp-opt-mobile .ne-mobile-collapse-header li { color:#565656; padding-left:15px; padding-right:15px; } .ne-aft-log .ne-aft-log-tp-opt-mobile .ne-mobile-collapse-header li:hover { color:#565656; background-color:#EFEFEF; } .ne-aft-log .ne-aft-log-tp-opt-mobile .ne-mobile-collapse-header li a { color:#565656; padding-top:10px; padding-bottom:10px; border-bottom: 1px solid #E0E0E0; text-shadow: 0px 1px 1px #D5D5D5; } .ne-aft-log .ne-aft-log-tp-opt-mobile .ne-mobile-collapse-header li a:hover { color:rgba(5,143,0,1.00); } .ne-aft-log .ne-aft-log-tp-opt-mobile .ne-mobile-collapse-header li i { color:#EC7D00; padding-right:10px; font-size:13px; } .ne-aft-log .ne-tp-not { padding-top: 20px; padding-bottom: 0px; } } /*-----------------M End-------------------*/ /*-------------------S----------------------*/ @media(min-width:321px) and (max-width:480px) { .ne-aft-log .ne-aft-log-tp-opt-mobile .ne-toggle-mobile-header { padding-top:20px; padding-bottom:20px; } .ne-aft-log .ne-aft-log-tp-opt-mobile .ne-toggle-mobile-header { color:#535353; } .ne-aft-log .ne-aft-log-tp-opt-mobile .ne-mobile-collapse-header { margin-top:5px; background:#fff; } .ne-aft-log .ne-aft-log-tp-opt-mobile .ne-mobile-collapse-header li { color:#565656; padding-left:15px; padding-right:15px; } .ne-aft-log .ne-aft-log-tp-opt-mobile .ne-mobile-collapse-header li:hover { color:#565656; background-color:#EFEFEF; } .ne-aft-log .ne-aft-log-tp-opt-mobile .ne-mobile-collapse-header li a { color:#565656; padding-top:10px; padding-bottom:10px; border-bottom: 1px solid #E0E0E0; text-shadow: 0px 1px 1px #D5D5D5; } .ne-aft-log .ne-aft-log-tp-opt-mobile .ne-mobile-collapse-header li a:hover { color:rgba(5,143,0,1.00); } .ne-aft-log .ne-aft-log-tp-opt-mobile .ne-mobile-collapse-header li i { color:#EC7D00; padding-right:10px; font-size:13px; } .ne-aft-log .ne-tp-not { padding-top: 20px; padding-bottom: 0px; } .ne_alert_setting_tab .ne_alert_h3 { font-size:14px; } } /*-----------------S End-------------------*/ /*-------------------xs----------------------*/ @media(max-width:320px) { .ne-aft-log .ne-aft-log-tp-opt-mobile .ne-toggle-mobile-header { padding-top:15px; padding-bottom:10px; } .ne-aft-log .ne-aft-log-tp-opt-mobile .ne-toggle-mobile-header { color:#535353; } .ne-aft-log .ne-aft-log-tp-opt-mobile .ne-mobile-collapse-header { margin-top:5px; background:#fff; } .ne-aft-log .ne-aft-log-tp-opt-mobile .ne-mobile-collapse-header li { color:#565656; padding-left:15px; padding-right:15px; } .ne-aft-log .ne-aft-log-tp-opt-mobile .ne-mobile-collapse-header li:hover { color:#565656; background-color:#EFEFEF; } .ne-aft-log .ne-aft-log-tp-opt-mobile .ne-mobile-collapse-header li a { color:#565656; padding-top:10px; padding-bottom:10px; border-bottom: 1px solid #E0E0E0; text-shadow: 0px 1px 1px #D5D5D5; } .ne-aft-log .ne-aft-log-tp-opt-mobile .ne-mobile-collapse-header li a:hover { color:rgba(5,143,0,1.00); } .ne-aft-log .ne-aft-log-tp-opt-mobile .ne-mobile-collapse-header li i { color:#EC7D00; padding-right:10px; font-size:13px; } .ne-aft-log .ne-tp-not { padding-top: 20px; padding-bottom: 0px; } .ne_alert_setting_tab .ne_alert_h3 { font-size:14px; } } /*-----------------xs End-------------------*/ /*//////////////////////////////////---menu part After Login End---//////////////////////////////////////////*/ /*-------------------------------------- Margins------------------------------------------------------*/ .ne_mrg_ri8_10 { margin-right:10px; } .ne_mrg_ri8_5 { margin-right:5px; } @media(min-width:769px) and (max-width:999px) { .ne_mrg_tp_10px_l { margin-top:10px; } } /*-------------------------------------- Margins End----------------------------------------------------*/ /*-------------------------------------- Paddings-----------------------------------------------------*/ .ne_pad_left_5px { padding-left:5px !important; } .ne_pad_tp_15px { padding-top:15px; } .ne_pad_btm_15px { padding-bottom:15px; } .ne_pad_btm_10px { padding-bottom:10px; } .ne_pad_tp_10px { padding-top:10px; } .ne_pad_tp_5px { padding-top:5px; } .ne_pad_btm_5px { padding-bottom:5px; } .ne_pad_tp_3px { padding-top:3px; } .ne_pad_tp_7px { padding-top:7px; } .ne_pad_tp_btm_24px { padding-top:24px !important; padding-bottom:24px !important; } .ne_pad_tb_0 { padding-top:0px !important; padding-bottom:0px !important; } /*-------------------------------------- Paddings End---------------------------------------------------*/ /*-------------------------------------- font colors & size---------------------------------------------*/ .ne_font_weight_bold { font-weight:bold; } .ne_font_weight_nrm { font-weight:normal; } .ne_font_dark_grey { color:#494949; } .ne_font_nrm_grey { color:#C8C8C8; } .ne_font_lgt_grey { color:#EDEDED; } .neLgtGrey { color:rgba(126,126,126,1.00); } .ne_font_20 { font-size:20px; } .ne_font_18 { font-size:18px; } .ne_font_16 { font-size:16px; } .ne_font_15 { font-size:15px; } .ne_font_14 { font-size:14px !important; } .ne_font_13 { font-size:13px !important; } .ne_font_12 { font-size:12px !important; } .ne_font_11 { font-size:11px; } @media(min-width:200px) and (max-width:320px) { .ne_font_18 { font-size:100% !important; } .ne_font_20 { font-size:100% !important; } } @media(min-width:769px) and (max-width:999px) { .ne_font_18 { font-size:95% !important; } .ne_font_20 { font-size:95% !important; } } @media(min-width:1000px) and (max-width:1199px) { .ne_font_18 { font-size:95% !important; } .ne_font_20 { font-size:95% !important; } } /*-------------------------------------- font colors & size End-----------------------------------------*/ /*-------------------------------------- background-----------------------------------------------------*/ .ne_bg_light_grey { background:rgba(236,236,236,1.00); } .ne_bg_light_orange { background:rgba(241,118,24,0.53); } .ne_bg_offwhite { background-color: #FAFAFA !important; } .ne_bg_alert { background-color: rgba(49,33,248,0.95); color: #ffffff; text-align: left; font: bold 13px/15px arial!important; } /*-------------------------------------- background End-------------------------------------------------*/ /*----------------------------------------Buttons-------------------------------------------------------*/ .btn { border:1px solid transparent; padding: 12px; /* display: block; */ background: #3121f8 !important; border-radius: 3px; font-size:12px; text-align:center; color: #ffffff !important; } .btn-default { border-color:rgba(218, 218, 218, 1); background:rgba(247,247,247,1.00); color:rgba(25,25,25,1.00); transition:ease-in-out 0.3s; -webkit-transition:ease-in-out 0.3s; -ms-transition:ease-in-out 0.3s; -moz-transition:ease-in-out 0.3s; -o-transition:ease-in-out 0.3s; } .btn-default:hover,.btn-default:focus { border-color:rgba(215,215,215,1.00); background:rgba(255,255,255,1.00); color:rgba(25,25,25,1.00); } .btn-orange { border-color:#EC7D00; background:#EC7D00; color: #ffffff; transition:ease-in-out 0.3s; -webkit-transition:ease-in-out 0.3s; -ms-transition:ease-in-out 0.3s; -moz-transition:ease-in-out 0.3s; -o-transition:ease-in-out 0.3s; } .btn-orange:hover,.btn-orange:focus { border-color: #D37101; background: #B86100; color: #ffffff; } .btn-danger { border-color: #EA0000; background: #F50000 !important; color:white !important; transition:ease-in-out 0.3s; -webkit-transition:ease-in-out 0.3s; -ms-transition:ease-in-out 0.3s; -moz-transition:ease-in-out 0.3s; -o-transition:ease-in-out 0.3s; } .btn-danger:hover,.btn-danger:focus { border-color: #BD0000; background: #A80000; color: #ffffff; } .btn-green { border-color: #058F00; background: #058F00; color: #ffffff; transition:ease-in-out 0.3s; -webkit-transition:ease-in-out 0.3s; -ms-transition:ease-in-out 0.3s; -moz-transition:ease-in-out 0.3s; -o-transition:ease-in-out 0.3s; } .btn-green:hover,.btn-green:focus { border-color: #034F00; background: #035F00; color: #ffffff; } .btn-delete { padding: 7px 9px; border-radius: 50%; background: rgba(242, 241, 241, 1); box-shadow: inset 0px -1px 2px 0px rgba(131, 131, 131, 1); } .btn-delete:hover { background:rgba(255,255,255,1.00); box-shadow: inset 1px 1px 2px 0px rgba(131, 131, 131, 1); } .exp-sent-btn { color: #ffffff; border: 1px solid #CBCBCB; padding:5px 5px; background: rgba(49,33,248,0.95); font-weight:bold; border-radius:3px; text-align:center; } .exp-sent-btn:hover,exp-sent-btn:focus { color:#707070; } a.btn-compose-new-msg { font-size: 15px; padding: 12px 10px; width:100%; display:inline; text-align:center; vertical-align:middle; background: rgba(49,33,248,0.95); color:rgba(255,255,255,1.00); border-radius: 3px; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-webkit-transition:all 0.5s ease-in-out; } a.btn-compose-new-msg:hover,a.btn-compose-new-msg:focus { color:rgba(228,228,228,1.00); box-shadow: 2px 0px 4px 0px rgba(190, 190, 190, 1); } a.btn-search { border:1px solid rgba(221,221,221,1.00); padding:5px 10px; font-size:15px; display:inline-block; color:rgba(45,45,45,1.00); background:rgba(228,228,228,1.00); width:100%; text-align:center; transition:all 0.3s ease-in-out; } a.btn-search:hover,a.btn-search:focus { color:rgba(122,122,122,1.00); background:rgba(211,211,211,1.00); } a.btn-link-big { background:rgba(245, 245, 245, 1); color:rgba(83,83,83,1.00); border-bottom:5px solid rgba(158, 158, 158, 1) ; border-top:1px solid rgba(229, 229, 229, 1) ; border-left:1px solid rgba(229, 229, 229, 1) ; border-right:1px solid rgba(229, 229, 229, 1) ; line-height: 1.42857143; padding: 10px 17px; margin-bottom: 0; font-size: 18px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; text-decoration:none; } a.btn-link-big:hover, a.btn-link-big:focus { background:rgba(232, 232, 232, 1); color:rgba(83,83,83,1.00); border-bottom:5px solid rgba(158, 158, 158, 1) ; border-top:1px solid rgba(229, 229, 229, 1) ; border-left:1px solid rgba(229, 229, 229, 1) ; border-right:1px solid rgba(229, 229, 229, 1) ; line-height: 1.42857143; margin-bottom: 0; font-size: 18px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; text-decoration:none; } /*-----------------------------------------Buttons End-------------------------------------------------*/ /*-------------------------------------- borders--------------------------------------------------------*/ .ne-bdr-lgt-grey { /* border:1px solid #00BCD5; */ border:1px solid #D5D5D5; } .ne-bdr-nrm-grey { border:1px solid #C8C8C8; } .ne-bdr-dark-grey { border:1px solid #828282; } .ne-bdr-btm-lgt-grey { /* border-bottom:1px solid #00BCD5; */ border-bottom: 1px solid #d5d5d5; } .ne-bdr-btm-nrm-grey { border-bottom:1px solid #C8C8C8; } .ne-bdr-btm-dark-grey { border-bottom:1px solid #828282; } .ne-bdr-tp-lgt-grey { border-top:1px solid #D8D8D8; } .ne-bdr-tp-nrm-grey { border-top:1px solid #C8C8C8; } .ne-bdr-tp-dark-grey { border-top:1px solid #828282; } /*-------------------------------------- borders End----------------------------------------------------*/ /*-------------------------------------- Extra css--------------------------------------------------------*/ ul.neResultBottomIcons { text-align:center; } ul.neResultBottomIcons li { display: inline-block; font-size: 20px; padding-left: 13px; padding-right: 13px; text-align: center; } ul.neResultBottomIcons li a { color:rgba(0,0,0,1.00); } ul.neResultBottomIcons li a img { width:24px; height:24px; } .neNotification li a img { width:50px; height:50px; border-radius:25px; } .neNotification li a { text-decoration:none; padding-top:10px; padding-bottom:10px; border-bottom:1px solid rgba(239,239,239,1.00); } .neNotification li a { } ul.proDetailHover li:nth-child(2n+1) { /* background:rgba(249, 249, 249, 1); */ } ul.proDetailHover li { padding: 2px 0; transition: ease-in-out 0.5s all; color: black; font-size: 13px; } ul.proDetailHover li:hover, ul.proDetailHover li:focus { /* position:relative; */ z-index:100; background:rgba(225, 250, 211, 0.5); } .neBoxShdOffwhite-1px { box-shadow: 1px 1px 2px 0px #D5D5D5; } .ne_view_profile .ne_view_profile_img { box-shadow:2px 3px 2px 0px #DEDEDE; } .ne_view_profile a.neContactBtn { border-left: 5px solid rgba(12, 147, 7, 1); box-shadow: 4px 0px 3px 0px rgba(155, 155, 155, 1); color:rgba(255,255,255,1.00); background:rgba(102, 173, 99, 1); padding-top:15px; padding-bottom:15px; } .ne_view_profile a.neContactBtn h2 { font-size:13px; } .ne_view_profile a.neContactBtn:hover, .ne_view_profile a.neContactBtn:focus { border-left: 5px solid rgba(12, 147, 7, 1); color:rgba(255,255,255,1.00); background:rgba(12, 147, 7, 1); transition:all 0.5s ease-out; } .compose_msg_addon { background-color:rgba(242, 242, 242, 1); padding:9px 10px; border-radius: 5px 0px 0px 5px; box-shadow:1px 1px 3px 0px rgba(201,201,201,1.00); color:rgba(0,0,0,1.00); } .ne_msg_attachment { height:100px; background:rgba(223,127,128,1.00); } .ne_msg_img { width:32px; height:32px; border:2px solid rgba(240,240,240,1.00); } .ne_inbox_right_pan .ne_inbox_msg_id { color:rgba(30,30,30,1.00); padding-top:2px; font-size:13px; margin-left:15px; } .ne_inbox_right_pan .ne_inbox_msg_id_unreaded { font-weight:bolder; font-size:11px; } .ne_inbox_right_pan .ne_inbox_msg_id_readed { font-weight:normal; } .ne_inbox_right_pan .ne_inbox_msg_id:hover,ne_inbox_right_pan .ne_inbox_msg_id:focus { color:rgba(130,130,130,1.00); } .ne_inbox_right_pan .ne_inbox_msg_content { color:rgba(0,0,0,1.00); padding-top:2px; font-size:13px; } .ne_inbox_right_pan .ne_inbox_msg_content:hover,.ne_inbox_right_pan .ne_inbox_msg_content:focus { color:rgba(130,130,130,1.00); } .ne_inbox_right_pan ul li.ne_inbox_msg:nth-child(2n+1) { background:rgba(239, 239, 239, 1); padding:10px 5px; } .ne_inbox_right_pan ul li.ne_inbox_msg { background:rgba(255,255,255,1.00); padding:10px 5px; } .ne_inbox_msg .ne_inbox_msg_imp { color:rgba(207, 207, 207, 1); } .ne_inbox_msg_imp_active { color:rgba(244,189,0,1.00); } .ne_inbox_msg_section { border:1px solid rgba(242, 242, 242, 1); background:rgba(247, 247, 247, 0.82); } .ne-bdr-tpstrip-inbox { border:1px solid #EDEDED; padding:5px 10px !important; } .ne_disply-inline-blk { display:inline-block; cursor:pointer; } .inner-addon { position: relative; } /* style glyph */ .inner-addon .glyphicon { position: absolute; padding: 8px; pointer-events: none; color:rgba(229, 229, 229, 1); } /* align glyph */ .left-addon .glyphicon { left: 0px;} .right-addon .glyphicon { right: 0px;} /* add padding */ .left-addon input { padding-left: 30px; } .right-addon input { padding-right: 30px; } a.ne_msg_next { font-size:16px; color:rgba(71,71,71,1.00); padding:4px 15px; display:inline-block; background:rgba(248, 248, 248, 0.99); border: 1px solid rgb(224, 224, 224); } a.ne_msg_next:hover,a.ne_msg_next:focus { color:rgba(71,71,71,1.00); background:rgba(240,240,240,1.00); border: 1px solid rgb(224, 224, 224); } a.ne_msg_previous { font-size:16px; color:rgba(71,71,71,1.00); padding:4px 15px; display:inline-block; background:rgba(248, 248, 248, 0.99); border: 1px solid rgb(224, 224, 224); } a.ne_msg_previous:focus,a.ne_msg_previous:hover { color:rgba(71,71,71,1.00); background:rgba(240,240,240,1.00); border: 1px solid rgb(224, 224, 224); } .ne-counter { background:rgba(142, 142, 142, 1); padding:5px 15px; color:rgba(253,253,253,1.00); font-size:10px; border-radius:5px; box-shadow:1px 1px 2px 0px rgba(91,91,91,1.00); } .ne_inbox_right_pan a.ne_msg_tp_strip { font-size: 15px; padding: 6px 12px; /* border: 1px solid #ccc; */ margin-right: 10px; display: inline-block; color: rgba(137, 137, 137, 1); /* box-shadow: 0 0px 1px rgba(0, 0, 0, 0.175); */ /* background: linear-gradient(to bottom, #ffffff, #e6e6e6) !important; */ } .ne_inbox_right_pan a.ne_msg_tp_strip:hover { display:inline-block; color:rgba(0,0,0,1.00); background:rgba(239, 239, 239, 1); box-shadow: 0 0px 1px rgba(0, 0, 0, 0.175) } .ne_inbox_left_pan ul li:nth-child( 2n+1 ) a { background:rgba(244, 244, 244, 1); } .ne_inbox_left_pan ul li { border-bottom:1px solid rgba(231, 231, 231, 1); } .ne_inbox_left_pan ul li a { font-size:12px; color:#FF5A60; transition:all 0.3s ease-in-out; } .ne_inbox_left_pan ul li a.active { background-color:#FF5A60; color: #ffffff; } .ne_inbox_left_pan ul li a:hover,.ne_inbox_left_pan ul li a:focus { background: rgba(234, 234, 234, 1); } .ne_inbox_left_pan ul li:last-child { border-bottom:none; } .ne_inbox_left_pan ul li a { padding-top:10px; padding-bottom:10px; } .ne_exp_sended_detail a { color:rgba(0,0,0,1.00); } .ne_exp_sended_detail a:hover,.ne_exp_sended_detail a:focus { color:rgba(130,130,130,1.00); } .ne_exp_sended_detail .active { color:#058F00; animation-name:exp-online; animation-duration:1s; animation-timing-function:ease-in; animation-iteration-count:infinite; -webkit-animation-name:exp-online; -webkit-animation-duration:1s; -webkit-animation-timing-function:ease-in; -webkit-animation-iteration-count:infinite; } @keyframes exp-online { 0% { color:#08FF00; } 20% { color:#06D800; } 40% { color:#05AD00; } 60% { color:#037600; } 80% { color:#014E00; } 100% { color:#001E00; } } @-webkit-keyframes exp-online { 0% { color:#08FF00; } 20% { color:#06D800; } 40% { color:#05AD00; } 60% { color:#037600; } 80% { color:#014E00; } 100% { color:#001E00; } } .ne_exp_sended img { width:100%; max-height:120px; border:5px solid rgba(221, 221, 221, 0.5); border-radius:3px; } .ne_exp_sended { border:rgba(228,228,228,1.00) solid 1px; background:rgba(255,255,255,1.00); display:block; margin-top:10px; border-radius:4px; transition:all 0.5s ease-in-out; animation-name:exp-send; animation-duration:2s; animation-iteration-count: 1s; animation-timing-function: ease-in-out; -webkit-animation-name:exp-send; -webkit-animation-duration:2s; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: 1s; box-shadow: inset 1px 1px 50px 0px rgb(231, 231, 231); } .ne_exp_sended:hover { display:block; background:rgba(248, 248, 248, 1); } @keyframes exp-send { 0% { opacity:0.1; } 75% { opacity:0.8; } } @-webkit-keyframes exp-send { 0% { opacity:0.1; } 75% { opacity:0.8; } } .ne-box-shd-1px-lgt-grey { box-shadow: 1px 1px 2px 0px #BDBDBD; } .ne_lft_detail_home .ne_home_detail a { color:#474747; font-size: 13px; } .ne_lft_detail_home .ne_home_detail a:hover { color:#ff5a60; text-shadow:none; } .ne_lft_detail_home .ne_home_detail a i { color:rgba(49,33,248,0.95); } a.ne_left_msg { color:#00BCD5; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #E0E0E0; font-size:14px; } a.ne_left_msg_nomargin { color:#00BCD5; /* padding-top:10px; */ /* padding-bottom:10px; */ border-bottom:1px solid #E0E0E0; font-size:14px; } a.ne_left_msg:hover,a.ne_left_msg:focus { color:#ff5a60; } .ne_myhome_save_search a { color:#7B7B7B; } .ne_myhome_save_search a:hover, .ne_myhome_save_search a:hover { color:#4D4D4D; } .ne_left_msg_opt { margin-top:10px; } .ne_left_msg_opt a { padding-top:10px; padding-bottom:10px; color:#7B7B7B; transition:all 0.3s ease-in-out; -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; font-size:13px; } .ne_left_msg_opt a:hover,ne_left_msg_opt a:focus { background:#eee; color: #3121f8; text-shadow: 0px 1px 0px #666; box-shadow: 0 1px 3px rgba(43,59,93,0.25); } .ne_left_msg_badge { display: inline-block; background-color: #cccccc; font: normal 12px arial; color: #ffffff; border-radius: 3px; padding: 2px 6px; float: right; text-shadow: 1px 1px 1px #111; box-shadow: 0 1px 2px rgba(43,59,93,0.55); } .ne_myhome_featured-pro .owl-carousel img { width:70px; height:70px; border-radius:50%; border: 1px solid #dfe0e3; } img.no-radius { width: 240px !important; height: 175px !important; border-radius: 3px !important; border: 1px solid #dfe0e3 !important; } .ne_result { background: rgba(247,247,247,1.00); padding-top: 10px; padding-bottom: 15px; border-radius: 3px; border-top: solid 5px #ff5a60; /* border: 1px solid rgba(229, 229, 229, 1); */ transition: ease-in-out 0.5s; -webkit-transition: ease-in-out 0.5s; -moz-transition: ease-in-out 0.5s; -ms-transition: ease-in-out 0.5s; -o-transition: ease-in-out 0.5s; box-shadow: 0 1px 2px rgba(43,59,93,0.29); } .ne_result:hover,ne_result:focus { background: rgba(255, 255, 255, 1); display: block; border-top: solid 5px #ff5a60; box-shadow: 0 1px 2px rgba(43,59,93,0.29), 0 0 13px rgba(43,59,93,0.29); -webkit-box-shadow: 0 1px 2px rgba(43,59,93,0.29), 0 0 13px rgba(43,59,93,0.29); -ms-box-shadow: 0 1px 2px rgba(43,59,93,0.29), 0 0 13px rgba(43,59,93,0.29); -o-box-shadow: 0 1px 2px rgba(43,59,93,0.29), 0 0 13px rgba(43,59,93,0.29); transition: .3s all; -webkit-transition: .3s all; -moz-transition: .3s all; -ms-transition: .3s all; -o-transition: .3s all; } .ne_result .ne_result_img { border-radius:0px; width:100%; height:auto; border: solid 1px #dfe0e3; padding: 3px; border-radius: 3px; background: #fff; } img.img-responsive.myimg.premium_member { border-radius:0px; width:100%; height:auto; border: solid 1px #ff5a60 !important; padding: 3px; border-radius: 3px; background: #fff; } .premium-member-plus{ background: url(../images/icon/premium-plus-ribbon.gif) no-repeat left top; position: absolute; top: -185px; left: -5px; width: 65px; height: 65px; z-index: 21; } .premium-member{ background: url(../images/icon/premium-plus-ribbon.gif) no-repeat left -74px!important; position: absolute; top: -185px; left: -5px; width: 65px; height: 65px; z-index: 21; } .ne_result h2 a { color:rgba(78,78,78,1.00); transition:ease-in-out 0.3s; -webkit-transition:ease-in-out 0.3s; -moz-transition:ease-in-out 0.3s; -ms-transition:ease-in-out 0.3s; -o-transition:ease-in-out 0.3s; font-size:20px; } .ne_result h2 a:hover { color:rgba(0,156,204,1.00); } .ne_result h3 a { font-size:14px; padding-top:5px; text-align:right; color:rgba(78,78,78,1.00); } .ne_result h4 a { font-size:14px; padding-top:5px; text-align:center; color:rgba(78,78,78,1.00); margin-bottom:2px; } .ne_result h4 a i.active { font-size:12px; color:rgba(4,128,0,1.00); vertical-align:middle; } /*--------------------notification-bell-top-header-css------------------------------*/ @-webkit-keyframes spaceboots { 0% { -webkit-transform: translate(2px, 1px) rotate(0deg); } 10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); } 30% { -webkit-transform: translate(0px, 2px) rotate(0deg); } 40% { -webkit-transform: translate(1px, -1px) rotate(1deg); } 50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); } 70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); } 80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); } 90% { -webkit-transform: translate(2px, 2px) rotate(0deg); } 100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); } } @-moz-keyframes spaceboots { 0% { -moz-transform: translate(2px, 1px) rotate(0deg); } 10% { -moz-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -moz-transform: translate(-3px, 0px) rotate(1deg); } 30% { -moz-transform: translate(0px, 2px) rotate(0deg); } 40% { -moz-transform: translate(1px, -1px) rotate(1deg); } 50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -moz-transform: translate(-3px, 1px) rotate(0deg); } 70% { -moz-transform: translate(2px, 1px) rotate(-1deg); } 80% { -moz-transform: translate(-1px, -1px) rotate(1deg); } 90% { -moz-transform: translate(2px, 2px) rotate(0deg); } 100% { -moz-transform: translate(1px, -2px) rotate(-1deg); } } @-o-keyframes spaceboots { 0% { -o-transform: translate(2px, 1px) rotate(0deg); } 10% { -o-transform: translate(-1px, -2px) rotate(-1deg); } 20% { -o-transform: translate(-3px, 0px) rotate(1deg); } 30% { -o-transform: translate(0px, 2px) rotate(0deg); } 40% { -o-transform: translate(1px, -1px) rotate(1deg); } 50% { -o-transform: translate(-1px, 2px) rotate(-1deg); } 60% { -o-transform: translate(-3px, 1px) rotate(0deg); } 70% { -o-transform: translate(2px, 1px) rotate(-1deg); } 80% { -o-transform: translate(-1px, -1px) rotate(1deg); } 90% { -o-transform: translate(2px, 2px) rotate(0deg); } 100% { -o-transform: translate(1px, -2px) rotate(-1deg); } } @keyframes spaceboots { 0% { transform: translate(2px, 1px) rotate(0deg); } 10% { transform: translate(-1px, -2px) rotate(-1deg); } 20% { transform: translate(-3px, 0px) rotate(1deg); } 30% { transform: translate(0px, 2px) rotate(0deg); } 40% { transform: translate(1px, -1px) rotate(1deg); } 50% { transform: translate(-1px, 2px) rotate(-1deg); } 60% { transform: translate(-3px, 1px) rotate(0deg); } 70% { transform: translate(2px, 1px) rotate(-1deg); } 80% { transform: translate(-1px, -1px) rotate(1deg); } 90% { transform: translate(2px, 2px) rotate(0deg); } 100% { transform: translate(1px, -2px) rotate(-1deg); } } .bell-shack:hover, .bell-shack:focus { -webkit-animation-name: spaceboots; -webkit-animation-duration: 0.8s; -webkit-transform-origin:50% 50%; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spaceboots; -moz-animation-duration: 0.8s; -moz-transform-origin:50% 50%; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -o-animation-name: spaceboots; -o-animation-duration: 0.8s; -o-transform-origin:50% 50%; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; animation-name: spaceboots; animation-duration: 0.8s; transform-origin:50% 50%; animation-iteration-count: infinite; animation-timing-function: linear; } /*--------------------notification-bell-top-header-css End--------------------------*/ /*------------------------------------progressbar ----------------------------------*/ audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @-o-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { height: 16px; overflow: hidden; /* -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); */ box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1); position: relative; background-color: #ededed; border-radius: 8px!important; } .progress-bar { float: left; width: 0; height: 100%; font-size: 11.4px; line-height: 16px; color: #ffffff; text-align: center; border-radius: 8px; background-color: rgba(49,33,248,0.95); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15); -webkit-transition: width .6s ease; -o-transition: width .6s ease; transition: width .6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); -webkit-background-size: 40px 40px; background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; -o-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } /*-------------------------------progressbar End-------------------------------------*/ @media(min-width:200px) and (max-width:320px) { .compltele-profile_mobile{ padding: 4px 4px !important; width: 100% !important; margin-left:0px !important; } .ne_myhome_tab .nav li a { display: inline-block; padding-top:15px; padding-bottom:15px; background: none repeat scroll 0% 0% #EC7D00; color: #ffffff; transition: all 0.5s ease-in-out 0s; border-right: 1px solid #B56000; border-left: 1px solid #EDEDED; font-size: 10px; } .ne_result .ne_result_img { border-radius:50%; width:150px; height:150px; border:5px solid rgba(229, 229, 229, 1); } .ne_result { background:rgba(247,247,247,1.00); padding:10px 5px; border-radius:3px; border:1px solid rgba(207,207,207,1.00); display:block; } .ne_result:hover,ne_result:focus { background: rgba(255, 255, 255, 1); display: block; border-color: rgb(232, 232, 232); } .ne_result h3 a { font-size: 14px; padding-top: 5px; color: #4E4E4E; text-align: center; } .ne_inbox_right_pan a.ne_msg_tp_strip { font-size: 15px; padding: 5px 10px; border: 1px solid #E2E2E2; margin-right: 0px; display: inline-block; color: #898989; } } @media(min-width:321px) and (max-width:480px) { .compltele-profile_mobile{ padding: 4px 4px !important; width: 100% !important; margin-left:0px !important; } .ne_inbox_right_pan a.ne_msg_tp_strip { margin-right: 0px; } } @media(min-width:481px) and (max-width:768px) { .compltele-profile_mobile{ padding: 4px 4px !important; width: 100% !important; margin-left:0px !important; } } @media(min-width:769px) and (max-width:999px) { .ne_result h4 a { text-align: left; } .ne_result h2 a { margin-bottom:10px; } .ne_result h4 a { font-size: 13px; } .ne-counter { padding: 5px 7px; box-shadow:none; } .ne_inbox_left_pan ul li a .ne_font_14 { font-size:100%; } .ne_inbox_right_pan a.ne_msg_tp_strip { margin-right: 0px; } a.ne_msg_previous { font-size: 16px; padding: 4px 9px; } a.ne_msg_next { font-size: 16px; padding: 4px 9px; } ul.neResultBottomIcons li { display: inline-block; font-size: 18px; padding-left: 10px; padding-right: 10px; text-align: center; } } @media(min-width:1000px) and (max-width:1199px) { .ne_lft_detail_home .ne_font_14 { font-size:12px !important; } .ne_inbox_left_pan ul li a .ne_font_14 { font-size:100%; } ul.neResultBottomIcons li { display: inline-block; font-size: 18px; padding-left: 10px; padding-right: 10px; text-align: center; } } @media(min-width:1200px) { } .photo { animation-name:photoload; animation-duration:2s; animation-iteration-count:1s; animation-play-state:running; animation-timing-function:ease-in-out; -webkit-animation-name:photoload; -webkit-animation-duration:2s; -webkit-animation-iteration-count:1s; -webkit-animation-play-state:running; -webkit-animation-timing-function:ease-in-out; -moz-animation-name:photoload; -moz-animation-duration:2s; -moz-animation-iteration-count:1s; -moz-animation-play-state:running; -moz-animation-timing-function:ease-in-out; } @keyframes photoload { 0% { margin-top:500px; opacity:0.5; overflow:hidden; transform:rotate(180deg); } 25% { transform:rotate(90deg); } 50% { transform:rotate(180deg); } 75% { margin-top:0px; opacity:1; overflow:hidden; transform:rotate(0deg); } } @-webkit-keyframes photoload { 0% { margin-top:500px; opacity:0.5; overflow:hidden; transform:rotate(360deg); } 50% { transform:rotate(300deg); } 75% { margin-top:0px; opacity:1; overflow:hidden; transform:rotate(0deg); } } @-moz-keyframes photoload { 0% { margin-top:500px; opacity:0.5; overflow:hidden; transform:rotate(360deg); } 50% { transform:rotate(300deg); } 75% { margin-top:0px; opacity:1; overflow:hidden; transform:rotate(0deg); } } .video-effect { animation-name:video-embed; animation-duration:1s; animation-iteration-count:0s; animation-play-state:running; animation-timing-function:ease-in-out; -webkit-animation-name:video-embed; -webkit-animation-duration:1s; -webkit-animation-iteration-count:0s; -webkit-animation-play-state:running; -webkit-animation-timing-function:ease-in-out; overflow:hidden; } @keyframes video-embed { 0% { transform:rotate(0deg) translatex(100%); opacity:0.4; } 100% { transform:rotate(10deg) translatex(0%); opacity:1; } } @-webkit-keyframes video-embed { 0% { transform:rotate(0deg) translatex(100%); opacity:0.4; } 100% { transform:rotate(10deg) translatex(0%); opacity:1; } } /*-------------------------------------- Extra css End----------------------------------------------------*/ /*----------------------------------------Alert---------*/ .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert { border: 1px solid transparent; border-radius: 4px; margin-bottom: 20px; padding: 15px; } .alert { border-radius: 3px; } .alert h4 { font-weight: 600; } .alert .icon { margin-right: 10px; } .alert .close { color: #000; opacity: 0.2; filter: alpha(opacity=20); } .alert .close:hover { opacity: 0.5; filter: alpha(opacity=50); } .alert a { color: #ffffff; text-decoration: underline; } .alert-success { border-color: #48A53A; /* background-color:#48A53A; */ } .alert-danger, .alert-error { border-color: #d73925; } .alert ol, ul { margin-bottom: 10px; margin-top: 5px; } .alert li { list-style-type:square; margin-left:20px; margin-bottom:3px; } #validationSummary { width:75%; margin-left:12.5%; } /******************************************************/ /********************* Icons **************************/ .azm-social { margin: 0; padding: 0; display: inline-block; color: #ffffff; text-align: center; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -o-transition: all .3s; -moz-transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; transition: all .3s; } .azm-social:hover, .azm-social:focus, .azm-social:active { outline: 0; opacity: 0.8; color: #ffffff; } .azm-size-32 { width: 32px; height: 32px; margin: 5px; padding-top: 8px; font-size: 14px; line-height: 14px; } .azm-size-48 { width: 48px; height: 48px; margin: 8px; padding-top: 13px; font-size: 21px; line-height: 21px; } .azm-size-64 { width: 64px; height: 64px; margin: 10px; padding-top: 16px; font-size: 28px; line-height: 28px; } .azm-r-square { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .azm-circle { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .azm-btn { height: 35px; margin: 8px; padding: 6px 13px; font-size: 14px; line-height: 21px; font-weight: 300; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .azm-btn i { padding-right: 27px; font-size: 21px; line-height: 21px; vertical-align: top; } .azm-btn i:after { content: ""; position: absolute; top: -8px; left: 70%; width: 1px; height: 36px; background: #ccc; background: rgba(255, 255, 255, 0.3); } .azm-pill { -moz-border-radius: 400px; -webkit-border-radius: 400px; border-radius: 400px; } .azm-facebook { background: #4862a3; } /***** long shadows *****/ .azm-long-shadow { overflow: hidden; } /* homepage new search box*/ .mb20 { margin-bottom: 20px; } .profile_search { background: rgba(0,0,0,0.5); border-radius: 20px; margin: 0 0 10px; padding: 0.5em; padding: 20px 0px; } .pd-rgt-none { padding-right: 0; } .inline-block { color: #ffffff; display: inline-block; padding-right: 5px; } .search_top { display: inline-block; margin-bottom: 10px; } .pdr10 { padding-right: 10px; } label.gender_1 { color: #ffffff !important; display: block; margin: 0 0px 10px 0px; max-width: 100%; font-size: 16px !important; text-shadow: 1px 1px 1px black; } label { display: inline-block; font-weight: 700; margin-bottom: 5px; max-width: 100%; } .input-group input[type="text"], select { background-color: #fff; border: medium none; border-radius: 0; box-shadow: none; color: #555555; font-size: 12px; outline: medium none; padding: 5px; transition: all 0.3s ease 0s; width: 100%; } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } input#submit-btn { /* background-color: rgb(238, 62, 129); */ background-color:#00BCD5; border: 1px solid #fff; border-radius: 4px; color: #ffffff; font-size: 0.85em; outline: medium none; padding: 6px 20px; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; } .hvr-wobble-vertical { backface-visibility: hidden; box-shadow: 0 0 1px rgba(0, 0, 0, 0); display: inline-block; transform: translateZ(0px); vertical-align: middle; } button, input, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } input { line-height: normal; } .neBannertabs form .form-control1 { display: block; width: 100%; font-size: 14px; line-height: 1.42857143; color: #555; padding: 5px 5px; background:#ffffff; box-shadow: inset #EAEAEA 1px 1px 4px 0px; border: 1px solid rgba(255, 255, 255, 0.3); /* -webkit-appearance: none !important; */ -moz-appearance: none !important; -ms-appearance: none !important; -o-appearance: none !important; appearance: none!important; } /******************/ .navbar-brand { position: relative; z-index: 2; } .navbar-nav.navbar-right .btn { position: relative; z-index: 2; padding: 4px 20px; margin: 10px auto; } .navbar .navbar-collapse { position: relative; } .navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 22px; } .navbar .nav-collapse { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; margin: 0; padding-right: 120px; padding-left: 80px; width: 100%; } .navbar.navbar-default .nav-collapse { background-color: #f8f8f8; } .navbar.navbar-inverse .nav-collapse { background-color: #222; } .navbar .nav-collapse .navbar-form { border-width: 0; box-shadow: none; } .nav-collapse>li { float: right; } .btn.btn-circle { border-radius: 50px; } .btn.btn-outline { background-color: transparent; } @media screen and (max-width: 767px) { .navbar .navbar-collapse .navbar-right > li:last-child { padding-left: 15px; padding-right: 15px; } .navbar .nav-collapse { margin: 7.5px auto; padding: 0; } .navbar .nav-collapse .navbar-form { margin: 0; } .nav-collapse>li { float: none; } } /*********colorgraph********/ .colorgraph { height: 5px; border-top: 0; background: #c4e17f; border-radius: 5px; background-image: -webkit-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); background-image: -moz-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); background-image: -o-linear-gradient(left, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); background-image: linear-gradient(to right, #c4e17f, #c4e17f 12.5%, #f7fdca 12.5%, #f7fdca 25%, #fecf71 25%, #fecf71 37.5%, #f0776c 37.5%, #f0776c 50%, #db9dbe 50%, #db9dbe 62.5%, #c49cde 62.5%, #c49cde 75%, #669ae1 75%, #669ae1 87.5%, #62c2e4 87.5%, #62c2e4); } /******Section*****/ .text-success{ color:#1EC251; } .text-grey{ color:#999 !important; } .text-white{ color: #ffffff !important; } .text-lightwhite{ color:#f2f2f2; } .font-16{ font-size:16px; font-weight:bold; } .font-13{ font-size:13px; font-weight:600; } .font-13-normal{ font-size:13px; font-weight:normal; } .font-14-normal{ font-size:14px; font-weight:400; line-height:1.5em; text-align:justify; } .font-12{ font-size:12px !important; color: #ffffff; } .font-18{ font-size:18px; } .font-20{ font-size:20px !important; } section { padding:20px 0 20px 0; } .sec-heading h2 { font-size:28px; font-weight:bold; margin:20px 0px 5px 0; color:#444 !important; } .sec-subheading h4 { font-size:15px; font-weight:normal; font-style:italic; color:gray; margin:0px; padding:0px; text-align: -webkit-center; } h4.subheading { font-size:18px; font-weight:600; color:#333 !important; text-align:-webkit-center; } p.text-muted{ color:#666 !important; } h4.title { text-align: center; font-weight: 600; color: #444; font-size: 15px; } p.card-text { text-align: -webkit-center; line-height: 1.4em; font-size: 13px; } /* .row { margin:12px 0px 30px 0px; } */ .fa-stack { width: 2em; height: 2em; line-height: 2em; vertical-align: middle; margin-bottom: 20px; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { margin-left:-18px; } .fa-stack-2x { font-size: 2em; color: #ffffff; } .fa-circle { color:#fed136; } section#OUR_AMAZING_TEAM { background: url(../img/header-bg.jpg)fixed; background-position: center center; background-repeat: no-repeat; color: #ffffff; } img.img-responsive.img-circle { margin: 0 auto; /* height: 124px */ margin-top: 8px; border: 2px solid #f3f3f3; box-shadow: 0 1px 2px rgba(43,59,93,0.29); } .service-heading { margin:20px 20px; } .service-heading h4 { margin:20px 20px; font-size:19px; font-weight:bold; } .thumbnail { border-radius: 0px; padding: 0px 0 0px 0px; border: none; background-color:white; } .team img { border:7px solid #fff; } .thumbnail img { width:100%; } .figcaption { margin:20px 10px; line-height: 2em; } .figcaption h4 { font-weight:bold; padding:0px; margin:0px; } .figcaption p { color:gray; font-size:16px; margin:0px; } .team { text-align:center; } */ .large { font-size:16px; } .bg2 { background-color: #222; background-image:url(../img/map-image.png); background-position: center; background-repeat: no-repeat; } section #contact .sec-heading h1, h4 { color:#080606; } form .form { padding:0px 0 30px 20px; border-radius:4px; } form .button { text-align:center; padding: 20px 40px 20px 40px; border-radius: 3px; font-weight: bold; color: #ffffff; background-color: #fed136; } .bg3 { background-color:white; padding:5px 0 0px 0; } div#image-gallery-caption { line-height: 1.4em; } .modal-body p { margin:30px 0 30px 0px; } .modal-body button { background-color: #fed136; color: #ffffff; } .modal-body button:hover { background-color: #FFC50B; color: #ffffff; } .social-buttons { border: 0px solid black; display:inline-block; width: 40px; height: 40px; padding: 10px; color: #ffffff; background-color:black; border-radius: 100px; } .social-buttons1 { border: 0px solid black; display:inline-block; width: 40px; height: 40px; color: #ffffff; background-color:black; padding: 10px 10px 10px 15px; border-radius: 100px; } .social-buttons:hover { background-color:#fed136; color: #ffffff; } .social-buttons1:hover { background-color:#fed136; color: #ffffff; } *{ margin:0px; padding:0px; } .bg { background-image:url(); position:fixed; } .gallery { display: inline-block; margin-top: 20px; } /******************/ .myimg{ height:180px !important; width:100% !important; } .hr{ margin:10px 0; width:20%; border:2px solid #FEBC04; text-align:center !important; margin: 10px auto; } .text-shadow-black { text-shadow: 1px 1px 1px black; } .bg-image1 { background: url(../img/bg-white1.png) no-repeat; } /*********btn-circle ********/ a.btn-social, .btn-social { border-radius: 50%; color: #ffffff !important; display: inline-block; height: 40px; line-height: 41px; margin: 8px 4px; text-align: center; text-decoration: none; transition: background-color .3s; -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -ms-transition: background-color .3s; -o-transition: background-color .3s; width: 40px; } .btn-social .fa,.btn-social i { backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); transition: all .25s; -webkit-backface-visibility: hidden; -webkit-transform: scale(1); -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; } .btn-social:hover,.btn-social:focus { color: #ffffff; outline: none; text-decoration: none; } .btn-social:hover .fa,.btn-social:focus .fa,.btn-social:hover i,.btn-social:focus i { -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); } .btn-social.btn-xs { font-size: 9px; height: 24px; line-height: 13px; margin: 6px 2px; width: 24px; } .btn-social.btn-sm { font-size: 13px; height: 36px; line-height: 18px; margin: 6px 2px; width: 36px; } .btn-social.btn-lg { font-size: 22px; height: 72px; line-height: 40px; margin: 10px 6px; width: 72px; } .btn-facebook { background-color: #3b5998; } .btn-facebook:hover { background-color: #4c70ba; } .btn-google-plus { background-color: #dd4b39; } .btn-google-plus:hover { background-color: #e47365; } .btn-instagram { background-color: #3f729b; } .btn-instagram:hover { background-color: #548cb9; } .btn-linkedin { background-color: #0976b4; } .btn-linkedin:hover { background-color: #0b96e5; } .btn-skype { background-color: #00aff0; } .btn-skype:hover { background-color: #24c4ff; } .btn-twitter { background-color: #55acee; } .btn-twitter:hover { background-color: #83c3f3; } .btn-youtube { background-color: #e52d27; } .btn-youtube:hover { background-color: #ea5955; } .btn-email { background-color: #44c456; } .btn-email:hover { background-color: #6bd079; } .skybplue-light{background-color:#00BCD5!important} .skybplue-light:hover{background-color:#0097a7!important} .skybplue-light-text{background-color:#00BCD5!important} h1.text-white.banner-title { margin: 0 auto; text-align: center; font-weight: 500; font-size: 45px !important; font-family: 'Raleway',sans-serif!important; text-shadow: 2px 1px 1px #1f2a1f; letter-spacing: 1px; } /**********slideanim*********/ /************General Media Query*************/ @media only screen and (max-width: 480px){ .row.top{ margin-top: 20px !important; } h1.animated.bounceInDown.text-white.banner-title{ font-size: 25px !important; } input#submit-btn{ margin-top: 15px; } .timeline:before{ text-align: center; margin-left: 0px !important; } .timeline-image.last{ margin-top: 0px !important; width: 4% !important; margin-left: 32px !important; height: 100% !important;; } .animated.zoomIn.profile_search.mb20{ text-align: -webkit-center; margin: 0 auto; } .slideanim.timeline-panel.left.slide{ width: 70%; margin-left: 95px; } .slideanim.timeline-panel.right.slide{ width: 70%; } } @media(min-width:479px) and (max-width:767px){ .row.top{ margin-top: 145px !important; } h1.animated.bounceInDown.text-white.banner-title{ font-size: 25px !important; } input#submit-btn{ margin-top: 15px; } .timeline:before{ text-align: center; margin-left: 0px !important; } .timeline-image.last{ margin-top: 0px !important; width: 4% !important; margin-left: 32px !important; height: 100% !important;; } .animated.zoomIn.profile_search.mb20{ text-align: -webkit-center; margin: 0 auto; } .slideanim.timeline-panel.left.slide{ width: 70%; margin-left: 95px; } .slideanim.timeline-panel.right.slide{ width: 70%; margin-right: 50px; } } @media(min-width:767px) and (max-width:980px){ .row.top{ margin-top: 20px !important; } h1.animated.bounceInDown.text-white.banner-title{ font-size: 25px !important; } input#submit-btn{ margin-top: 15px; } .timeline:before{ text-align: center; margin-left: 0px !important; } .timeline-image.last{ margin-top: -110px !important; width: 2% !important; margin-left: -7px !important; height: 100% !important; } .search-form {top: 0; background:#fff} .search-form-left {padding:10px 5% 0 5%;height: auto;background: #F0DA22; color: #ad1e23;} .search-form-left span{color: #111;} .search-form-left h2{font-size:20px} .search-form-left h2 br{display:none} .srch-slct {font-size: 16px;margin: 14px 0 0 0px;clear: both;font-family: tahoma; color: #444;} .srch-slct .clr{ display:none} .srch-slct label{margin-right:20px} .srch-slct input[type="radio"]{margin-right:5px} .main-wrapper-in{ PADDING:10PX} .smnhsrchsec {width: 90% !important;height: AUTO !important;background: rgba(0,0,0,0.7); color: #222;font-size: 15px;padding:0 5%; clear:both !important;} .smnhsrchform {border-right: none;border-left: none;padding: 8px 0;width: 100%;} .smnhsrchform label {font-size: 15px; width:100%} .styled-select {width: 98%;} .styled-select select {width: 100% !important;border: 1px solid #ccc;border-radius: 3px;} .nwsmslctw{width:44% !important} .success-story{ display:none !important} .brws{display:none} .footer{top:60px !important; padding:0px 0 20px 0} .footer-in{width:auto; max-width:1000px} .footer-in li{ display:none} .footer-in li:last-child{width: 180px !important;display: block !important;margin: auto;float: none;} .copyright{display:none} .btm-abt-txts{ display:none} .smnhsrchform:last-child br{ display:none} .smnhsrchform:last-child { border-right: none !important; padding-right: 0px !important; padding: 0px; text-align: center; background:#f0da22; margin-bottom: 20px; margin-top: 5px; cursor: pointer; } } .border-shadow{ border: 1px solid #ddd; background:#fff; padding:20px; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); } .border-shadow1{ border: 1px solid #ddd; background:#fff; padding:20px; box-shadow:0 1px 2px rgba(43,59,93,0.29); } .border-shadow2{ border: 1px solid #ddd !important; box-shadow:0 1px 4px rgba(0,0,0,.2) !important; } .btn-glyphicon { padding:8px; background:#ffffff; margin-right:4px; } .icon-btn { padding: 1px 15px 3px 2px; border-radius:50px;} h3.margin-top-0px.margin-bottom-0px.font-blue.border-1px-btm-lgt-grey.padding-bottom-5px { text-align: center; padding-bottom: 15px !important; font-weight: 400; font-size: 18px; } .btn-skyblue{ background:#83E1ED !important; } /*****************End***********/ .event_deatils .modal-dialog{max-width: 800px; width: 100%;} .pre-cost{text-decoration: line-through; color: #a5a5a5;} .space-ten{padding: 10px 0;} .product_img{ margin-top:30px; border-radius:0px; border: solid 1px #dfe0e3; padding: 3px; border-radius: 3px; background: #fff; } .text-danger strong { color: #9f181c; } .receipt-main { background: #ffffff none repeat scroll 0 0; border-bottom: 12px solid #333333; border-top: 12px solid rgba(49,33,248,0.95); margin-top: 50px; margin-bottom: 50px; padding: 40px 30px !important; position: relative; box-shadow: 0 1px 21px #acacac; color: #333333; font-family: open sans; } .receipt-main p { color: #333333; font-family: open sans; line-height: 1.42857; } .receipt-footer h1 { font-size: 15px; font-weight: 400 !important; margin: 0 !important; } .receipt-main::after { background: #414143 none repeat scroll 0 0; content: ""; height: 5px; left: 0; position: absolute; right: 0; top: -13px; } .receipt-main thead { background: #414143 none repeat scroll 0 0; } .receipt-main thead th { color: #ffffff; } .receipt-right h5 { font-size: 16px; font-weight: bold; margin: 0 0 7px 0; } .receipt-right p { font-size: 12px; margin: 0px; } .receipt-right p i { text-align: center; width: 18px; } .receipt-main td { padding: 9px 20px !important; } .receipt-main th { padding: 13px 20px !important; } .receipt-main td { font-size: 13px; font-weight: initial !important; } .receipt-main td p:last-child { margin: 0; padding: 0; } .receipt-main td h2 { font-size: 20px; font-weight: 900; margin: 0; text-transform: uppercase; } .receipt-header-mid .receipt-left h1 { font-weight: 100; margin: 34px 0 0; text-align: right; text-transform: uppercase; } .receipt-header-mid { margin: 24px 0; overflow: hidden; } #container { background-color: #dcdcdc; } .text_slider{ color:rgba(49,33,248,0.95); } .new_reg { background: #FFF; -webkit-border-radius: 3px; -webkit-background-clip: padding-box; -moz-border-radius: 3px; -moz-background-clip: padding; border-radius: 3px; background-clip: padding-box; overflow: hidden; box-shadow: 2px 2px 2px #888888; } .new_reg .form .form-row { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; margin: 0 0 30px; } .new_reg .form .form-row:last-child { margin: 0; } .new_reg .form .form-row:last-child .input-group { width: 72%; margin: 0 15px 0 0; } .new_reg .form .form-row:last-child .input-group:last-child { width: 25%; margin: 0 0 0 15px; } .new_reg .form .input-group { width: 100%; } .new_reg .form label { display: block; width: 100%; margin: 0 0 10px; color: #00A6EA; font-size: 12px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } .new_reg .form input { /* outline: none; */ display: block; background: #fff !important; border: 1px solid #ddd !important; width: 100%; margin: 0; border: 0; -webkit-border-radius: 3px; -webkit-background-clip: padding-box; -moz-border-radius: 3px; -moz-background-clip: padding; border-radius: 3px; background-clip: padding-box; padding: 4px 15px; color: #777; font-size: 12px; font-weight: 300; line-height: 24px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .new_reg .header_bg { background-color: rgba(49,33,248,0.95); padding: 29px; text-align: center; box-shadow: 0 1px 3px rgba(43,59,93,0.29); } .new_reg .header_bg h1 { margin: 0 0 15px; color: #ffffff; font-size: 14px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; } .new_reg .header_bg .card-type { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -moz-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .new_reg .header_bg .card-type .card { position: relative; width: 25%; min-width: 54px; text-align: center; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); } .new_reg .header_bg .card-type .card.active { -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); filter: grayscale(0); } .new_reg .header_bg .card-type .card.active:after { display: block; bottom: -30px; } .new_reg .header_bg .card-type .card:after { content: ''; position: absolute; bottom: -60px; left: 50%; margin: 0 0 0 -10px; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #FFF; -webkit-transition: 0.3s ease; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; } .new_reg .header_bg .card-type .card img { display: inline-block; border: 2px solid #fff; padding: 2px; border-radius: 50px; box-shadow: 0 1px 3px rgba(43,59,93,0.29); } .new_reg .header_bg .card-type li { display: inline-block; margin: 0 10px; } .new_reg .content { padding: 15px 30px 30px 30px; } .new_reg .footer .button { outline: none; display: block; background: #E39C14; width: 100%; border: 0; padding: 20px 30px; color: #ffffff; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; cursor: pointer; } .info { /* width: 300px; */ margin: 50px auto; text-align: center; } .info h1 { margin: 0 0 15px; padding: 0; font-size: 24px; font-weight: 400; color: #333; } .info span { color: #666; font-size: 12px; } .info span a { color: #000; text-decoration: none; } .info span .fa { color: #00A6EA; } lesshat-selector { -lh-property: 0; } @-webkit-keyframes active{ 0%{ bottom: -60px; opacity: 0; } 100%{ bottom: -30px; opacity: 1 }} @-moz-keyframes active{ 0%{ bottom: -60px; opacity: 0; } 100%{ bottom: -30px; opacity: 1 }} @-o-keyframes active{ 0%{ bottom: -60px; opacity: 0; } 100%{ bottom: -30px; opacity: 1 }} @keyframes active{ 0%{ bottom: -60px; opacity: 0; } 100%{ bottom: -30px; opacity: 1 }} [not-existing] { zoom: 1; } /**********************/ .margin-bottom-0{ margin-bottom:0px !important; } .margin-bottom-5{ margin-bottom:5px !important; } /*-----------------------------------------------------------------------------------------------------*/ /* INDEX-1-HOME PAGE CSS */ /*-----------------------------------------------------------------------------------------------------*/ .search-form { position: relative; top: 360px; } .search-form-left { /* width: 210px;*/ padding: 10px !important; height: 98px !important; overflow: hidden; background: rgba(49,33,248,0.95); opacity: 0.9; color: #ffffff; text-transform: uppercase; border-bottom-left-radius: 10px; border-top-left-radius: 10px; } .fl { float: left !important; } .search-form-left h2 { font-size: 18px; float: left; text-align: right; font-weight: normal; line-height: 20px; margin: 20px 0 0 0; } .opensans-light { font-family: "OpenSans-Light" !important; } .srch-slct { font-size: 14px; float: left; line-height: 20px; margin: 14px 0 0 8px; } .srch-slct label { float: left; padding-bottom: 8px; text-shadow: 1px 1px 1px black; } .search-form-left { color: #ffffff; text-transform: uppercase; } .srch-slct input[type="radio"] { width: 20px !important; height: 13px !important; float: left !important; } .smnhsrchsec { width: 860px; height: 98px; overflow: hidden; background: #323232; color: #ffffff; font-size: 13px; text-transform: uppercase; border-bottom-right-radius: 10px; border-top-right-radius: 10px; } .smnhsrchform { overflow: hidden; float: left; text-align: left; border-right: 1px solid #3c3c3c; border-left: 1px solid #262626; padding: 15px 10px; } .smnhsrchform label { font-size: 13px; } .styled-select { width: 93px; height: 40px; overflow: hidden; background:url(../images/nsm_newddselect.png) no-repeat right #fff; margin-top: 10px; } .smnhsrchform span { float: left; margin: 18px 5px; text-transform: lowercase; } .styled-select select { width: 72px !important; } .styled-select select { background: transparent; width: 93px; padding: 10px 2px; text-transform: none; font-size: 14px; color: #666; float: left; line-height: 1; border: 0; border-radius: 0; height: 40px; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; text-indent: 0.01px; text-overflow: ''; } .styled-select select { text-transform: none; font-size: 14px; color: #666; line-height: 1; text-indent: 0.01px; } .smnhsrchform { text-align: left; } .styled-select select { width: 72px !important; border-radius: 3px !important; } .new-sm-sprite.more { width: 20px; height: 20px; background-position: -394px -105px; margin: 0px 0px 5px 5px; } .brws { position: relative; top: 430px; } .brws-first { font-size: 18px; color: #000; text-transform: uppercase; line-height: 20px; text-align: left; } .brws-second { font-size: 12px; color: #5d5d5d; padding: 5px 20px 0 20px; } .brws-third { line-height: 13px; padding-top: 24px; text-align: left; } .fr { float: right !important; } .new-sm-sprite.cmnt1 { width: 22px; height: 22px; background-position: -319px -104px; margin: 0px 0px 5px 5px; } .brws-second span { font-size: 13px; color: #000; padding-right: 5px; } .new-sm-sprite { display: block; background:url(../images/sm-hp-sprite.png) no-repeat -283px -52px; background-position-x: -283px; background-position-y: -52px; width: 222px; height: 40px; margin-top: 4px; } .vspacer5 { padding-top: 5px; } .new-sm-sprite.cmnt2 { width: 22px; height: 22px; background-position: -346px -105px; margin: 0px 0px 5px 5px; } .new-sm-sprite.cmnt3 { width: 26px; height: 20px; background-position: -285px -104px; margin: 0px 0px 5px 5px; } .brws-third { line-height: 13px; padding-top: 24px; text-align: left; } .new-sm-sprite.mrnri { width: 18px; height: 18px; background-position: -374px -104px; margin: 0px 5px 5px 5px; } .brws-third a { font-size: 15px; color: #000; } .brws-third a span { font-size: 13px; color: #5d5d5d; } .footer-in > ul > li { width: 20%; padding-right: 3%; float: left; border: 0px solid #ccc; color: #474747; position: relative; } .search-widht{ width:800px !important; box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -moz-box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -ms-box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -o-box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .footer-in > ul > li:last-child{ width: 30%;} .ftr-menu li a { color: #5d5d5d; font-size: 13px; } .main-wrapper-in{width:auto; max-width:1002px} .top-header-in{width:auto; max-width:1002px} .nwsm-db{} .nwsm-dn{display:none} .lgwdth {width: 140px;margin: 5px 0;} .nwsmslctw{} @media screen and (max-width:480px){ .search-widht{ width:100% !important; box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -webkit-box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -moz-box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -ms-box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); -o-box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } select.form-control { /*background-color: #f0da22 !important;*/ margin-bottom: 0px; border: 1px solid #e9e6e0; color: #2b212f; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; color: #706a68; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; background-position: 95% 50%; background-repeat: no-repeat; background-image: url(../images/arrow.png); -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); -ms-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); -o-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075); font-family: 'Montserrat', sans-serif; padding: 5px 16px; /* box-shadow: inset #EAEAEA 1px 1px 4px 0px; */ border: 1px solid rgba(255, 255, 255, 0.3); } .nwsm-db{ display:none !important} .nwsm-dn{ display:block !important} .top-header-in{padding:0 10px} .top-header {background: #fff;height: 60px;} .news-sm-tp-rgt {color: #222;padding-top: 12px;} .news-sm-tp-rgt font{float:right; clear:both} .news-sm-tp-rgt a {color: #222;} .wrapper {top:60px;} .main-wrapper {background:none;height:auto;border-bottom: 0px solid #e5e5e5;} .first {height: auto;background:#ededed !important;} .new-sm-sprite.lft-txt{display:none} .new-sm-sprite.rgt-txt{display:none} .brdr{display:none} .search-form {top: 0; background:#fff} .search-form-left {width: 90%;padding:10px 5% 0 5%;height: auto;background: #F0DA22; color: #ad1e23;} .search-form-left span{color: #111;} .search-form-left h2{font-size:20px} .search-form-left h2 br{display:none} .srch-slct {font-size: 16px;margin: 14px 0 0 0px;clear: both;font-family: tahoma; color: #444;} .srch-slct .clr{ display:none} .srch-slct label{margin-right:20px} .srch-slct input[type="radio"]{margin-right:5px} .main-wrapper-in{ PADDING:10PX} .smnhsrchsec {width: 90%;height: AUTO;background: rgba(0,0,0,0.7); color: #222;font-size: 15px;padding:0 5%; clear:both !important} .smnhsrchform {border-right: none;border-left: none;padding: 8px 0;width: 100%;} .smnhsrchform label {font-size: 15px; width:100%} .styled-select {width: 98%;} .styled-select select {width: 100% !important;border: 1px solid #ccc;border-radius: 3px;} .nwsmslctw{width:44% !important} .success-story{ display:none !important} .brws{display:none} .footer{top:60px !important; padding:0px 0 20px 0} .footer-in{width:auto; max-width:1000px} .footer-in li{ display:none} .footer-in li:last-child{width: 180px !important;display: block !important;margin: auto;float: none;} .copyright{display:none} .btm-abt-txts{ display:none} .smnhsrchform:last-child br{ display:none} .smnhsrchform:last-child { border-right: none !important; padding-right: 0px !important; padding: 0px; text-align: center; background:#f0da22; margin-bottom: 20px; margin-top: 5px; cursor: pointer; width:98%; } } .find-sections{ position: absolute; top: 23%; margin: 0 auto; left: 6%; right: 0%; text-align: center; color: #ffffff; z-index: 1; } @media (max-width:767px){ .find-sections { position: relative; padding-top: 30px; padding-bottom: 30px; left: 2%; } .grey-line { width: 30px; height: 8px; display: inline-block; border-top: solid 2px #e1dddd; } .tz-gallery .lightbox img { border-radius: 4px 4px 0 0; max-width: 60%; height: auto; } .search-form {top:0;background:transparent;padding-left:10px;} .search-form-left { width:96%; padding:10px 5% 0 5%; height:auto; background:#F0DA22; color:#ad1e23; border-top-left-radius: 10px !important; border-top-right-radius: 10px !important; border-bottom-left-radius: 0px !important; } .search-form-left span{color: #111;} .search-form-left h2{font-size:20px} .search-form-left h2 br{display:none} .srch-slct {font-size:16px;margin:14px 0 0 0px;clear:both;font-family:tahoma; color:#444;} .srch-slct .clr{ display:none} .srch-slct label{margin-right:20px} .srch-slct input[type="radio"]{margin-right:5px} .main-wrapper-in{ PADDING:10PX} .smnhsrchsec { width:96%; height:AUTO; background:rgba(0,0,0,0.7); color:#222; font-size:15px; padding:0 5%; clear:both !important; border-bottom-right-radius: 10px !important; border-bottom-left-radius: 10px !important; border-top-right-radius: 0px !important; } .smnhsrchform {border-right: none;border-left: none;padding: 8px 0;width: 100%;} .smnhsrchform label {font-size: 15px; width:100%} .styled-select {width: 98%;} .styled-select select {width: 100% !important;border: 1px solid #ccc;border-radius: 3px;} .nwsmslctw{width:44% !important} .success-story{ display:none !important} .brws{display:none} .footer{top:60px !important; padding:0px 0 20px 0} .footer-in{width:auto; max-width:1000px} .footer-in li{ display:none} .footer-in li:last-child{width: 180px !important;display: block !important;margin: auto;float: none;} .copyright{display:none} .btm-abt-txts{ display:none} .smnhsrchform:last-child br{ display:none} .smnhsrchform:last-child { border-right: none !important; padding-right: 0px !important; padding: 0px; text-align: center; background:#f0da22; margin-bottom: 20px; margin-top: 5px; cursor: pointer; width:98%; } } .gallery-container h1 { text-align: center; margin-top: 70px; font-family: 'Droid Sans', sans-serif; font-weight: bold; color: #58595a; } .gallery-container p.page-description { text-align: center; margin: 30px auto; font-size: 18px; color: #85878c; } .tz-gallery { padding: 40px; } .tz-gallery .thumbnail { padding: 0; margin-bottom: 30px; background-color: #fff; border-radius: 4px; border: none; transition: 0.15s ease-in-out; -webkit-transition: 0.15s ease-in-out; -moz-transition: 0.15s ease-in-out; -ms-transition: 0.15s ease-in-out; -o-transition: 0.15s ease-in-out; box-shadow: 0 8px 15px rgba(230, 85, 24, 0.21); -webkit-box-shadow: 0 8px 15px rgba(230, 85, 24, 0.21); -moz-box-shadow: 0 8px 15px rgba(230, 85, 24, 0.21); -ms-box-shadow: 0 8px 15px rgba(230, 85, 24, 0.21); -o-box-shadow: 0 8px 15px rgba(230, 85, 24, 0.21); } .tz-gallery .thumbnail:hover { transform: translateY(-10px) scale(1.02); -webkit-transform: translateY(-10px) scale(1.02); -moz-transform: translateY(-10px) scale(1.02); -ms-transform: translateY(-10px) scale(1.02); -o-transform: translateY(-10px) scale(1.02); } .tz-gallery .lightbox img { border-radius: 4px 4px 0 0; } .tz-gallery .caption{ padding: 26px 30px; text-align: center; } .tz-gallery .caption h3 { font-size: 14px; font-weight: bold; margin-top: 0; } .tz-gallery .caption p { font-size: 12px; color: #7b7d7d; margin: 0; } .baguetteBox-button { background-color: transparent !important; } @import url(https://fonts.googleapis.com/css?family=Lato:400,900,700,300); .heading4{font-size:18px;font-weight:400;font-family:'Lato', sans-serif; color:#111111;margin:0px 0px 5px 0px;} .heading1{font-size:30px;font-family:'Lato', sans-serif;text-transform:uppercase; color:#1b2834;} .content-quality{float:left;width:193px;} .content-quality p{margin-left:10px;font-family:'Open Sans', sans-serif;font-size:14px;font-weight:600;line-height:17px;} .content-quality p span{display:block;} .tabtop li a{font-family:'Lato', sans-serif;font-weight:700; color:#1b2834;border-radius:0px;margin-right:22.008px;border:1px solid #ddd !important;} /* .tabtop .active a:before{content:"♦";position:absolute;top:15px;left:82px; color:#ff6e33;font-size:30px;} */ .tabtop li a:hover{color:#1b2834 !important;text-decoration:none;} /* .tabtop .active a:hover{ color: #ffffff; } */ .tabtop .active a{ background: #3121f8 !important; color:#FFF !important;} .margin-tops{margin-top:30px;} .tabtop li a:last-child{padding:10px 44px;background: #F1F1F2;} .thbada{padding:10px 28px !important;} section p{font-family:'Lato', sans-serif;} .margin-tops4{margin-top:20px;} .tabsetting{border-top:5px solid #ebebeb;padding-top:31px;} .services{background-color:#d4d4d4;min-height:710px;padding:65px 0 27px 0;} .services a:hover{color:#000;} .services h1{margin-top:0px !important;} .heading-container p{font-family:'Lato', sans-serif;text-align:center;font-size:16px !important;text-transform:uppercase;} .w3-browse-grid ul li { display: inline-block; margin: 12px 5px; /* border-right: 1px solid #a5a5a5; */ padding-right: 10px; line-height: 13px; } .w3-browse-grid ul li a:hover { color:#000; text-decoration:none; } .w3-browse-grid ul li a { color:#797979; font-size:14px; } /************************************************************ *************************Footer****************************** *************************************************************/ @import url(http://fonts.googleapis.com/css?family=Fjalla+One); @import url(http://fonts.googleapis.com/css?family=Gudea); .footer1 { background: #e6e6e6 url("../images/footer/footer-bg.png") repeat scroll left top; padding-top: 40px; padding-right: 0; padding-bottom: 20px; padding-left: 0;/* border-top-width: 4px; border-top-style: solid; border-top-color: #003;*/ } .title-widget { color:#333333; font-size: 20px; font-weight: 300; line-height: 1; position: relative; text-transform: uppercase; font-family: 'Fjalla One', sans-serif; margin-top: 0; margin-right: 0; margin-bottom: 25px; margin-left: 0; padding-left: 28px; padding-bottom: 10px; border-bottom: 2px solid #ccc; } .title-widget::before { background-color: #3121f8; content: ""; height: 22px; left: 0px; position: absolute; top: -2px; width: 5px; } .widget_nav_menu ul { list-style: outside none none; padding-left: 0; } .widget_archive ul li { background-color: rgba(0, 0, 0, 0.3); content: ""; height: 3px; left: 0; position: absolute; top: 7px; width: 3px; } .widget_nav_menu ul li { font-size: 13px; font-weight: 700; line-height: 20px; position: relative; text-transform: uppercase; border-bottom: 1px solid rgba(0, 0, 0, 0.05); margin-bottom: 7px; padding-bottom: 7px; width:95%; } .title-median { color: #636363; font-size: 20px; line-height: 20px; margin: 0 0 15px; text-transform: uppercase; font-family: 'Fjalla One', sans-serif; } .footerp p {font-family: 'Gudea', sans-serif; } .social:hover { -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); } .social { -webkit-transform:scale(0.8); /* Browser Variations: */ -moz-transform:scale(0.8); -o-transform:scale(0.8); -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -o-transition-duration: 0.5s; } /* Only Needed in Multi-Coloured Variation */ .social-fb:hover { color: #3B5998; } .social-tw:hover { color: #4099FF; } .social-gp:hover { color: #d34836; } .social-em:hover { color: #f39c12; } .nomargin { margin:0px; padding:0px;} .footer-bottom { background-color: rgba(49,33,248,0.95); min-height: 30px; width: 100%; } .copyright { color: #ffffff; line-height: 30px; min-height: 30px; padding: 5px 0; } .design { color: #ffffff; line-height: 30px; min-height: 30px; padding: 7px 0; text-align: right; } .design a { color: #ffffff; } .design a:hover { color: #ffffff; } .text-oranges { color: #ff6e33 !important; } .color-blacks { color: #353534; } /************Homepage-2**************/ .icon-img{ border: 3px solid #bbb; border-radius: 10px; padding: 4px 8px 16px 16px; background-color: rgba(49,33,248,0.95); box-shadow: 0px 2px 2px 1px rgba(0,0,0,.2); } .text-shadow-icon{ color: #626262; font-size: 25px; text-shadow: 0px 0px 1px #000; margin:0px; } .text-shadow-icon-maroon{ color: #C84B4B; font-size: 25px; text-shadow: 0px 1px 1px #000; margin: 0px 0 5px 0px; } .text-shadow-icon-lightyellow{ color: #72727d !important; font-size: 25px; text-shadow: 0px 1px 1px #000; margin: 0px 0 5px 0px; } .text-shadow-icon_small{ color: #626262; font-size: 20px; text-shadow: 0px 0px 0px #000; margin:0px; } /*********success-story*******/ .demo{ background: #262526; } .our-team{ padding: 10px 20px 15px; background: #fff; border-radius: 15px; text-align: center; box-shadow: 0 1px 2px rgba(43,59,93,0.29); } .our-team .pic{ display: inline-block; width: 85%; height: 100%; background: #fff; padding: 8px; margin-bottom: 5px; transition: all 0.5s ease 0s; } .our-team:hover .pic{ background-color: rgba(49,33,248,0.95); border-radius: 50%; } .pic img{ width: 100%; height: auto; border-radius: 50%; } .our-team .title{ display: block; font-size: 20px; font-weight: 600; color: #2e282a; text-transform: uppercase; margin: 0 0 7px 0; } .our-team .post{ display: block; font-size: 13px; color: #666; text-transform: capitalize; margin-bottom: 15px; } .our-team .social{ padding: 0; margin: 0; list-style: none; } .our-team .social li{ display: inline-block; margin-right: 5px; } .our-team .social li a{ display: block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; font-size: 15px; color: #17bebb; border: 1px solid #17bebb; transition: all 0.5s ease 0s; } .our-team:hover .social li a{ background: #17bebb; color: #ffffff; } @media only screen and (max-width: 990px){ .our-team{ margin-bottom: 30px; } } /*************/ h3.location { text-align: left; font-size: 40px; margin-bottom: 20px; color: #626262; margin-top: 50px; text-shadow: 0px 0px 1px #000; } h5.location { font-size: 22px; margin-bottom: 20px; font-style: italic; color: #666; letter-spacing: 1px; } p.location { line-height: 34px; color: #d81a23; font-size: 20px; width: 100%; } /**********/ .agile-assisted-service { background: url(../images/bg/servicebg.jpg) no-repeat 0px 0px; background-size: cover; min-height: 400px; background-attachment: fixed; padding: 30px 0 60px 0; } .agile-assisted-services { background: url(../images/bg/assisted-bg.jpg) no-repeat 0px 0px; background-size: cover; min-height: 400px; background-attachment: fixed; padding: 30px 0 60px 0; overflow:hidden; } h4.agile-assisted-service { font-size: 35px; color: #ffffff; margin-bottom: 0px; letter-spacing: 1px; } h4.agile-assisted-services { font-size: 35px; color: #ffffff; margin-bottom: 0px; letter-spacing: 1px; background:transparent; } p.agile-assisted-service { font-size: 20px; color: #ccc; letter-spacing: 1px; font-weight: 300; margin: 0 auto 0px; width: 50%; line-height: 40px; text-align: center; background:transparent; } p.agile-assisted-services { font-size: 20px; color: #ffffff; letter-spacing: 1px; font-weight: 300; margin: 0 auto 0px; width: 100%; line-height: 40px; text-align: center; background:transparent; text-shadow: 2px 2px 1px black; } h5.agileits_app-devices { margin-bottom: 12px; letter-spacing: 0.5px; font-size: 20px; color: #00c4da; text-shadow: 1px 1px 1px #000; } a.agile-assisted-service { font-size: 14px; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; background-color: rgba(49,33,248,0.95); padding: 10px 25px; } h5.agileits_app-devicess{ margin-bottom: 12px; letter-spacing: 0.5px; font-size: 20px; color: #00c4da; text-shadow: 1px 1px 1px #000; } a.agile-assisted-services { font-size: 14px; color: #ffffff; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; background-color: rgba(49,33,248,0.95); padding: 10px 25px; text-align:center; } @media (max-width: 1440px){ .agile-assisted-service { min-height: 100px !important; } .agile-assisted-services { min-height: 100px !important; } } /*******Footer-homepage-2******/ .footer-hp2 { background-color: rgba(236, 231, 231, 0.67); min-height:350px; font-family: 'Open Sans', sans-serif; } .footer-col { margin-top:50px; } .logofooter { margin-bottom:10px; font-size:23px; color:#666; font-weight:500;} .footer-col p { color:#666; font-size:13px; font-family: 'Open Sans', sans-serif; margin-bottom:15px;} .footer-col p i { width:20px; color:#999;font-size:16px;} ul.footer-ul { padding-left: 20px;margin-top: 15px;list-style-image: url(../images/icon/li.png) !important; } .footer-ul li {position: relative;} .footer-ul { list-style-type:none; padding-left:0; margin-left:2px;} .footer-ul li { line-height:29px; font-size:12px;} .footer-ul li a { color:#a0a3a4; transition: color 0.2s linear 0s, background 0.2s linear 0s;font-size: 13px;} .footer-ul i { margin-right:10px;} .copyright { min-height:40px;} .copyright p { text-align:left; color:#aaa; padding:10px 0; margin-bottom:0;} .heading7 { font-size:18px; font-weight:400; color:#888; margin-bottom:22px; /* border-bottom:1px solid #999; */ text-transform:Capitilized; } .post p { font-size:13px; color:#666; line-height:20px;} .post p span { display:block; color:#8f8f8f;} .bottom_ul { list-style-type:none; float:right; margin-bottom:0;} .bottom_ul li { float:left; line-height:40px;} .bottom_ul li:after { content:"/"; color:#666; margin-right:8px; margin-left:8px;} .bottom_ul li a { color:#aaa;font-size:12px;} .social-icon-ul { width: 35px; height: 35px; font-size: 15px; background-color: blue; color: #ffffff !important; text-align: center; margin-right: 10px; padding-top: 11px; border-radius: 50%; } .footer-ul li a:hover { padding-left: 16px; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; } .footer-social-ul li{ float:left; } .footer-social-ul li a{ color: #ffffff; } .linked-in{ background-color:#007bb6; } .facebook{ background-color:#3b5998; } .twitter{ background-color:#1da1f2; } .google{ background-color:#DD4B39; } .google:hover{ box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important; } .linked-in:hover{ box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important; } .facebook:hover{ box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important; } .twitter:hover{ box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important; } .google:hover{ box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12) !important; } /*************Footer- homepage-2****************/ .footer-hp2.nb-footer { background: #222; } .footer-hp2.nb-footer .about { margin: 0 auto; margin-top: 40px; max-width: 1170px; text-align: center; } .footer-hp2.nb-footer .about p { font-size: 13px; color: #999; margin-top: 30px; } .footer-hp2.nb-footer .about .social-media { margin-top: 15px; } .footer-hp2.nb-footer .about .social-media ul li a { display: inline-block; width: 45px; height: 45px; line-height: 45px; border-radius: 50%; font-size: 16px; color: #2EAF32; /* border: 1px solid rgba(255, 255, 255, 0.3); */ } .footer-hp2.nb-footer .about .social-media ul li a:hover { background: #2EAF32; color: #ffffff; border-color: #2EAF32; } .footer-hp2.nb-footer .footer-info-single { margin-top: 30px; } .footer-hp2.nb-footer .footer-info-single .title { color: #aaa; text-transform: uppercase; font-size: 16px; border-left: 4px solid #3121f8; padding-left: 5px; } .footer-hp2.nb-footer .footer-info-single ul li a { display: block; color: #aaa; padding: 2px 0; } .footer-hp2.nb-footer .footer-info-single ul li a:hover { color: #3121f8; } .footer-hp2.nb-footer .footer-info-single p { font-size: 13px; line-height: 20px; color: #aaa; } .footer-hp2.nb-footer .copyright { margin-top: 15px; background: #111; padding: 7px 0; color: #999; } .footer-hp2.nb-footer .copyright p { margin: 0; padding: 0; } /*********browse category-hp2**********/ .w3-browse-grid ul li.more { border-right: none; } .w3-browse-grid ul li { display: inline-block; margin: 12px 5px; /* border-right: 1px solid #a5a5a5; */ padding-right: 10px; line-height: 13px; /* width: 21% !important; */ } .w3-browse-grid ul li.more a { color: red; } .w3-browse-grid ul li a { color: #706a68; font-size: 12px; font-weight: 700; border: solid 1px #b5b5b5 !important; padding: 4px 8px; border-radius: 3px; background-image: linear-gradient(to top,#bdbdbd,#f1f1f1 1%,#f1f1f1 66%,#fff) !important; box-shadow: 0 1px 1px rgba(43,59,93,0.19); } .w3-browse-grid h4 { color: #00c4da; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #dedede; font-size: 18px; text-align:center; } /****************Homepage-4(hindu)********************/ i.fa-icon { font-size: 40px; color: #ffffff; border: 1px solid #eaeaea; padding: 36px 0px; border-radius: 60px; width: 115px; height: 115px; text-align: center; box-shadow: 1px 1px 1px #eee; text-shadow: 2px 1px 1px #555; } .light-grey{ color:#999 !important; } /********Testimonial********/ .testimonial-bg{ background: linear-gradient(to top, #1e130c , #9a8478); } .testimonial{ margin: 0 15px; } .testimonial .testimonial-profile{ float: left; width: 27%; } .testimonial .testimonial-profile img{ width: 100%; height: auto; } .testimonial .testimonial-content{ padding-left: 30%; } .testimonial .testimonial-title{ margin-bottom:0; } .testimonial .testimonial-title a{ font-size: 13px; color: #a90329; letter-spacing: 2px; display: block; text-transform: uppercase; margin-bottom: 4px; font-weight: 600; } .testimonial .testimonial-post{ display:block; color: #9c9c9c; margin-bottom:10px; font-size: 12px; } .testimonial .testimonial-post:after{ content:""; width:100%; display: block; margin:10px 0 auto; border-top:1px solid #9c9c9c; } .testimonial .testimonial-description{ color: #666; font-size: 13.4px; line-height: 18px; } .testimonial .social-links{ padding:0; margin:0; } .testimonial .social-links li{ list-style:none; margin-right:5px; display:inline-block; } .testimonial .social-links li a{ width: 27px; height: 27px; line-height: 26px; color: #B81818; text-align: center; border: 1px solid #B81818; border-radius: 2px; font-size: 15px; } .testimonial .social-links li a:hover{ text-decoration: none; } .testimonial .social-links li a.fa-instagram:hover{ background: #325c86; border-color: #325c86; } .testimonial .social-links li a.fa-twitter:hover{ background: #5ea9dd; border-color: #5ea9dd; } .testimonial .social-links li a.fa-pinterest:hover{ background: #cb2027; border-color: #cb2027; } .testimonial .social-links li a.fa-linkedin:hover{ background: #0177b5; border-color: #0177b5; } .owl-pagination{ margin-top: 40px; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ background:#3F4144; border:3px solid #fff; } @media only screen and (max-width: 767px) { .testimonial{ text-align: center; padding-bottom: 5px; } .testimonial .testimonial-content{ padding: 0; } .testimonial .testimonial-profile{ float:none; width: 30%; margin: 0 auto; padding: 0; } } /*************/ .social-link{ padding:0; margin:0; } .social-link li{ list-style:none; margin-right:5px; display:inline-block; } .social-link li a{ width: 27px; height: 27px; line-height: 26px; color: #ffffff; text-align: center; border: 1px solid #fff; border-radius: 2px; font-size: 15px; } .social-link li a:hover{ text-decoration: none; } .social-link li a.fa-instagram:hover{ background: #325c86; border-color: #325c86; } .social-link li a.fa-twitter:hover{ background: #5ea9dd; border-color: #5ea9dd; } .social-link li a.fa-pinterest:hover{ background: #cb2027; border-color: #cb2027; } .social-link li a.fa-linkedin:hover{ background: #0177b5; border-color: #0177b5; } /**********************************************************/ .bubble { margin:0 auto; width:135px; text-align: center; background-color: rgba(229,229,229,1); padding:10px; display:inline-block; vertical-align:top; margin-right:-1px; position:relative;box-sizing:content-box;border-radius: 3px;} .bubble .details { opacity:0; width: 135px; visibility:hidden; margin-top: -17px; margin-bottom: 10px; text-transform: uppercase; border-radius: 0 0 5px 5px; font: 10px 'Roboto Condensed'; text-shadow: 0px 1px 0px black; background: rgba(255,255,255,.2); box-shadow: 0 1px 2px rgba(43,59,93,0.29); -webkit-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; transition: visibility 0s linear 0.5s,opacity 0.5s linear; -webkit-transition: visibility 0s linear 0.5s,opacity 0.5s linear; -moz-transition: visibility 0s linear 0.5s,opacity 0.5s linear; -ms-transition: visibility 0s linear 0.5s,opacity 0.5s linear; -o-transition: visibility 0s linear 0.5s,opacity 0.5s linear; } .bubble:hover .details { visibility:visible; opacity:1; font-size: 12px; padding: 5px; margin-top: -10px; transition-delay:0s; -webkit-transition-delay:0s; -moz-transition-delay:0s; -ms-transition-delay:0s; -o-transition-delay:0s; transition: all 500ms ease-in-out; -webkit-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; } .filter-me { filter: blur(1px) grayscale(100%); -webkit-filter: blur(1px) grayscale(100%); -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in; } .filter-me:hover { filter: blur(0px) grayscale(20%); -webkit-filter: blur(0px) grayscale(20%); -moz-filter: blur(0px) grayscale(20%); -ms-filter: blur(0px) grayscale(20%); -o-filter: blur(0px) grayscale(20%); -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in; } .filter-me img { display:inline-block; border-radius:50%; -webkit-border-radius: 50%; width:60px; border: 2px solid #fff; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in; } .filter-me img:first-child { margin-right: -5px; transform: rotate(10deg); -webkit-transform: rotate(10deg); -moz-transform: rotate(10deg); -ms-transform: rotate(10deg); -o-transform: rotate(10deg); } .filter-me img:last-child { transform: rotate(-7deg); -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -o-transform: rotate(-7deg); -ms-transform: rotate(-7deg); } .filter-me:hover img:first-child { margin-right:-5px; transform:rotate(-10deg); -webkit-transform:rotate(-10deg); -moz-transform:rotate(-10deg); -ms-transform:rotate(-10deg); -o-transform:rotate(-10deg); box-shadow:0 1px 2px rgba(43,59,93,0.29); -webkit-box-shadow:0 1px 2px rgba(43,59,93,0.29); -moz-box-shadow:0 1px 2px rgba(43,59,93,0.29); -ms-box-shadow:0 1px 2px rgba(43,59,93,0.29); -o-box-shadow:0 1px 2px rgba(43,59,93,0.29); } .filter-me:hover img:last-child { transform: rotate(7deg); -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -o-transform: rotate(-7deg); -ms-transform: rotate(-7deg); } .filter-me:hover img { border-radius:10px; -webkit-border-radius: 10px; -webkit-transition: all 500ms ease-in; -moz-transition: all 500ms ease-in; -ms-transition: all 500ms ease-in; -o-transition: all 500ms ease-in; transition: all 500ms ease-in; } /* MAISONS - font + mep */ .house { clear:both; font-size:16px; overflow:hidden; margin-top: 10px; margin-bottom: 5px; border-bottom: 1px solid; text-shadow: 0px 1px 0px black; /* text-shadow: 1px 1px 0px rgba(255,255,255,0.5); */ } /* CLASSEMENT */ .first {height:220px; clear:both;} .second {height:270px; clear:both;} .third {height:300px; clear:both;} .fourth {height:210px; clear:both;} .fifth {height:210px; clear:both;} .sixth {height:175px; clear:both;} .seventh {height:175px; clear:both;} /* COULEURS MAISONS -- ILH */ .cabot {color: #CC72BD;} .dunster {color:#B39B00;} .eliot {color:#509EED;} .lowell {color:#965BEF;} .mather {color: #76AD23;} .quincy {color:#ED7B34;} .winthrop {color:#C92724;} /* BACKGROUND MAISONS */ .bubble.cabot {background-color:rgba(204, 114, 189,0.3); clear:both;} .bubble.dunster {background-color:rgba(176, 155, 0,0.3); clear:both;} .bubble.eliot {background-color:rgba(80, 158, 237,0.3); clear:both;} .bubble.lowell {background-color:rgba(150, 91, 239,0.3); clear:both;} .bubble.mather {background-color:rgba(118, 173, 35,0.3); clear:both;} .bubble.quincy {background-color:rgba(237, 123, 52, 0.3); clear:both;} .bubble.winthrop {background-color:rgba(201, 39, 36, 0.3); clear:both;} .arrow_bottom { box-sizing: border-box; border-top: 20px solid; border-left: 76px solid transparent; border-right: 76px solid transparent; position:absolute; bottom:-20px; left: 0px; opacity: 0.3; clear:both; overflow:hidden; } /* POINTS */ .points { font-size: 14px; opacity: 0.5; color:#222; } /*******Images Hover Effects******/ .portfolio{ background:url(assets/images/portfoliobg.jpg) center top no-repeat; -moz-background-size: cover; -webkit-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; overflow: hidden; } .portfolio_content{ padding-bottom:120px; display:inline-block; } .portfolio .portfolio_content .head_title h3{ color:#000000; } .portfolio .portfolio_content .head_title h4{ color:#000000; } .single_portfolio_text{ display:inline-block; padding:0; position:relative; overflow:hidden; } .single_portfolio_text img{ width:100%; } .single_portfolio_text:hover .portfolio_images_overlay{ top:5%; left: 5%; } .portfolio_images_overlay{ width: 90%; height: 90%; background: rgba(0, 0, 0, .6); padding: 20px; margin: 0 auto; top:-100%; left: 5%; position: absolute; transition:.6s; -webkit-transition:.6s; -moz-transition:.6s; -ms-transition:.6s; -o-transition:.6s; border-radius: 3px; } .portfolio_images_overlay h6{ text-transform:uppercase; color: #ffffff; font-size:16px; line-height:21px; font-weight: 500; margin-bottom: 1rem; margin-top: 5px; text-shadow: 1px 1px 1px black; } .portfolio_images_overlay p.product_price{ font-size:14px; color: #ffffff; line-height:3rem; text-align: center; text-shadow: 1px 1px 1px black; } .portfolio_images_overlay .btn{ margin-top: 10px; font-size: 14px !important; font-weight: normal !important; margin-bottom: 20px; } @media (min-width:769px) and (max-width:991px) { .portfolio_images_overlay { padding: 0px; } } @media (max-width:768px) { .portfolio_images_overlay{ padding: 170px 20px; } } @media (max-width:580px) { .portfolio_images_overlay{ padding: 100px 20px; } } @media (max-width:480px) { .portfolio_images_overlay{ padding: 40px 20px; } } @media (max-width:320px) { .portfolio_images_overlay{ padding: 20px; } } /**********************/ .margin-bottom-0{ margin-bottom:0px !important; } .margin-bottom-5{ margin-bottom:5px !important; } /*************User-Profile Facebook-cover***********/ .fb-profile-block { margin: auto; position: relative; /* width: 850px; */ } .fb-img{ width: 100%; max-height: 370px; } .fb-profile-block-thumb{ display: block; height: auto; /* overflow: hidden; */ position: relative; text-decoration: none; } .fb-profile-block-menu { border: 1px solid #d3d6db; border-radius: 0 0 3px 3px; } a .profile-edit { bottom: 15px !important; box-shadow: none !important; display: block !important; left: 15px !important; padding:1px !important; position: absolute !important; height: auto !important; width: 160px !important; background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0 !important; z-index:9 !important; } .profile-img a{ bottom: 15px; box-shadow: none; display: block; left: 15px; padding:1px; position: absolute; height: auto; width: 160px; background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0; z-index:1; } .profile-img img { background-color: #fff; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.07); width: 200px; height: 200px; max-height:158px; /*padding: 5px; */ /* max-width:158px; */ } .profile-name { position: absolute; } .profile-fb { bottom: 44px; left: 174px; position: absolute; } .profile-name_1 { top: 5px; left: 180px; position: absolute; background: transparent !important; } .profile-name h3 { color: #FF5A60; font-size: 18px; font-weight: 600; line-height: 30px; max-width: 275px; position: relative; text-transform: uppercase; } .fb-profile-block-menu{ height: 44px; position: relative; /* width:850px; */ overflow:hidden; box-shadow: 0 1px 2px rgba(43,59,93,0.29); } .block-menu { clear: right; padding-left: 205px; background: #fff; } .block-menu ul{ margin:0; padding:0; } .block-menu ul li{ display:inline-block; } .block-menu ul li a { border: 1px solid #ccc; float: left; font-size: 14px; font-weight: bold; height: auto; line-height: 27px; padding: 0 17px; position: relative; vertical-align: middle; white-space: nowrap; color:#4b4f56; text-transform:capitalize; /* box-shadow: 0 0px 1px rgba(43,59,93,0.19); */ /* background-image: -webkit-linear-gradient(bottom,#bdbdbd,#f1f1f1 1%,#f1f1f1 66%,#fff); */ background-image: -moz-linear-gradient(bottom,#bdbdbd,#f1f1f1 1%,#f1f1f1 66%,#fff); background-image: -o-linear-gradient(bottom,#bdbdbd,#f1f1f1 1%,#f1f1f1 66%,#fff); background-image: -ms-linear-gradient(bottom,#bdbdbd,#f1f1f1 1%,#f1f1f1 66%,#fff); background-image: linear-gradient(to top,#bdbdbd,#f1f1f1 1%,#f1f1f1 66%,#fff); } .block-menu ul li:first-child a{ /* border-left: 1px solid #e9eaed; */ } .fb-shadow{ color: #ffffff !important; text-rendering: optimizelegibility !important; text-shadow: 1px 1px 1px black !important; } /***********Dropdown-Menu*********/ .dropdown-submenu { position: relative; } .dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; -ms-border-radius: 0 6px 6px; -o-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; } .dropdown-submenu:hover>.dropdown-menu { display: block; } .dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; } .dropdown-submenu:hover>a:after { border-left-color: #fff; } .dropdown-submenu.pull-left { float: none; } .dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; -ms-border-radius: 6px 0 6px 6px; -o-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } .big-digit { font-size: xx-large; margin-top: 10px; } .fa-circle1 { background-color: rgba(49,33,248,0.95); border-radius: 20%; width: 127px; height: 127px; color: #ffffff; -webkit-transition: -webkit-transform .8s ease-in-out; -moz-transition: -webkit-transform .8s ease-in-out; -ms-transition: -webkit-transform .8s ease-in-out; -o-transition: -webkit-transform .8s ease-in-out; transition:transform .8s ease-in-out; -webkit-box-shadow: -1px 9px 8px -6px rgba(0,0,0,0.75); -moz-box-shadow: -1px 9px 8px -6px rgba(0,0,0,0.75); -ms-box-shadow: -1px 9px 8px -6px rgba(0,0,0,0.75); -o-box-shadow: -1px 9px 8px -6px rgba(0,0,0,0.75); box-shadow: -1px 9px 8px -6px rgba(0,0,0,0.75); } .fa-circle1:hover { cursor:pointer; -moz-transform:scale(1.1); -webkit-transform:scale(1.1); -ms-transform:scale(1.1); -o-transform:scale(1.1); transform: scale(1.1); } .serviceBox{ padding: 0 20px; text-align: center; border: 1px solid #ccc; margin: 50px 0; position: relative; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .serviceBox .service-icon{ display: inline-block; width: 90px; height: 90px; line-height: 90px; border-radius: 5px; background-color: rgba(49,33,248,0.95); font-size: 30px; color: #ffffff; margin: -45px 0 30px; position: relative; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .serviceBox:hover .service-icon{ background-color: rgba(49,33,248,0.95); color: #ffffff; } .serviceBox .service-icon:after{ content: ""; border-top: 10px solid rgba(49,33,248,0.95); border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; -moz-transition: all 0.3s linear 0s; -ms-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; } .serviceBox:hover .service-icon:after{ border-top-color: rgba(49,33,248,0.95); } .serviceBox .title{ font-size: 16px; color: #414141; margin: 0 0 12px 0; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .serviceBox:hover .title{ color:rgba(49,33,248,0.95); } .serviceBox .description{ font-size: 16px; color: #8e8e8e; line-height: 25px; } .serviceBox .read-more{ display: inline-block; padding: 1px; background: #fff; border: 1px solid #ccc; font-size: 16px; color: #414141; position: relative; bottom: -20px; transition: margin-right 0.5s ease 0s, border-color 0.3s ease 0s; -webkit-transition: margin-right 0.5s ease 0s, border-color 0.3s ease 0s; -moz-transition: margin-right 0.5s ease 0s, border-color 0.3s ease 0s; -ms-transition: margin-right 0.5s ease 0s, border-color 0.3s ease 0s; -o-transition: margin-right 0.5s ease 0s, border-color 0.3s ease 0s; } .serviceBox .read-more span{ display: inline-block; padding: 5px 18px; background: #fff; margin: 0 -35px -12px 0; position: relative; left: 12px; transition: margin-right 0.5s ease 0s; -webkit-transition: margin-right 0.5s ease 0s; -moz-transition: margin-right 0.5s ease 0s; -ms-transition: margin-right 0.5s ease 0s; -o-transition: margin-right 0.5s ease 0s; } .serviceBox:hover .read-more span{ color: rgba(49,33,248,0.95); margin-right: 0; } .serviceBox .read-more i{ display: inline-block; padding: 9px 17px 8px 20px; background-color: rgba(49,33,248,0.95); color: #ffffff; } .serviceBox:hover, .serviceBox:hover .read-more{ border-color: rgba(49,33,248,0.95); } @media only screen and (max-width:767px){ .serviceBox{ margin-bottom: 80px; } } .btn-fb-cover{ background-clip: padding-box !important; background-color: #000 !important; border: 1px solid #fff !important; border-color: rgba(255, 255, 255, .8) !important; border-radius: 2px; /* box-shadow: 0 0 6px rgba(0, 0, 0, .6) !important; */ box-sizing: border-box; color: #ffffff; display: inline-block; /* opacity: 0; */ overflow: hidden; padding: 6px 12px; position: relative; top: 3px; transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), width .3s step-end; -webkit-transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), width .3s step-end; -moz-transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), width .3s step-end; -ms-transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), width .3s step-end; -o-transition: opacity .3s cubic-bezier(.175, .885, .32, 1.275), width .3s step-end; white-space: nowrap; /* width: 34px; */ word-wrap: normal; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important; -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important; -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important; -ms-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important; -o-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important; } /*****************************************user-Profile-CSS-End****************************************/ a.btn.btn-skyblue:hover { background-color: #51b5c1 !important; } .padding-5{ padding:5px !important; } .padding-10{ padding:10px; } /****************About-us sidebar*************/ @media (min-width: 768px) { .brand-pills > li > a { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } li.brand-nav.active a:after{ content: " "; display: block; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 9px solid #428bca; position: absolute; top: 50%; margin-top: -20px; left: 100%; z-index: 2; } } /*******************Multiple-choosen*****************/ .ms-parent { display: inline-block; position: relative; vertical-align: middle; } .ms-choice { display: block; width: 100%; height: 26px; padding: 0; overflow: hidden; cursor: pointer; border: 1px solid #aaa; text-align: left; white-space: nowrap; line-height: 26px; color: #444; text-decoration: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #fff; } .ms-choice.disabled { background-color: #f4f4f4; background-image: none; border: 1px solid #ddd; cursor: default; } .ms-choice > span { position: absolute; top: 0; left: 0; right: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; padding-left: 8px; } .ms-choice > span.placeholder { color: #999; } .ms-choice > div { position: absolute; top: 0; right: 0; width: 20px; height: 25px; background: url('multiple-select.png') left top no-repeat; } .ms-choice > div.open { background: url('multiple-select.png') right top no-repeat; } .ms-drop { width: 100%; overflow: hidden; display: none; margin-top: -1px; padding: 0; position: absolute; z-index: 1000; background: #fff; color: #000; border: 1px solid #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .ms-drop.bottom { top: 100%; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); box-shadow: 0 4px 5px rgba(0, 0, 0, .15); } .ms-drop.top { bottom: 100%; -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); -moz-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); } .ms-search { display: inline-block; margin: 0; min-height: 26px; padding: 4px; position: relative; white-space: nowrap; width: 100%; z-index: 10000; } .ms-search input { width: 100%; height: auto !important; min-height: 24px; padding: 0 20px 0 5px; margin: 0; outline: 0; font-family: sans-serif; font-size: 1em; border: 1px solid #aaa; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #fff url('multiple-select.png') no-repeat 100% -22px; background: url('multiple-select.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee)); background: url('multiple-select.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('multiple-select.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%); background: url('multiple-select.png') no-repeat 100% -22px, -o-linear-gradient(bottom, white 85%, #eeeeee 99%); background: url('multiple-select.png') no-repeat 100% -22px, -ms-linear-gradient(top, #ffffff 85%, #eeeeee 99%); background: url('multiple-select.png') no-repeat 100% -22px, linear-gradient(top, #ffffff 85%, #eeeeee 99%); } .ms-search, .ms-search input { -webkit-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .ms-drop ul { overflow: auto; margin: 0; padding: 5px 8px; } .ms-drop ul > li { list-style: none; display: list-item; background-image: none; position: static; } .ms-drop ul > li .disabled { opacity: .35; filter: Alpha(Opacity=35); } .ms-drop ul > li.multiple { display: block; float: left; } .ms-drop ul > li.group { clear: both; } .ms-drop ul > li.multiple label { width: 100%; display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ms-drop ul > li label { font-weight: normal; display: block; white-space: nowrap; } .ms-drop ul > li label.optgroup { font-weight: bold; } .ms-drop input[type="checkbox"] { vertical-align: middle; } .ms-drop .ms-no-results { display: none; } .dropdown ul.dropdown-menu:before { content: ""; border-bottom: 10px solid #fff; border-right: 10px solid transparent; border-left: 10px solid transparent; position: absolute; top: -10px; left: 10px; z-index: 10; } .dropdown ul.dropdown-menu:after { content: ""; border-bottom: 12px solid #ccc; border-right: 12px solid transparent; border-left: 12px solid transparent; position: absolute; top: -12px; left: 10px; z-index: 9; } .mail_print{ background: no-repeat url(../images/icon/mail_icon.png) 1px -855px; width: 21px; height: 22px; overflow: hidden; display: block; border: 1px solid #ccc; border-radius: 3px; padding: 12px; box-shadow: 0 1px 0px rgba(43,59,93,0.29); margin-right:10px; } .mail_print:hover{ box-shadow: 0 2px 3px rgba(43,59,93,0.59); } .mail_newwindow{ background: no-repeat url(../images/icon/mail_icon.png) 2px -678px; width: 21px; height: 21px; overflow: hidden; display: block; border: 1px solid #ccc; border-radius: 3px; padding: 12px; box-shadow: 0 1px 0px rgba(43,59,93,0.29); } .mail_newwindow:hover{ box-shadow: 0 2px 3px rgba(43,59,93,0.59); } .mail_delete{ background: no-repeat url(../images/icon/mail_icon.png) 2px -525px; width: 21px; height: 21px; overflow: hidden; display: block; border: 1px solid #ccc; border-radius: 3px; padding: 12px; margin-right:10px; box-shadow: 0 1px 0px rgba(43,59,93,0.29); } .mail_delete:hover{ box-shadow: 0 2px 3px rgba(43,59,93,0.59); } .mail_download{ background: no-repeat url(../images/icon/mail_icon.png) 2px -361px; width: 21px; height: 21px; overflow: hidden; display: block; border: 1px solid #ccc; border-radius: 3px; padding: 12px; margin-right:10px; box-shadow: 0 1px 0px rgba(43,59,93,0.29); } .mail_download:hover{ box-shadow: 0 2px 3px rgba(43,59,93,0.59); } .mail_star{ background: no-repeat url(../images/icon/star.png) 3px 2px; width: 21px; height: 21px; overflow: hidden; display: block; border: 1px solid #ccc; border-radius: 3px; padding: 12px; margin-right:10px; box-shadow: 0 1px 0px rgba(43,59,93,0.29); } .mail_star:hover{ box-shadow: 0 2px 3px rgba(43,59,93,0.59); } .text-indent-40{ text-indent:40px; } .border-bottom{ border-bottom:1px solid #ddd !important; } .w3-animate-zoom { animation:animatezoom 0.6s !important; -o-animation:animatetop 0.6s important; -ms-animation:animatetop 0.6s important; -moz-animation:animatetop 0.6s important; -webkit-animation:animatetop 0.6s important; } @keyframes animatezoom{ from{transform:scale(0)} to{transform:scale(1)} } .image-preview-input { position: relative; overflow: hidden; margin: 0px; color: #333; background-color: #fff; border-color: #ccc; } .image-preview-input input[type=file] { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } .image-preview-input-title { margin-left:2px; } a.btn.btn-primary.btn-sm.col-md-6.font-10.bold.notActive { /* background: #2781BD !important; */ background-color: rgba(48, 138, 37, 0.58) !important; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; -o-transition: 0.5s; } a.btn.btn-primary.btn-sm.col-md-6.font-10.bold.notActive.active:hover { /* background: #2781BD !important; */ background: #3121f8 !important; transition: 0.5s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; } a.btn.btn-primary.btn-sm.col-md-6.font-10.bold.active { /* background: #2781BD !important; */ border:1px solid green !important; transition: 0.5s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.2), 0 0px 10px 0 rgba(0, 0, 0, 0.19) !important; } /***********Home page-5 stickey sidebar************/ .floatingtvc_banner {right: 5px;top: 75% !important;z-index: 9;position: absolute;} .floatingtvc_banner.floatingtvc-fixed { position: fixed !important; } .floatingtvc_banner { right: 5px; top: 30% !important; z-index: 9; position: absolute; } .posabsolute { position: absolute;} .text-bold { font-weight: bold}