/*---------------------------------------------------- @File: Default Styles @Author: Rocky Ahmed @URL: http://wethemez.com This file contains the styling for the actual theme, this is the file you need to edit to change the look of the theme. ---------------------------------------------------- */ /*===================================================================== @Template Name: VeroDate @Author: Rocky Ahmed @Developed By: Rocky Ahmed @Developer URL: http://rocky.obaidul.com @Default Styles Table of Content: 01/ Variables 02/ predefin 03/ header 04/ slider 05/ photography 06/ button 07/ work 08/ team 09/ contact 10/ price 11/ portfolio 12/ blog 13/ sidebar 13/ page-header 13/ project 13/ we-dope 13/ progress 13/ comingsoon 13/ error 13/ footer =====================================================================*/ /*----------------------------------------------------*/ /*font Variables*/ /*Color Variables*/ @import url("https://fonts.googleapis.com/css?family=Averia+Libre:300,400,700|Ubuntu:300,400,500,700"); .col-md-offset-right-1 { margin-right: 8.33333333%; } /* @font-face { font-family: "ralH"; src: url(../fonts/theme-font/Raleway-Heavy.woff); } @font-face { font-family: "monR"; src: url(../fonts/theme-font/Montserrat-Regular.woff); } @font-face { font-family: "monB"; src: url(../fonts/theme-font/Montserrat-Bold.woff); } */ /*---------------------------------------------------- */ /*----------------------------------------------------*/ ul { list-style: none; margin: 0px; padding: 0px; } a { text-decoration: none; } a:hover, a:focus { text-decoration: none; } .row.m0 { padding: 0px; margin: 0px; } body { line-height: 24px; font-size: 15px; height: 100vh; overflow: auto; font-family: 'Poppins', sans-serif; } body, p, h1, h2, h3, h4, h5, h6 { margin: 0px; padding: 0px; } #custom-handle { width: 3em; height: 1.6em; top: 50%; margin-top: -.8em; text-align: center; background: red; } #success { overflow: hidden; clear: both; width: 100%; display: none; } #error { overflow: hidden; clear: both; width: 100%; display: none; } /* Ripple Out css ============================================================================================ */ /* Ripple Out */ @-webkit-keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } @keyframes hvr-ripple-out { 100% { top: -12px; right: -12px; bottom: -12px; left: -12px; opacity: 0; } } .hvr-ripple-out { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; } .hvr-ripple-out:before { content: ''; position: absolute; border: #e1e1e1 solid 6px; top: 0; right: 0; bottom: 0; left: 0; border-radius: 3px; -webkit-animation-duration: 1s; animation-duration: 1s; } .hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before { -webkit-animation-name: hvr-ripple-out; animation-name: hvr-ripple-out; } /* End Ripple Out css ============================================================================================ */ /* Radio Btn css ============================================================================================ */ .reg_chose.form-group { position: relative; } .reg_chose.form-group input[type=radio] { position: absolute; visibility: hidden; } .reg_chose.form-group label { display: block; position: relative; font-weight: 300; font-size: 1.35em; padding: 18px 25px 25px 30px; margin: 0px auto; height: 30px; z-index: 9; cursor: pointer; font-size: 16px; color: #334249; -webkit-transition: all 0.25s linear; } .reg_chose.form-group .check { display: block; position: absolute; border: 1px solid #e0e0e0; height: 20px; width: 20px; top: 19px; left: 0px; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear; background: #f4f4f4; border-radius: 3px; outline: none; } .reg_chose.form-group .check::before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 9px; height: 5px; background: transparent; top: 4px; left: 4px; border: 3px solid rgb(195 11 19); border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .reg_chose.form-group input[type=radio]:checked~.check { border: 2px solid #e0e0e0; } .reg_chose.form-group input[type=radio]:checked~.check::before { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .reg_chose .form-group input[type=radio]:checked~label { color: #2e3c43; } /* Welcome title css ============================================================================================ */ .welcome_title { text-align: center; } .welcome_title h3 { font-size: 30px; color: #2e3c43; font-family: 'Poppins', sans-serif; font-weight: bold; padding-bottom: 12px; } .welcome_title h3 span { color: rgb(195 11 19); } .welcome_white_title { text-align: center; } .welcome_white_title h3 { font-size: 30px; color: #fff; font-family: 'Poppins', sans-serif; font-weight: bold; padding-bottom: 12px; } .welcome_white_title h3 span { color: rgb(195 11 19); } #circle1 { margin: 20px; width: 200px; height: 200px; position: relative; } #circle2 { margin: 20px; width: 200px; height: 200px; position: relative; } /* End Welcome title css ============================================================================================ */ #preloader { position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 25; background: #fff; } .loading { font-family: "Averia Libre", cursive; text-transform: uppercase; width: 150px; text-align: center; line-height: 50px; position: absolute; left: 0; right: 0; top: 50%; margin: auto; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .loading span { position: relative; z-index: 999; color: #fff; } .loading:before { content: ''; background: #0e0e0e; width: 128px; height: 36px; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -webkit-animation: 2s loadingBefore infinite ease-in-out; animation: 2s loadingBefore infinite ease-in-out; } @-webkit-keyframes loadingBefore { 0% { -webkit-transform: translateX(-14px); transform: translateX(-14px); } 50% { -webkit-transform: translateX(14px); transform: translateX(14px); } 100% { -webkit-transform: translateX(-14px); transform: translateX(-14px); } } @keyframes loadingBefore { 0% { -webkit-transform: translateX(-14px); transform: translateX(-14px); } 50% { -webkit-transform: translateX(14px); transform: translateX(14px); } 100% { -webkit-transform: translateX(-14px); transform: translateX(-14px); } } .loading:after { content: ''; background: #ff3600; width: 14px; height: 60px; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; opacity: .5; -webkit-animation: 2s loadingAfter infinite ease-in-out; animation: 2s loadingAfter infinite ease-in-out; } @-webkit-keyframes loadingAfter { 0% { -webkit-transform: translateX(-50px); transform: translateX(-50px); } 50% { -webkit-transform: translateX(50px); transform: translateX(50px); } 100% { -webkit-transform: translateX(-50px); transform: translateX(-50px); } } @keyframes loadingAfter { 0% { -webkit-transform: translateX(-50px); transform: translateX(-50px); } 50% { -webkit-transform: translateX(50px); transform: translateX(50px); } 100% { -webkit-transform: translateX(-50px); transform: translateX(-50px); } } /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Main Menu area css ============================================================================================ */ .header_menu_area { position: absolute; width: 100%; left: 0px; top: 0px; z-index: 15; } .header_menu_area .navbar-default { background: rgb(195 11 19); border-radius: 0px; border: none; box-shadow: none; border-bottom: 1px solid #ffb300; margin-bottom: 0px; } .header_menu_area .navbar-default .navbar-header .navbar-brand { padding: 0px; margin-left: 0px; /* line-height: 77px; */ } .header_menu_area .navbar-default .navbar-header .navbar-brand img { display: inline-block; } .header_menu_area .navbar-default .navbar-collapse { text-align: right; } .header_menu_area .navbar-default .navbar-collapse .navbar-nav { float: none; text-align: right; display: inline-block; margin-right: 20px; } .header_menu_area .navbar-default .navbar-collapse .navbar-nav li { float: none; display: inline-block; margin-right: 35px; } .header_menu_area .navbar-default .navbar-collapse .navbar-nav li a { padding: 0px; line-height: 80px; background: transparent; color: #fff; position: relative; transition: all 400ms linear 0s; text-shadow: none; font-size: 14px; font-family: 'Poppins', sans-serif; } .header_menu_area .navbar-default .navbar-collapse .navbar-nav li a:before { content: ''; background: rgb(195 11 19); height: 3px; width: 100%; left: 0px; bottom: -2px; position: absolute; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); transition: all 400ms linear 0s; } .header_menu_area .navbar-default .navbar-collapse .navbar-nav li:last-child { margin-right: 0px; } .header_menu_area .navbar-default .navbar-collapse .navbar-nav li:hover a, .header_menu_area .navbar-default .navbar-collapse .navbar-nav li.active a { color: #392e43; } .header_menu_area .navbar-default .navbar-collapse .navbar-nav li:hover a:before, .header_menu_area .navbar-default .navbar-collapse .navbar-nav li.active a:before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .header_menu_area .navbar-default .navbar-collapse .navbar-nav li.submenu .dropdown-menu { padding: 0px; margin: 0px 0px 0px 0px; border: none; left: -50%; transition: all 400ms linear 0s; border-top: 1px solid rgb(195 11 19); border-bottom: 1px solid rgb(195 11 19); border-radius: 0px; text-align: center; background: transparent; } @media (min-width: 991px) { .header_menu_area .navbar-default .navbar-collapse .navbar-nav li.submenu .dropdown-menu { display: block; top: 150%; transition: all 300ms ease-in; opacity: 0; visibility: hidden; min-width: 170px; } } .header_menu_area .navbar-default .navbar-collapse .navbar-nav li.submenu .dropdown-menu li { display: block; margin-right: 0px; } .header_menu_area .navbar-default .navbar-collapse .navbar-nav li.submenu .dropdown-menu li a { line-height: 40px; display: block; color: #fff; position: relative; text-shadow: none; border-bottom: 1px solid #0e0e0e; background: rgba(0, 0, 0, 0.62); font-size: 14px; font-family: 'Poppins', sans-serif; } .header_menu_area .navbar-default .navbar-collapse .navbar-nav li.submenu .dropdown-menu li a:before { display: none; } .header_menu_area .navbar-default .navbar-collapse .navbar-nav li.submenu .dropdown-menu li:hover a { color: rgb(195 11 19); background: rgba(0, 0, 0, 0.8); } .header_menu_area .navbar-default .navbar-collapse .navbar-nav li.submenu .dropdown-menu li:last-child a { border: none; } @media (min-width: 768px) { .header_menu_area .navbar-default .navbar-collapse .navbar-nav li.submenu:hover .dropdown-menu { top: 101%; opacity: 1; visibility: visible; } } .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right { position: relative; margin-right: -15px; } /* .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right:before { content: ''; height: 30px; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 1px; background: #717171; position: absolute; } */ .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right li { margin-right: 0px; margin-left: 20px; position: relative; } .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right li a { outline: none !important; } .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right li a i { padding-right: 10px; } .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right li.flag_drop .selector .dd.ddcommon { width: auto !important; min-width: 100px; border: none; outline: none; color: #fff; font-size: 14px; font-family: 'Poppins', sans-serif; } .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right li.flag_drop .selector .dd.ddcommon .divider { display: none; } .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right li.flag_drop .selector .dd.ddcommon .ddTitle .ddTitleText { padding: 0px 15px 0px 0px; position: relative; } .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right li.flag_drop .selector .dd.ddcommon .ddTitle .ddTitleText:before { content: "\f107"; font: normal normal normal 14px/1 FontAwesome; position: absolute; right: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right li.flag_drop .selector .dd.ddcommon .ddTitle .ddTitleText img { margin-right: 8px; } .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right li.flag_drop .selector .dd.ddcommon .ddChild { border: none; border-radius: 0px; box-shadow: none; background: transparent; top: 53px !important; height: 160px !important; } .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right li.flag_drop .selector .dd.ddcommon .ddChild ul { border-top: 1px solid rgb(195 11 19); border-bottom: 1px solid rgb(195 11 19); box-sizing: border-box; } .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right li.flag_drop .selector .dd.ddcommon .ddChild ul li { margin: 0px; padding: 0px; background: rgba(0, 0, 0, 0.62); color: #fff; min-width: 100px; border-radius: 0px; text-align: center; font-size: 14px; font-family: 'Poppins', sans-serif; line-height: 38px; border-bottom: 1px solid #0e0e0e; transition: all 400ms linear 0s; } .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right li.flag_drop .selector .dd.ddcommon .ddChild ul li span { color: #fff; font-size: 14px; font-family: 'Poppins', sans-serif; } .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right li.flag_drop .selector .dd.ddcommon .ddChild ul li:hover { background: rgba(0, 0, 0, 0.8); } .header_menu_area .navbar-default .navbar-collapse .navbar-nav.navbar-right li:last-child { margin-left: 0px; position: relative; } .header_menu_area.white_menu { top: 50px; } .header_menu_area.white_menu .navbar-default { background: #fff; border-color: #fff; } .header_menu_area.white_menu .navbar-default .navbar-collapse .navbar-nav li a { color: #2e3c43; font-weight: 500; } .header_menu_area.white_menu .navbar-default .navbar-collapse .navbar-nav li:hover a, .header_menu_area.white_menu .navbar-default .navbar-collapse .navbar-nav li.active a { color: rgb(195 11 19); } .header_menu_area.white_menu .navbar-default .navbar-collapse .navbar-nav.navbar-right:before { background: #ccc; } .header_menu_area.white_menu .navbar-default .navbar-collapse .navbar-nav.navbar-right li.flag_drop:before { background: #ccc; } .header_menu_area.white_menu .navbar-default .navbar-collapse .navbar-nav.navbar-right li.flag_drop .selector .ddcommon .ddTitle .ddTitleText .ddlabel { color: #2e3c43; } .header_menu_area.white_menu .navbar-default .navbar-collapse .navbar-nav.navbar-right li.flag_drop .selector .ddcommon .ddTitle .ddTitleText:before { color: #2e3c43; } .header_menu_area.white_menu.affix { top: 0px; } .header_menu_area.affix { position: fixed; z-index: 18; } /* End Main Menu area css ============================================================================================ */ /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* End Main Menu area css ============================================================================================ */ /* plugin css */ /** * Fade-zoom animation for first dialog */ /* start state */ .my-mfp-zoom-in .zoom-anim-dialog { 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; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } /* animate in */ .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* animate out */ .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } /* Dark overlay, start state */ .my-mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /** * Fade-move animation for second dialog */ /* at start */ .my-mfp-slide-bottom .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transform: translateY(-20px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-20px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-20px) perspective(600px) rotateX(10deg); -o-transform: translateY(-20px) perspective(600px) rotateX(10deg); transform: translateY(-20px) perspective(600px) rotateX(10deg); } /* animate in */ .my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: translateY(0) perspective(600px) rotateX(0); -moz-transform: translateY(0) perspective(600px) rotateX(0); -ms-transform: translateY(0) perspective(600px) rotateX(0); -o-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0) perspective(600px) rotateX(0); } /* animate out */ .my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog { opacity: 0; -webkit-transform: translateY(-10px) perspective(600px) rotateX(10deg); -moz-transform: translateY(-10px) perspective(600px) rotateX(10deg); -ms-transform: translateY(-10px) perspective(600px) rotateX(10deg); -o-transform: translateY(-10px) perspective(600px) rotateX(10deg); transform: translateY(-10px) perspective(600px) rotateX(10deg); } /* Dark overlay, start state */ .my-mfp-slide-bottom.mfp-bg { opacity: 0; -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-slide-bottom.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .my-mfp-slide-bottom.mfp-removing.mfp-bg { opacity: 0; } .blur header, .blur section, .blur footer { -webkit-filter: blur(2.5px); filter: blur(2.5px); } .mfp-bg { background: rgba(30, 40, 45, 0.86); } .mfp-inline-holder { padding: 0px; } .login_form_inner { max-width: 488px; margin: auto; position: relative; border: 8px solid rgb(195 11 19); background: #fff; border-radius: 5px; padding: 0px 50px 50px 50px; } .login_form_inner h4 { text-align: center; font-family: 'Poppins', sans-serif; font-weight: bold; font-size: 30px; color: #2f3c44; padding-top: 45px; } .login_form_inner input { width: 100%; height: 45px; box-shadow: none; border: 1px solid #f4f4f4; margin-top: 30px; border-radius: 3px; background: #f4f4f4; padding: 0px 15px 0px 28px; outline: none; box-shadow: none; text-shadow: none; font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .login_form_inner input.placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .login_form_inner input:-moz-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .login_form_inner input::-moz-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .login_form_inner input::-webkit-input-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .login_form_inner input:focus { border: 1px solid rgb(195 11 19); } .login_form_inner .login_btn_area .login_social { display: inline-block; float: right; padding-top: 11px; } .login_form_inner .login_btn_area .login_social h5 { display: inline-block; font-size: 16px; color: #334249; font-weight: 500; font-family: 'Poppins', sans-serif; padding-right: 18px; } .login_form_inner .login_btn_area .login_social ul { display: inline-block; } .login_form_inner .login_btn_area .login_social ul li { display: inline-block; margin-right: 8px; } .login_form_inner .login_btn_area .login_social ul li a { height: 30px; width: 30px; border-radius: 50%; background: #3b5998; display: block; text-align: center; line-height: 30px; font-size: 16px; position: relative; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; } .login_form_inner .login_btn_area .login_social ul li a:before { content: ''; position: absolute; border: 5px solid rgba(59, 89, 152, 0.4); top: 0; right: 0; bottom: 0; left: 0; -webkit-animation-duration: 1s; animation-duration: 1s; opacity: 0; border-radius: 50%; } .login_form_inner .login_btn_area .login_social ul li a i { color: #fff; } .login_form_inner .login_btn_area .login_social ul li:last-child { margin-right: 0px; } .login_form_inner .login_btn_area .login_social ul li:last-child a { background: rgb(195 11 19); } .login_form_inner .login_btn_area .login_social ul li:last-child a:before { border-color: rgba(220, 78, 65, 0.6); } .login_form_inner .login_btn_area .login_social ul li:hover a:before { -webkit-animation-name: hvr-ripple-out; animation-name: hvr-ripple-out; opacity: 1; } .login_form_inner .mfp-close { height: auto; width: auto; line-height: normal; opacity: 1; right: -37px; top: -38px; cursor: pointer; } .register_form_inner { max-width: 970px; margin: auto; position: relative; border: 8px solid rgb(195 11 19); background: #fff; border-radius: 5px; padding: 0px 50px 0px 30px; } .register_form_inner .registration_man { padding-top: 52px; } .register_form_inner .registration_form_s { padding-left: 60px; } .register_form_inner .registration_form_s h4 { text-align: center; font-family: 'Poppins', sans-serif; font-weight: bold; font-size: 30px; color: #2f3c44; padding: 45px 0px 22px 0px; } .register_form_inner .registration_form_s .form-group { margin-bottom: 20px; } .register_form_inner .registration_form_s .form-group input { width: 100%; height: 46px; box-shadow: none; border: 1px solid #f4f4f4; border-radius: 3px; background: #f4f4f4; padding: 0px 15px 0px 28px; outline: none; box-shadow: none; text-shadow: none; font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .register_form_inner .registration_form_s .form-group input.placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .register_form_inner .registration_form_s .form-group input:-moz-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .register_form_inner .registration_form_s .form-group input::-moz-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .register_form_inner .registration_form_s .form-group input::-webkit-input-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .register_form_inner .registration_form_s .form-group input:focus { border: 1px solid rgb(195 11 19); } .register_form_inner .registration_form_s .form-group .btn-group { width: 100%; text-align: left; } .register_form_inner .registration_form_s .form-group .btn-group .dropdown-toggle { width: 100%; border: 1px solid #f4f4f4; background: #f4f4f4; padding: 0px 30px; height: 47px; } .register_form_inner .registration_form_s .form-group .btn-group .dropdown-toggle span { text-align: left; float: left; font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .register_form_inner .registration_form_s .form-group .btn-group .dropdown-toggle .arrow_carrot-down { float: right; } .register_form_inner .registration_form_s .form-group .btn-group .dropdown-toggle .arrow_carrot-down .fa-sort-asc { position: relative; right: -9px; top: -1px; color: #c2c2c2; } .register_form_inner .registration_form_s .form-group .btn-group .dropdown-toggle .arrow_carrot-down .fa-sort-desc { position: relative; bottom: -1px; color: #c2c2c2; } .register_form_inner .registration_form_s .form-group .input-append { position: relative; } .register_form_inner .registration_form_s .form-group .input-append .add-on { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 30px; color: #c2c2c2; } .register_form_inner .registration_form_s .form-group.reg_chose { margin-top: 30px; } .register_form_inner .registration_form_s .form-group.reg_chose .reg_check_box { display: inline-block; } .register_form_inner .registration_form_s .form-group.reg_chose .reg_check_box input { height: auto; } .register_form_inner .registration_form_s .form-group.reg_chose .login_btn { float: right; } .register_form_inner .registration_form_s .form-group:last-child { margin-bottom: 0px; } .register_form_inner .registration_form_s .form-group .datepicker { position: relative; } .register_form_inner .registration_form_s .form-group .datepicker .add-on { position: absolute; right: 26px; color: #c2c2c2; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .register_form_inner .registration_form_s .mfp-close { height: auto; width: auto; opacity: 1; right: -71px; top: -38px; cursor: pointer; line-height: normal; } /* End Main Menu area css ============================================================================================ */ /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Login Button css ============================================================================================ */ .login_btn { width: fit-content; /* height: 50px; */ display: inline-block; border-radius: 25px; color: #fff; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 500; position: relative; z-index: 2; outline: none !important; box-shadow: none !important; border: none; background: transparent; } .login_btn:focus { outline: none !important; box-shadow: none !important; } .login_btn:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: rgb(195 11 19); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border-radius: 25px; } .login_btn:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border: 1px solid rgb(195 11 19); -webkit-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); border-radius: 25px; } .login_btn:hover { color: rgb(195 11 19); } .login_btn:hover:before { opacity: 0; -webkit-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); } .login_btn:hover:after { opacity: 1; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } .register_angkar_btn { width: 160px; height: 50px; display: block; border-radius: 25px; color: #fff; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 500; position: relative; z-index: 2; outline: none !important; box-shadow: none !important; border: none; text-align: center; line-height: 48px; } .register_angkar_btn:focus { outline: none !important; box-shadow: none !important; } .register_angkar_btn:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: rgb(195 11 19); -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border-radius: 25px; } .register_angkar_btn:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border: 1px solid rgb(195 11 19); -webkit-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); border-radius: 25px; } .register_angkar_btn:hover { color: rgb(195 11 19); } .register_angkar_btn:hover:before { opacity: 0; -webkit-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); } .register_angkar_btn:hover:after { opacity: 1; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } .white_angkar_btn { width: 160px; height: 50px; display: block; border-radius: 25px; color: rgb(195 11 19); font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 500; position: relative; z-index: 2; outline: none !important; box-shadow: none !important; border: none; text-align: center; line-height: 48px; } .white_angkar_btn:focus { outline: none !important; box-shadow: none !important; } .white_angkar_btn:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border-radius: 25px; } .white_angkar_btn:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; border: 1px solid rgb(195 11 19); -webkit-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); border-radius: 25px; } .white_angkar_btn:hover { color: rgb(195 11 19); } .white_angkar_btn:hover:before { opacity: 0; -webkit-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); } .white_angkar_btn:hover:after { opacity: 1; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } /* End Login Button css ============================================================================================ */ /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Welcome area css ============================================================================================ */ .welcome_area { /* padding: 130px 0px 75px 0px; */ } .welcome_area .welcome_title { padding-bottom: 50px; } .welcome_item { text-align: center; } .welcome_item h4 { font-size: 30px; color: #2e3c43; font-family: 'Poppins', sans-serif; font-weight: bold; padding: 26px 0px 8px 0px; } .welcome_item h6 { font-size: 16px; color: #2e3c43; font-family: 'Poppins', sans-serif; } .welcome_area .container { margin-top: -72px; position: relative; padding: 30px 30px; background: white; border-radius: 5px; } @media only screen and (max-width:1415px) { .welcome_area .container { margin-top: -60px; } } /* End Welcome area css ============================================================================================ */ /* Find Soul area css ============================================================================================ */ .find_soul_area { padding: 80px 0px 75px 0px; } .find_soul_area .welcome_title { padding-bottom: 50px; } .find_soul_item { text-align: center; } .find_soul_item img { max-width: 100%; } .find_soul_item h4 { font-size: 22px; color: #2e3c43; font-family: 'Poppins', sans-serif; font-weight: 500; padding: 25px 0px 10px 0px; } .find_soul_item p { font-size: 16px; line-height: 24px; font-family: 'Poppins', sans-serif; color: #2e3c43; max-width: 300px; margin: auto; } /* End Find Soul area css ============================================================================================ */ /* Download area css ============================================================================================ */ .download_area { position: relative; padding-top: 80px; background: url(../img/download-bg.webp) no-repeat scroll center center; background-size: cover; position: relative; } .download_area:before { content: ''; position: absolute; left: 0px; top: 0px; background: rgba(46, 60, 67, 0.8); width: 100%; height: 100%; z-index: 1; } .download_area .download_app_icon { z-index: 3; position: relative; } .download_area .download_app_icon h3 { color: #fff; font-size: 48px; font-weight: 300; font-family: 'Poppins', sans-serif; } .download_area .download_app_icon h3 span { color: rgb(195 11 19); font-weight: bold; } .download_area .download_app_icon h3 span+span { color: #fff; } .download_area .download_app_icon h5 { font-size: 16px; color: #fff; font-family: 'Poppins', sans-serif; padding: 20px 0px 45px 0px; } .download_area .download_app_icon ul { padding-bottom: 45px; } .download_area .download_app_icon ul li { display: inline-block; margin-right: 45px; } .download_area .download_app_icon ul li a { width: 100px; height: 100px; border-radius: 50%; font-size: 38px; display: block; text-align: center; background: rgb(195 11 19); line-height: 100px; color: #fff; transition: all 400ms linear 0s; } .download_area .download_app_icon ul li:hover a { background: #fff; color: rgb(195 11 19); } .download_area .download_app_icon ul li:last-child { margin-right: 0px; } .download_content { background: #343e43; border: 1px solid #fff; border-radius: 5px; padding: 30px; margin-bottom: 40px; position: relative; z-index: 3; } .download_content .item p { color: #fff; font-family: 'Poppins', sans-serif; font-size: 16px; line-height: 24px; padding-bottom: 15px; } .download_content .item h4 { font-size: 16px; color: #fff; font-weight: bold; font-family: 'Poppins', sans-serif; display: inline-block; } .download_content .item ul { display: inline-block; padding-left: 8px; } .download_content .item ul li { display: inline-block; } .download_content .item ul li a { color: rgb(195 11 19); } .download_content .owl-controls { position: absolute; right: 30px !important; bottom: -15px !important; height: 30px; top: auto !important; } .download_content .owl-controls .owl-dots { display: none !important; } .download_content .owl-controls .owl-nav .owl-prev { border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .download_content .owl-controls .owl-nav .owl-next { border-top-right-radius: 15px; border-bottom-right-radius: 15px; } .download_content .owl-controls .owl-nav .owl-prev, .download_content .owl-controls .owl-nav .owl-next { display: inline-block; width: 30px; height: 30px; background: #fff; color: #3d4a50; text-align: center; line-height: 30px; transition: all 400ms linear 0s; } .download_content .owl-controls .owl-nav .owl-prev:hover, .download_content .owl-controls .owl-nav .owl-next:hover { background: rgb(195 11 19); color: #fff; } .download_full_slider .download_moblie { text-align: center; } .download_full_slider .download_moblie .download_m_slider { text-align: center; z-index: 3; position: relative; display: inline-block; overflow: hidden; } .download_full_slider .download_moblie .download_m_slider img { max-width: 100%; text-align: center; width: auto; display: inline-block; } .download_full_slider .download_moblie .download_m_slider .download_moblile_slider { max-width: 330px; margin: auto; position: absolute; bottom: 0px; left: 12px; z-index: 5; } .download_full_slider .download_moblie .download_m_slider .download_moblile_slider .owl-controls { position: absolute; right: -50px; top: 125px; } .download_full_slider .download_moblie .download_m_slider .download_moblile_slider .owl-controls .owl-dots .owl-dot { height: 12px; width: 12px; border-radius: 50%; background: rgb(195 11 19); margin-bottom: 10px; position: relative; left: 2px; } .download_full_slider .download_moblie .download_m_slider .download_moblile_slider .owl-controls .owl-dots .owl-dot:last-child { margin-bottom: 0px; } .download_full_slider .download_moblie .download_m_slider .download_moblile_slider .owl-controls .owl-dots .owl-dot.active { border: 2px solid #fff; vertical-align: middle; box-sizing: content-box; left: 0px; } /* End Download area css ============================================================================================ */ /* Who we area css ============================================================================================ */ .who_we_are_area { padding: 80px 0px; } .who_we_are_area .welcome_title { padding-bottom: 50px; } .who_we_are_area .who_we_left h4 { font-size: 22px; font-weight: 500; font-family: 'Poppins', sans-serif; color: #334249; padding-bottom: 10px; } .who_we_are_area .who_we_left p { line-height: 24px; font-size: 16px; font-family: 'Poppins', sans-serif; color: #334249; padding-bottom: 25px; } .who_we_are_area .who_we_left p+p { padding-bottom: 0px; } .who_we_are_area .who_we_right { max-width: 100%; border-radius: 5px; } .who_we_are_area .who_we_right img { max-width: 100%; } .who_we_are_area.why_us .who_we_left p { padding-bottom: 16px; } .who_we_are_area.why_us .who_we_left p+p { padding-bottom: 0px; } /* End Who we area css ============================================================================================ */ /* End Who we area css ============================================================================================ */ .best_mate_area { position: relative; overflow: hidden; } .best_mate_area .best_bg_slider .rev_slider ul li { z-index: 5 !important; } .best_mate_area .best_bg_slider .rev_slider ul li .tp-bgimg { z-index: 6 !important; } .best_mate_area .best_bg_slider .tp-bullets .tp-bullet { height: 12px; width: 12px; box-shadow: 0 0 0 2px transparent; } .best_mate_area .best_bg_slider .tp-bullets .tp-bullet .tp-bullet-inner { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); background: rgb(195 11 19); } .best_mate_area .best_bg_slider .tp-bullets .tp-bullet:hover { box-shadow: 0 0 0 2px #fff; } .best_mate_area .best_bg_slider .tp-bullets .tp-bullet:hover .tp-bullet-inner { -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); } .best_mate_area .best_bg_slider .tp-bullets .tp-bullet.selected { box-shadow: 0 0 0 2px #fff; } .best_mate_area .left_best_content { position: absolute; top: 0px; width: 100%; left: 0px; } .best_mate_area .left_best_content .left_inner_content { width: 50%; background: rgba(26, 26, 26, 0.5); min-height: 372px; float: left; z-index: 10; position: relative; } .best_mate_area .left_best_content .left_inner_content .left_inner_right { max-width: 585px; float: right; width: 100%; } .best_mate_area .left_best_content .left_inner_content .left_inner_right h4 { color: #fff; font-family: 'Poppins', sans-serif; font-weight: bold; font-size: 30px; max-width: 335px; padding-top: 95px; } .best_mate_area .left_best_content .left_inner_content .left_inner_right p { font-size: 16px; color: #fff; font-family: 'Poppins', sans-serif; padding: 8px 0px 22px 0px; } .best_mate_area .right_best_content { width: 50%; background: rgba(26, 26, 26, 0.5); float: right; } /* End Who we area css ============================================================================================ */ /* Our Team area css ============================================================================================ */ .our_team_area { background: #f4f4f4; padding: 80px 0px; } .our_team_area .welcome_title { padding-bottom: 50px; } .team_inner_area .team_items { position: relative; border-radius: 5px; overflow: hidden; } .team_inner_area .team_items img { max-width: 100%; } .team_inner_area .team_items:before { content: ''; height: 5px; width: 100%; bottom: 0px; left: 0px; position: absolute; background: rgba(231, 76, 60, 0.95); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; transition: all 200ms ease-in; } .team_inner_area .team_items .plus_zoom { position: absolute; right: -25px; top: -25px; width: 0; height: 0; border-style: solid; border-width: 0 50px 50px 0; border-color: transparent rgb(195 11 19) transparent transparent; transition: all 400ms linear 0s; } .team_inner_area .team_items .plus_zoom:before { content: "+"; color: #fff; position: absolute; left: 31px; top: 3px; } .team_inner_area .team_items .hover_details { position: absolute; bottom: -100px; left: 0px; width: 100%; text-align: center; transition: all 400ms linear 0s; } .team_inner_area .team_items .hover_details h4 { font-size: 16px; font-weight: bold; font-family: 'Poppins', sans-serif; color: #fff; padding-bottom: 5px; } .team_inner_area .team_items .hover_details h5 { font-size: 16px; font-family: 'Poppins', sans-serif; color: #fff; font-weight: 300; } .team_inner_area .team_items:hover:before { height: 96px; } .team_inner_area .team_items:hover .plus_zoom { right: 0px; top: 0px; } .team_inner_area .team_items:hover .hover_details { bottom: 25px; } /* End Our Team area css ============================================================================================ */ /* Members Says area css ============================================================================================ */ .members_say_area { background: url(../img/members_says_bg.jpg) no-repeat scroll center center; background-size: cover; position: relative; z-index: 2; padding: 80px 0px; } .members_say_area:before { content: ""; background: rgba(0, 0, 0, 0.75); width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; z-index: -1; } .members_say_area .welcome_white_title { padding-bottom: 50px; } .members_say_area .members_say_inner { max-width: 1030px; margin: auto; text-align: center; } .members_say_area .members_say_inner p { color: #fff; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 28px 40px; font-size: 16px; line-height: 24px; font-family: 'Poppins', sans-serif; } .members_say_area .members_say_inner h4 { padding-top: 25px; font-size: 16px; font-weight: bold; font-family: 'Poppins', sans-serif; color: #fff; } .members_say_area .members_say_inner h4 .left { padding-right: 15px; } .members_say_area .members_say_inner h4 .right { padding-left: 15px; } /* End Members Says area css ============================================================================================ */ /* Forums area css ============================================================================================ */ .forums_table .table-responsive .table thead tr { border: 1px solid #e0e0e0; } .forums_table .table-responsive .table thead tr th { line-height: 44px; padding: 0px; border-bottom: 0px; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: bold; color: #2e3c43; } .forums_table .table-responsive .table thead tr th:first-child { padding-left: 30px; } .forums_table .table-responsive .table thead tr th:nth-child(2) { width: 100px; } .forums_table .table-responsive .table thead tr th:nth-child(3) { width: 80px; } .forums_table .table-responsive .table thead tr th:last-child { padding-left: 35px; } .forums_table .table-responsive .table tbody tr { border-bottom: 1px solid #e0e0e0; border-top: 0; } .forums_table .table-responsive .table tbody tr td { padding: 30px 0px 45px 0px; font-size: 16px; font-family: 'Poppins', sans-serif; color: #334249; } .forums_table .table-responsive .table tbody tr td h3 { color: #334249; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 500; padding-bottom: 15px; } .forums_table .table-responsive .table tbody tr td p { font-size: 16px; font-family: 'Poppins', sans-serif; color: #334249; } .forums_table .table-responsive .table tbody tr td:nth-child(2) { padding-left: 10px; } .forums_table .table-responsive .table tbody tr td:nth-child(3) { padding-left: 10px; } .forums_table .table-responsive .table tbody tr td:first-child { padding-left: 40px; } .forums_table .table-responsive .table tbody tr td .media { width: auto; overflow: visible; padding-top: 10px; } .forums_table .table-responsive .table tbody tr td .media .media-body { width: auto; overflow: visible; } .forums_table .table-responsive .table tbody tr td .media .media-body h4 { font-size: 16px; font-family: 'Poppins', sans-serif; color: #334249; font-weight: 300; margin-left: -10px; position: relative; top: -10px; } .forums_table .table-responsive .table tbody tr td .media .media-body h5 { font-size: 16px; font-family: 'Poppins', sans-serif; color: #334249; font-weight: 500; } /* End Forums area css ============================================================================================ */ /* End Forums area css ============================================================================================ */ .author_posts_inners .nav.navbar-nav { width: 100%; display: block; border: 2px solid #e0e0e0; border-radius: 5px; padding: 0px 0px 0px 28px; clear: both; overflow: hidden; } .author_posts_inners .nav.navbar-nav li { margin-right: 80px; } .author_posts_inners .nav.navbar-nav li a { padding: 0px; background: transparent; line-height: 44px; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: bold; color: #2e3c43; } .author_posts_inners .nav.navbar-nav li:last-child { margin-right: 0px; } .author_posts_inners .media { clear: both; padding-left: 50px; padding-top: 30px; margin-top: 0px; border-bottom: 1px solid #e0e0e0; padding-bottom: 30px; } .author_posts_inners .media .media-left { text-align: center; padding-right: 45px; } .author_posts_inners .media .media-left h3 { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; padding-top: 10px; } .author_posts_inners .media .media-body { width: auto; } .author_posts_inners .media .media-body h4 { font-size: 16px; color: #2e3c43; font-family: 'Poppins', sans-serif; font-weight: 500; padding-bottom: 10px; } .author_posts_inners .media .media-body p { font-size: 16px; line-height: 24px; font-family: 'Poppins', sans-serif; } /* End Forums area css ============================================================================================ */ /* Community area css ============================================================================================ */ .community_activity .media { padding: 30px 0px; border-bottom: 1px solid #e0e0e0; margin-top: 0px; } .community_activity .media .media-left { padding-right: 30px; } .community_activity .media .media-body { vertical-align: middle; } .community_activity .media .media-body h3 { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; padding-bottom: 15px; } .community_activity .media .media-body h3 span { font-weight: normal; } .community_activity .media .media-body h4 { font-size: 16px; color: #2e3c43; font-family: 'Poppins', sans-serif; } .community_activity .media .media-body img { padding-right: 26px; padding-top: 25px; } .community_activity .media .media-body img+img { padding-right: 0px; } .community_activity .media:first-child { padding-top: 0px; } /* End Community area css ============================================================================================ */ /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Main slider area css ============================================================================================ */ .slider_area { position: relative; } .slider_area .slider_inner .tp-revslider-mainul li { z-index: 4 !important; } .slider_area .slider_inner #home-slider2 { overflow: hidden; } .slider_area .slider_inner #home-slider2 .tp-revslider-mainul li { z-index: 4 !important; } .slider_area .slider_inner #home-slider2 .tp-revslider-mainul li .tp-bgimg { z-index: 5 !important; } .slider_area .slider_inner #home-slider2 .tp-revslider-mainul li .first_text { color: #fff; font-family: 'Poppins', sans-serif; } .slider_area .slider_inner #home-slider2 .tp-revslider-mainul li .first_text span { color: rgb(195 11 19); font-weight: bold; } .slider_area .slider_inner #home-slider2 .tp-leftarrow { height: 48px; width: 48px; background: rgba(26, 26, 26, 0.65); border-top-right-radius: 24px; border-bottom-right-radius: 24px; text-align: center; } .slider_area .slider_inner #home-slider2 .tp-leftarrow:before { line-height: 48px; position: relative; right: 5px; } .slider_area .slider_inner #home-slider2 .tp-rightarrow { height: 48px; width: 48px; background: rgba(26, 26, 26, 0.65); border-top-left-radius: 24px; border-bottom-left-radius: 24px; text-align: center; } .slider_area .slider_inner #home-slider2 .tp-rightarrow:before { line-height: 48px; position: relative; left: 5px; } .slider_area .form_man { text-align: center; } .slider_area.slider_bg { background: #2e3c43; } .slider_area.slider_bg #home-slider3 ul li { color: #fff; z-index: 4 !important; } .slider_area.slider_bg #home-slider3 ul li .tp-bgimg { z-index: 5 !important; } .slider_area.slider_bg #home-slider3 ul li .first_text { font-weight: bold; font-family: 'Poppins', sans-serif; } .slider_area.slider_bg #home-slider3 ul li .secand_text { font-family: 'Poppins', sans-serif; } .slider_area.slider_bg #home-slider3 .tp-bullets .tp-bullet .tp-bullet-inner { background: rgb(195 11 19); } .slider_area.slider_bg #home-slider3 .tp-bullets .tp-bullet.selected .tp-bullet-inner { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .slider_area #home-slider ul li .tp-bgimg { z-index: 5 !important; } .registration_form_area { position: absolute; left: 0px; top: 60px; width: 100%; z-index: 8; } .registration_form_area .registration_form_s { max-width: 420px; background: #ffffff36; padding: 0px 30px; border: 1px solid #ffffff00; border-radius: 3px; position: relative; top: 80px; } .registration_form_area .registration_form_s h4 { text-align: center; font-family: 'Poppins', sans-serif; font-weight: bold; font-size: 30px; color: #bcbcbc; padding: 30px 0px 22px 0px; } .registration_form_area .registration_form_s .form-group { margin-bottom: 20px; } .registration_form_area .registration_form_s .form-group input { width: 100%; height: 35px; box-shadow: none; border: 1px solid #f4f4f4; border-radius: 25px; background: #f4f4f4; padding: 0px 20px; outline: none; box-shadow: none; text-shadow: none; font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .registration_form_area .registration_form_s .form-group input.placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .registration_form_area .registration_form_s .form-group input:-moz-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .registration_form_area .registration_form_s .form-group input::-moz-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .registration_form_area .registration_form_s .form-group input::-webkit-input-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .registration_form_area .registration_form_s .form-group input:focus { border: 1px solid rgb(195 11 19); } .registration_form_area .registration_form_s .form-group .btn-group { width: 100%; text-align: left; } .registration_form_area .registration_form_s .form-group .btn-group .dropdown-toggle { width: 100%; border: 1px solid #f4f4f4; background: #f4f4f4; padding: 0px 10px 0px 18px; height: 47px; box-shadow: none; position: relative; } .registration_form_area .registration_form_s .form-group .btn-group .dropdown-toggle span[data-bind="label"] { text-align: left; float: left; font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; line-height: 45px; } .registration_form_area .registration_form_s .form-group .btn-group .dropdown-toggle .arrow_carrot-down { position: absolute; right: 15px; top: 12px; } .registration_form_area .registration_form_s .form-group .btn-group .dropdown-toggle .arrow_carrot-down .fa-sort-asc { position: relative; right: -8px; top: -1px; color: #c2c2c2; } .registration_form_area .registration_form_s .form-group .btn-group .dropdown-toggle .arrow_carrot-down .fa-sort-desc { position: relative; bottom: -1px; color: #c2c2c2; } .registration_form_area .registration_form_s .form-group .form_datetime { position: relative; } .registration_form_area .registration_form_s .form-group .form_datetime .datetimepicker-dropdown-bottom-right { left: 0px; } .registration_form_area .registration_form_s .form-group .datepicker { position: relative; } .registration_form_area .registration_form_s .form-group .datepicker .add-on { position: absolute; right: 10px; color: #c2c2c2; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .registration_form_area .registration_form_s .form-group.reg_chose { text-align: center; margin: 10px 0px 30px 0px; } /* End Main slider area css ============================================================================================ */ /* Advanced Search area css ============================================================================================ */ .advanced_search { position: absolute; width: 100%; left: 0px; bottom: 30px; z-index: 6; } .advanced_search .search_inner { background: #fff; padding: 30px 48px; border-radius: 55px; } .advanced_search .search_inner .search_item { display: inline-block; padding-right: 25px; } .advanced_search .search_inner .search_item h5 { display: inline-block; font-size: 18px; font-family: 'Poppins', sans-serif; color: #334249; font-weight: 300; padding-right: 16px; } .advanced_search .search_inner .search_item .bootstrap-select { width: 145px; display: inline-block; } .advanced_search .search_inner .search_item .bootstrap-select .dropdown-toggle { padding: 0px; border: none; background: #f4f4f4; padding: 0px 20px; height: 48px; border-radius: 24px; outline: none !important; box-shadow: none !important; } .advanced_search .search_inner .search_item .bootstrap-select .dropdown-toggle .filter-option { font-family: 'Poppins', sans-serif; color: #334249; font-size: 16px; font-weight: 500; } .advanced_search .search_inner .search_item .bootstrap-select .dropdown-toggle .bs-caret { color: #c2c2c2; } .advanced_search .search_inner .search_item .bootstrap-select .dropdown-toggle .bs-caret:before { content: "\f0dc"; font: normal normal normal 14px/1 FontAwesome; position: relative; right: 12px; top: 2px; } .advanced_search .search_inner .search_item .bootstrap-select .dropdown-toggle .bs-caret .caret { display: none; } .advanced_search .search_inner .search_item .bootstrap-select .dropdown-menu.inner li { margin: 0px; height: auto; width: 100%; } .advanced_search .search_inner .search_item .bootstrap-select .dropdown-menu.inner li a { outline: none !important; box-shadow: none !important; color: #0e0e0e; margin-right: 0px; } .advanced_search .search_inner .search_item:nth-child(3) .bootstrap-select { width: 112px; } .advanced_search .search_inner .search_item:nth-child(4) .bootstrap-select { width: 112px; } .advanced_search .search_inner .search_item:last-child { padding-right: 0px; padding-left: 24px; } /* End Advanced Search area css ============================================================================================ */ /* Members slider area css ============================================================================================ */ .register_members_slider { padding: 80px 0px 75px 0px; overflow: hidden; width: 100%; } .register_members_slider .welcome_title { padding-bottom: 50px; } .register_members_slider .r_members_inner .item { text-align: center; } .register_members_slider .r_members_inner .item h4 { font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: bold; color: #000000; padding: 20px 0px 10px 0px; } .register_members_slider .r_members_inner .item h5 { font-size: 16px; font-family: 'Poppins', sans-serif; color: #334249; } .register_members_slider .r_members_inner .owl-prev { left: -47px; border-bottom-left-radius: 24px; border-top-left-radius: 24px; } .register_members_slider .r_members_inner .owl-prev i { position: relative; } .register_members_slider .r_members_inner .owl-next { right: -47px; border-bottom-right-radius: 24px; border-top-right-radius: 24px; } .register_members_slider .r_members_inner .owl-next i { position: relative; } .register_members_slider .r_members_inner .owl-prev, .register_members_slider .r_members_inner .owl-next { position: absolute; top: 34%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 48px; /* height: 48px; */ background: rgba(26, 26, 26, 0.65); z-index: 2; color: #fff; text-align: center; line-height: 48px; font-size: 14px; font-weight: bold; cursor: pointer; transition: all 400ms linear 0s; } .register_members_slider .r_members_inner .owl-prev:hover, .register_members_slider .r_members_inner .owl-next:hover { background: rgb(195 11 19); } /* End Members slider area css ============================================================================================ */ /* Adms slider area css ============================================================================================ */ .adms_slider_area { padding: 50px 0px 0px 0px; } .adms_slider_area .adms_inners { border: 2px solid #e0e0e0; overflow: hidden; border-radius: 5px; } .adms_slider_area .adms_inners .adms_head .left_adms { background: rgb(195 11 19); } .adms_slider_area .adms_inners .adms_head .left_adms .pull-left h3 { display: inline-block; color: #fff; font-size: 22px; font-family: 'Poppins', sans-serif; font-weight: 500; line-height: 80px; padding-left: 30px; } .adms_slider_area .adms_inners .adms_head .left_adms .pull-left h4 { display: inline-block; color: #fff; padding-left: 20px; position: relative; } .adms_slider_area .adms_inners .adms_head .left_adms .pull-left h4:before { content: ""; height: 20px; background: #ffffff; width: 1px; position: absolute; left: 10px; top: 0px; } .adms_slider_area .adms_inners .adms_head .left_adms .pull-right h5 { color: #fff; line-height: 80px; padding-right: 30px; font-size: 22px; font-family: 'Poppins', sans-serif; font-weight: 500; } .adms_slider_area .adms_inners .adms_head .right_adms { background: #2e3c43; line-height: 80px; text-align: center; border-left: 1px solid #fff; } .adms_slider_area .adms_inners .adms_head .right_adms a { height: 50px; width: 50px; border-radius: 50%; background: #fff; display: inline-block; text-align: center; color: rgb(195 11 19); line-height: 50px; font-size: 16px; margin-right: 17px; transition: all 400ms linear 0s; } .adms_slider_area .adms_inners .adms_head .right_adms a+a { margin-right: 0px; } .adms_slider_area .adms_inners .adms_head .right_adms a:hover { background: rgb(195 11 19); color: #fff; } .adms_slider_inners { overflow: hidden; clear: both; padding: 30px 30px; background: #f4f4f4; } .adms_slider_inners .slider_adms_active .team_items:before { display: none; } .adms_slider_inners .slider_adms_active .team_items:hover:before { display: none; } .adms_slider_inners .slider_adms_active .owl-controls { padding-top: 50px; } .adms_slider_inners .slider_adms_active .owl-controls .owl-nav { text-align: center; } .adms_slider_inners .slider_adms_active .owl-controls .owl-nav .owl-prev, .adms_slider_inners .slider_adms_active .owl-controls .owl-nav .owl-next { display: inline-block; } .adms_slider_inners .slider_adms_active .owl-controls .owl-nav .owl-prev span, .adms_slider_inners .slider_adms_active .owl-controls .owl-nav .owl-next span { font-size: 16px; color: #2e3c43; font-family: 'Poppins', sans-serif; font-weight: 500; transition: all 400ms linear 0s; } .adms_slider_inners .slider_adms_active .owl-controls .owl-nav .owl-prev span i, .adms_slider_inners .slider_adms_active .owl-controls .owl-nav .owl-next span i { height: 30px; width: 30px; background: #2e3c43; display: inline-block; text-align: center; color: #fff; line-height: 29px; transition: all 400ms linear 0s; } .adms_slider_inners .slider_adms_active .owl-controls .owl-nav .owl-prev:hover span, .adms_slider_inners .slider_adms_active .owl-controls .owl-nav .owl-next:hover span { color: rgb(195 11 19); } .adms_slider_inners .slider_adms_active .owl-controls .owl-nav .owl-prev:hover span i, .adms_slider_inners .slider_adms_active .owl-controls .owl-nav .owl-next:hover span i { background: rgb(195 11 19); } .adms_slider_inners .slider_adms_active .owl-controls .owl-nav .owl-prev span i { border-bottom-left-radius: 15px; border-top-left-radius: 15px; margin-left: 10px; } .adms_slider_inners .slider_adms_active .owl-controls .owl-nav .owl-next span i { border-bottom-right-radius: 15px; border-top-right-radius: 15px; margin-right: 10px; } /* End Adms slider area css ============================================================================================ */ /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Video area css ============================================================================================ */ .video_area .video_row { position: relative; height: 570px; overflow: hidden; } .video_area .video_row iframe { width: 100%; min-height: 700px; border: none; } .video_area .video_row .overlay .overlay_bg { background: url(../img/video_bg.jpg) no-repeat; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 0; opacity: 1; transition: all 400ms linear 0s; } .video_area .video_row .overlay .overlay_bg:before { content: ''; background: rgba(46, 60, 67, 0.85); position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; } .video_area .video_row .overlay .play_pause { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; } .video_area .video_row .overlay .play_pause i { color: #fff; font-size: 36px; cursor: pointer; } .video_area .video_row .overlay .play_pause .fa-play { height: 100px; width: 100px; border: 8px solid #818384; border-radius: 50%; background: rgb(195 11 19); line-height: 84px; } .video_area .video_row .overlay .play_pause #pause_btn { display: none; } .video_area .video_row .overlay .play_pause .video_content h4 { color: #fff; font-size: 30px; line-height: 48px; font-family: 'Poppins', sans-serif; font-weight: bold; margin-top: 45px; } .video_area .video_row .overlay .play_pause .video_content h5 { color: rgb(195 11 19); font-size: 30px; letter-spacing: 12px; font-family: "ralH"; padding-top: 10px; } .video_area .video_row .overlay.playing .overlay_bg { display: none; } .video_area .video_row .overlay.playing .video_content { display: none; } /* End Video area css ============================================================================================ */ /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Testimonials area css ============================================================================================ */ .testimonials_area { padding: 80px 0px 75px 0px; } .testimonials_area .welcome_title { padding-bottom: 45px; } .testimonials_area .testimonials_slider { position: relative; z-index: 3; } .testimonials_area .testimonials_slider:before { content: ""; position: absolute; left: -28px; top: -30px; background: url(../img/testimonials-quoto.png) no-repeat scroll center center; width: 118px; height: 103px; z-index: -1; } .testimonials_area .testimonials_slider .test_left_content { border: 2px solid #e0e0e0; padding: 30px 26px 30px 26px; } .testimonials_area .testimonials_slider .test_left_content p { font-family: 'Poppins', sans-serif; line-height: 24px; color: #334249; font-size: 16px; } .testimonials_area .testimonials_slider .test_left_content p span { font-weight: 500; } .testimonials_area .testimonials_slider .test_man { max-width: 170px; float: right; text-align: center; position: relative; } .testimonials_area .testimonials_slider .test_man:before { content: ''; height: 2px; background: #e0e0e0; width: 133px; position: absolute; left: -125px; top: 41%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .testimonials_area .testimonials_slider .test_man img { width: auto; } .testimonials_area .testimonials_slider .test_man h4 { font-size: 16px; color: #2e3c43; font-weight: bold; font-family: 'Poppins', sans-serif; padding: 15px 0px 6px 0px; } .testimonials_area .testimonials_slider .test_man h5 { font-family: 'Poppins', sans-serif; color: #334249; font-size: 16px; } .testimonials_area .testimonials_slider .owl-controls { position: absolute; right: 330px; bottom: 30px; } .testimonials_area .testimonials_slider .owl-controls .owl-dots { display: none !important; } .testimonials_area .testimonials_slider .owl-controls .owl-nav .owl-prev { border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .testimonials_area .testimonials_slider .owl-controls .owl-nav .owl-next { border-top-right-radius: 15px; border-bottom-right-radius: 15px; } .testimonials_area .testimonials_slider .owl-controls .owl-nav .owl-prev, .testimonials_area .testimonials_slider .owl-controls .owl-nav .owl-next { display: inline-block; width: 30px; height: 30px; background: #2e3c43; color: #fff; text-align: center; line-height: 30px; transition: all 400ms linear 0s; } .testimonials_area .testimonials_slider .owl-controls .owl-nav .owl-prev:hover, .testimonials_area .testimonials_slider .owl-controls .owl-nav .owl-next:hover { background: rgb(195 11 19); color: #fff; } /* End Testimonials area css ============================================================================================ */ /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Blog slider area css ============================================================================================ */ .blog_slider_area .blog_slider_inner .single_blog_slider { position: relative; overflow: hidden; } .blog_slider_area .blog_slider_inner .single_blog_slider:before { content: ''; position: absolute; width: 100%; left: 0px; bottom: 0px; background-image: -moz-linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0.5) 20%, transparent 40%); background-image: -webkit-linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0.5) 20%, transparent 40%); background-image: -ms-linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0.5) 20%, transparent 40%); height: 100%; z-index: 1; } .blog_slider_area .blog_slider_inner .single_blog_slider .blog_item_content { position: absolute; bottom: -50px; width: 100%; text-align: center; left: 0px; padding: 30px 0px; z-index: 2; transition: all 400ms linear 0s; } .blog_slider_area .blog_slider_inner .single_blog_slider .blog_item_content:before { content: ''; background: rgb(195 11 19); height: 0; width: 100%; left: 0px; bottom: 0px; position: absolute; z-index: -1; opacity: 0; transition: all 300ms ease-in; } .blog_slider_area .blog_slider_inner .single_blog_slider .blog_item_content h4 { font-size: 22px; color: #fff; font-family: 'Poppins', sans-serif; font-weight: 500; padding-bottom: 13px; } .blog_slider_area .blog_slider_inner .single_blog_slider .blog_item_content h5 { font-size: 16px; color: #fff; font-family: 'Poppins', sans-serif; font-weight: 300; padding-bottom: 15px; } .blog_slider_area .blog_slider_inner .single_blog_slider .blog_item_content ul { opacity: 0; transition: all 400ms linear 0s; } .blog_slider_area .blog_slider_inner .single_blog_slider .blog_item_content ul li { display: inline-block; margin-right: 20px; } .blog_slider_area .blog_slider_inner .single_blog_slider .blog_item_content ul li a { display: block; height: 50px; width: 50px; border-radius: 50%; text-align: center; line-height: 50px; font-size: 16px; background: #fff; color: rgb(195 11 19); } .blog_slider_area .blog_slider_inner .single_blog_slider .blog_item_content ul li:last-child { margin-right: 0px; } .blog_slider_area .blog_slider_inner .single_blog_slider:hover .blog_item_content { bottom: 0px; } .blog_slider_area .blog_slider_inner .single_blog_slider:hover .blog_item_content:before { height: 100%; opacity: 1; } .blog_slider_area .blog_slider_inner .single_blog_slider:hover .blog_item_content ul { opacity: 1; } .blog_slider_area .blog_slider_inner .owl-prev { left: 0px; border-bottom-right-radius: 24px; border-top-right-radius: 24px; } .blog_slider_area .blog_slider_inner .owl-prev i { position: relative; left: -5px; } .blog_slider_area .blog_slider_inner .owl-next { right: 0px; border-bottom-left-radius: 24px; border-top-left-radius: 24px; } .blog_slider_area .blog_slider_inner .owl-next i { position: relative; right: -5px; } .blog_slider_area .blog_slider_inner .owl-prev, .blog_slider_area .blog_slider_inner .owl-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 48px; height: 48px; background: rgba(26, 26, 26, 0.65); z-index: 2; color: #fff; text-align: center; line-height: 48px; font-size: 14px; font-weight: bold; } /* End Blog slider area css ============================================================================================ */ /* End Blog slider area css ============================================================================================ */ .blog_grid_area { padding: 80px 0px 80px 0px; } .blog_grid_item:hover{ transform: translate3d(0,-2px,0) scale3d(1.1,1.1,1.1); transition: transform .3s; } .blog_grid_area .blog_grid_inner { margin-top: -48px; } .blog_grid_area .blog_grid_inner .blog_grid_item { margin-top: 37px; padding: 15px 5px; box-shadow: 0px 0px 5px -1px #898989; border-radius:10px; /* height: 260px; */ } .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_img { position: relative; border-radius: 5px; overflow: hidden; } .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_img:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background-image: -moz-linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0.5) 20%, transparent 40%); background-image: -webkit-linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0.5) 20%, transparent 40%); background-image: -ms-linear-gradient(90deg, black 0%, rgba(0, 0, 0, 0.5) 20%, transparent 40%); border-radius: 5px; opacity: 0; transition: all 300ms ease; } .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_img img { max-width: 100%; } .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_img .blog_share_area { position: absolute; bottom: -100px; width: 100%; left: 30px; color: #fff; transition: all 400ms ease-in; } .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_img .blog_share_area a { color: #fff; margin-right: 18px; font-size: 16px; font-family: 'Poppins', sans-serif; } .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_img .blog_share_area a i { padding-right: 10px; transition: all 400ms linear 0s; } .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_img .blog_share_area a:last-child { margin-right: 0px; } .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_img .blog_share_area a:hover i { color: rgb(195 11 19); } .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_content h3 { font-size: 22px; font-family: 'Poppins', sans-serif; font-weight: 500; color: #000000; padding: 25px 0px 10px 0px; } .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_content .blog_grid_date { border-bottom: 1px solid #e0e0e0; } .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_content .blog_grid_date a { font-size: 16px; color: #2e3c43; font-family: 'Poppins', sans-serif; margin-right: 22px; position: relative; padding-bottom: 15px; display: inline-block; font-weight: 400; } .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_content .blog_grid_date a:last-child { margin-right: 0px; } .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_content .blog_grid_date a:last-child:before { display: none; } .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_content .blog_grid_date a:before { content: ""; height: 17px; width: 1px; background: #2e3c43; position: absolute; right: -12px; top: 4px; } .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_content p { font-size: 16px; line-height: 24px; font-family: 'Poppins', sans-serif; color: #000000; padding: 15px 0px 20px 0px; } .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_content a { font-family: 'Poppins', sans-serif; color: rgb(195 11 19); font-size: 16px; font-weight: 600; transition: all 400ms linear 0s; } .blog_grid_area .blog_grid_inner .blog_grid_item .blog_grid_content a:hover { color: #2e3c43; } .blog_grid_area .blog_grid_inner .blog_grid_item:hover .blog_grid_img:before { opacity: 1; } .blog_grid_area .blog_grid_inner .blog_grid_item:hover .blog_grid_img .blog_share_area { bottom: 28px; } .pagination_area { text-align: right; margin-top: 48px; } .pagination_area .prev, .pagination_area .next { font-size: 16px; color: #2e3c43; font-family: 'Poppins', sans-serif; font-weight: 500; transition: all 400ms linear 0s; } .pagination_area .prev:hover, .pagination_area .next:hover { color: rgb(195 11 19); } .pagination_area .prev { margin-right: 6px; } .pagination_area .arrow_left, .pagination_area .arrow_right { height: 30px; width: 30px; color: #fff; text-align: center; line-height: 30px; background: #2e3c43; display: inline-block; transition: all 400ms linear 0s; } .pagination_area .arrow_left:hover, .pagination_area .arrow_right:hover { background: rgb(195 11 19); } .pagination_area .arrow_left { border-bottom-left-radius: 15px; border-top-left-radius: 15px; } .pagination_area .arrow_right { border-bottom-right-radius: 15px; border-top-right-radius: 15px; margin-left: -3px; } .pagination_area .next { margin-left: 6px; } /* End Blog slider area css ============================================================================================ */ /* Sidebar widgets area css ============================================================================================ */ .s_widget { margin-bottom: 50px; clear: both; overflow: hidden; } .s_widget:last-child { margin-bottom: 0px; } .s_title { padding-bottom: 17px; } .s_title h4 { font-size: 22px; font-family: 'Poppins', sans-serif; font-weight: 500; color: #2e3c43; padding-bottom: 3px; } .categories_widget ul li { margin-bottom: 15px; } .categories_widget ul li a { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; margin-left: -22px; transition: all 400ms linear 0s; } .categories_widget ul li a img { padding-right: 5px; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; -ms-transform-origin: 0 50%; transform-origin: 0 50%; opacity: 0; visibility: hidden; transition: all 400ms linear 0s; } .categories_widget ul li:hover a, .categories_widget ul li.active a { margin-left: 0px; color: rgb(195 11 19); } .categories_widget ul li:hover a img, .categories_widget ul li.active a img { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); opacity: 1; visibility: visible; transition: all 400ms linear 0s; } .categories_widget ul li:last-child { margin-bottom: 0px; } .recent_post_widget .media { border-bottom: 1px solid #e0e0e0; padding-bottom: 20px; margin-bottom: 20px; } .recent_post_widget .media .media-left { padding-right: 18px; } .recent_post_widget .media .media-body h4 { font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 500; color: #2e3c43; padding-bottom: 13px; } .recent_post_widget .media .media-body a { font-size: 16px; font-family: 'Poppins', sans-serif; color: #2e3c43; } .recent_post_widget .media:last-child { margin-bottom: 0px; border-bottom: none; padding-bottom: 0px; } .tags_widget ul { margin-right: -5px; margin-bottom: -10px; } .tags_widget ul li { display: inline-block; margin-right: 5px; margin-bottom: 10px; } .tags_widget ul li a { display: block; font-size: 16px; color: #2e3c43; font-family: 'Poppins', sans-serif; background: #f4f4f4; font-weight: 500; line-height: 40px; padding: 0px 40px; border-radius: 20px; transition: all 400ms linear 0s; } .tags_widget ul li:hover a { background: rgb(195 11 19); color: #fff; } .tags_widget.tags_2 ul li a { padding: 0px 27px; } .social_widget ul li { display: inline-block; margin-right: 14px; } .social_widget ul li a { color: #2e3c43; font-size: 16px; transition: all 400ms linear 0s; } .social_widget ul li:hover a { color: rgb(195 11 19); } .social_widget ul li:last-child { margin-right: 0px; } .photo_widget ul { margin-right: -20px; margin-bottom: -20px; overflow: hidden; } .photo_widget ul li { float: left; width: calc(100% / 3); } .photo_widget ul li a { padding-right: 20px; display: inline-block; padding-bottom: 20px; } .photo_widget ul li a img { max-width: 100%; } .price_widget #price_select { height: 2px; border: none; background: #e0e0e0; border-radius: 0px; } .price_widget #price_select .ui-slider-range { background: rgb(195 11 19); } .price_widget #price_select .ui-slider-handle { border: none; border-radius: 50%; background: rgb(195 11 19); height: 12px; width: 12px; outline: none !important; } .price_widget .price_inner input { width: 100%; font-size: 12px; color: #334249 !important; font-family: 'Poppins', sans-serif; font-weight: 300 !important; padding-top: 4px; margin-bottom: 20px; } .price_widget .price_inner input.placeholder { font-size: 12px; color: #334249 !important; font-family: 'Poppins', sans-serif; font-weight: 300 !important; } .price_widget .price_inner input:-moz-placeholder { font-size: 12px; color: #334249 !important; font-family: 'Poppins', sans-serif; font-weight: 300 !important; } .price_widget .price_inner input::-moz-placeholder { font-size: 12px; color: #334249 !important; font-family: 'Poppins', sans-serif; font-weight: 300 !important; } .price_widget .price_inner input::-webkit-input-placeholder { font-size: 12px; color: #334249 !important; font-family: 'Poppins', sans-serif; font-weight: 300 !important; } .price_widget .price_inner a { line-height: 40px; display: inline-block; background: #f4f4f4; padding: 0px 44px; font-family: 'Poppins', sans-serif; color: #334249; font-size: 16px; border-radius: 20px; margin-right: 25px; } .price_widget .price_inner a+a { margin-right: 0px; } .l_product_widget ul { margin-right: -20px; margin-top: -20px; } .l_product_widget ul li { width: calc(100% / 3); float: left; overflow: hidden; padding-right: 20px; padding-top: 20px; } .l_product_widget ul li a { display: inline-block; border-radius: 5px; } .l_product_widget ul li a img { max-width: 100%; } .color_widget ul { overflow: hidden; margin-right: -10px; } .color_widget ul li { width: calc(100% / 7); float: left; overflow: hidden; padding-right: 10px; } .color_widget ul li a { border-radius: 3px; background: #000; height: 30px; display: block; position: relative; } .color_widget ul li a:before { content: ""; background: url(../img/tick.png) no-repeat scroll center center; position: absolute; left: 50%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 13px; height: 10px; opacity: 0; } .color_widget ul li:nth-child(2) a { background: #3498db; } .color_widget ul li:nth-child(3) a { background: #26a65b; } .color_widget ul li:nth-child(4) a { background: #eef2f8; } .color_widget ul li:nth-child(5) a { background: #000; } .color_widget ul li:nth-child(6) a { background: #8e44ad; } .color_widget ul li:last-child a { background: #ef4836; } .color_widget ul li.active a:before { opacity: 1; } .people_widget { overflow: visible; } .people_widget .navbar-nav { margin-top: -20px; } .people_widget .navbar-nav li { width: calc(100% / 3); margin-top: 20px; } .people_widget .navbar-nav li a { padding: 0px; background: transparent; position: relative; display: inline-block; } .people_widget .navbar-nav li a:before { content: ""; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; border-radius: 50%; position: absolute; left: 0px; top: 0; opacity: 0; transition: all 400ms linear 0s; } .people_widget .navbar-nav li a:after { content: "\f00d"; font: normal normal normal 14px/1 FontAwesome; height: 30px; width: 30px; border-radius: 50%; position: absolute; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); top: 50%; background: rgb(195 11 19); color: #fff; text-align: center; line-height: 30px; opacity: 0; transition: all 400ms linear 0s; } .people_widget .navbar-nav li a img { max-width: 100%; } .people_widget .navbar-nav li.tool_hover .dropdown-menu { display: block; top: auto; bottom: 122%; padding: 0px; min-width: 270px; margin: 0px; border-radius: 5px; border: 1px solid #e0e0e0; left: 10px; opacity: 0; transition: all 400ms linear 0s; visibility: hidden; } .people_widget .navbar-nav li.tool_hover .dropdown-menu li { width: 100%; margin-top: 0px; } .people_widget .navbar-nav li.tool_hover .dropdown-menu li .head_area { background: rgb(195 11 19); border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 0px 20px; } .people_widget .navbar-nav li.tool_hover .dropdown-menu li .head_area h4 { display: inline-block; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: bold; line-height: 42px; color: #fff; } .people_widget .navbar-nav li.tool_hover .dropdown-menu li .head_area h4+h4 { float: right; } .people_widget .navbar-nav li.tool_hover .dropdown-menu li .media { margin: 0px; padding: 18px 0px; } .people_widget .navbar-nav li.tool_hover .dropdown-menu li .media .media-left { padding-right: 20px; } .people_widget .navbar-nav li.tool_hover .dropdown-menu li .media .media-left img { padding-left: 20px; } .people_widget .navbar-nav li.tool_hover .dropdown-menu li .media .media-body h6 { font-size: 16px; color: #334249; line-height: 24px; font-family: 'Poppins', sans-serif; } .people_widget .navbar-nav li.tool_hover .dropdown-menu:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 12px 6px 0 6px; border-color: #fff transparent transparent transparent; position: absolute; bottom: -12px; left: 20px; } .people_widget .navbar-nav li.tool_hover:hover .dropdown-menu { opacity: 1; visibility: visible; } .people_widget .navbar-nav li:hover a:before { opacity: 1; } .people_widget .navbar-nav li:hover a:after { opacity: 1; } .search_widget .input-group input { height: 48px; background: #f4f4f4; border: none; box-shadow: none; text-shadow: none; border-bottom-left-radius: 24px; border-top-left-radius: 24px; padding: 0px 10px 0px 20px; color: #2e3c43; font-family: 'Poppins', sans-serif; font-size: 16px; outline: none !important; } .search_widget .input-group input.placeholder { color: #2e3c43; font-family: 'Poppins', sans-serif; font-size: 16px; } .search_widget .input-group input:-moz-placeholder { color: #2e3c43; font-family: 'Poppins', sans-serif; font-size: 16px; } .search_widget .input-group input::-moz-placeholder { color: #2e3c43; font-family: 'Poppins', sans-serif; font-size: 16px; } .search_widget .input-group input::-webkit-input-placeholder { color: #2e3c43; font-family: 'Poppins', sans-serif; font-size: 16px; } .search_widget .input-group input:focus { border: none !important; outline: none !important; } .search_widget .input-group .input-group-btn { outline: none !important; box-shadow: none !important; } .search_widget .input-group .input-group-btn .btn-default { height: 48px; width: 60px; padding: 0px; border-bottom-right-radius: 24px; border-top-right-radius: 24px; border: none; background: rgb(195 11 19); margin-left: 0px; color: #fff; font-size: 18px; outline: none !important; box-shadow: none !important; } .group_widget .group_list .media { margin-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; } .group_widget .group_list .media .media-left { padding-right: 15px; } .group_widget .group_list .media .media-body { vertical-align: middle; } .group_widget .group_list .media .media-body h4 { font-size: 16px; font-family: 'Poppins', sans-serif; color: #334249; font-weight: 500; } .group_widget .group_list .media:first-child { margin-top: 0px; } .group_widget .group_list .media:last-child { padding-bottom: 0px; border: none; } .replies_widget ul li a { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; padding-bottom: 5px; display: inline-block; transition: all 400ms linear 0s; } .replies_widget ul li a i { padding-right: 5px; } .replies_widget ul li:hover a { color: rgb(195 11 19); } .replies_widget ul li:last-child a { padding-bottom: 0px; } .right_side { float: right; } /* End Sidebar widgets area css ============================================================================================ */ /* Blog Single page area css ============================================================================================ */ .blog_details_content .single_blog_image h3 { font-size: 30px; color: #2e3c43; font-family: 'Poppins', sans-serif; font-weight: bold; padding-bottom: 10px; } .blog_details_content .single_blog_image .admin_date a { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; margin-right: 28px; position: relative; display: inline-block; } .blog_details_content .single_blog_image .admin_date a:last-child { margin-right: 0px; } .blog_details_content .single_blog_image .admin_date a:last-child:before { display: none; } .blog_details_content .single_blog_image .admin_date a:before { content: ""; height: 17px; width: 1px; background: #2e3c43; position: absolute; right: -14px; top: 5px; } .blog_details_content .single_blog_image img { max-width: 100%; border-radius: 5px; margin-top: 25px; margin-bottom: 45px; } .blog_details_content .single_blog_image p { line-height: 24px; font-family: 'Poppins', sans-serif; color: #334249; font-size: 16px; padding-bottom: 26px; } .blog_details_content .blog_quote { border: 2px solid #e0e0e0; padding: 30px 20px 30px 25px; border-radius: 5px; position: relative; margin-top: 15px; } .blog_details_content .blog_quote:before { content: ''; position: absolute; left: -28px; top: -32px; background: url(../img/testimonials-quoto.png) no-repeat scroll center center; width: 118px; height: 103px; z-index: -1; } .blog_details_content .blog_quote p { line-height: 24px; font-family: 'Poppins', sans-serif; color: #334249; font-size: 16px; } .blog_details_content .blog_quote p span { font-weight: 500; } .blog_details_content .blog_standard h4 { font-size: 22px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; padding: 45px 0px 10px 0px; } .blog_details_content .blog_standard p { line-height: 24px; font-family: 'Poppins', sans-serif; color: #334249; font-size: 16px; padding-bottom: 25px; } .blog_details_content .viewrs { text-align: center; background: #2e3c43; border-radius: 24px; margin-top: 15px; } .blog_details_content .viewrs a { color: #fff; margin-right: 20px; font-size: 16px; font-family: 'Poppins', sans-serif; line-height: 48px; } .blog_details_content .viewrs a i { margin-right: 10px; transition: all 400ms linear 0s; } .blog_details_content .viewrs a:last-child { margin-right: 0px; } .blog_details_content .viewrs a:hover i { color: rgb(195 11 19); } /* End Blog Single page area css ============================================================================================ */ /* Comment area css ============================================================================================ */ .blog_comment_list { margin-top: 70px; } .blog_comment_list h3 { font-weight: bold; color: #2e3c43; font-family: 'Poppins', sans-serif; font-size: 30px; } .blog_comment_list .blog_comment_item { border-bottom: 1px solid #e0e0e0; padding-bottom: 45px; } .blog_comment_list .blog_comment_item .media { margin-top: 45px; margin-bottom: 0px; } .blog_comment_list .blog_comment_item .media .media-left { padding-right: 25px; } .blog_comment_list .blog_comment_item .media .media-body h4 { display: inline-block; font-size: 16px; color: #2e3c43; font-family: 'Poppins', sans-serif; font-weight: bold; padding-bottom: 10px; } .blog_comment_list .blog_comment_item .media .media-body h5 { float: right; font-size: 16px; color: #2e3c43; font-family: 'Poppins', sans-serif; font-weight: bold; } .blog_comment_list .blog_comment_item .media .media-body p { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; line-height: 24px; } .blog_comment_list .blog_comment_item .media .media-body a { display: block; text-align: right; font-size: 16px; color: #334249; font-weight: 500; padding-top: 15px; } .blog_comment_list .blog_comment_item .media .media-body a i { padding-right: 8px; } .blog_comment_list .blog_comment_item .media .media-body a:hover { color: rgb(195 11 19); } .blog_comment_list .blog_comment_item .media.reply_comment { padding-left: 100px; } .comment_form_area h4 { font-size: 30px; font-family: 'Poppins', sans-serif; font-weight: bold; color: #2e3c43; padding: 45px 0px 40px 0px; } .comment_form_area .form_inner .form-group { margin-bottom: 30px; } .comment_form_area .form_inner .form-group input { background: #f4f4f4; border: 1px solid #f4f4f4; height: 48px; box-shadow: none; border-radius: 5px; font-size: 16px; font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; padding: 0px 20px 0px 30px; outline: none !important; box-shadow: none !important; } .comment_form_area .form_inner .form-group input.placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .comment_form_area .form_inner .form-group input:-moz-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .comment_form_area .form_inner .form-group input::-moz-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .comment_form_area .form_inner .form-group input::-webkit-input-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .comment_form_area .form_inner .form-group input:focus { border-color: rgb(195 11 19); } .comment_form_area .form_inner .form-group textarea { background: #f4f4f4; border: 1px solid #f4f4f4; height: 180px; box-shadow: none; border-radius: 5px; font-size: 16px; font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; padding: 15px 20px 0px 30px; width: 100%; resize: none; outline: none !important; box-shadow: none !important; } .comment_form_area .form_inner .form-group textarea.placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .comment_form_area .form_inner .form-group textarea:-moz-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .comment_form_area .form_inner .form-group textarea::-moz-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .comment_form_area .form_inner .form-group textarea::-webkit-input-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .comment_form_area .form_inner .form-group textarea:focus { border-color: rgb(195 11 19); } .comment_form_area .form_inner .form-group:last-child { margin-bottom: 0px; } .comment_form_area .form_inner .form-group .login_btn { float: right; } .single_blog_middle { max-width: 990px; margin: auto; } /* End Comment area css ============================================================================================ */ /* End Comment area css ============================================================================================ */ .stories_area .welcome_title { padding-bottom: 50px; } .blog_grid_area.sticky_story_area { background: #f5f5f5; } .blog_grid_area.sticky_story_area .welcome_title { padding-bottom: 50px; } .blog_grid_area.sticky_story_area .blog_grid_inner.sticky_slider { margin-top: 0px; } .blog_grid_area.sticky_story_area .blog_grid_inner.sticky_slider .blog_grid_item { margin: 0px; } .blog_grid_area.sticky_story_area .blog_grid_inner.sticky_slider .blog_grid_item .blog_grid_img { position: relative; } .blog_grid_area.sticky_story_area .blog_grid_inner.sticky_slider .blog_grid_item .blog_grid_img .author_name { position: absolute; left: 0px; width: 100%; height: 40px; background: rgb(195 11 19); color: #fff; z-index: 5; bottom: 30px; text-align: center; opacity: 0; transition: all 400ms linear 0s; } .blog_grid_area.sticky_story_area .blog_grid_inner.sticky_slider .blog_grid_item .blog_grid_img .author_name h4 { line-height: 40px; font-size: 16px; font-weight: bold; font-family: 'Poppins', sans-serif; } .blog_grid_area.sticky_story_area .blog_grid_inner.sticky_slider .blog_grid_item:hover .blog_grid_img .author_name { opacity: 1; } .blog_grid_area.sticky_story_area .blog_grid_inner.sticky_slider .owl-prev, .blog_grid_area.sticky_story_area .blog_grid_inner.sticky_slider .owl-next { position: absolute; top: 25%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 4; height: 30px; width: 30px; background: #2e3c43; color: #fff; text-align: center; line-height: 30px; transition: all 400ms linear 0s; cursor: pointer; } .blog_grid_area.sticky_story_area .blog_grid_inner.sticky_slider .owl-prev:hover, .blog_grid_area.sticky_story_area .blog_grid_inner.sticky_slider .owl-next:hover { background: rgb(195 11 19); } .blog_grid_area.sticky_story_area .blog_grid_inner.sticky_slider .owl-prev { border-bottom-left-radius: 15px; border-top-left-radius: 15px; left: -30px; } .blog_grid_area.sticky_story_area .blog_grid_inner.sticky_slider .owl-next { right: -30px; border-bottom-right-radius: 15px; border-top-right-radius: 15px; } /* End Comment area css ============================================================================================ */ /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Map area css ============================================================================================ */ .mapBox { min-height: 740px; width: 100%; } .map_area { background-size: cover; min-height: 740px; position: relative; overflow: hidden; } .map_area ul { position: absolute; width: 100%; height: 100%; } .map_area ul li { height: 24px; width: 24px; } .map_area ul li .tooltip { height: 24px; width: 24px; border: 5px solid #2e3c43; border-radius: 50%; display: block; background: rgb(195 11 19); opacity: 1; position: absolute; left: 112px; top: 160px; z-index: 2; } .map_area ul li .tooltip:focus { background: #fff; } .map_area ul li:nth-child(2) .tooltip { left: 88px; top: auto; bottom: 200px; } .map_area ul li:nth-child(3) .tooltip { left: 42%; top: 78px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .map_area ul li:nth-child(4) .tooltip { left: 47%; top: 335px; } .map_area ul li:nth-child(5) .tooltip { left: 39%; top: auto; bottom: 215px; } .map_area ul li:nth-child(6) .tooltip { left: 55%; top: auto; bottom: 100px; } .map_area ul li:nth-child(7) .tooltip { left: 63%; top: 75px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .map_area ul li:nth-child(8) .tooltip { left: auto; top: auto; right: 365px; bottom: 135px; } .map_area ul li:nth-child(9) .tooltip { left: auto; top: 270px; right: 300px; } .map_area ul li:nth-child(10) .tooltip { left: auto; top: 190; right: 113px; } .map_area ul li:last-child .tooltip { left: auto; top: auto; right: 113px; bottom: 172px; } .map_area.map_marker { min-height: 724px; } .map_area.map_marker ul li .tooltip { position: absolute; left: 47%; top: 50%; -webkit-transform: translateX(-50%) translateY(-50); -ms-transform: translateX(-50%) translateY(-50); transform: translateX(-50%) translateY(-50); background: url(../img/map-marker.png) no-repeat scroll center center; height: 56px; width: 34px; border-radius: 0px; border: none; } .webui-popover-content { padding: 25px 0px 0px 20px !important; } .tool_content .media-left { padding-right: 20px; vertical-align: middle; } .tool_content .media-body h3 { font-size: 16px; color: #2e3c43; font-family: 'Poppins', sans-serif; font-weight: bold; padding-bottom: 8px; } .tool_content .media-body h5 { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 300; padding-bottom: 8px; } .tool_content .media-body h5:last-child { padding-bottom: 0px; } #tip4 { padding: 28px 0px 28px 28px; width: 270px !important; } #tip4 h4 { color: rgb(195 11 19); font-size: 30px; font-family: 'Poppins', sans-serif; font-weight: bold; padding-bottom: 12px; } #tip4 h4 span { color: #2e3c43; } #tip4 h5 { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; line-height: 24px; font-weight: 300; } #mcTooltipWrapper { padding: 0px !important; } #mcTooltipWrapper #mcTooltip { background: transparent; box-shadow: none; border: none; width: 270px !important; background: #fff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25); border-radius: 5px; } #mcTooltipWrapper #mcttCloseButton { display: none !important; } #mcTooltipWrapper #mcttCo { top: 148px !important; left: 18px !important; } #tip3 { background: #fff; padding: 28px 20px; } #tip3 .media-left { vertical-align: middle; padding-right: 20px; } #tip3 .media-body { width: auto; } #tip3 .media-body h3 { font-size: 16px; color: #2e3c43; font-family: 'Poppins', sans-serif; font-weight: bold; padding-bottom: 8px; } #tip3 .media-body h5 { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 300; padding-bottom: 8px; } #tip3 .media-body h5:last-child { padding-bottom: 0px; } .tooltip_templates { display: none; } .bloger_map_form { background: #fff; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.25); max-width: 370px; padding: 48px 48px; overflow: hidden; margin-top: 80px; position: relative; z-index: 3; } .bloger_map_form h4 { text-align: center; font-size: 30px; font-family: 'Poppins', sans-serif; font-weight: bold; color: #2e3c43; padding-bottom: 20px; } .bloger_map_form .bloger_map_inner .form-single { clear: both; margin-bottom: 20px; } .bloger_map_form .bloger_map_inner .form-single h5 { font-size: 18px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 300; display: inline-block; position: relative; top: 10px; } .bloger_map_form .bloger_map_inner .form-single .bootstrap-select { width: 145px; display: inline-block; float: right; } .bloger_map_form .bloger_map_inner .form-single .bootstrap-select .dropdown-toggle { padding: 0px; border: none; background: #f4f4f4; padding: 0px 20px; height: 48px; border-radius: 24px; outline: none !important; box-shadow: none !important; } .bloger_map_form .bloger_map_inner .form-single .bootstrap-select .dropdown-toggle .filter-option { font-family: 'Poppins', sans-serif; color: #334249; font-size: 16px; font-weight: 500; } .bloger_map_form .bloger_map_inner .form-single .bootstrap-select .dropdown-toggle .bs-caret { color: #c2c2c2; } .bloger_map_form .bloger_map_inner .form-single .bootstrap-select .dropdown-toggle .bs-caret:before { content: "\f0dc"; font: normal normal normal 14px/1 FontAwesome; position: relative; right: 12px; } .bloger_map_form .bloger_map_inner .form-single .bootstrap-select .dropdown-toggle .bs-caret .caret { display: none; } .bloger_map_form .bloger_map_inner .form-single .bootstrap-select .dropdown-menu.inner li { margin: 0px; height: auto; width: 100%; } .bloger_map_form .bloger_map_inner .form-single .bootstrap-select .dropdown-menu.inner li a { outline: none !important; box-shadow: none !important; } .bloger_map_form .bloger_map_inner .form-single:last-child { margin-bottom: 0px; } .bloger_map_form .reg_chose { text-align: center; padding-top: 25px; } .range_count { padding-top: 10px; } .range_count h5 { font-size: 18px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 300; display: inline-block; padding-bottom: 22px; } .range_count #slider-range-min { height: 2px; border: none; background: #e0e0e0; } .range_count #slider-range-min .ui-slider-handle { height: 12px; width: 12px; border-radius: 50%; background: rgb(195 11 19); border: none; box-shadow: none; outline: none; } .range_count #slider-range-min .ui-slider-handle .custom-handle { position: absolute; top: -30px; left: -14px; height: 22px; width: 42px; background: rgb(195 11 19); border-radius: 3px; padding-left: 6px; color: #fff; font-size: 12px; font-family: 'Poppins', sans-serif; } .range_count #slider-range-min .ui-slider-handle .custom-handle:before { content: 'km'; color: #fff; position: absolute; right: 6px; top: 0px; } .range_count #slider-range-min .ui-slider-handle .custom-handle:after { content: ''; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -4px; width: 0; height: 0; border-style: solid; border-width: 4px 3.5px 0 3.5px; border-color: rgb(195 11 19) transparent transparent transparent; } .range_count #slider-range-min .ui-slider-range { background: rgb(195 11 19); } .range_count #slider-range-min2 { height: 2px; border: none; background: #e0e0e0; } .range_count #slider-range-min2 .ui-slider-handle { height: 12px; width: 12px; border-radius: 50%; background: rgb(195 11 19); border: none; box-shadow: none; outline: none; } .range_count #slider-range-min2 .ui-slider-handle .custom-handle { position: absolute; top: -30px; left: -14px; height: 22px; width: 42px; background: rgb(195 11 19); border-radius: 3px; padding-left: 6px; color: #fff; font-size: 12px; font-family: 'Poppins', sans-serif; } .range_count #slider-range-min2 .ui-slider-handle .custom-handle:before { content: 'km'; color: #fff; position: absolute; right: 6px; top: 0px; } .range_count #slider-range-min2 .ui-slider-handle .custom-handle:after { content: ''; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -4px; width: 0; height: 0; border-style: solid; border-width: 4px 3.5px 0 3.5px; border-color: rgb(195 11 19) transparent transparent transparent; } .range_count #slider-range-min2 .ui-slider-range { background: rgb(195 11 19); } .range_count .left_value { display: inline-block; padding-top: 5px; } .range_count .left_value .custom-value { display: inline-block; font-size: 12px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 400; } .range_count .left_value .km_value { display: inline-block; font-size: 12px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 400; } .range_count .right_value { display: inline-block; float: right; padding-top: 5px; } .range_count .right_value h5 { font-size: 12px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 400; } .tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-box { background: grey; border: 3px solid red; border-radius: 6px; box-shadow: 5px 5px 2px 0 rgba(0, 0, 0, 0.4); } .tooltipster-sidetip.tooltipster-noir.tooltipster-noir-customized .tooltipster-content { color: blue; padding: 8px; } /* End Map area css ============================================================================================ */ #mapCanvas { min-height: 740px; width: 100%; position: absolute !important; } .map_profile { width: auto; padding: 15px 5px 10px 5px; } .map_profile .media-left { padding-right: 20px; } .map_profile .media-body { width: auto; } .map_profile .media-body h3 { font-size: 16px; color: #2e3c43; font-weight: bold; font-family: 'Poppins', sans-serif; padding-bottom: 4px; } .map_profile .media-body h4 { font-size: 16px; color: #2e3c43; font-family: 'Poppins', sans-serif; padding-bottom: 4px; } .map_profile .media-body h5 { font-size: 16px; color: #2e3c43; font-family: 'Poppins', sans-serif; padding-bottom: 4px; } .map_profile .media-body h6 { font-size: 16px; color: #2e3c43; font-family: 'Poppins', sans-serif; padding-bottom: 4px; } .gm-style-iw { padding: 10px; } .gm-style-iw h3 { font-size: 30px; font-family: 'Poppins', sans-serif; font-weight: bold; color: rgb(195 11 19); padding-bottom: 6px; } .gm-style-iw h3 span { color: #2e3c43; } .gm-style-iw h4 { font-size: 16px; font-family: 'Poppins', sans-serif; color: #2e3c43; font-weight: 300; padding-bottom: 4px; } .gm-style-iw h4+h4 { padding-bottom: 0px; } /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Banner area css ============================================================================================ */ .banner_area { background: url(../img/banner/services-banner.webp) no-repeat scroll center center; min-height: 311px; position: relative; background-size: cover; z-index: 3; } .banner_area:before { content: ''; background: rgba(0, 0, 0, 0.2); width: 100%; height: 100%; z-index: -1; left: 0px; top: 0px; position: absolute; } .banner_area .banner_content { text-align: center; padding-top: 160px; position: relative; min-height: 311px; } .banner_area .banner_content h3 { font-size: 48px; color: #fff; font-family: 'Poppins', sans-serif; font-weight: bold; position: relative; margin-bottom: 10px; } .banner_area .banner_content h3:before { /* content: attr(title); */ position: absolute; width: 100%; text-align: center; left: 0px; top: -45px; font-family: 'Poppins', sans-serif; font-weight: bold; font-size: 150px; color: rgba(255, 255, 255, 0.08); z-index: -1; } .banner_area .banner_content h3 .left_img { padding-right: 20px; } .banner_area .banner_content h3 .right_img { padding-left: 20px; } .banner_area .banner_content a { font-size: 16px; color: #fff; font-family: "Averia Libre", cursive; z-index: 3; margin-right: 15px; position: relative; transition: all 400ms linear 0s; } .banner_area .banner_content a:before { content: "\f105"; font: normal normal normal 14px/1 FontAwesome; position: absolute; right: -12px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .banner_area .banner_content a:last-child:before { display: none; } .banner_area .banner_content a:hover { color: rgb(195 11 19); } .banner_area .banner_content .shop_banner_cart { position: absolute; right: 0px; bottom: -25px; } .banner_area .banner_content .shop_banner_cart li { display: inline-block; margin-right: 16px; width: 50px; } .banner_area .banner_content .shop_banner_cart li a { font-size: 16px; color: #fff; height: 50px; width: 50px; border-radius: 50%; text-align: center; line-height: 50px; background: rgb(195 11 19); display: inline-block; transition: all 400ms linear 0s; position: relative; } .banner_area .banner_content .shop_banner_cart li a:hover { background: #2e3c43; } .banner_area .banner_content .shop_banner_cart li a:after { content: "2"; background: #fff; color: rgb(195 11 19); height: 20px; width: 20px; position: absolute; right: -4px; top: 0px; border-radius: 50%; line-height: normal; } .banner_area .banner_content .shop_banner_cart li:first-child a:after { opacity: 0; } .banner_area .banner_content .shop_banner_cart li:last-child { margin-right: 0px; } .banner_area.banner_area2 { background: url(../img/banner/banner-bg-2.jpg) no-repeat scroll center center; background-size: cover; } .banner_area.banner_area2 .banner_content { position: relative; } .banner_area.banner_area2 .banner_content .advanced_search { position: relative; bottom: 0px; padding-bottom: 30px; padding-top: 63px; } .banner_area.profile_banner { background: url(../img/slider-img/contacts-banner.webp) no-repeat scroll center center; min-height: 421px; position: relative; background-size: cover; } .banner_area.profile_banner .profiles_inners { position: absolute; width: 100%; left: 0px; bottom: 0px; } .banner_area.profile_banner .profiles_inners .profile_content { position: relative; } .banner_area.profile_banner .profiles_inners .profile_content .user_img { display: inline-block; position: relative; bottom: -30px; } .banner_area.profile_banner .profiles_inners .profile_content .user_name { display: inline-block; padding-left: 28px; position: relative; top: 92px; } .banner_area.profile_banner .profiles_inners .profile_content .user_name h3 { display: inline-block; font-size: 30px; font-family: 'Poppins', sans-serif; font-weight: bold; color: #fff; padding-right: 15px; } .banner_area.profile_banner .profiles_inners .profile_content .user_name h4 { display: inline-block; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 500; color: #fff; } .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li { display: inline-block; margin-left: 22px; } .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li a { font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 500; color: #fff; position: relative; transition: all 400ms linear 0s; } .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li a:before { content: ""; width: 1px; height: 10px; position: absolute; left: -12px; top: 4px; background: #fff; } .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li:first-child { margin-left: 0px; } .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li:first-child a:before { display: none; } .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li:hover a { color: rgb(195 11 19); } .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li.extara .dropdown-menu { min-width: 285px; box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15); border: 1px solid #e0e0e0; border-radius: 5px; padding: 0px; top: 180%; margin: 0px; display: block; transition: all 300ms ease-in; opacity: 0; visibility: hidden; } .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li.extara .dropdown-menu:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 6px 12px 6px; border-color: transparent transparent #fff transparent; position: absolute; top: -12px; left: 20px; } .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li.extara .dropdown-menu li { width: calc(100% / 2); float: left; overflow: hidden; margin: 0px; } .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li.extara .dropdown-menu li .circle1 { width: 80px; height: 80px; position: relative; margin: auto; } .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li.extara .dropdown-menu li .circle1 strong { position: absolute; top: 50%; left: 0%; width: 100%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #334249; font-size: 22px; font-family: 'Poppins', sans-serif; font-weight: 500; } .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li.extara .dropdown-menu li .circle2 { width: 80px; position: relative; height: 80px; margin: auto; } .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li.extara .dropdown-menu li .circle2 strong { position: absolute; top: 50%; left: 0%; width: 100%; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #334249; font-size: 22px; font-family: 'Poppins', sans-serif; font-weight: 500; } .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li.extara .dropdown-menu li h4 { text-align: center; color: #334249; display: block; padding: 10px 0px 30px 0px; font-family: 'Poppins', sans-serif; font-weight: 500; } .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li.extara .dropdown-menu li:first-child { display: block; text-align: center; font-size: 22px; font-family: 'Poppins', sans-serif; font-weight: 500; color: #334249; width: 100%; float: none; margin-top: 20px; margin-bottom: 25px; } .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li.extara .dropdown-menu li:nth-child(2) { position: relative; } .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li.extara .dropdown-menu li:nth-child(2):before { content: ""; height: 112px; width: 1px; background: #e0e0e0; position: absolute; right: 0px; bottom: 25px; } .banner_area.profile_banner .profiles_inners .profile_content .user_name ul li.extara:hover .dropdown-menu { top: 155%; opacity: 1; visibility: visible; } .banner_area.profile_banner .profiles_inners .profile_content .right_side_content { display: inline-block; position: absolute; right: 0px; bottom: 30px; } .banner_area.profile_banner .profiles_inners .profile_content .right_side_content i { color: #fff; font-size: 15px; position: relative; padding-left: 5px; } .banner_area.profile_banner .profiles_inners .profile_content .right_side_content .nav.navbar-nav li a { padding: 0px; background: transparent; line-height: 49px; display: inline-block; } .banner_area.profile_banner .profiles_inners .profile_content .right_side_content .nav.navbar-nav li.dropdown .dropdown-menu { padding: 0px; margin: 0px 0px 0px 0px; border: none; left: -50%; transition: all 400ms linear 0s; border-top: 1px solid rgb(195 11 19); border-bottom: 1px solid rgb(195 11 19); border-radius: 0px; text-align: center; background: transparent; top: 163%; } .banner_area.profile_banner .profiles_inners .profile_content .right_side_content .nav.navbar-nav li.dropdown .dropdown-menu li a { display: block; line-height: 40px; display: block; color: #fff; position: relative; text-shadow: none; border-bottom: 1px solid #0e0e0e; background: rgba(0, 0, 0, 0.62); font-size: 14px; font-family: 'Poppins', sans-serif; } .banner_area.profile_banner .profiles_inners .profile_content .right_side_content .nav.navbar-nav li.dropdown .dropdown-menu li:hover a { color: rgb(195 11 19); background: rgba(0, 0, 0, 0.8); } .banner_area.profile_banner .profiles_inners .profile_content .right_side_content .login_btn { margin-right: 28px; width: 170px; } .banner_area.profile_banner .profiles_inners .profile_content .right_side_content .login_btn:last-child { margin-right: 0px; } /* End Banner area css ============================================================================================ */ /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Actives Memebers area css ============================================================================================ */ .actives_members { margin-bottom: -45px; padding-top: 80px; overflow: hidden; } .actives_members .welcome_title { padding-bottom: 35px; } .actives_members .active_members_item { text-align: center; padding-bottom: 45px; } .actives_members .active_members_item img { max-width: 100%; } .actives_members .active_members_item h4 { font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: bold; color: #334249; padding-top: 18px; padding-bottom: 8px; } .actives_members .active_members_item h5 { font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 300; color: #334249; } .actives_members .active_mem_item { padding-bottom: 45px; } .actives_members .active_mem_item ul li { width: auto; } .actives_members .row .col-sm-2:nth-child(6) .active_mem_item .nav.navbar-nav .tool_hover .dropdown-menu { left: auto; right: 0px; } .actives_members .row .col-sm-2:nth-child(6) .active_mem_item .nav.navbar-nav .tool_hover .dropdown-menu:before { left: auto; right: 20px; } .actives_members .row .col-sm-2:last-child .active_mem_item .nav.navbar-nav .tool_hover .dropdown-menu { left: auto; right: 0px; } .actives_members .row .col-sm-2:last-child .active_mem_item .nav.navbar-nav .tool_hover .dropdown-menu:before { left: auto; right: 20px; } /* End Actives Memebers area css ============================================================================================ */ /* All Memebers area css ============================================================================================ */ .all_members_area { padding-bottom: 80px; } .all_members_area .welcome_title { padding-bottom: 35px; } .all_members_area .all_members_item { text-align: center; padding-bottom: 45px; } .all_members_area .all_members_item img { max-width: 100%; } .all_members_area .all_members_item img { max-width: 1005; border-radius: 5px; } .all_members_area .all_members_item h4 { font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: bold; color: #334249; padding: 20px 0px 8px 0px; } .all_members_area .all_members_item h5 { font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 300; color: #334249; } .all_members_area .register_angkar_btn { text-align: center; margin: 5px auto 0px; } /* End All Memebers area css ============================================================================================ */ /* Members Details area css ============================================================================================ */ .members_profile_inners .profile_menu { border: 2px solid #e0e0e0; border-radius: 5px; margin-bottom: 30px; } .members_profile_inners .profile_menu li { display: inline-block; padding: 0px 25px; } .members_profile_inners .profile_menu li a { display: inline-block; line-height: 40px; font-family: 'Poppins', sans-serif; color: #2e3c43; font-weight: bold; font-size: 16px; position: relative; transition: all 400ms linear 0s; background: none; border: none; padding: 0px; outline: none; box-shadow: none; } .members_profile_inners .profile_menu li a:before { content: ""; background: rgb(195 11 19); left: 0px; bottom: -1px; width: 100%; height: 3px; position: absolute; opacity: 0; transition: all 400ms linear 0s; } .members_profile_inners .profile_menu li:hover a, .members_profile_inners .profile_menu li.active a { color: rgb(195 11 19); border: none; } .members_profile_inners .profile_menu li:hover a:before, .members_profile_inners .profile_menu li.active a:before { opacity: 1; } .members_profile_inners .profile_list ul { display: inline-block; } .members_profile_inners .profile_list ul li { margin-bottom: 15px; } .members_profile_inners .profile_list ul li a { font-size: 16px; font-family: 'Poppins', sans-serif; color: #334249; } .members_profile_inners .profile_list ul li:last-child { margin-bottom: 0px; } .members_profile_inners .profile_list ul:nth-child(2) { display: inline-block; padding-left: 30px; } .members_profile_inners .profile_list ul:nth-child(2) li { margin-bottom: 15px; } .members_profile_inners .profile_list ul:nth-child(2) li a { font-size: 16px; font-family: 'Poppins', sans-serif; color: #334249; font-weight: bold; } .members_profile_inners .profile_list ul:nth-child(2) li:last-child { margin-bottom: 0px; } .members_profile_inners .profile_list ul:nth-child(3) { padding-left: 138px; } .members_profile_inners .profile_list ul:last-child { padding-left: 30px; } .members_profile_inners .profile_list ul:last-child li { margin-bottom: 15px; } .members_profile_inners .profile_list ul:last-child li a { font-size: 16px; font-family: 'Poppins', sans-serif; color: #334249; font-weight: bold; } .members_profile_inners .profile_list ul:last-child li:last-child { margin-bottom: 0px; } .members_about_box { border: 2px solid #e0e0e0; border-radius: 5px; padding: 30px 22px; margin-bottom: 30px; margin-top: 40px; } .members_about_box h4 { display: inline-block; font-family: 'Poppins', sans-serif; font-weight: bold; color: #2e3c43; font-size: 30px; padding-bottom: 10px; } .members_about_box h5 { font-size: 22px; display: inline-block; font-family: 'Poppins', sans-serif; font-weight: 500; color: #334249; padding-left: 15px; } .members_about_box p { font-size: 16px; line-height: 24px; font-family: 'Poppins', sans-serif; color: #334249; } .members_about_box:last-child { margin-bottom: 0px; margin-top: 0px; } /* End Members Details area css ============================================================================================ */ /* Author List area css ============================================================================================ */ .author_list_area { background: #f4f4f4; padding: 50px 0px; border-bottom: 2px solid #e0e0e0; } .author_list_area .author_item_l { text-align: center; } .author_list_area .author_item_l img { transition: all 400ms linear 0s; } .author_list_area .author_item_l:hover img { opacity: .4; } .author_list_area .author_item_l.heart_h, .author_list_area .author_item_l.close_h { position: relative; } .author_list_area .author_item_l.heart_h i, .author_list_area .author_item_l.close_h i { position: absolute; width: 100%; text-align: center; left: 0px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: rgb(195 11 19); font-size: 16px; opacity: 0; transition: all 400ms linear 0s; } .author_list_area .author_item_l.heart_h:hover i, .author_list_area .author_item_l.close_h:hover i { opacity: 1; } .author_list_area .author_item_l.a_l_hover { position: relative; } .author_list_area .author_item_l.a_l_hover:before { content: ""; border: 2px solid rgb(195 11 19); height: 100%; width: 100%; position: absolute; left: 0; top: 0; border-radius: 50%; opacity: 0; transition: all 400ms linear 0s; z-index: 2; } .author_list_area .author_item_l.a_l_hover:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 7px 3.5px 0 3.5px; border-color: rgb(195 11 19) transparent transparent transparent; position: absolute; bottom: -9px; left: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; transition: all 400ms linear 0s; z-index: 2; } .author_list_area .author_item_l.a_l_hover:hover:before { opacity: 1; } .author_list_area .author_item_l.a_l_hover:hover:after { opacity: 1; } /* End Author List area css ============================================================================================ */ /* Active Members area css ============================================================================================ */ .active_members { padding: 80px 0px; } .active_members .col-md-2:last-child .navbar-nav li.tool_hover .dropdown-menu { left: auto; right: -100px; } .active_members .col-md-2:last-child .navbar-nav li.tool_hover .dropdown-menu:before { left: auto; right: 20px; } .active_mem_item { text-align: center; } .active_mem_item .navbar-nav { margin-top: -20px; } .active_mem_item .navbar-nav li { width: calc(100% / 3); margin-top: 20px; } .active_mem_item .navbar-nav li a { padding: 0px; background: transparent; position: relative; display: inline-block; } .active_mem_item .navbar-nav li a:before { content: ""; background: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; border-radius: 50%; position: absolute; left: 0px; top: 0; opacity: 0; transition: all 400ms linear 0s; } .active_mem_item .navbar-nav li a:after { content: "\e870"; font-family: 'Linearicons-Free'; height: 40px; width: 40px; border-radius: 50%; position: absolute; left: 50%; top: 50%; margin-left: -20px; margin-top: -20px; background: rgb(195 11 19); color: #fff; text-align: center; line-height: 40px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; transition: all 400ms linear 0s; } .active_mem_item .navbar-nav li a img { max-width: 100%; } .active_mem_item .navbar-nav li.tool_hover .dropdown-menu { display: block; top: auto; bottom: 112%; padding: 0px; min-width: 270px; margin: 0px; border-radius: 5px; border: 1px solid #e0e0e0; left: 50px; opacity: 0; transition: all 400ms linear 0s; visibility: hidden; } .active_mem_item .navbar-nav li.tool_hover .dropdown-menu li { width: 100%; margin-top: 0px; } .active_mem_item .navbar-nav li.tool_hover .dropdown-menu li .head_area { background: rgb(195 11 19); border-top-left-radius: 5px; border-top-right-radius: 5px; padding: 0px 20px; } .active_mem_item .navbar-nav li.tool_hover .dropdown-menu li .head_area h4 { display: inline-block; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: bold; line-height: 42px; color: #fff; } .active_mem_item .navbar-nav li.tool_hover .dropdown-menu li .head_area h4+h4 { float: right; } .active_mem_item .navbar-nav li.tool_hover .dropdown-menu li .media { margin: 0px; padding: 18px 0px; } .active_mem_item .navbar-nav li.tool_hover .dropdown-menu li .media .media-left { padding-right: 20px; } .active_mem_item .navbar-nav li.tool_hover .dropdown-menu li .media .media-left img { padding-left: 20px; } .active_mem_item .navbar-nav li.tool_hover .dropdown-menu li .media .media-body h6 { font-size: 16px; color: #334249; line-height: 24px; font-family: 'Poppins', sans-serif; } .active_mem_item .navbar-nav li.tool_hover .dropdown-menu:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 12px 6px 0 6px; border-color: #fff transparent transparent transparent; position: absolute; bottom: -12px; left: 20px; } .active_mem_item .navbar-nav li.tool_hover:hover .dropdown-menu { opacity: 1; visibility: visible; } .active_mem_item .navbar-nav li:hover a:before { opacity: 1; } .active_mem_item .navbar-nav li:hover a:after { opacity: 1; } .active_mem_item h4 { font-family: 'Poppins', sans-serif; color: #2e3c43; font-size: 16px; font-weight: bold; padding-bottom: 5px; padding-top: 10px; overflow: hidden; clear: both; } .active_mem_item h5 { font-family: 'Poppins', sans-serif; color: #334249; font-size: 16px; font-weight: 300; } /* End Active Members area css ============================================================================================ */ /* Groups Members area css ============================================================================================ */ .groups_members_area { padding: 80px 0px; } .groups_members_area .search_area { padding-bottom: 35px; } .groups_members_area .search_area .pull-left h5 { display: inline-block; font-size: 16px; color: #334249; font-weight: 300; padding-right: 15px; } .groups_members_area .search_area .pull-left .bootstrap-select { width: 200px; } .groups_members_area .search_area .pull-left .bootstrap-select .btn-default { height: 48px; border: 1px solid #f4f4f4; background: #f4f4f4; padding: 0px 25px; outline: none !important; box-shadow: none; border-radius: 24px; } .groups_members_area .search_area .pull-left .bootstrap-select .btn-default .filter-option { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .groups_members_area .search_area .pull-left .bootstrap-select .btn-default .bs-caret:before { content: "\f0dc"; font: normal normal normal 12px/1 FontAwesome; color: #c2c2c2; position: relative; right: 5px; } .groups_members_area .search_area .pull-left .bootstrap-select .btn-default .bs-caret .caret { display: none; } .groups_members_area .search_area .pull-left .bootstrap-select .dropdown-menu .dropdown-menu.inner li a { line-height: 30px; outline: none; } .groups_members_area .search_area .pull-right .search_widget { max-width: 370px; } .groups_members_area .active_mem_item { margin-top: 45px; } .groups_members_area .active_mem_item h4 { padding-top: 15px; padding-bottom: 10px; } .groups_members_area .active_mem_item h5 { padding-bottom: 10px; } .groups_members_area .active_mem_item h5+h5 { padding-bottom: 0px; } .groups_members_area .active_mem_item ul li { width: auto; } /* End Groups Members area css ============================================================================================ */ .active_members .active_mem_item .nav.navbar-nav li { width: 100%; } /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Shop area css ============================================================================================ */ .shop_area { padding: 38px 0px 80px 0px; } .shop_area.shop_left_sidebar_area { padding: 80px 0px; } .shop_area.shop_left_sidebar_area .col-md-9 .row { margin-top: -42px; } .shop_area.product_details_main { padding-top: 80px; } .shop_area.product_details_main .slider_product_inner { max-width: 470px; } .shop_area.product_details_main .slider_product_inner .rev_slider .tp-revslider-mainul li { z-index: 5 !important; } .shop_area.product_details_main .slider_product_inner .rev_slider .tp-revslider-mainul li .tp-bgimg { z-index: 5 !important; } .shop_area.product_details_main .slider_product_inner .tp-tabs { z-index: 5 !important; } .shop_area.product_details_main .tp-tabs .tp-tab-mask { margin-top: 22px; } .shop_area.product_details_main .tp-tabs .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab { padding: 0px; background: transparent; border: 3px solid transparent; border-radius: 3px; } .shop_area.product_details_main .tp-tabs .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab .tp-tab-image { height: 76px; width: 76px; border-radius: 3px; } .shop_area.product_details_main .tp-tabs .tp-tab-mask .tp-tabs-inner-wrapper .tp-tab.selected { border: 3px solid rgb(195 11 19); } .shop_area.product_details_main .product_details_right_content { margin-left: -33px; } .shop_area.product_details_main .product_details_right_content .product_details_text h5 { font-size: 22px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .shop_area.product_details_main .product_details_right_content .product_details_text h3 { font-size: 30px; color: #2e3c43; font-weight: bold; font-family: 'Poppins', sans-serif; padding: 15px 0px; } .shop_area.product_details_main .product_details_right_content .product_details_text h4 { font-size: 16px; font-family: 'Poppins', sans-serif; color: #334249; padding-bottom: 15px; } .shop_area.product_details_main .product_details_right_content .product_details_text p { font-size: 16px; line-height: 24px; color: #334249; font-family: 'Poppins', sans-serif; } .shop_area.product_details_main .product_details_right_content .color_plate { margin-bottom: 4px; } .shop_area.product_details_main .product_details_right_content .color_plate h4 { font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 500; color: #334249; display: inline-block; } .shop_area.product_details_main .product_details_right_content .color_plate ul { display: inline-block; } .shop_area.product_details_main .product_details_right_content .color_plate ul li { display: inline-block; margin-right: 6px; } .shop_area.product_details_main .product_details_right_content .color_plate ul li a { display: block; } .shop_area.product_details_main .product_details_right_content .color_plate ul li:nth-child(2) label { background: #3498db; } .shop_area.product_details_main .product_details_right_content .color_plate ul li:last-child { margin-right: 0px; } .shop_area.product_details_main .product_details_right_content .color_plate ul li:last-child label { background: #eef2f8; } .shop_area.product_details_main .product_details_right_content .login_btn { width: 170px; margin-right: 17px; } .shop_area.product_details_main .product_details_right_content .login_btn i { padding-right: 10px; } .shop_area.product_details_main .product_details_right_content .login_btn+.login_btn { margin-right: 0px; } .product_item { text-align: center; margin-top: 42px; } .product_item .product_img { position: relative; } .product_item .product_img img { max-width: 100%; } .product_item .product_img .hover_icon { position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center; opacity: 0; transition: all 400ms linear 0s; } .product_item .product_img .hover_icon ul li { display: inline-block; margin-right: 16px; } .product_item .product_img .hover_icon ul li a { font-size: 16px; color: #fff; height: 50px; width: 50px; border-radius: 50%; text-align: center; line-height: 50px; background: rgb(195 11 19); display: block; transition: all 400ms linear 0s; } .product_item .product_img .hover_icon ul li a:hover { background: #2e3c43; } .product_item .product_img .hover_icon ul li:last-child { margin-right: 0px; } .product_item .product_img .new_tag { background: rgb(195 11 19); color: #fff; position: absolute; right: -10px; top: 10px; height: 30px; padding: 0px 16px 0px 28px; border-bottom-left-radius: 15px; border-top-left-radius: 15px; opacity: 0; transition: all 400ms linear 0s; } .product_item .product_img .new_tag:before { content: ""; position: absolute; right: 0px; bottom: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 0; border-color: #b33f33 transparent transparent transparent; color: #fff; } .product_item .product_img .new_tag h4 { line-height: 29px; font-family: 'Poppins', sans-serif; font-size: 12px; font-weight: 300; position: relative; } .product_item .product_img .new_tag h4:before { content: ""; height: 4px; width: 4px; background: #fff; position: absolute; left: -15px; top: 50%; border-radius: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .product_item h5 { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; padding-top: 20px; padding-bottom: 10px; } .product_item h6 { font-size: 30px; font-family: 'Poppins', sans-serif; font-weight: bold; color: #2e3c43; } .product_item:hover .product_img .hover_icon { opacity: 1; bottom: 30px; } .product_item:hover .product_img .new_tag { opacity: 1; } /* SQUARED THREE */ #squaredThree { visibility: hidden; } #squaredfour { visibility: hidden; } #squaredfive { visibility: hidden; } .squaredThree { width: 30px; margin: 30px auto; position: relative; top: -4px; } .squaredThree label { cursor: pointer; position: absolute; width: 30px; height: 30px; top: 0; border-radius: 4px; background: #000; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#222', endColorstr='#45484d', GradientType=0); } .squaredThree label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 12px; height: 6px; background: transparent; top: 10px; left: 10px; border: 2px solid rgb(195 11 19); border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .squaredThree label:hover::after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: 0.3; } .squaredThree input[type=checkbox]:checked+label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; } .product_description { padding: 80px 0px 0px 0px; } .product_description .nav-tabs { border: none; margin-left: 30px; position: relative; top: 24px; } .product_description .nav-tabs li { max-width: 170px; width: 100%; margin-right: 10px; } .product_description .nav-tabs li a { padding: 0px; border: none; box-shadow: none; display: block; position: relative; line-height: 48px; border-radius: 24px; text-align: center; color: #fff; font-family: 'Poppins', sans-serif; transition: all 400ms linear 0s; z-index: 2; } .product_description .nav-tabs li a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: rgb(195 11 19); transition: all 400ms linear 0s; border-radius: 24px; } .product_description .nav-tabs li a:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0; background: #2e3c43; -webkit-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); border-radius: 24px; transition: all 400ms linear 0s; } .product_description .nav-tabs li:hover a, .product_description .nav-tabs li:focus a, .product_description .nav-tabs li.active a { border: none; color: #fff; } .product_description .nav-tabs li:hover a:after, .product_description .nav-tabs li:focus a:after, .product_description .nav-tabs li.active a:after { opacity: 1; -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); } .product_description .nav-tabs li:last-child { margin-right: 0px; } .product_description .tab-content { background: #f4f4f4; border: 2px solid #e0e0e0; border-radius: 5px; padding: 50px 35px 35px 35px; } .product_description .tab-content .tab-pane { border: none; font-size: 16px; line-height: 24px; font-family: 'Poppins', sans-serif; } .simillar_product_area h2 { font-size: 30px; color: #2e3c43; font-family: 'Poppins', sans-serif; font-weight: bold; padding: 80px 0px 35px 0px; } .simillar_product_area .simillar_product_slider .product_item { margin-top: 0px; } .simillar_product_area .simillar_product_slider .owl-controls { position: absolute; right: 0px; top: -55px; } .simillar_product_area .simillar_product_slider .owl-controls .owl-dots { display: none !important; } .simillar_product_area .simillar_product_slider .owl-controls .owl-nav .owl-prev { border-top-left-radius: 15px; border-bottom-left-radius: 15px; } .simillar_product_area .simillar_product_slider .owl-controls .owl-nav .owl-next { border-top-right-radius: 15px; border-bottom-right-radius: 15px; } .simillar_product_area .simillar_product_slider .owl-controls .owl-nav .owl-prev, .simillar_product_area .simillar_product_slider .owl-controls .owl-nav .owl-next { display: inline-block; width: 30px; height: 30px; background: #2e3c43; color: #fff; text-align: center; line-height: 30px; transition: all 400ms linear 0s; } .simillar_product_area .simillar_product_slider .owl-controls .owl-nav .owl-prev:hover, .simillar_product_area .simillar_product_slider .owl-controls .owl-nav .owl-next:hover { background: rgb(195 11 19); color: #fff; } /* Shop area css ============================================================================================ */ /* Shop Cart area css ============================================================================================ */ .shoping_cart_area { padding: 80px 0px; } .shoping_cart_area .shoping_cart_inner .table-responsive .table { margin-bottom: 0px; } .shoping_cart_area .shoping_cart_inner .table-responsive .table thead { color: #fff; border: none; } .shoping_cart_area .shoping_cart_inner .table-responsive .table thead tr { background: rgb(195 11 19); border: none; } .shoping_cart_area .shoping_cart_inner .table-responsive .table thead tr th { border: none; padding: 0px; line-height: 44px; font-family: 'Poppins', sans-serif; font-weight: bold; font-size: 16px; text-transform: capitalize; } .shoping_cart_area .shoping_cart_inner .table-responsive .table thead tr th:first-child { border-bottom-left-radius: 5px; border-top-left-radius: 5px; padding: 0px 30px; } .shoping_cart_area .shoping_cart_inner .table-responsive .table thead tr th:last-child { border-bottom-right-radius: 5px; border-top-right-radius: 5px; } .shoping_cart_area .shoping_cart_inner .table-responsive .table tbody tr td { border-bottom: 1px solid #e0e0e0; border-top: 0px; font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; vertical-align: middle; } .shoping_cart_area .shoping_cart_inner .table-responsive .table tbody tr td.product_name { padding: 30px; } .shoping_cart_area .shoping_cart_inner .table-responsive .table tbody tr td.product_name .media .media-left { padding-right: 30px; } .shoping_cart_area .shoping_cart_inner .table-responsive .table tbody tr td.product_name .media .media-left img { border-radius: 5px; } .shoping_cart_area .shoping_cart_inner .table-responsive .table tbody tr td.product_name .media .media-body { width: auto; vertical-align: middle; } .shoping_cart_area .shoping_cart_inner .table-responsive .table tbody tr td.product_name .media .media-body h4 { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .shoping_cart_area .shoping_cart_inner .table-responsive .table tbody tr td.product_price { width: 170px; } .shoping_cart_area .shoping_cart_inner .table-responsive .table tbody tr td.product_quantity { width: 200px; } .shoping_cart_area .shoping_cart_inner .table-responsive .table tbody tr td.product_total { width: 170px; } .shoping_cart_area .shoping_cart_inner .table-responsive .table tbody tr td.remove_cart { padding-right: 65px; } .shoping_cart_area .shoping_cart_inner .table-responsive .table tbody tr td.remove_cart i { padding-left: 15px; } .row.cart_cupon_area { margin-top: 50px; } .apply_cupon_area input { max-width: 270px; width: 100%; background: #f4f4f4; line-height: 48px; border-radius: 24px; border: none; box-shadow: none; outline: none; padding: 0px 15px 0px 25px; font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; margin-right: 17px; } .apply_cupon_area input.placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; } .apply_cupon_area input:-moz-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; } .apply_cupon_area input::-moz-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; } .apply_cupon_area input::-webkit-input-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; } .apply_cupon_area .login_btn { height: 48px; } .cart_box { background: #2e3c43; border-radius: 5px; padding-bottom: 50px; } .cart_box h5 { text-align: center; font-size: 30px; color: #fff; font-family: 'Poppins', sans-serif; font-weight: bold; padding: 50px 0px; } .cart_box .cart_box_inner { max-width: 270px; margin: auto; } .cart_box .cart_box_inner h6 { color: #fff; font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 500; padding: 15px 0px; } .cart_box .cart_box_inner h6 span { float: right; } .cart_box .cart_box_inner h6:first-child { padding-top: 0px; } .cart_box .total_cart_area { border-top: 1px solid #4d595f; } .cart_box .total_cart_area .total_cart_inner { max-width: 270px; margin: auto; } .cart_box .total_cart_area .total_cart_inner h4 { color: #fff; font-size: 22px; font-family: 'Poppins', sans-serif; font-weight: 500; padding-top: 15px; padding-bottom: 50px; } .cart_box .total_cart_area .total_cart_inner h4 span { float: right; } .cart_box .total_cart_area .total_cart_inner .login_btn { width: 220px; margin: auto; display: block; } /* End Shop Cart area css ============================================================================================ */ /* Checkout area css ============================================================================================ */ .check_out_area { padding: 80px 0px; } .check_out_left h3 { font-size: 30px; color: #2e3c43; font-family: 'Poppins', sans-serif; font-weight: bold; padding-left: 15px; padding-bottom: 45px; } .check_out_left h2 { font-size: 30px; color: #2e3c43; font-family: 'Poppins', sans-serif; font-weight: bold; padding-bottom: 25px; padding-top: 25px; } .check_out_left .form-group { margin-bottom: 30px; } .check_out_left .form-group input { height: 48px; border: 1px solid #f4f4f4; background: #f4f4f4; box-shadow: none; outline: none; text-shadow: none; font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; padding: 0px 25px; } .check_out_left .form-group input.placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .check_out_left .form-group input:-moz-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .check_out_left .form-group input::-moz-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .check_out_left .form-group input::-webkit-input-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .check_out_left .form-group input:focus { border-color: rgb(195 11 19); } .check_out_left .form-group textarea { height: 178px; border: 1px solid #f4f4f4; background: #f4f4f4; box-shadow: none; outline: none; text-shadow: none; resize: none; font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; padding: 15px 25px; } .check_out_left .form-group textarea.placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .check_out_left .form-group textarea:-moz-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .check_out_left .form-group textarea::-moz-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .check_out_left .form-group textarea::-webkit-input-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .check_out_left .form-group textarea:focus { border-color: rgb(195 11 19); } .check_out_left .form-group .bootstrap-select { width: 100% !important; } .check_out_left .form-group .bootstrap-select .btn-default { height: 48px; border: 1px solid #f4f4f4; background: #f4f4f4; padding: 0px 25px; outline: none !important; box-shadow: none; } .check_out_left .form-group .bootstrap-select .btn-default .filter-option { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .check_out_left .form-group .bootstrap-select .btn-default .bs-caret:before { content: "\f0dc"; font: normal normal normal 12px/1 FontAwesome; color: #c2c2c2; position: relative; right: 5px; } .check_out_left .form-group .bootstrap-select .btn-default .bs-caret .caret { display: none; } .check_out_left .form-group .bootstrap-select .dropdown-menu .dropdown-menu.inner li a { line-height: 30px; outline: none; } .check_out_left .form-group:last-child { margin-bottom: 0px; } .order_box { background: #2e3c43; border-radius: 5px; padding: 50px 0px; color: #fff; } .order_box h2 { font-size: 30px; font-family: 'Poppins', sans-serif; font-weight: bold; text-align: center; padding-bottom: 45px; } .order_box h3 { font-size: 22px; font-family: 'Poppins', sans-serif; font-weight: 500; padding-bottom: 15px; border-bottom: 1px solid #4d595f; padding-left: 30px; padding-right: 30px; } .order_box h3 span { float: right; } .order_box .samrt_watch { padding: 0px 30px; border-bottom: 1px solid #4d595f; } .order_box .samrt_watch h4 { font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 500; padding: 15px 0px; } .order_box .samrt_watch h4 span { float: right; } .order_box .samrt_watch h4:first-child { padding-top: 20px; } .order_box .samrt_watch h4:last-child { padding-bottom: 20px; } .order_box .subtotal { padding: 0px 30px; border-bottom: 1px solid #4d595f; } .order_box .subtotal h4 { font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 500; padding: 15px 0px; } .order_box .subtotal h4 span { float: right; } .order_box .subtotal h4:first-child { padding-top: 20px; } .order_box .subtotal h4:last-child { padding-bottom: 20px; } .order_box .total_footer h3 { border-bottom: none; padding-top: 20px; padding-bottom: 50px; } .order_box .login_btn { display: block; margin: auto; width: 150px; } .creat_account input[type=checkbox] { visibility: hidden; } /* SQUARED THREE */ .creat_account { width: 100%; margin: 0px auto; position: relative; overflow: hidden; } .creat_account label { display: block; position: relative; font-weight: 300; font-size: 1.35em; padding: 0px 25px 21px 45px; height: 15px; margin: 0px; top: -25px; z-index: 9; cursor: pointer; -webkit-transition: all 0.25s linear; color: #666666; font-size: 13px; letter-spacing: .25px; font-weight: 500; } .creat_account .check { display: block; position: absolute; border: 1px solid #e0e0e0; border-radius: 2px; background: #f4f4f4; height: 20px; width: 20px; top: 1px; border-radius: 3px; left: 15px; z-index: 5; transition: border .25s linear; -webkit-transition: border .25s linear; cursor: pointer; } .creat_account .check::before { display: block; position: absolute; content: "\f00c"; border-radius: 100%; top: 4px; left: 4px; font-size: 10px; margin: auto; transition: background 0.25s linear; -webkit-transition: background 0.25s linear; color: #fff; font: normal normal normal 10px/1 FontAwesome; opacity: 0; color: #000; } .creat_account input[type=checkbox]:checked~.check::before { opacity: 1; } /* End Checkout area css ============================================================================================ */ /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Price area css ============================================================================================ */ .pricing_area { padding: 80px 0px; } .pricing_area .welcome_title { padding-bottom: 75px; } .plan_inner { padding: 0px 85px; padding-bottom: 30px; } .plan_inner .pricing_topic { margin-left: -15px; margin-right: -15px; text-align: center; margin-bottom: 30px; } .plan_inner .pricing_topic .border_div { width: 50%; height: 1px; float: left; background: #2e3c43; } .plan_inner .pricing_topic .border_div_right { width: 50%; height: 1px; float: right; background: rgb(195 11 19); } .plan_inner .pricing_topic a { text-align: center; max-width: 160px; margin: auto; color: #fff; font-family: 'Poppins', sans-serif; background: #2e3c43; width: 100%; display: inline-block; line-height: 48px; font-size: 16px; font-weight: 500; border-bottom-left-radius: 24px; border-top-left-radius: 24px; transition: all 400ms linear 0s; position: relative; top: -25px; } .plan_inner .pricing_topic a+a { border-bottom-right-radius: 24px; border-top-right-radius: 24px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; margin-left: -3px; } .plan_inner .pricing_topic a:hover, .plan_inner .pricing_topic a.active { background: rgb(195 11 19); } .plan_inner .basic_content { margin-right: -17px; } .plan_inner .basic_content .media { margin-top: 50px; } .plan_inner .basic_content .media .media-left { padding-right: 30px; } .plan_inner .basic_content .media .media-body h4 { font-size: 22px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .plan_inner .basic_content .media .media-body p { line-height: 24px; font-size: 16px; color: #334249; font-weight: 300; font-family: 'Poppins', sans-serif; } .plan_inner .basic_content .media:first-child { margin-top: 0px; } .price_list { padding-left: 20px; } .price_list .price_box { border: 2px solid #e0e0e0; border-radius: 5px; text-align: center; margin-bottom: 30px; } .price_list .price_box h4 { font-size: 22px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; padding: 30px 0px 20px 0px; } .price_list .price_box .price_round { height: 124px; width: 120px; border-radius: 50%; background: rgb(195 11 19); margin: auto; color: #fff; transition: all 400ms linear 0s; } .price_list .price_box .price_round h5 { font-size: 30px; font-family: 'Poppins', sans-serif; font-weight: bold; padding-top: 35px; padding-bottom: 5px; } .price_list .price_box .price_round h6 { font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: 300; } .price_list .price_box h3 { font-size: 16px; color: #2e3c43; font-family: 'Poppins', sans-serif; font-weight: 500; padding: 20px 0px 30px 0px; } .price_list .price_box:hover .price_round { background: #2e3c43; } .price_list .btn_price_chose { text-align: center; } .price_list .btn_price_chose a { margin: auto; width: 170px; } .price_list .btn_price_chose a+a { margin-top: 10px; } .price_list .btn_price_chose a+a:before { background: #019cde; } .price_list .btn_price_chose a+a img { padding-right: 7px; } /* End Price area css ============================================================================================ */ /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Advanced Search area css ============================================================================================ */ .advanced_search_area { background: #2e3c43; padding: 80px 0px 50px 0px; } .advanced_search_area .welcome_white_title { padding-bottom: 35px; } .advanced_search_area.search_area2 { background: #fff; overflow: hidden; } .advanced_search_area.search_area2 .welcome_title { padding-bottom: 45px; } .advanced_search_area.search_area2 .search_option { padding-bottom: 30px; } .advanced_search_area.search_area2 .search_option .tab-content .tab-pane .height_item .bootstrap-select { margin-right: 18px; } .advanced_search_area.search_area2 .search_option .tab-content .tab-pane .height_item .bootstrap-select:last-child { margin-right: 0px; } .advanced_search_area.search_area2 .search_option .tab-content .tab-pane .height_item h4 { color: #334249; padding-left: 0px; padding-right: 18px; } .advanced_search_area.search_area2 .search_option .tab-content .tab-pane .height_item .bootstrap-select .dropdown-toggle { background: #f4f4f4; border: 1px solid #f4f4f4; } .advanced_search_area.search_area2 .search_option .tab-content .tab-pane .height_item:nth-child(2) { padding-left: 15px; } .advanced_search_area.search_area2 .search_distance .skill_item h4 { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; padding-bottom: 22px; } .advanced_search_area.search_area2 .search_distance .skill_item .skill_inner { width: 100%; height: 2px; background: #e0e0e0; position: relative; } .advanced_search_area.search_area2 .search_distance .skill_item .skill_inner .progress-bar { height: 2px; position: absolute; left: 0px; top: 0px; background: rgb(195 11 19); color: #334249; } .advanced_search_area.search_area2 .search_distance .skill_item .skill_inner .progress-bar:before { content: ""; background: rgb(195 11 19); width: 12px; height: 12px; border-radius: 50%; position: absolute; right: -6px; top: -6px; } .advanced_search_area.search_area2 .search_distance .skill_item .skill_inner .progress-bar a { line-height: 22px; text-align: center; color: #fff; text-align: center; background: rgb(195 11 19); padding: 0px 4px; font-size: 12px; font-family: 'Poppins', sans-serif; border-radius: 3px; position: absolute; right: -20px; top: -37px; } .advanced_search_area.search_area2 .search_distance .skill_item .skill_inner .progress-bar a:before { content: ""; width: 0; height: 0; border-style: solid; border-width: 4px 3.5px 0 3.5px; border-color: rgb(195 11 19) transparent transparent transparent; position: absolute; bottom: -4px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .advanced_search_area.search_area2 .search_distance .skill_item h5 { display: inline-block; font-size: 12px; color: #334249; font-family: 'Poppins', sans-serif; padding-top: 10px; } .advanced_search_area.search_area2 .search_distance .skill_item h6 { float: right; display: inline-block; font-size: 12px; color: #334249; font-family: 'Poppins', sans-serif; padding-top: 10px; } .advanced_search_area.search_area2 .creat_account { display: inline-block; width: auto; vertical-align: middle; margin-top: 15px; } .advanced_search_area.search_area2 .creat_account label { color: #2e3c43; } .advanced_search_area.search_area2 .creat_account .check { background: rgb(195 11 19); border: none; } .advanced_search_area.search_area2 .creat_account .check:before { color: #fff; top: 5px; left: 5px; } .advanced_search_area.search_area2 .distance_right { vertical-align: middle; } .advanced_search_area.search_area2 .distance_right .register_angkar_btn { display: inline-block; } .advanced_search_area.search_area2 .range_count { padding-top: 0px; margin-top: -3px; } .search_option .nav.nav-tabs { max-width: 830px; margin: 0 auto 40px; padding: 0px 50px; } .search_option .nav.nav-tabs li { margin-right: 45px; } .search_option .nav.nav-tabs li a { border: none; padding: 0px; border-radius: 0px; background: transparent; font-size: 16px; font-family: 'Poppins', sans-serif; color: #fff; line-height: 40px; position: relative; } .search_option .nav.nav-tabs li a:before { content: ""; width: 100%; background: rgb(195 11 19); height: 2px; position: absolute; left: 0px; bottom: 0px; opacity: 0; transition: all 400ms linear 0s; } .search_option .nav.nav-tabs li.active a:before { opacity: 1; } .search_option .nav.nav-tabs li:last-child { margin-right: 0px; } .search_option .tab-content .tab-pane { color: #fff; } .search_option .tab-content .tab-pane .height_item { display: inline-block; vertical-align: middle; } .search_option .tab-content .tab-pane .height_item h4 { display: inline-block; font-size: 18px; font-family: 'Poppins', sans-serif; padding-left: 40px; padding-right: 20px; } .search_option .tab-content .tab-pane .height_item .bootstrap-select { width: 160px; position: relative; margin-right: 25px; } .search_option .tab-content .tab-pane .height_item .bootstrap-select:before { content: ""; background: #fff; width: 10px; height: 1px; position: absolute; right: -18px; top: 50%; } .search_option .tab-content .tab-pane .height_item .bootstrap-select .dropdown-toggle { padding: 0px 20px; border-radius: 24px; outline: none !important; box-shadow: none; } .search_option .tab-content .tab-pane .height_item .bootstrap-select .dropdown-toggle .filter-option { line-height: 48px; font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .search_option .tab-content .tab-pane .height_item .bootstrap-select .dropdown-toggle .bs-caret { position: relative; } .search_option .tab-content .tab-pane .height_item .bootstrap-select .dropdown-toggle .bs-caret .caret { display: none; } .search_option .tab-content .tab-pane .height_item .bootstrap-select .dropdown-toggle .bs-caret:before { content: "\f0dc"; font: normal normal normal 14px/1 FontAwesome; position: relative; right: 12px; top: 15px; color: #c2c2c2; } .search_option .tab-content .tab-pane .height_item .bootstrap-select .dropdown-menu { padding: 0px; margin: 0px; } .search_option .tab-content .tab-pane .height_item .bootstrap-select .dropdown-menu .dropdown-menu { padding: 0px; margin: 0px; } .search_option .tab-content .tab-pane .height_item .bootstrap-select .dropdown-menu .dropdown-menu li a { padding: 10px; outline: none; } .search_option .tab-content .tab-pane .height_item .bootstrap-select:last-child { margin-right: 0px; } .search_option .tab-content .tab-pane .height_item .bootstrap-select:last-child:before { display: none; } .search_option .tab-content .tab-pane .height_item h5 { font-size: 18px; font-family: 'Poppins', sans-serif; color: #fff; padding-bottom: 15px; } .search_option .tab-content .tab-pane .height_item .item_average { display: inline-block; text-align: center; margin-right: 20px; } .search_option .tab-content .tab-pane .height_item .item_average .border { height: 4px; width: 80px; background: #fff; position: relative; margin-top: 13px; margin-bottom: 10px; margin-right: 7px; } .search_option .tab-content .tab-pane .height_item .item_average .border:before { content: ""; background: rgb(195 11 19); height: 16px; width: 16px; border-radius: 50%; position: absolute; left: 0px; top: -6px; opacity: 0; transition: all 400ms linear 0s; } .search_option .tab-content .tab-pane .height_item .item_average .border:after { content: ""; position: absolute; left: 3.5px; top: -2px; height: 8px; width: 8px; border-radius: 50%; background: #fff; opacity: 0; transition: all 400ms linear 0s; } .search_option .tab-content .tab-pane .height_item .item_average .border span:before { content: ""; background: rgb(195 11 19); height: 16px; width: 16px; border-radius: 50%; position: absolute; right: 0px; top: -6px; opacity: 0; transition: all 400ms linear 0s; } .search_option .tab-content .tab-pane .height_item .item_average .border span:after { content: ""; position: absolute; right: 4.5px; top: -2px; height: 8px; width: 8px; border-radius: 50%; background: #fff; opacity: 0; transition: all 400ms linear 0s; } .search_option .tab-content .tab-pane .height_item .item_average h6 { font-size: 16px; color: #fff; font-family: 'Poppins', sans-serif; } .search_option .tab-content .tab-pane .height_item .item_average:hover .border { background: rgb(195 11 19); } .search_option .tab-content .tab-pane .height_item .item_average:hover .border:before { opacity: 1; } .search_option .tab-content .tab-pane .height_item .item_average:hover .border:after { opacity: 1; } .search_option .tab-content .tab-pane .height_item .item_average:hover .border span:before { opacity: 1; } .search_option .tab-content .tab-pane .height_item .item_average:hover .border span:after { opacity: 1; } .search_option .tab-content .tab-pane .height_item .item_average .average { width: 90px; border: none; background: #fff; height: 4px; } .search_option .tab-content .tab-pane .height_item .item_average .average .ui-slider-range { background: rgb(195 11 19); } .search_option .tab-content .tab-pane .height_item .item_average .average .ui-slider-handle { height: 16px; width: 16px; border-radius: 50%; border: none; background: rgb(195 11 19); outline: none; cursor: pointer; top: -6px; } .search_option .tab-content .tab-pane .height_item .item_average .average .ui-slider-handle:before { content: ""; height: 8px; width: 8px; background: #fff; position: absolute; left: 3.5px; top: 4px; border-radius: 50%; } .search_option .tab-content .tab-pane .height_item .item_average label { font-family: 'Poppins', sans-serif; color: #fff; font-size: 16px; margin-bottom: 0px; margin-top: 5px; } .search_option .tab-content .tab-pane .height_item:nth-child(3) { padding-left: 20px; } .search_option .tab-content .tab-pane .search_btn { text-align: center; margin-top: 25px; } .search_option .tab-content .tab-pane .search_btn a { display: inline-block; margin-right: 25px; } .search_option .tab-content .tab-pane .search_btn a+a { margin-right: 0px; } /* End Advanced Search area css ============================================================================================ */ /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Address area css ============================================================================================ */ .address_details { padding: 80px 0px; } .address_details .address_item { text-align: center; } .address_details .address_item img { max-width: 100%; } .address_details .address_item h3 { font-size: 22px; font-family: 'Poppins', sans-serif; font-weight: 500; color: #2e3c43; padding: 20px 0px 5px 0px; } .address_details .address_item h4 { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 300; line-height: 24px; } /* Address area css ============================================================================================ */ /* Contact area css ============================================================================================ */ .contact_form_area { padding: 80px 0px; } .contact_form_area .welcome_title { padding-bottom: 45px; } .contact_form_area .form_inner .form-group { margin-bottom: 30px; } .contact_form_area .form_inner .form-group input { background: #f4f4f4; border: 1px solid #f4f4f4; height: 48px; box-shadow: none; border-radius: 5px; font-size: 16px; font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; padding: 0px 20px 0px 30px; outline: none !important; box-shadow: none !important; } .contact_form_area .form_inner .form-group input.placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .contact_form_area .form_inner .form-group input:-moz-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .contact_form_area .form_inner .form-group input::-moz-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .contact_form_area .form_inner .form-group input::-webkit-input-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .contact_form_area .form_inner .form-group input:focus { border-color: rgb(195 11 19); } .contact_form_area .form_inner .form-group textarea { background: #f4f4f4; border: 1px solid #f4f4f4; height: 204px; box-shadow: none; border-radius: 5px; font-size: 16px; font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; padding: 15px 20px 0px 30px; width: 100%; resize: none; outline: none !important; box-shadow: none !important; } .contact_form_area .form_inner .form-group textarea.placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .contact_form_area .form_inner .form-group textarea:-moz-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .contact_form_area .form_inner .form-group textarea::-moz-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .contact_form_area .form_inner .form-group textarea::-webkit-input-placeholder { font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .contact_form_area .form_inner .form-group textarea:focus { border-color: rgb(195 11 19); } .contact_form_area .form_inner .form-group:last-child { margin-bottom: 0px; } .contact_form_area .form_inner .form-group .login_btn { float: right; margin-top: 28px; } /* End Contact area css ============================================================================================ */ /* Error area css ============================================================================================ */ .error_area { text-align: center; background: url(../img/Error-bg.png) no-repeat scroll center center; background-size: cover; padding: 80px 0px; } .error_area .error_text h6 { font-size: 30px; font-family: 'Poppins', sans-serif; font-weight: bold; color: #2e3c43; } .error_area .error_text h3 { font-size: 300px; font-family: 'Poppins', sans-serif; font-weight: bold; color: #2e3c43; line-height: 250px; } .error_area .error_text h5 { font-size: 30px; font-family: 'Poppins', sans-serif; font-weight: bold; color: #2e3c43; padding-bottom: 40px; padding-top: 15px; } .error_area .error_text .register_angkar_btn { display: inline-block; width: 200px; margin-bottom: 45px; } /* End Error area css ============================================================================================ */ /*---------------------------------------------------- */ /*----------------------------------------------------*/ /* Footer area css ============================================================================================ */ .footer_widgets_area { background: #392e43; padding: 75px 0px; } .f_widget_title { padding-bottom: 28px; } .f_widget_title h3 { font-size: 22px; color: #fff; font-family: 'Poppins', sans-serif; font-weight: 500; } .vero_widget h4 { font-size: 30px; color: #fff; font-family: 'Poppins', sans-serif; padding-bottom: 15px; } .vero_widget h4 span { color: rgb(195 11 19); } .vero_widget p { font-size: 16px; line-height: 24px; color: #fff; font-family: 'Poppins', sans-serif; padding-bottom: 25px; } .vero_widget p+p { padding-bottom: 0px; } .information_widget ul { margin-top: -13px; } .information_widget ul li a { font-size: 16px; color: #fff; font-family: 'Poppins', sans-serif; border-bottom: 1px solid #47545a; display: block; line-height: 48px; transition: all 400ms linear 0s; } .information_widget ul li:last-child a { border: none; } .information_widget ul li:hover a { color: rgb(195 11 19); } .recent_post_widget ul { margin-top: -14px; } .recent_post_widget ul li a { font-size: 16px; color: #fff; font-family: 'Poppins', sans-serif; border-bottom: 1px solid #47545a; display: block; line-height: 48px; transition: all 400ms linear 0s; } .recent_post_widget ul li a span { float: right; } .recent_post_widget ul li:last-child a { border: none; } .recent_post_widget ul li:hover a { color: rgb(195 11 19); } .newsletter_widget p { font-size: 16px; line-height: 24px; color: #fff; font-family: 'Poppins', sans-serif; padding-bottom: 25px; } .newsletter_widget .input-group input { height: 50px; border-top-left-radius: 25px; border-bottom-left-radius: 25px; border: none; padding: 0px 7px 0px 18px; outline: none; box-shadow: none; text-shadow: none; } .newsletter_widget .input-group input.placeholder { font-family: 'Poppins', sans-serif; color: #2e3c43; font-size: 16px; } .newsletter_widget .input-group input:-moz-placeholder { font-family: 'Poppins', sans-serif; color: #2e3c43; font-size: 16px; } .newsletter_widget .input-group input::-moz-placeholder { font-family: 'Poppins', sans-serif; color: #2e3c43; font-size: 16px; } .newsletter_widget .input-group input::-webkit-input-placeholder { font-family: 'Poppins', sans-serif; color: #2e3c43; font-size: 16px; } .newsletter_widget .input-group .input-group-btn .btn-default { height: 50px; width: 60px; background: rgb(195 11 19); border: none; border-top-right-radius: 25px; border-bottom-right-radius: 25px; color: #fff; padding: 0px; outline: none !important; box-shadow: none !important; } .copyright .copyright_left { width: 50%; float: left; overflow: hidden; background: #334249; } .copyright .copyright_left .copyright_text { max-width: 582px; float: right; width: 100%; } .copyright .copyright_left .copyright_text h4 { line-height: 60px; color: #fff; font-family: 'Poppins', sans-serif; font-size: 16px; } .copyright .copyright_left .copyright_text h4 a { font-weight: 500; color: #fff; } .copyright .copyright_left .copyright_text h4 a:hover { color: rgb(195 11 19); } .copyright .copyright_right { float: right; width: 50%; background: rgb(195 11 19); } .copyright .copyright_right .copyright_social { max-width: 582px; width: 100%; text-align: right; } .copyright .copyright_right .copyright_social ul li { display: inline-block; margin-left: 18px; } .copyright .copyright_right .copyright_social ul li a { color: #fff; font-size: 16px; line-height: 60px; display: block; } .copyright .copyright_right .copyright_social ul li:first-child { margin-left: 0px; } /* End Footer area css ============================================================================================ */ /*---------------------------------------------------- */ /*# sourceMappingURL=style.css.map */ .auth-btns { text-decoration: none !important; text-transform: uppercase; margin: 0 10px; font-size: 12px !important; } .btn-primary { background: #043f96; border: 1px solid #043f96; border-radius: 3px; } .nav-item a { text-transform: uppercase; } .navbar { margin-bottom: 0; position: sticky; top: 0; z-index: 99999; } .form-group select { width: 100%; height: 35px; box-shadow: none; border: 1px solid #f4f4f4; border-radius: 25px; background: #f4f4f4; padding: 0px 20px; outline: none; box-shadow: none; text-shadow: none; font-size: 16px; color: #334249; font-family: 'Poppins', sans-serif; font-weight: 500; } .form-group select:focus { border: 1px solid rgb(195 11 19); } .invalid-feedback { color: red; margin-top: 10px; } .services-item img{ height: 145px; width: 145px; border-radius: 50%; background-size: cover; background-position: center; }