/*：源代码唯一下载链接: http://www.bootstrapmb.com/item/1589(当前备注仅在演示里出现，下载源码不包含)*//*Theme Name: Politimo - Political HTML5 TemplateTheme URI: http://www.ecologytheme.com/theme/politics/Description: Author: EcologythemeAuthor URI: http://www.ecologytheme.com/Version: 0.1License: License URI: Tags: campaign, candidate, democrat, donation, election, events, issues, organization, political, politician, politics, republican ==========================================================01. Default  CSS02. 02 Pre Loader03. Search Style css04. Revolution Slider Style---------- {Index Virsion One  Style } ----------05. Header Section 06. Header Bottom Area07. Political Biography 08. Counter Area 09. Latest Campaign Section 10. Important Information Section 11. Donation Area Section 12. Purchase Area Section 13. Event Area Section 14. Press Confarenc Section 15. Images Gallery Section 16. Newsletter Area Section 17. Footer Area Section---------- { Index Virsion Tow } ----------18. Notificition Style19. Header Area Style20. Mission And Vission Area Style21. Political Biography---------- { Index Virsion Three } ----------22.Header Area Section23. Political Biography24. Important Information Section25. Press Confarenc Section26. Purchase Area Section27. Footer Section---------- { Index Virsion Fore} ----------28. Header29. Footer---------- {  Ineer Pages CSS } ----------30. Default Header31. Blog Right Side Style32. Blog Left Side Style33. Blog Post Left Style34. Contact page Styel35. Shop page CSS36. Volunteer page CSS36. 36. Login And Register CSS ============================================================*//* ---------{ 01. Default  CSS } ---------- */ * {     margin: 0;     padding: 0;} body {     font-size: 16px;     line-height: 25px;     font-weight: 400;     font-family: "Poppins", sans-serif;     overflow-x: hidden !important;} h1, h2, h3, h4, h5, h6 {     color: #22457d;     font-family: "Poppins", sans-serif;     margin: 0;} p {     color: #4d6076;     font-weight: 300;     line-height: 30px;     font-size: 16px;} a, a:hover, a:focus {     transition: all 0.3s ease-in-out;     text-decoration: none;     outline: none;} ol, ul {     margin: 0;     padding: 0;} ol li, ul li {     list-style: outside none none;     list-style-type: none;} .padding-none {     padding: 0px;} .padding-right {     padding-right: 0px;} .padding-left {     padding-left: 0px;} .ml-15 {     margin-left: 15px;} .sub-title {     text-align: center;     width: 730px;     margin: 0px auto 100px;} .sub-title h2 {     color: #22457d;     font-size: 54px;     font-weight: 600;     letter-spacing: 1px;     line-height: 52px;     margin-bottom: 40px;} .sub-title p {     margin: 0px auto;} .btn-default-style {     background: #e5304c;     border-radius: 0;     color: #ffffff;     height: 55px;     line-height: 55px;     padding: 0 55px;     font-size: 16px;     margin-top: 40px;} .btn-default-style:hover {     color: #ffffff;} .button-red {     background: #feefea;     color: #fa6231;     height: 60px;     line-height: 60px;     padding: 0 40px;     font-size: 16px;     border-radius: 50px;} .button-red:hover {     color: #fa6231;}/* -------- { 02 Preloader Css } -------- */ #preloader {     position: fixed;     top: 0;     left: 0;     right: 0;     bottom: 0;     background-color: #fefefe;     z-index: 999999;} #preloader #status {     width: 140px;     height: 44px;     position: absolute;     left: 50%;     top: 50%;     background-image: url("../images/preloader.gif");     background-repeat: no-repeat;     background-position: center;     margin: -40px 0 0 -50px;}/*-------- [ 03. Search Style css ] --------*/ .search-option #search {     position: fixed;     top: 0px;     left: 0px;     background-color: rgba(0, 0, 0, 0.9);     opacity: 0;     transition: all 0.5s ease-in-out;} .search-option #search.open {     opacity: 1;     z-index: 1000;     width: 100%;     height: 100%;} .search-option #search input[type="search"] {     position: absolute;     top: 50%;     width: 100%;     color: #fff;     background: transparent;     font-size: 40px;     font-weight: 300;     text-align: center;     border: 0px;     margin: 0px auto;     margin-top: -51px;     padding-left: 30px;     padding-right: 30px;     outline: none;} .search-option #search .btn {     position: absolute;     top: 50%;     left: 50%;     margin-top: 50px;     margin-left: -40px;     background: #e5304c;     border-radius: 0px;     padding: 10px 25px;     color: #ffffff;     cursor: pointer;} .search-option #search .close {     color: #ffffff;     font-size: 21px;     opacity: 1;     padding: 0 0px 4px;     position: fixed;     right: 15px;     top: 15px;     height: 30px;     width: 32px;     text-align: center;     transition: all 0.5s ease-in-out;     cursor: pointer;     outline: none;}/*---------- { 04. Revolution Slider Style }--------*/ .rev_slider_wrapper {     position: relative;} .rev_slider_wrapper ul li .slider-overlay {     height: 100%;     left: 0;     position: absolute;     top: 0;     width: 100%;     z-index: 1;} .rev_slider_wrapper ul li .slider-overlay:before {     background: #244578;     opacity: 0.7;     content: "";     height: 100%;     left: 0;     position: absolute;     top: 0;     transition: all 0.3s ease 0s;     width: 100%;     z-index: -1;} .rev_slider_wrapper ul li .NotGeneric-Title span {     color: #e5304c !important;}/*=========== { Index Virsion One  Style} ===========*//*--------- { 05. Header Section } ----------*/ .dropdown:hover .dropdown-menu {     visibility: visible;     opacity: 1;     max-height: 500px;} .dropdown .dropdown-menu {     transition: all 0.3s ease-in-out;     background: #ffffff;     min-width: 225px;     border-radius: 0;     padding: 0;     padding: 15px 0px;     margin-top: -2px;     display: block;     visibility: hidden;     opacity: .1;     max-height: 0px;} .dropdown .dropdown-menu .dropdown-item {     color: #4d6076;     transition: all 0.3s ease-in-out;     padding: 8px 25px !important;     background: transparent;} .dropdown .dropdown-menu .dropdown-item:hover {     color: #e5304c;} .dropdown .dropdown-menu .dropdown:hover .dropdown-menu {     max-height: 500px;     visibility: visible;     opacity: 1;} .dropdown .dropdown-menu .dropdown .dropdown-menu {     border-left: 1px solid #f1f1f1;     left: 224px;     top: -13px;     padding: 15px 0px;     visibility: hidden;     opacity: 0;     max-height: 0px;} .dropdown-toggle::after {     display: none;} .header {     background: url("../images/banner.jpg") no-repeat 50% 50%;     min-height: 876px;     background-size: cover;     position: relative;} .header:before {     position: absolute;     background: rgba(36, 69, 120, 0.83);     content: "";     height: 100%;     width: 100%;     left: 0;     top: 0;} .header .navbar {     padding: 10px 0 0;} .header .navbar .navbar-nav .nav-item {     margin-right: 30px;} .header .navbar .navbar-nav .nav-item:last-child {     margin-right: 0px;} .header .navbar .navbar-nav .nav-item .nav-link {     padding: 30px 0px;     color: #ffffff;     font-size: 16px;} .header .navbar .navbar-nav .nav-item .nav-link.active, .header .navbar .navbar-nav .nav-item .nav-link:hover {     color: #e5304c;} .header .img-wrapper .intro-img {     margin-top: 38%;} .header .img-wrapper .intro-img img {     height: auto;     width: 109%;     margin-left: -4px;} .header .intro-text {     margin-top: 180px;     padding-left: 10px;} .header .intro-text h1 {     font-size: 48px;     color: #ffffff;     font-weight: 600;     line-height: 68px;} .header .intro-text p {     font-size: 16px;     line-height: 30px;     color: #ffffff;     margin-top: 30px;} .header .is-sticky .navbar {     padding: 20px 0;} .header .is-sticky .navbar .navbar-nav .nav-item .nav-link {     color: #22457d;} .header .is-sticky .navbar .navbar-nav .nav-item .nav-link.active, .header .is-sticky .navbar .navbar-nav .nav-item .nav-link:hover {     color: #e5304c;} .header .is-sticky .politics-nav {     background: #ffffff;     transition: all 0.5s ease-in-out;     box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15);}/*--------- { 06. Header Bottom Area } ----------*/ .headder-bottom-area {     text-align: center;     margin-top: -110px;} .headder-bottom-area .heeader-bottom-wrapper {     background: #f7f8f9;} .headder-bottom-area .heeader-bottom-wrapper .header-bottom {     padding: 0 15px;} .headder-bottom-area .heeader-bottom-wrapper .content_body {     padding: 0;} .headder-bottom-area .heeader-bottom-wrapper .content_body:hover .btm-item_01::before {     background: #13c3d8;} .headder-bottom-area .heeader-bottom-wrapper .content_body:hover .btm-item_02::before {     background: #d3383e;} .headder-bottom-area .heeader-bottom-wrapper .content_body:hover .btm-item_03::before {     background: #18dfb2;} .headder-bottom-area .heeader-bottom-wrapper .btm-item_01, .headder-bottom-area .heeader-bottom-wrapper .btm-item_02, .headder-bottom-area .heeader-bottom-wrapper .btm-item_03 {     box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);     transition: all 0.3s ease-in-out;     position: relative;     z-index: 1;     padding: 30px 30px;} .headder-bottom-area .heeader-bottom-wrapper .btm-item_01::before, .headder-bottom-area .heeader-bottom-wrapper .btm-item_02::before, .headder-bottom-area .heeader-bottom-wrapper .btm-item_03::before {     position: absolute;     top: 0;     left: 0;     height: 100%;     width: 100%;     z-index: -1;     content: "";     transition: all 0.3s ease-in-out;} .headder-bottom-area .heeader-bottom-wrapper .btm-item_01:hover, .headder-bottom-area .heeader-bottom-wrapper .btm-item_02:hover, .headder-bottom-area .heeader-bottom-wrapper .btm-item_03:hover {     box-shadow: 0 1px 30px rgba(0, 0, 0, 0.25);     transition: all 0.3s ease-in-out;} .headder-bottom-area .heeader-bottom-wrapper .btm-item_01 {     background: transparent url("../images/slide-btm-01.jpg") no-repeat center center/cover;} .headder-bottom-area .heeader-bottom-wrapper .btm-item_01::before {     background: rgba(19, 195, 216, 0.9);} .headder-bottom-area .heeader-bottom-wrapper .btm-item_02 {     background: transparent url("../images/slide-btm-02.jpg") no-repeat center center/cover;} .headder-bottom-area .heeader-bottom-wrapper .btm-item_02::before {     background: rgba(211, 56, 62, 0.9);} .headder-bottom-area .heeader-bottom-wrapper .btm-item_03 {     background: transparent url("../images/slide-btm-03.jpg") no-repeat center center/cover;} .headder-bottom-area .heeader-bottom-wrapper .btm-item_03::before {     background: rgba(24, 223, 178, 0.9);} .headder-bottom-area .heeader-bottom-wrapper .slider-btm-box {     min-height: 188px;     display: flex;} .headder-bottom-area .heeader-bottom-wrapper .slider-btm-box .btm-item-icon {     height: 120px;} .headder-bottom-area .heeader-bottom-wrapper .slider-btm-box h3 {     width: 100%;} .headder-bottom-area .heeader-bottom-wrapper .slider-btm-box h3 a {     color: #ffffff;     font-size: 24px;     padding: 0;     line-height: 34px;     margin: 0px auto;} .headder-bottom-area .heeader-bottom-wrapper .slider-btm-box p {     color: #ffffff;     margin: 0;     padding: 15px 0;} .headder-bottom-area .heeader-bottom-wrapper .header-bottom-pera {     text-align: left;     box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.15);} .headder-bottom-area .heeader-bottom-wrapper .header-bottom-pera .bottom-content-single {     padding: 60px 50px 60px 60px;} .headder-bottom-area .heeader-bottom-wrapper .header-bottom-pera .bottom-content-single h3 {     margin-bottom: 30px;} .headder-bottom-area .heeader-bottom-wrapper .header-bottom-pera .bottom-content-single h3 a {     font-size: 24px;     color: #22457d;} .headder-bottom-area .heeader-bottom-wrapper .header-bottom-pera .bottom-content-single p {     margin: 0;}/*--------- { 07. Political Biography } ----------*/ .biography {     padding-top: 150px;} .biography .biography-wrapper {     padding: 0 65px;} .biography .biography-wrapper .biography-img img {     width: 100%;     height: auto;}/*--------- { 08. Counter Area  } ----------*/ .counter-area {     background: url("../images/count-bg.jpg") no-repeat 50% 50%;     background-size: cover;     position: relative;     padding: 150px 0px;     z-index: 1;} .counter-area:before {     position: absolute;     background: rgba(26, 214, 171, 0.9);     content: "";     height: 100%;     width: 100%;     left: 0;     top: 0;     z-index: -1;} .counter-area .counters-item .count-icon {     margin-right: 20px;} .counter-area .counters-item .nunmbar-count .counter {     font-size: 40px;     color: #ffffff;     font-weight: 500;     line-height: 35px;} .counter-area .counters-item .nunmbar-count h4 {     font-size: 20px;     line-height: 35px;     color: #ffffff;}/*--------- { 09. Latest Campaign Section } ----------*/ .latest-campaign {     margin: 150px 0;} .latest-campaign .campaign-wrapper .campaign-single-box {     transition: all 0.3s ease-in-out;     margin-right: 0px;} .latest-campaign .campaign-wrapper .campaign-single-box:hover .campaign-img {     width: 100%;     height: 400px;     overflow: hidden;} .latest-campaign .campaign-wrapper .campaign-single-box:hover .campaign-img img {     width: 100%;     height: auto;     transform: scale(1.1);     transition: all 0.3s ease-in-out;} .latest-campaign .campaign-wrapper .campaign-single-box .campaign-img {     width: 100%;     height: 400px;     overflow: hidden;} .latest-campaign .campaign-wrapper .campaign-single-box .campaign-img img {     width: 100%;     height: auto;     transform: scale(1);     transition: all 0.3s ease-in-out;} .latest-campaign .campaign-wrapper .campaign-single-box .campaign-info h3 {     margin: 17px 0;} .latest-campaign .campaign-wrapper .campaign-single-box .campaign-info h3 a {     transition: all 0.3s ease-in-out;     font-size: 24px;     line-height: 34px;     color: #22457d;} .latest-campaign .campaign-wrapper .campaign-single-box .campaign-info .time-duretion {     margin-bottom: 25px;} .latest-campaign .campaign-wrapper .campaign-single-box .campaign-info .time-duretion .campaign-time span {     color: #aaaaab;} .latest-campaign .campaign-wrapper .campaign-single-box .campaign-info .time-duretion .campaign-time span .campaign-icon {     padding-right: 6px;} .latest-campaign .campaign-wrapper .campaign-single-box .campaign-info .time-duretion .campaign-comment {     text-align: right;} .latest-campaign .campaign-wrapper .campaign-single-box .campaign-info .time-duretion .campaign-comment span {     margin-right: 25px;     color: #aaaaab;} .latest-campaign .campaign-wrapper .campaign-single-box .campaign-info .time-duretion .campaign-comment span .campaign-icon {     padding-right: 6px;} .latest-campaign .campaign-wrapper .campaign-single-box .campaign-info p {     margin: 0;} .latest-campaign .campaign-wrapper .campaign-single-box .campaign-info p a {     margin: 0px;     text-decoration: none;     font-size: 16px;     transition: all 0.3s ease-in-out;     color: #22457d;     font-weight: 500;     margin-left: 10px;} .latest-campaign .campaign-wrapper .campaign-list {     width: 106%;     margin-left: -20px;} .latest-campaign .campaign-wrapper .campaign-list .single-item {     padding-bottom: 34px;     margin-bottom: 34px;     border-bottom: 1px solid #ededef;} .latest-campaign .campaign-wrapper .campaign-list .single-item:last-child {     margin-bottom: 0;     padding-bottom: 0px;     border-bottom: none;} .latest-campaign .campaign-wrapper .campaign-list .single-item .campaign-img {     margin-right: 30px;} .latest-campaign .campaign-wrapper .campaign-list .single-item .campaign-content h5 {     margin-bottom: 10px;     margin-top: 6px;} .latest-campaign .campaign-wrapper .campaign-list .single-item .campaign-content h5 a {     color: #22457d;     font-size: 16px;} .latest-campaign .campaign-wrapper .campaign-list .single-item .campaign-content span {     color: #aaaaab;} .latest-campaign .campaign-wrapper .campaign-list .single-item .campaign-content span i {     margin-right: 10px;}/*--------- { 10. Important Information Section } ----------*/ .information-area {     padding: 150px 0;     background: #f9f9f9;} .information-area .accordion-left {     padding-right: 30px;} .information-area .accordion-left .accordion-wrapper .accordion-01 {     background: #1ec5d9;} .information-area .accordion-left .accordion-wrapper .accordion-02 {     background: #d3383e;} .information-area .accordion-left .accordion-wrapper .accordion-03 {     background: #20dbb1;} .information-area .accordion-left .accordion-wrapper .accordion-single {     border: none;     border-radius: 0;     margin-bottom: 30px;     box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);} .information-area .accordion-left .accordion-wrapper .accordion-single:last-child {     margin-bottom: 0;} .information-area .accordion-left .accordion-wrapper .accordion-single .panel-heading {     border: none;     background: transparent;} .information-area .accordion-left .accordion-wrapper .accordion-single .panel-heading a {     padding: 0 50px;     font-size: 24px;     color: #ffffff;     font-weight: 500;     line-height: 65px;     display: block;} .information-area .accordion-left .accordion-wrapper .accordion-single .panel-heading a i {     float: right;} .information-area .accordion-left .accordion-wrapper .accordion-single .accordion-content {     padding: 0px 55px 30px;} .information-area .accordion-left .accordion-wrapper .accordion-single .accordion-content p {     padding: 0;     color: #ffffff;} .information-area .accordion-left .accordion-wrapper .accordion-single .accordion-content p a {     color: #ffffff;     margin-left: 10px;     font-weight: 500;} .information-area .accordion-left .accordion-wrapper .panel-title >a:before {     float: right !important;     font-family: FontAwesome;     content: "\f056";     padding-right: 5px;} .information-area .accordion-left .accordion-wrapper .panel-title >a.collapsed:before {     float: right !important;     content: "\f055";} .information-area .accordion-left .accordion-wrapper .panel-title >a:hover, .information-area .accordion-left .accordion-wrapper .panel-title >a:active, .information-area .accordion-left .accordion-wrapper .panel-title >a:focus {     text-decoration: none;} .information-area .progress-right .info-progress {     width: 115%;     margin-left: -15%;} .information-area .progress-right .info-progress .single-progress {     margin-bottom: 60px;} .information-area .progress-right .info-progress .single-progress:last-child {     margin-bottom: 0;} .information-area .progress-right .info-progress .single-progress h3 {     color: #22457d;     font-size: 24px;     margin-bottom: 25px;} .information-area .progress-right .info-progress .single-progress p {     margin-bottom: 30px;} .information-area .progress-right .info-progress .single-progress .skills .progress {     height: 6px;     width: 85%;     box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);     background: transparent;} .information-area .progress-right .info-progress .single-progress .skills .progress .progress-bar {     background: #e5304c;	 width:0%} .information-area .progress-right .info-progress .single-progress .skills .progress .progress-bar span {     color: #4d6076;     margin-bottom: 50px;     position: relative;     left: 15px;} .information-area .progress-right .info-progress .single-progress .skills .progress .progress-bar span:before {     position: absolute;     height: 20px;     width: 5px;     content: "";     background: red;     right: 10px;     bottom: -23px;     border-radius: 3px;} .information-area .progress-right .info-progress .single-progress .skills .progress {     border-radius: 0;     overflow: visible;} .information-area .progress-right .info-progress .single-progress .skills .progress-bar {     -webkit-transition: width 2s ease-in-out;     transition: width 2s ease-in-out;}/*--------- { 11. Donation Area Section } ----------*/ .donation-area {     background: url("../images/donation-bg.jpg") no-repeat 50% 50%;     background-size: cover;     position: relative;     padding: 150px 0px;     z-index: 0;} .donation-area:before {     position: absolute;     background: rgba(19, 195, 216, 0.9);     content: "";     height: 100%;     width: 100%;     left: 0;     top: 0;     z-index: -1;} .donation-area .sub-title h2 {     color: #ffffff;} .donation-area .sub-title p {     color: #ffffff;} .donation-area form ul li {     color: #ffffff;     position: relative;} .donation-area form ul li input[type=radio] {     position: absolute;     visibility: hidden;} .donation-area form ul li input[type=radio]:checked ~ .check {     border: 3px solid #ffffff;} .donation-area form ul li input[type=radio]:checked ~ .check::before {     background: #ffffff;} .donation-area form ul li input[type=radio]:checked ~ label {     color: #ffffff;} .donation-area form ul li label {     display: block;     position: relative;     font-weight: 500;     font-size: 40px;     padding: 0px 0px 0 50px;     margin: 10px auto;     height: 30px;     z-index: 9;     cursor: pointer;     -webkit-transition: all 0.25s linear;} .donation-area form ul li .check {     display: block;     position: absolute;     border: 3px solid #ffffff;     border-radius: 100%;     height: 34px;     width: 34px;     top: 6px;     left: 0px;     z-index: 5;     transition: border .25s linear;     -webkit-transition: border .25s linear;} .donation-area form ul li .check::before {     display: block;     position: absolute;     content: '';     border-radius: 100%;     height: 20px;     width: 20px;     top: 4px;     left: 4px;     margin: auto;     transition: background 0.25s linear;     -webkit-transition: background 0.25s linear;} .donation-area .donation-btn {     margin: 0px auto;     text-align: center;} .donation-area .donation-btn .btn-default-style {     background: #ffffff;     color: #27c5d8;     margin-top: 60px;}/*--------- { 12. Purchase Area Section  } ----------*/ .purchase-area {     padding: 150px 0;} .purchase-area .single-purchase {     box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);} .purchase-area .single-purchase:hover .img-wrapper .purchuse-img .display-img {     visibility: hidden;     opacity: 0;} .purchase-area .single-purchase:hover .img-wrapper .purchuse-img .hover-img {     opacity: 1;     visibility: visible;} .purchase-area .single-purchase .img-wrapper {     padding: 50px;} .purchase-area .single-purchase .img-wrapper .purchuse-img {     position: relative;} .purchase-area .single-purchase .img-wrapper .purchuse-img .display-img {     transition: all 0.5s ease-in-out;} .purchase-area .single-purchase .img-wrapper .purchuse-img .display-img img {     width: 100%;} .purchase-area .single-purchase .img-wrapper .purchuse-img .hover-img {     position: absolute;     top: 0;     left: 0px;     height: 100%;     width: 100%;     opacity: 0;     visibility: hidden;     transition: all 0.5s ease-in-out;} .purchase-area .single-purchase .img-wrapper .purchuse-img .hover-img img {     width: 100%;} .purchase-area .single-purchase .purchuse-btn a {     width: 50%;     text-align: center;     height: 60px;     line-height: 60px;     color: #aaaaab;     border: 1px solid #ebebeb;} .purchase-area .single-purchase .purchuse-btn a:hover {     background: #e5304c;     color: #ffffff;     border: 1px solid #e5304c !important;} .purchase-area .single-purchase .purchuse-btn .active {     background: transparent;     border-top: 1px solid #ebebeb !important;     border-right: 1px solid #ebebeb !important;     border-bottom: 1px solid #ebebeb !important;     border-left: none !important;} .purchase-area .more-purchuse {     margin: 0px auto;     margin-top: 60px;} .purchase-area .more-purchuse a {     color: #e5304c;     font-weight: 500;}/*--------- { 13. Event Area Section } ----------*/ .event-area {     padding: 150px 0;     background: #f9f9f9;} .event-area .event-wrapper .single-row {     margin-bottom: 30px;} .event-area .event-wrapper .single-row:last-child {     margin-bottom: 0;} .event-area .event-wrapper .single-row .single-item {     position: relative;     overflow: hidden;} .event-area .event-wrapper .single-row .single-item:hover img {     transform: scale(1.1);} .event-area .event-wrapper .single-row .single-item .img-wrapper {     overflow: hidden;     min-height: 360px;} .event-area .event-wrapper .single-row .single-item .img-wrapper-2 {     overflow: hidden;     min-height: 260px;} .event-area .event-wrapper .single-row .single-item img {     height: 100%;     width: auto;     transform: scale(1);     transition: all 0.3s ease-in-out;} .event-area .event-wrapper .single-row .single-item .event-address {     text-align: center;     background: #f3f3f3;     line-height: 24px;     padding: 10px 0;     color: #4d6076;     overflow: hidden;} .event-area .event-wrapper .single-row .single-item .event-date {     text-align: center;     width: 72px;     height: 67px;     background: #e5304c;     color: #ffffff;     position: absolute;     top: 0;     right: 0px;     padding: 14px 0px;} .event-area .event-wrapper .single-row .single-item .event-date span {     font-weight: 300;     line-height: 20px;} .event-area .event-wrapper .single-row .single-item .event-date .date {     font-size: 24px;     font-weight: 600;} .event-area .event-wrapper .single-row .count-down-item:before {     position: absolute;     background: rgba(36, 69, 120, 0.8);     content: "";     height: 100%;     width: 100%;     left: 0;     top: 0;     z-index: 1;} .event-area .event-wrapper .single-row .count-down-item:after {     position: absolute;     content: "";     height: 93%;     width: 93%;     left: 23px;     top: 14px;     border: 3px solid red;     z-index: 2;} .event-area .event-wrapper .single-row .count-down-item .count-down-details {     position: absolute;     top: 0;     left: 0;     width: 100%;     height: 100%;     padding: 50px 50px;     text-align: center;     z-index: 5;} .event-area .event-wrapper .single-row .count-down-item .count-down-details h3 {     color: #ffffff;     font-weight: 500;     margin-bottom: 5px;} .event-area .event-wrapper .single-row .count-down-item .count-down-details p {     padding: 0 60px;     color: #ffffff;} .event-area .event-wrapper .single-row .count-down-item .count-down-details .clock-countdown .coundown-timer {     margin: 30px 0px 15px;} .event-area .event-wrapper .single-row .count-down-item .count-down-details .clock-countdown .coundown-timer .single-counter {     background: rgba(255, 255, 255, 0.3);     margin-right: 15px;     text-align: left;     padding: 7px 20px;} .event-area .event-wrapper .single-row .count-down-item .count-down-details .clock-countdown .coundown-timer .single-counter span {     color: #ffffff;     line-height: 22px;} .event-area .event-wrapper .single-row .count-down-item .count-down-details .clock-countdown .coundown-timer .single-counter span:first-child {     font-size: 24px;     font-weight: 500;} .event-area .event-wrapper .single-row .count-down-item .count-down-details .clock-countdown a {     margin-top: 15px;     height: 50px;     line-height: 50px;     background: #1ad6ab;}/*--------- { 14. Press Confarenc Section  } ----------*/ .press-conferenc {     background: url("../images/confarence-bg.jpg") no-repeat 50% 50%;     background-size: cover;     position: relative;     padding: 150px 0px;     z-index: 0;} .press-conferenc:before {     position: absolute;     background: rgba(26, 214, 171, 0.9);     content: "";     height: 100%;     width: 100%;     left: 0;     top: 0;     z-index: -1;} .press-conferenc .conferenc-wrapper {     background: #ffffff;} .press-conferenc .conferenc-wrapper h3 {     color: #22457d;     font-size: 24px;     background: #f5f5f5;     height: 74px;     line-height: 74px;     padding: 0 40px;} .press-conferenc .conferenc-wrapper .conferenc-items {     padding: 40px 35px 40px 40px;} .press-conferenc .conferenc-wrapper .conferenc-items .conferenc-list .single-item {     padding-bottom: 34px;     margin-bottom: 34px;     border-bottom: 1px solid #ededef;} .press-conferenc .conferenc-wrapper .conferenc-items .conferenc-list .single-item:last-child {     margin-bottom: 0;     padding-bottom: 0px;     border-bottom: none;} .press-conferenc .conferenc-wrapper .conferenc-items .conferenc-list .single-item .conferenc-img {     margin-right: 30px;} .press-conferenc .conferenc-wrapper .conferenc-items .conferenc-list .single-item .conferenc-content h5 {     margin-bottom: 10px;     font-weight: 300;} .press-conferenc .conferenc-wrapper .conferenc-items .conferenc-list .single-item .conferenc-content h5 a {     color: #22457d;     font-size: 16px;     font-weight: 300;} .press-conferenc .conferenc-wrapper .conferenc-items .conferenc-list .single-item .conferenc-content span {     color: #aaaaab;} .press-conferenc .conferenc-wrapper .conferenc-items .conferenc-list .single-item .conferenc-content span i {     margin-right: 10px;} .press-conferenc .conferenc-wrapper .conferenc-items .conferenc-btn {     padding-top: 40px;} .press-conferenc .conferenc-wrapper .conferenc-items .conferenc-btn a {     color: #aaaaab;} .press-conferenc .twitt-wrapper {     background: #ffffff;} .press-conferenc .twitt-wrapper h3 {     color: #22457d;     font-size: 24px;     background: #f5f5f5;     height: 74px;     line-height: 74px;     padding: 0 40px;} .press-conferenc .twitt-wrapper .twitt-items {     padding: 40px 40px;} .press-conferenc .twitt-wrapper .twitt-items .twitt-list {     padding: 0 40px;} .press-conferenc .twitt-wrapper .twitt-items .twitt-list .single-item {     padding-bottom: 38px;     margin-bottom: 38px;     border-bottom: 1px solid #ededef;} .press-conferenc .twitt-wrapper .twitt-items .twitt-list .single-item:last-child {     margin-bottom: 0;     padding-bottom: 0px;     border-bottom: none;} .press-conferenc .twitt-wrapper .twitt-items .twitt-list .single-item .conferenc-img {     margin-right: 25px;     height: 134px;     height: 123px;} .press-conferenc .twitt-wrapper .twitt-items .twitt-list .single-item .conferenc-img img {     height: 100%;     height: auto;} .press-conferenc .twitt-wrapper .twitt-items .twitt-list .single-item .conferenc-content h5 {     margin: 0px;     font-weight: 300;} .press-conferenc .twitt-wrapper .twitt-items .twitt-list .single-item .conferenc-content h5 a {     color: #22457d;     font-size: 16px;     line-height: 30px;} .press-conferenc .twitt-wrapper .twitt-items .twitt-list .single-item .conferenc-content span {     color: #aaaaab;} .press-conferenc .twitt-wrapper .twitt-items .twitt-list .single-item .conferenc-content span i {     margin-right: 10px;} .press-conferenc .twitt-wrapper .twitt-items .conferenc-btn {     padding: 40px 55px 0;} .press-conferenc .twitt-wrapper .twitt-items .conferenc-btn a {     color: #aaaaab;}/*--------- { 15. Images Gallery Section } ----------*/ .gallery-area {     padding: 150px 0;} .gallery-area .portfolio-wrapper .filter-buttons {     text-align: center;     margin-bottom: 50px;} .gallery-area .portfolio-wrapper .filter-buttons .button-group {     display: inline-block;     border-radius: 3px;} .gallery-area .portfolio-wrapper .filter-buttons .button-group button {     padding: 0px 30px;     border: 0 none;     background: none;     box-shadow: none;     border-radius: 3px;     transition: all 0.3s ease-in-out;     color: #22457d;     position: relative;     font-weight: 500;     outline: none;     cursor: pointer;     font-size: 24px;} .gallery-area .portfolio-wrapper .filter-buttons .button-group button:last-child::before {     display: none;} .gallery-area .portfolio-wrapper .filter-buttons .button-group button::before {     border-bottom: 3px solid #22457d;     content: "";     bottom: 11px;     width: 11px;     position: absolute;     right: -9px;} .gallery-area .portfolio-wrapper .filter-buttons .button-group button.is-checked {     color: #e5304c;     position: relative;     outline: none;} .gallery-area .portfolio-wrapper .grid {     position: relative;     transition: all 0.3s ease-in-out;     min-height: 300px;} .gallery-area .portfolio-wrapper .grid:after {     content: '';     display: block;     clear: both;} .gallery-area .portfolio-wrapper .grid .grid-item {     float: left;     width: 33.3333%;     margin-bottom: 0px;} .gallery-area .portfolio-wrapper .grid .grid-item img {     width: 100%;} .gallery-area .portfolio-wrapper .grid .grid-item figure {     margin: 0px;     position: relative;     overflow: hidden;} .gallery-area .portfolio-wrapper .grid .grid-item figure:before {     position: absolute;     content: "";     width: 100%;     height: 100%;     background: rgba(36, 69, 120, 0.8);     transition: all 0.5s ease-in-out;     visibility: hidden;     opacity: 0;     left: 0;} .gallery-area .portfolio-wrapper .grid .grid-item figure:after {     position: absolute;     content: "";     height: 100%;     width: 100%;     border: 2px solid #e5304c;     top: 0;     right: 0;     transform: scale(1);     visibility: hidden;     opacity: 0;     transition: all 0.3s ease-in-out;     z-index: 1;} .gallery-area .portfolio-wrapper .grid .grid-item figure figcaption {     position: absolute;     left: 0;     top: 50%;     transform: translateY(-50%);     width: 100%;     text-align: center;     transition: all 0.5s ease-in-out;     visibility: hidden;     opacity: 0;     z-index: 2;} .gallery-area .portfolio-wrapper .grid .grid-item figure figcaption a i {     color: #ffffff;     text-align: center;     font-size: 24px;     height: 66px;     width: 72px;     line-height: 66px;     background: rgba(255, 255, 255, 0.3);} .gallery-area .portfolio-wrapper .grid .grid-item:hover figure:before {     visibility: visible;     opacity: 1;     transform: rotate(0deg) scale(1);     width: 100%;     left: 0;} .gallery-area .portfolio-wrapper .grid .grid-item:hover figure:after {     visibility: visible;     opacity: 1;     transform: scale(0.8);} .gallery-area .portfolio-wrapper .grid .grid-item:hover figure figcaption {     visibility: visible;     opacity: 1;}/*--------- { 16. Newsletter Area Section } ----------*/ .newsletter-area {     padding: 150px 0;     background: #f9f9f9;} .newsletter-area form .form-group {     margin: 0;} .newsletter-area form .form-group input {     background: transparent;     border: none;     background: #ffffff;     color: #4d6076;     height: 60px;     font-size: 16px;     padding: 0 15px 0px 40px;     max-width: 355px;     margin-bottom: 15px;     margin: 0;     outline: none;     transition: all 0.3s ease-in-out;     box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.05);} .newsletter-area form .form-group input:focus, .newsletter-area form .form-group input .active {     outline: none;} .newsletter-area form .form-group input::-moz-placeholder {     color: #c4c0c0;     font-size: 16px;} .newsletter-area form .form-group button {     background: #e5304c;     border: medium none;     color: #ffffff;     outline: medium none;     height: 60px;     width: 145px;     text-align: center;     font-weight: 400;     font-size: 16px;     cursor: pointer;}/*--------- { 17. Footer Area Section } ----------*/ footer {     padding-top: 150px;     background: #22457d;     min-height: 150px;     overflow: hidden;} footer p {     font-size: 16px;     color: #ffffff;     margin: 0;} footer .subtitle_1 {     text-transform: none;     color: #ffffff;     margin-bottom: 40px;} footer .q-links ul {     width: 45%;} footer .q-links ul:last-child {     width: 55%;} footer ul li {     padding-bottom: 25px;     color: #ffffff;} footer ul li:last-child {     padding-bottom: 0px;} footer ul li span {     font-weight: 500;} footer ul li a {     color: #ffffff;     text-decoration: none;     transition: all 0.3s ease-in-out;} footer ul li a i {     margin-right: 10px;     transition: all 0.3s ease-in-out;} footer ul li a:active {     color: #e5304c;} footer ul li a:hover {     color: #ffffff;     transition: all 0.3s ease-in-out;     padding-left: 3px;} footer ul li a:hover i {     color: #e5304c;} footer .instagram-img img {     width: 121px;     height: 97px;     float: left;     margin: 3px;} footer .social-items {     margin-top: 40px;} footer .social-items li {     margin-right: 15px;} footer .social-items li:last-child {     margin-right: 0;} footer .social-items li a {     color: #ffffff;} footer .social-items li a:hover {     color: #ffffff;     padding: 0;} footer .social-items li a i {     height: 38px;     width: 38px;     text-align: center;     line-height: 38px;     border-radius: 50%;     font-size: 24px;     margin: 0;} footer .social-items li a i:hover {     color: #ffffff;} footer .social-items li a .fb-icon {     background: #3b5998;} footer .social-items li a .twitt-icon {     background: #55acee;} footer .social-items li a .link-icon {     background: #dc4e41;} footer .social-items li a .ins-icon {     background: #007ab9;} .copyright-text {     padding: 30px 0;     background: #1a3c73;} .copyright-text p {     margin: 0;     color: #ffffff;     line-height: 16px;} /*=========== {  Index Tow Virsion } ===========*//*--------- { 18. Notificition Style  } ----------*/ .notification {     background: #d3383e;     padding: 10px 0;} .notification p {     color: #ffffff;     margin: 0;     font-size: 14px;} .notification p span {     font-weight: 500;} .notification p a {     font-weight: 500;     border-bottom: 1px solid #ffffff;     color: #ffffff;     font-size: 14px;} .notification a {     color: #ffffff;     font-size: 24px;     line-height: 30px;}/*--------- { 19. Header Area Style } ----------*/ .header-02 .nav-top {     padding: 25px 90px;} .header-02 .nav-top .politics-logo {     width: 40%;} .header-02 .nav-top .become-teacher {     width: 20%;     text-align: center;     line-height: 50px;} .header-02 .nav-top .become-teacher a {     color: #ffffff;} .header-02 .nav-top .log-in-out-shop {     width: 40%;     text-align: right;     display: inline-flex;     line-height: 50px;} .header-02 .nav-top .log-in-out-shop .shop a {     color: #ffffff;     margin-right: 30px;} .header-02 .nav-top .log-in-out-shop .shop a img {     margin-right: 8px;} .header-02 .nav-top .log-in-out-shop .signup-in a {     color: #ffffff;     margin-left: 30px;} .header-02 .nav-top .log-in-out-shop .signup-in a:last-child {     position: relative;} .header-02 .nav-top .log-in-out-shop .signup-in a:last-child:before {     position: absolute;     content: "|";     left: -15px;     top: -12px;} .header-02 .nav-top .log-in-out-shop .signup-in a img {     margin-right: 8px;} .header-02 .politics-nav {     position: absolute;     width: 100%;     z-index: 99999;} .header-02 .politics-nav .navbar-header {     background: #285294;     width: 100%;     display: inline-flex;     padding: 0px 60px;     box-shadow: 0px 0px 15px 0px rgba(26, 60, 115, 0.5);} .header-02 .politics-nav .navbar-header .navbar-nav .nav-item:last-child .nav-link {     padding-right: 0px;} .header-02 .politics-nav .navbar-header .navbar-nav .nav-item .nav-link {     padding: 30px 15px;     color: #ffffff;     font-size: 16px;} .header-02 .politics-nav .navbar-header .navbar-nav .nav-item .nav-link.active, .header-02 .politics-nav .navbar-header .navbar-nav .nav-item .nav-link:hover {     color: #e5304c;} .header-02 .politics-nav .navbar-header .search-option a {     color: #ffffff;} .header-02 .politics-nav .navbar-header .search-option a i {     margin-right: 10px;}/*--------- { 20. Mission And Vission Area Style } ----------*/ .mission-vission {     padding: 150px 0;} .mission-vission .sub-title {     text-align: center;     width: 730px;     margin: 0px auto 70px;} .mission-vission .mission-vission-wrapper .testimonial-wrapper .single-item-1:before {     background: #13c3d8;} .mission-vission .mission-vission-wrapper .testimonial-wrapper .single-item-2:before {     background: #e5304c;} .mission-vission .mission-vission-wrapper .testimonial-wrapper .single-item-3:before {     background: #18dfb2;} .mission-vission .mission-vission-wrapper .testimonial-wrapper .single-item {     padding: 50px 30px 30px;     margin: 30px;     transition: all 0.3s ease-in-out;     position: relative;} .mission-vission .mission-vission-wrapper .testimonial-wrapper .single-item:before {     position: absolute;     height: 3px;     width: 30%;     content: "";     bottom: 0;     left: 50%;     transform: translatex(-50%);     visibility: hidden;     opacity: 0;     transition: all 0.3s ease-in-out;} .mission-vission .mission-vission-wrapper .testimonial-wrapper .single-item:hover {     box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.05);} .mission-vission .mission-vission-wrapper .testimonial-wrapper .single-item:hover:before {     width: 80%;     visibility: visible;     opacity: 1;} .mission-vission .mission-vission-wrapper .testimonial-wrapper .single-item .img-wrapper {     height: 74px;     width: 74px;     box-shadow: 0 0 30px -5px rgba(0, 0, 0, 0.1);     padding: 14px;     border-radius: 50%;} .mission-vission .mission-vission-wrapper .testimonial-wrapper .single-item .img-wrapper img {     height: 44px;     width: 44px;} .mission-vission .mission-vission-wrapper .testimonial-wrapper .single-item .hart-icon {     padding: 18px 7px;} .mission-vission .mission-vission-wrapper .testimonial-wrapper .single-item .hart-icon img {     height: 44px;     width: 60px;} .mission-vission .mission-vission-wrapper .testimonial-wrapper .single-item h3 {     font-size: 24px;     padding: 15px 0;     transition: all 0.3s ease-in-out;} .mission-vission .mission-vission-wrapper .testimonial-wrapper .single-item h3 a {     color: #22457d;} .mission-vission .mission-vission-wrapper .owl-page.active span {     background: #e5304c;     height: 15px;     width: 15px;     margin: 3px;} .mission-vission .mission-vission-wrapper .owl-page span {     background: #d3d3d3;     height: 11px;     width: 11px;     margin: 5px 3px;}/*---------- { 21. Political Biography } ----------*/ #biography-02 {     background: #f9f9f9;     padding-top: 150px;}/*============= { Home Virsion Three } ================*//*---------- { 22.Header Area Section  } ----------*/ .header-03 .nav-top {     background: #244578;     padding: 25px 90px;     box-shadow: 0px 0px 15px 0px rgba(26, 60, 115, 0.5);} .header-03 .nav-top .politics-logo {     width: 40%;} .header-03 .nav-top .become-teacher {     width: 20%;     text-align: center;     line-height: 50px;} .header-03 .nav-top .become-teacher a {     color: #ffffff;} .header-03 .nav-top .log-in-out-shop {     width: 40%;     text-align: right;     display: inline-flex;     line-height: 50px;} .header-03 .nav-top .log-in-out-shop .shop a {     color: #ffffff;     margin-right: 30px;} .header-03 .nav-top .log-in-out-shop .shop a img {     margin-right: 8px;} .header-03 .nav-top .log-in-out-shop .signup-in a {     color: #ffffff;     margin-left: 30px;} .header-03 .nav-top .log-in-out-shop .signup-in a:last-child {     position: relative;} .header-03 .nav-top .log-in-out-shop .signup-in a:last-child:before {     position: absolute;     content: "|";     left: -15px;     top: -12px;} .header-03 .nav-top .log-in-out-shop .signup-in a img {     margin-right: 8px;} .header-03 .politics-nav {     position: absolute;     width: 100%;     z-index: 99999;} .header-03 .politics-nav .navbar-header {     width: 100%;     display: inline-flex;     padding: 00px 60px;} .header-03 .politics-nav .navbar-header .navbar-nav .nav-item:last-child .nav-link {     padding-right: 0px;} .header-03 .politics-nav .navbar-header .navbar-nav .nav-item .nav-link {     padding: 30px 15px;     color: #ffffff;     font-size: 16px;} .header-03 .politics-nav .navbar-header .navbar-nav .nav-item .nav-link.active, .header-03 .politics-nav .navbar-header .navbar-nav .nav-item .nav-link:hover {     color: #e5304c;} .header-03 .politics-nav .navbar-header .search-option a {     color: #ffffff;} .header-03 .politics-nav .navbar-header .search-option a i {     margin-right: 10px;}/*---------- { 23. Political Biography } ----------*/ .biography-03 {     background: #f9f9f9;     padding-top: 150px;} .biography-03 .biography-wrapper {     padding: 0 65px;} .biography-03 .biography-wrapper .biography-content {     padding: 0;} .biography-03 .biography-wrapper .biography-content p {     margin: 0;} .biography-03 .biography-wrapper .biography-content .personal-info {     margin: 30px 0 50px;} .biography-03 .biography-wrapper .biography-content .personal-info ul li {     color: #4d6076;     border-bottom: 1px solid #ededef;     padding-bottom: 15px;     margin-bottom: 40px;} .biography-03 .biography-wrapper .biography-content .personal-info ul li:last-child {     margin-bottom: 0px;} .biography-03 .biography-wrapper .biography-content .personal-info ul li span:first-child {     font-weight: 500;} .biography-03 .biography-wrapper .biography-content a {     margin-top: 0px;} .biography-03 .biography-wrapper .biography-img img {     width: 100%;     height: auto;}/*---------- { 24. Important Information Section } ----------*/ #information-area-03 {     background: #ffffff;}/*---------- { 25. Press Confarenc Section  } ----------*/ .press-conferenc-03 {     background: #ffffff;     padding: 150px 0px;} .press-conferenc-03 .twitt-wrapper {     background: #fefefe;     box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);} .press-conferenc-03 .twitt-wrapper h3 {     color: #22457d;     font-size: 24px;     background: #fafafa;     height: 74px;     line-height: 74px;     padding: 0 40px;} .press-conferenc-03 .twitt-wrapper .twitt-items {     padding: 40px 40px;} .press-conferenc-03 .twitt-wrapper .twitt-items .twitt-list .single-item {     padding-bottom: 34px;     margin-bottom: 34px;     border-bottom: 1px solid #ededef;} .press-conferenc-03 .twitt-wrapper .twitt-items .twitt-list .single-item:last-child {     margin-bottom: 0;     padding-bottom: 0px;     border-bottom: none;} .press-conferenc-03 .twitt-wrapper .twitt-items .twitt-list .single-item .conferenc-img {     margin-right: 25px;} .press-conferenc-03 .twitt-wrapper .twitt-items .twitt-list .single-item .conferenc-img img {     height: 100%;     height: auto;} .press-conferenc-03 .twitt-wrapper .twitt-items .twitt-list .single-item .conferenc-content h5 {     margin: 0px;     font-weight: 300;} .press-conferenc-03 .twitt-wrapper .twitt-items .twitt-list .single-item .conferenc-content h5 a {     color: #22457d;     font-size: 16px;     line-height: 30px;} .press-conferenc-03 .twitt-wrapper .twitt-items .twitt-list .single-item .conferenc-content span {     color: #aaaaab;} .press-conferenc-03 .twitt-wrapper .twitt-items .twitt-list .single-item .conferenc-content span i {     margin-right: 10px;} .press-conferenc-03 .twitt-wrapper .twitt-items .conferenc-btn {     padding: 40px 55px 0;} .press-conferenc-03 .twitt-wrapper .twitt-items .conferenc-btn a {     color: #aaaaab;} .press-conferenc-03 .conferenc-wrapper {     background: #fefefe;     box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.1);} .press-conferenc-03 .conferenc-wrapper h3 {     color: #22457d;     font-size: 24px;     background: #fafafa;     height: 74px;     line-height: 74px;     padding: 0 40px;} .press-conferenc-03 .conferenc-wrapper .conferenc-items {     padding: 40px 35px 40px 40px;} .press-conferenc-03 .conferenc-wrapper .conferenc-items .conferenc-list .single-item {     padding-bottom: 34px;     margin-bottom: 34px;     border-bottom: 1px solid #ededef;} .press-conferenc-03 .conferenc-wrapper .conferenc-items .conferenc-list .single-item:last-child {     margin-bottom: 0;     padding-bottom: 0px;     border-bottom: none;} .press-conferenc-03 .conferenc-wrapper .conferenc-items .conferenc-list .single-item .conferenc-img {     margin-right: 30px;} .press-conferenc-03 .conferenc-wrapper .conferenc-items .conferenc-list .single-item .conferenc-content h5 {     margin-bottom: 10px;     font-weight: 300;} .press-conferenc-03 .conferenc-wrapper .conferenc-items .conferenc-list .single-item .conferenc-content h5 a {     color: #22457d;     font-size: 16px;     font-weight: 300;} .press-conferenc-03 .conferenc-wrapper .conferenc-items .conferenc-list .single-item .conferenc-content span {     color: #aaaaab;} .press-conferenc-03 .conferenc-wrapper .conferenc-items .conferenc-list .single-item .conferenc-content span i {     margin-right: 10px;} .press-conferenc-03 .conferenc-wrapper .conferenc-items .conferenc-btn {     padding-top: 40px;} .press-conferenc-03 .conferenc-wrapper .conferenc-items .conferenc-btn a {     color: #aaaaab;}/*---------- { 26. Purchase Area Section } ----------*/ #purchase-area-03 {     background: #f9f9f9;}/*---------- { 27. Footer Section  } ----------*/ #footer .footer-wrapper {     padding-bottom: 150px;} #footer form {     width: 80%;     margin-top: 40px;} #footer form .form-group input {     background: #ffffff;     border: none;     color: #4d6076;     height: 40px;     font-size: 14px;     padding-left: 15px;     padding-right: 15px;     margin-bottom: 10px;     outline: none;     width: 100%;} #footer form .form-group input:focus {     outline: none;} #footer form .form-group input::-moz-placeholder {     color: #4d6076;     font-size: 13px;     opacity: 1;} #footer form .form-group button {     background: #e5304c;     border: medium none;     color: #ffffff;     outline: medium none;     font-weight: 400;     font-size: 13px;     cursor: pointer;     height: 40px;     width: 50px;} #footer form .form-group button i {     font-size: 20px;} #footer .footer-twitt {     color: #ffffff;     line-height: 30px;} #footer .footer-twitt i {     color: #55acee;     padding-right: 10px;     font-size: 20px;}/*============ { Home Virsion Fore } =============*//*---------- { 28. Header  } ----------*/ #header-04 {     background: url("../images/bannar-04.jpg") no-repeat 50% 50%;     min-height: 876px;     background-size: cover;     position: relative;} #header-04:before {     position: absolute;     background: rgba(36, 69, 120, 0.83);     content: "";     height: 100%;     width: 100%;     left: 0;     top: 0;} #header-04 .intro-wrapper {     margin-top: 110px;} #header-04 .intro-wrapper .count-down-details {     text-align: center;} #header-04 .intro-wrapper .count-down-details .title {     color: #ffffff;     font-weight: 500;     margin-bottom: 40px;     font-size: 48px;} #header-04 .intro-wrapper .count-down-details .sub_title {     min-width: 60%;     margin: 0px auto;     color: #ffffff;} #header-04 .intro-wrapper .count-down-details .clock-countdown .coundown-timer {     margin: 30px 0px;} #header-04 .intro-wrapper .count-down-details .clock-countdown .coundown-timer .single-counter {     background: rgba(255, 255, 255, 0.15);     margin-right: 15px;     text-align: left;     padding: 13px 30px;     height: 100px;     width: 170px;} #header-04 .intro-wrapper .count-down-details .clock-countdown .coundown-timer .single-counter span {     color: #ffffff;     line-height: 38px;     font-size: 28px;} #header-04 .intro-wrapper .count-down-details .clock-countdown .coundown-timer .single-counter span:first-child {     font-size: 42px;     font-weight: 500;} #header-04 .intro-wrapper .count-down-details .clock-countdown p {     color: #ffffff;} #header-04 .intro-wrapper .count-down-details .clock-countdown a {     margin-top: 30px;     height: 50px;     line-height: 50px;}/*---------- { 29. Footer  } ----------*/ .footer-04 .single-col-1 {     width: 30%;     padding-right: 30px;} .footer-04 .single-col-2 {     width: 26%;     padding: 15px;} .footer-04 .single-col-3 {     width: 26%;     padding: 15px;} .footer-04 .single-col-4 {     width: 23%;     padding: 15px;} .footer-04 .single-col-4 form input {     width: 184px !important;} .footer-04 .conferenc-list .single-item {     padding-bottom: 34px;     margin-bottom: 34px;     border-bottom: 1px solid #3f5d8d;} .footer-04 .conferenc-list .single-item:last-child {     margin-bottom: 0;     padding-bottom: 0px;     border-bottom: none;} .footer-04 .conferenc-list .single-item .conferenc-img {     margin-right: 15px;     min-width: 75px;     height: auto;} .footer-04 .conferenc-list .single-item .conferenc-img img {     width: 100%;     height: auto;} .footer-04 .conferenc-list .single-item .conferenc-content h5 {     line-height: 20px;} .footer-04 .conferenc-list .single-item .conferenc-content h5 a {     color: #ffffff;     font-size: 13px;     font-weight: 500;} .footer-04 .conferenc-list .single-item .conferenc-content span {     color: #ffffff;     font-size: 12px;} .footer-04 .conferenc-list .single-item .conferenc-content span i {     margin-right: 10px;}/*============={ Blog Page  } ===============*//*--------- { 30. Default Header  } ---------- */ #header-blog {     background: url("../images/banner.jpg") no-repeat 50% 50%;     min-height: 400px;     background-size: cover;     position: relative;} #header-blog:before {     position: absolute;     background: rgba(36, 69, 120, 0.83);     content: "";     height: 100%;     width: 100%;     left: 0;     top: 0;} #header-blog .intro-text {     margin-top: 100px;     padding-left: 0px;     color: #ffffff;} #header-blog .intro-text a {     color: #ffffff;     margin-top: 15px;} #header-blog .intro-text .active {     color: #e5304c;}/* -------- [ 31. Blog left Side Style ] --------*/ .blog-area {     padding: 100px 0;     min-height: 1000px;     background: #ffffff;} .blog-area .blog-padding-none {     padding: 0;} .blog-area .bolg_side-left .single-item-wrapper {     margin-bottom: 50px;} .blog-area .bolg_side-left .single-item-wrapper:last-child {     margin-bottom: 0;} .blog-area .bolg_side-left .single-item-wrapper .single-item {     overflow: hidden;} .blog-area .bolg_side-left .single-item-wrapper .single-item:hover .single-text-wrapper h3 a {     color: #e5304c;} .blog-area .bolg_side-left .single-item-wrapper .single-item:last-child {     margin-bottom: 0;} .blog-area .bolg_side-left .single-item-wrapper .single-item .img-box {     position: relative;     overflow: hidden;} .blog-area .bolg_side-left .single-item-wrapper .single-item .img-box img {     width: 100%;     transition: all 0.4s ease-in-out;     transform: scale(1.1);} .blog-area .bolg_side-left .single-item-wrapper .single-item .single-text-wrapper {     background: #ffffff;     border: 1px solid #f5f5f5;     margin-top: 40px;     padding: 35px 35px;} .blog-area .bolg_side-left .single-item-wrapper .single-item .single-text-wrapper h3 {     font-size: 20px;     padding: 0;     margin-bottom: 20px;} .blog-area .bolg_side-left .single-item-wrapper .single-item .single-text-wrapper h3 a {     transition: all 0.3s ease-in-out;     color: #323232;     text-decoration: none;     margin-right: 20px;} .blog-area .bolg_side-left .single-item-wrapper .single-item .single-text-wrapper h3 span {     position: relative;     padding-left: 20px;} .blog-area .bolg_side-left .single-item-wrapper .single-item .single-text-wrapper h3 span:before {     position: absolute;     margin-right: 20px;     border-right: 1px solid #4d6076;     left: 0px;     top: 12%;     content: "";     height: 76%;} .blog-area .bolg_side-left .single-item-wrapper .single-item .single-text-wrapper ul {     margin: 20px 0;} .blog-area .bolg_side-left .single-item-wrapper .single-item .single-text-wrapper ul li {     display: inline-block;     padding-right: 25px;} .blog-area .bolg_side-left .single-item-wrapper .single-item .single-text-wrapper ul li a {     color: #4d6076;     text-decoration: none;} .blog-area .bolg_side-left .single-item-wrapper .single-item .single-text-wrapper ul li a i {     margin-right: 10px;} .blog-area .bolg_side-left .single-item-wrapper .single-item .single-text-wrapper ul li .star-rating span {     font-size: 14px;     color: #5C5E62;} .blog-area .bolg_side-left .single-item-wrapper .single-item .single-text-wrapper ul li .social-share {     position: relative;     cursor: pointer;} .blog-area .bolg_side-left .single-item-wrapper .single-item .single-text-wrapper ul li .social-share:hover .social-icons {     visibility: visible;     opacity: 1;} .blog-area .bolg_side-left .single-item-wrapper .single-item .single-text-wrapper ul li .social-share .social-icons {     position: absolute;     top: 25px;     left: 0;     content: "";     visibility: hidden;     opacity: 0;     font-size: 16px;     display: inline-flex;     background: #fafafa;     padding: 10px;     transition: all 0.3s ease-in-out;} .blog-area .bolg_side-left .single-item-wrapper .single-item .single-text-wrapper ul li .social-share .social-icons span {     display: inline-flex;     margin: 0 10px;} .blog-area .bolg_side-left .single-item-wrapper .single-item .single-text-wrapper ul li .social-share .social-icons span:hover a {     color: #e5304c;} .blog-area .bolg_side-left .single-item-wrapper .single-item .single-text-wrapper p {     margin: 0;} .blog-area .bolg_side-left .single-item-wrapper .single-item .single-text-wrapper .blog-btn-box a {     color: #4d6076;     font-size: 14px;     font-weight: 500;     text-transform: uppercase;     text-decoration: none;     transition: all 0.3s ease-in-out;} .blog-area .bolg_side-left .single-item-wrapper .single-item .single-text-wrapper .blog-btn-box a:hover {     color: #e5304c;} .blog-area .bolg_side-left .single-item-wrapper .single-item:hover .img-box img {     transform: scale(1);} .blog-area .bolg_side-left .pagination {     margin: 0px;     justify-content: center;} .blog-area .bolg_side-left .pagination li:first-child a {     margin-right: 15px;} .blog-area .bolg_side-left .pagination li:last-child a {     margin-left: 15px;} .blog-area .bolg_side-left .pagination li.active a {     background: #e5304c;     color: #ffffff;     border: none;} .blog-area .bolg_side-left .pagination li a {     color: #4d6076;     height: 35px;     width: 35px;     border: 1px solid red;     border-radius: 5px;     text-align: center;     margin: 0 5px;     line-height: 18px;} .blog-area .bolg_side-left .pagination li a:focus, .blog-area .bolg_side-left .pagination li a:hover {     z-index: 2;     color: #ffffff;     background: #e5304c;     border-color: #ddd;}/* -------- [ 32. Blog Left Side Style ] --------*/ .blog-area .blog_side-right .sidebar-holder {     box-shadow: 0 2px 2px rgba(1, 2, 2, 0.1);} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-heading {     background: #f5f5f5;     border-bottom: 1px solid #ededef;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-heading .panel-title {     font-size: 18px;     letter-spacing: .05em;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-heading .panel-title a {     color: #e5304c;     height: 50px;     line-height: 50px;     padding: 0 30px;     display: block;     display: inherit;     font-weight: 500;     position: relative;     transition: all 0.3s linear 0s;     vertical-align: middle;     text-decoration: none;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-heading .panel-title a:before {     position: absolute;     content: "\f078";     font-family: FontAwesome;     font-size: 15px;     text-align: center;     top: 50%;     right: 30px;     transition: all .3s ease-in;     line-height: 38px;     transform: translateY(-50%) rotate(180deg);     color: #e5304c;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-heading .panel-title a.collapsed:before {     position: absolute;     content: "\f077";     font-family: FontAwesome;     font-size: 15px;     text-align: center;     top: 50%;     right: 30px;     -webkit-transform: translateY(-50%) rotate(0deg);     transform: translateY(-50%) rotate(0deg);     -webkit-transition: all .4s ease-in;     -webkit-transition: all .3s ease-in;     transition: all .3s ease-in;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body {     padding: 30px 30px;     color: #9d9d9d;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body ul li {     margin-bottom: 15px;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body ul li:last-child {     margin-bottom: 0;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body ul li a {     color: #4d6076;     text-decoration: none;     justify-content: space-between;     display: flex;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body ul li a i {     transition: all 0.3s ease-in-out;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body ul li a span {     color: #4d6076;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body ul li a:hover i {     color: #e5304c;     padding-left: 5px;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body .categories-item {     margin-bottom: 40px;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body .categories-item ul {     margin: 0;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body .categories-item ul li {     margin-bottom: 20px;     margin-left: 10px;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body .categories-item ul li:last-child {     margin-bottom: 0;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body .categories-item ul li a {     color: #4d6076;     text-decoration: none;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body .categories-item ul li a i {     margin-right: 25px;     transition: all 0.3s ease-in-out;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body .categories-item ul li a span {     margin-left: 15px;     color: #e5304c;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body .categories-item ul li a:hover i {     color: #e5304c;     padding-left: 5px;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body .recent-post .recent-single {     margin-bottom: 30px;     padding: 0;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body .recent-post .recent-single:last-child {     margin-bottom: 0;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body .recent-post .recent-single .recent-content-item {     display: flex;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body .recent-post .recent-single .recent-content-item .img-box {     margin-right: 15px;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body .recent-post .recent-single .recent-content-item .img-box a img {     width: 80px;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body .recent-post .recent-single .recent-content-item .recent-text a {     text-decoration: none;     color: #4d6076;     font-size: 16px;     transition: all 0.3s ease-in-out;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body .recent-post .recent-single .recent-content-item .recent-text a:hover {     color: #e5304c;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body .recent-post .recent-single .recent-content-item .recent-text p {     font-size: 13px;     margin: 0;     color: #4d6076;     text-align: right;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body .recent-post .recent-single .recent-content-item .recent-text p .content {     float: left;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body .recent-post .recent-single .recent-content-item .recent-text p .content i {     padding-right: 6px;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body .gallery-side-list {     display: flex;     flex-wrap: wrap;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body .gallery-side-list li {     width: 25%;     padding: 5px;     margin: 0px !important;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body .gallery-side-list li a img {     width: 100%;     height: 100%;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body .populer-tags .tagcloud li {     display: inline-flex;     margin: 6px 3px !important;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body .populer-tags .tagcloud li a {     color: #4d6076;     font-size: 13px;     border: none;     border-radius: 0px;     font-weight: 600;     border: 1px solid #ededef;     float: left;     text-decoration: none;     transition: all 0.3s ease-in-out;     padding: 3px 10px;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .panel-body .populer-tags .tagcloud li a:hover {     background: #e5304c;     color: #ffffff;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .subscribe-form .form-group {     margin-bottom: 20px;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .subscribe-form .form-group input {     border: 0;     background: #f8f8f8;     box-shadow: none;     font-size: 14px;     height: 40px;     border-radius: 0;     font-weight: 400;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .subscribe-form .btn-holder {     text-align: center;     font-size: 14px;     min-width: 110px;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .subscribe-form .btn-holder .btn {     cursor: pointer;     color: #4d6076;     border-radius: 0;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .vote-options .title {     display: block;     font-size: 1.143em;     margin-bottom: 20px;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .vote-options .check-list {     margin-top: 10px;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .vote-options .check-list li {     color: #4d6076;     position: relative;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .vote-options .check-list li input[type=checkbox] {     position: absolute;     visibility: hidden;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .vote-options .check-list li input[type=checkbox]:checked ~ .check {     border: 2px solid #e5304c;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .vote-options .check-list li input[type=checkbox]:checked ~ .check::before {     background: #e5304c;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .vote-options .check-list li input[type=checkbox]:checked ~ label {     color: #e5304c;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .vote-options .check-list li label {     display: block;     position: relative;     font-weight: 500;     font-size: 14px;     padding: 0px 0px 0 30px;     margin: 10px auto;     height: 20px;     z-index: 9;     cursor: pointer;     -webkit-transition: all 0.25s linear;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .vote-options .check-list li .check {     display: block;     position: absolute;     border: 3px solid #4d6076;     border-radius: 100%;     height: 16px;     width: 16px;     top: 2px;     left: 0px;     z-index: 5;     transition: border .25s linear;     -webkit-transition: border .25s linear;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .vote-options .check-list li .check::before {     display: block;     position: absolute;     content: '';     border-radius: 100%;     height: 6px;     width: 6px;     top: 3px;     left: 3px;     margin: auto;     transition: background 0.25s linear;     -webkit-transition: background 0.25s linear;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .vote-options .sub-link {     margin-top: 30px;     display: block;     font-weight: 500;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .vote-options .sub-link a {     color: #9d9d9d;     transition: all 0.3s ease-in-out;} .blog-area .blog_side-right .sidebar-holder .accordion .accordion-group .vote-options .sub-link a:hover {     color: #e5304c;}/*----------{ 33. Blog Post Left Style } ----------*/ .blog-area .post_left-side .post-img-box img {     width: 100%;     height: auto;} .blog-area .post_left-side .description-content .description-heading {     background: #fafafa;     margin-bottom: 30px;     display: inline-flex;     width: 100%;} .blog-area .post_left-side .description-content .description-heading .time {     background: #e5304c;     height: 70px;     padding: 15px 25px;     display: inline-flex;} .blog-area .post_left-side .description-content .description-heading .time span {     display: block;     color: #ffffff;     text-align: left;     font-size: 16px;     font-weight: 600;     line-height: 20px;} .blog-area .post_left-side .description-content .description-heading .time span:first-child {     margin-right: 15px;     font-size: 40px;     font-weight: 500;     line-height: 40px;} .blog-area .post_left-side .description-content .description-heading ul li {     display: inline-flex;     margin-left: 25px;} .blog-area .post_left-side .description-content .description-heading ul li .analicys-options {     padding: 15px 0px;} .blog-area .post_left-side .description-content .description-heading ul li .analicys-options a {     display: inline-flex;} .blog-area .post_left-side .description-content .description-heading ul li .analicys-options a .description-icon {     padding-right: 10px;     line-height: 40px;} .blog-area .post_left-side .description-content .description-heading ul li .analicys-options a .description-icon i {     color: #e5304c;     height: 30px;     width: 30px;     border: 1px solid red;     border-radius: 50%;     text-align: center;     padding: 8px;     font-size: 12px;} .blog-area .post_left-side .description-content .description-heading ul li .analicys-options a .swmsc-love span {     display: inherit;     line-height: 20px;     color: #4d6076;} .blog-area .post_left-side .description-content .description-text {     margin-bottom: 50px;} .blog-area .post_left-side .description-content .description-text h3 {     padding: 0;     font-size: 28px;     padding-bottom: 15px;} .blog-area .post_left-side .description-content .description-text .description-side-left {     text-align: center;} .blog-area .post_left-side .description-content .description-text .description-side-left .author-img {     margin-bottom: 15px;} .blog-area .post_left-side .description-content .description-text .description-side-left .author-img .author-details a {     color: #4d6076;     text-decoration: none;     transition: all 0.3s ease-in-out;     font-size: 13px;} .blog-area .post_left-side .description-content .description-text .description-side-left .author-img .author-details a:hover {     color: #e5304c;} .blog-area .post_left-side .description-content .description-text .description-side-left ul {     margin-bottom: 25px;} .blog-area .post_left-side .description-content .description-text .description-side-left ul li {     margin-bottom: 15px;} .blog-area .post_left-side .description-content .description-text .description-side-left ul li:last-child {     margin-bottom: 0;} .blog-area .post_left-side .description-content .description-text .description-side-left ul li i {     width: 100%;} .blog-area .post_left-side .description-content .description-text .description-side-left ul {     margin-bottom: 25px;} .blog-area .post_left-side .description-content .description-text .description-side-left ul li {     margin-bottom: 15px;} .blog-area .post_left-side .description-content .description-text .description-side-left ul li:last-child {     margin-bottom: 0;} .blog-area .post_left-side .description-content .description-text .description-side-left ul li a {     width: 30px;     height: 30px;     text-align: center;     padding: 8px 0px 0px;     color: #ffffff;     text-decoration: none;} .blog-area .post_left-side .description-content .description-text .description-side-left ul li .facebook {     background: #3a589b;} .blog-area .post_left-side .description-content .description-text .description-side-left ul li .google {     background: #00aced;} .blog-area .post_left-side .description-content .description-text .description-side-left ul li .twitter {     background: #3a589b;} .blog-area .post_left-side .description-content .description-text .description-side-left ul li .linkedin {     background: #0077b5;} .blog-area .post_left-side .description-content .description-text .description-text-right p {     margin-bottom: 30px;} .blog-area .post_left-side .description-content .description-text .description-text-right p:last-child {     margin-bottom: 0;} .blog-area .post_left-side .description-content .description-text .description-text-right .description-speech {     text-align: center;     border: 1px solid #f5f5f5;     padding: 40px;     font-size: 18px;     font-style: italic;} .blog-area .post_left-side .description-content .description-text .description-text-right .description-speech i {     display: block;     font-size: 18px;     height: 40px;     width: 40px;     background: #e5304c;     text-align: center;     border-radius: 50%;     color: #ffffff;     line-height: 40px;     margin: -60px auto 25px;} .blog-area .post_left-side .description-content .tag-links-box {     padding: 15px 30px;     border: 1px solid #f5f5f5;     margin-top: 50px;} .blog-area .post_left-side .description-content .tag-links-box p {     font-size: 18px;     font-weight: 600;     margin-right: 10px;     float: left;} .blog-area .post_left-side .description-content .tag-links-box ul {     margin: 0;} .blog-area .post_left-side .description-content .tag-links-box ul li {     display: inline-block;     margin: 5px 3px;} .blog-area .post_left-side .description-content .tag-links-box ul li:last-child {     float: right;} .blog-area .post_left-side .description-content .tag-links-box ul li:last-child a {     color: #ffffff;     padding: 4px 15px;     background: #e5304c;     border-radius: 0px;} .blog-area .post_left-side .description-content .tag-links-box ul li a {     color: #e5304c;     padding: 2px 10px;     background: #fafafa;     text-decoration: none;     border-radius: 3px;} .blog-area .post_left-side .post_slider {     margin: 30px 0;} .blog-area .post_left-side .post_slider h3 {     margin-bottom: 40px;     padding: 0;     font-size: 24px;} .blog-area .post_left-side .post_slider .blog-post {     box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);     transition: all 0.3s ease-in-out;} .blog-area .post_left-side .post_slider .blog-post:hover {     box-shadow: 0 1px 30px rgba(0, 0, 0, 0.25);     transition: all 0.3s ease-in-out;} .blog-area .post_left-side .post_slider .blog-post .courses-content-box {     padding: 25px;} .blog-area .post_left-side .post_slider .blog-post .courses-content-box .courses-content h4 {     margin-bottom: 15px;} .blog-area .post_left-side .post_slider .blog-post .courses-content-box .courses-content h4 a {     color: #323232;     margin: 0px;     text-decoration: none;     text-transform: none;     font-weight: 600;     font-size: 16px;     transition: all 0.3s ease-in-out;} .blog-area .post_left-side .post_slider .blog-post .courses-content-box .courses-content p {     margin: 0;} .blog-area .post_left-side .comments {     margin-top: 40px;     padding: 0 30px;} .blog-area .post_left-side .comments h3 {     padding: 0;     font-size: 24px;     padding-bottom: 30px;} .blog-area .post_left-side .comments .comment-single-item {     border: 1px solid #f5f5f5;     margin-bottom: 10px;     background: transparent;     padding: 30px 25px;     display: inline-flex;} .blog-area .post_left-side .comments .comment-single-item:last-child {     margin-bottom: 10px;} .blog-area .post_left-side .comments .comment-single-item .img-box {     padding: 0;} .blog-area .post_left-side .comments .comment-single-item .img-box img {     height: 50px;     width: 50px;} .blog-area .post_left-side .comments .comment-single-item .comment-left-bar {     padding: 0;} .blog-area .post_left-side .comments .comment-single-item .comment-left-bar .comment-text {     padding-left: 40px;} .blog-area .post_left-side .comments .comment-single-item .comment-left-bar .comment-text .comment-author-box {     display: flex;     justify-content: space-between;} .blog-area .post_left-side .comments .comment-single-item .comment-left-bar .comment-text .comment-author-box li {     display: flex;} .blog-area .post_left-side .comments .comment-single-item .comment-left-bar .comment-text .comment-author-box li span {     display: flex;     font-size: 14px;} .blog-area .post_left-side .comments .comment-single-item .comment-left-bar .comment-text .comment-author-box li span:first-child {     margin-right: 20px;} .blog-area .post_left-side .comments .comment-single-item .comment-left-bar .comment-text .comment-author-box li .name {     font-size: 16px;     font-weight: 600;     text-transform: uppercase;} .blog-area .post_left-side .comments .comment-single-item .comment-left-bar .comment-text .comment-author-box .reply {     float: right;} .blog-area .post_left-side .comments .comment-single-item .comment-left-bar .comment-text .comment-author-box .reply a {     color: #4d6076;     text-decoration: none;     transition: all 0.3s ease-in-out;} .blog-area .post_left-side .comments .comment-single-item .comment-left-bar .comment-text .comment-author-box .reply a:hover {     color: #e5304c;} .blog-area .post_left-side .comments .comment-single-item .comment-left-bar .comment-text p {     margin: 0;     padding-top: 10px;} .blog-area .post_left-side .comments .reply_text {     width: 90%;     float: right;     padding: 30px 40px;} .blog-area .post_left-side .leave-comment-box .comment-respond {     margin-top: 50px;} .blog-area .post_left-side .leave-comment-box .comment-respond .comment-reply-title h3 {     padding: 0;     font-size: 24px;     padding-bottom: 30px;} .blog-area .post_left-side .leave-comment-box .comment-respond label {     font-size: 15px;     color: #454545;     font-style: italic;} .blog-area .post_left-side .leave-comment-box .comment-respond input {     height: 40px;} .blog-area .post_left-side .leave-comment-box .comment-respond input, .blog-area .post_left-side .leave-comment-box .comment-respond textarea {     background-color: #f9f9f9;     border-radius: 0;     box-shadow: none;     font-size: 15px;     margin: 10px 0;     padding: 10px 20px;     outline: none;} .blog-area .post_left-side .leave-comment-box .comment-respond input:focus, .blog-area .post_left-side .leave-comment-box .comment-respond textarea:focus {     border: 1px solid #e5304c;} .blog-area .post_left-side .leave-comment-box .form-btn {     margin-top: 30px;} .blog-area .post_left-side .leave-comment-box .form-btn a {     background: #e5304c;     border-radius: 0;     color: #fff;     border: none;     font-size: 16px;     font-weight: 500;     padding: 10px 25px;}/*----------{ 34. Contact page Styel } ----------*/ .contact-wrapper {     padding: 100px 0 0;} .contact-wrapper .contact-form .comment-respond .section-intro {     text-align: center;     margin-bottom: 70px;} .contact-wrapper .contact-form .comment-respond .section-intro h2 {     padding: 0;     font-size: 30px;     text-transform: uppercase;     padding-bottom: 20px;} .contact-wrapper .contact-form .comment-respond .section-intro h2 span {     color: #e5304c;} .contact-wrapper .contact-form .comment-respond label {     font-size: 15px;     color: #454545;     font-style: italic;} .contact-wrapper .contact-form .comment-respond input {     height: 50px;} .contact-wrapper .contact-form .comment-respond input, .contact-wrapper .contact-form .comment-respond textarea {     background-color: #f5f5f5;     border-radius: 0;     box-shadow: none;     font-size: 15px;     margin: 10px 0;     padding: 10px 20px;     outline: none;} .contact-wrapper .contact-form .comment-respond input:focus, .contact-wrapper .contact-form .comment-respond textarea:focus {     border: 1px solid #e5304c;} .contact-wrapper .contact-form .form-btn {     margin: 30px 0 100px;     text-align: center;} .contact-wrapper .contact-form .form-btn button {     line-height: 50px;     padding: 0px 40px;     background: #e5304c;     color: #fff;     border: none;     font-size: 16px;     font-weight: 500;	 cursor:pointer;} .contact-wrapper .address-wrapper {     background: #f9f9f9;     position: relative;} .contact-wrapper .address-wrapper h3 {     margin-bottom: 10px;     font-size: 22px;} .contact-wrapper .address-wrapper .map-wrapper {     position: relative;} .contact-wrapper .address-wrapper .single-items {     padding: 120px;} .contact-wrapper .address-wrapper .single-items .single-item {     margin-bottom: 35px;} .contact-wrapper .address-wrapper .single-items .single-item:last-child {     margin-bottom: 0;} .contact-wrapper .address-wrapper .single-items .single-item .address-info .address-details {     font-size: 16px;} .contact-wrapper .address-wrapper .single-items .single-item .address-info .address-details span {     display: inline;} .contact-wrapper .address-wrapper #map {     width: 50%;     height: 100%;     position: absolute;     top: 0;     left: 0;} .contact-wrapper .address-wrapper .map-caption {     background: #ffffff;     width: 320px;     height: 180px;     position: absolute;     top: 15px;     left: 25%;     transform: translateX(-50%);     padding: 25px;} .contact-wrapper .address-wrapper .map-caption h4 {     font-size: 18px;} .contact-wrapper .address-wrapper .map-caption p {     font-size: 14px;     font-weight: 500;     line-height: 22px;     margin: 15px 0 20px;} .contact-wrapper .address-wrapper .map-caption a {     border: 1px solid #f5f5f5;     font-size: 12px;     color: #4d6076;     text-decoration: none;     padding: 6px 0 6px 15px;} .contact-wrapper .address-wrapper .map-caption a span {     border: 1px solid #f5f5f5;     padding: 6px 10px;     margin-left: 60px;}/*----------{ 35. Shop page CSS } ----------*/ #shop-page {     padding: 100px 0;} #shop-page .single-purchase {     margin-bottom: 30px;} #shop-page .more-purchuse {     margin-top: 30px;} #campaign-page {     padding: 100px 0;}/*----------{ 36. Volunteer page CSS } ----------*/ .volunteer-area {     padding: 100px 0;} .volunteer-area .volunteer-wapper-02 {     margin-bottom: 50px;} .volunteer-area .volunteer-wapper-02:last-child {     margin-bottom: 0;} .volunteer-area .volunteer-wapper-02 figure {     box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);     transition: all 0.3s ease-in-out;     position: relative;     width: 100%;} .volunteer-area .volunteer-wapper-02 figure:hover {     box-shadow: 0 1px 30px rgba(0, 0, 0, 0.25);     transition: all 0.3s ease-in-out;} .volunteer-area .volunteer-wapper-02 figure:hover .teacher-img-02:before {     height: 100%;     visibility: visible;     opacity: 1;} .volunteer-area .volunteer-wapper-02 figure:hover .volunteer-name h3 a {     color: #e5304c;} .volunteer-area .volunteer-wapper-02 figure:hover figcaption {     bottom: 50%;     visibility: visible;     opacity: 1;} .volunteer-area .volunteer-wapper-02 figure .teacher-img-02 {     position: relative;     height: 290px;} .volunteer-area .volunteer-wapper-02 figure .teacher-img-02:before {     background: rgba(17, 17, 17, 0.6);     content: "";     left: 0;     position: absolute;     top: 0;     height: 0;     width: 100%;     transition: all 0.3s ease 0s;     visibility: hidden;     opacity: 0;} .volunteer-area .volunteer-wapper-02 figure .teacher-img-02 img {     width: 100%;     height: 100%;} .volunteer-area .volunteer-wapper-02 figure .volunteer-name {     padding: 10px;} .volunteer-area .volunteer-wapper-02 figure .volunteer-name h3 {     padding-bottom: 5px;} .volunteer-area .volunteer-wapper-02 figure .volunteer-name h3 a {     padding: 0;     font-size: 20px;     margin-bottom: 10px;     color: #22457d;     text-decoration: none;     transition: all 0.3s ease-in-out;} .volunteer-area .volunteer-wapper-02 figure .volunteer-name span {     font-size: 15px;     text-transform: uppercase;} .volunteer-area .volunteer-wapper-02 figure figcaption {     text-align: center;     position: absolute;     bottom: 20px;     left: 0;     width: 100%;     opacity: 0;     visibility: hidden;     transition: all 0.3s ease-in-out;} .volunteer-area .volunteer-wapper-02 figure figcaption ul {     margin: 10px auto;     text-align: center;} .volunteer-area .volunteer-wapper-02 figure figcaption ul li {     display: inline-flex;     margin: 0px 2px;} .volunteer-area .volunteer-wapper-02 figure figcaption ul li a {     background: #f9f9f9;     border-radius: 100%;     color: #a7a7a7;     display: block;     font-size: 17px;     height: 35px;     line-height: 35px;     text-align: center;     transition: all 0.4s ease 0s;     width: 35px;} .volunteer-area .volunteer-wapper-02 figure figcaption ul li a:hover {     box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);     transition: all 0.3s ease-in-out;     background: #e5304c;     color: #ffffff;}/*----------{ 36. Login And Register CSS } ----------*/ .login-area {     background: #fafafa;     padding: 100px 0;} .login-area .politics-register-form {     background-color: #fff;     padding: 30px;} .login-area .politics-register-form .form-group {     margin-top: 15px;} .login-area .politics-register-form .lead {     margin-bottom: 20px;     font-size: 18px;     font-weight: 300;     line-height: 1.4;     text-align: center;     text-transform: uppercase;} .login-area .politics-register-form select, .login-area .politics-register-form textarea, .login-area .politics-register-form input[type="text"], .login-area .politics-register-form input[type="password"], .login-area .politics-register-form input[type="datetime"], .login-area .politics-register-form input[type="datetime-local"], .login-area .politics-register-form input[type="date"], .login-area .politics-register-form input[type="month"], .login-area .politics-register-form input[type="time"], .login-area .politics-register-form input[type="week"], .login-area .politics-register-form input[type="number"], .login-area .politics-register-form input[type="email"], .login-area .politics-register-form input[type="url"], .login-area .politics-register-form input[type="search"], .login-area .politics-register-form input[type="tel"], .login-area .politics-register-form input[type="color"], .login-area .politics-register-form .uneditable-input {     min-height: 50px;     font-weight: 400;     display: block;     padding: 12px 15px;     font-size: 14px;     line-height: 1.428571429;     color: #555;     background-color: transparent;     background-image: none;     border-radius: 4px;     box-shadow: none;     -webkit-box-shadow: none;     border: 1px solid #e9edf0;} .login-area .politics-register-form .register-btn .btn {     width: 100%;     border-radius: 3px;     margin-bottom: 15px;     background: #e5304c;     border: none;     text-transform: uppercase;     font-weight: 700;     font-size: 15px;     padding: 15px 0;     box-shadow: none;	 color:#ffffff;} .login-area .politics-register-form a {     color: #e5304c;     text-decoration: none;} .register-area {     background: #fafafa;     padding: 100px 0;} .register-area .politics-register-form {     background-color: #fff;     padding: 30px;} .register-area .politics-register-form .form-group {     margin-top: 15px;} .register-area .politics-register-form .lead {     margin-bottom: 20px;     font-size: 18px;     font-weight: 300;     line-height: 1.4;     text-align: center;     text-transform: uppercase;} .register-area .politics-register-form select, .register-area .politics-register-form textarea, .register-area .politics-register-form input[type="text"], .register-area .politics-register-form input[type="password"], .register-area .politics-register-form input[type="datetime"], .register-area .politics-register-form input[type="datetime-local"], .register-area .politics-register-form input[type="date"], .register-area .politics-register-form input[type="month"], .register-area .politics-register-form input[type="time"], .register-area .politics-register-form input[type="week"], .register-area .politics-register-form input[type="number"], .register-area .politics-register-form input[type="email"], .register-area .politics-register-form input[type="url"], .register-area .politics-register-form input[type="search"], .register-area .politics-register-form input[type="tel"], .register-area .politics-register-form input[type="color"], .register-area .politics-register-form .uneditable-input {     min-height: 50px;     font-weight: 400;     display: block;     padding: 12px 15px;     font-size: 14px;     line-height: 1.428571429;     color: #555;     background-color: transparent;     background-image: none;     border-radius: 4px;     box-shadow: none;     -webkit-box-shadow: none;     border: 1px solid #e9edf0;	 resize: none;} .register-area .politics-register-form .register-btn .btn {     width: 100%;     border-radius: 3px;     margin-top: 15px;     background: #e5304c;     border: none;     text-transform: uppercase;     font-weight: 700;     font-size: 15px;     padding: 15px 0;     box-shadow: none;	 color:#ffffff;}.contact-wrapper .contact-form .comment-respond input[type=submit] {    background: #e5304c;    border: none;    text-transform: uppercase;    padding: 10px 30px;    color: #fff;    cursor: pointer;}  /*=================== Updated CSS ================*/ .dropdown:hover .dropdown-menu::before {     top: -6px;} .dropdown .dropdown-menu{     border-radius: 3px; } .dropdown .dropdown-menu::before {    position: absolute;    top: 2px;    left: 20px;    height: 10px;    width: 10px;    background: #ffffff;    transform: rotate(45deg);    content: "";    transition: all 0.5s ease-in-out;    z-index: -1;}.dropdown .dropdown-menu .dropdown .dropdown-menu::before {     display: none;}.dropdown .dropdown-menu .dropdown-item{     position: relative;}.dropdown .dropdown-menu .dropdown-item::before {    position: absolute;    top: 0px;    left: -1px;    height: 30%;    width: 1px;    background: red;    content: "";    transition: all 0.3s ease-in-out;    visibility: hidden;    opacity: 0;}.dropdown .dropdown-menu .dropdown-item:hover::before {     visibility: visible;     opacity: 1;     height: 100%;}.dropdown .dropdown-menu .dropdown .dropdown-menu .dropdown-item::before {     display: none;}/*：源代码唯一下载链接: http://www.bootstrapmb.com/item/1589(当前备注仅在演示里出现，下载源码不包含)*/