/* ========================================================
    ::   Template name: iRos Creative Onepage HTML Template
    ::   Template URI: http://designing-world.com
    ::   Description: iRos Creative Onepage HTML Template perfectly suitable for any kinds of startup, freelancer,              business, corporate and many more.
    ::   Template author name: MD NAZRUL ISLAM
    ::   Template author url: http://designing-world.com
    ::   Version: 1.0
 ======================================================== */

/* ================= Index of CSS ===================
:: 1.0 Montserrat Web Fonts
:: 2.0 Base/Reset CSS
:: 3.0 Spacing and Alignment 
:: 4.0  Preloader & Scrollup Css
:: 5.0 Header and Menu CSS
:: 6.0 Home - 2 : Welcome area css 
:: 7.0 About Us CSS
:: 8.0 feature area css
:: 9.0 process area css
:: 10.0 works area css
:: 11.0 service area css
:: 12.0 team member area css
:: 13.0 Blog area css
:: 14.0 Sidebar Area CSS
:: 15.0 Purchase area css
:: 16.0 contact area css
:: 17.0 Global area css
:: 18.0 footer css
================================================== */

 /* ========= 1.0 Base CSS =========== */
 @import url(css/animate.css);
 @import url(css/bootstrap.min.css);
 @import url(css/et-line.css);
 @import url(css/font-awesome.min.css);
 @import url(css/meanmenu.css);
 @import url(css/owl.carousel.css);
 @import url(css/venobox.css);

 /* ============ :: 1.0 Montserrat Web Fonts =========== */
 
 @import url('https://fonts.googleapis.com/css?family=Poppins:400,700');
 @font-face {
     font-family: 'montserratlight';
     src: url('fonts/montserrat-light.eot');
     src: url('fonts/montserrat-light.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-light.woff2') format('woff2'), url('fonts/montserrat-light.woff') format('woff'), url('fonts/montserrat-light.ttf') format('truetype'), url('fonts/montserrat-light.svg#montserratlight') format('svg');
     font-weight: normal;
     font-style: normal;
 }
 /* ========= :: 2.0 Base/Reset CSS =========== */
 
 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin: 0 0 15px;
     font-family: 'Poppins', sans-serif;
     letter-spacing: 1px;
 }
 
 body {
     font-family: 'montserratlight';
     line-height: 21px;
     font-size: 14px;
 }
 
 p {
     font-family: 'montserratlight';
     line-height: 21px;
     font-size: 14px;
 }
 
 a,
 a:hover,
 a:focus {
     -webkit-transition: all 800ms ease 0s;
     transition: all 800ms ease 0s;
     text-decoration: none;
     outline: none;
 }
 
 a:focus {
     outline: 0px solid;
 }
 
 ol li,
 ul li {
     list-style: outside none none;
 }
 
 img {
     max-width: 100%;
 }
 
 .d_table {
     display: table;
     position: absolute;
     width: 100%;
     height: 100%;
     z-index: 1;
 }
 
 .d_table_cell {
     display: table-cell;
     vertical-align: middle;
 }
 /* =================================
    :: 3.0 Spacing and Alignment 
 ================================= */
 
 .floatleft {
     float: left
 }
 
 .floatright {
     float: right
 }
 
 .alignleft {
     float: left;
     margin-right: 15px;
 }
 
 .alignright {
     float: right;
     margin-left: 15px;
 }
 
 .aligncenter {
     display: block;
     margin: 0 auto 15px;
 }
 
 .section_padding_100 {
     padding: 100px 0;
 }
 /* =================================
    :: 4.0  Preloader & Scrollup Css
 ================================= */
 
 div#preloader {
     overflow: hidden;
     background-color: #fff;
     background-image: url(images/core-img/preloader.gif);
     background-repeat: no-repeat;
     background-position: center center;
     height: 100%;
     left: 0;
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 9999999999;
 }
 
 #scrollUp {
     bottom: 0;
     right: 20px;
     padding: 10px 20px;
     background-color: #f0c546;
     color: #34302f;
     font-size: 20px;
 }
 /* ================================
    :: 5.0 Header and Menu CSS
 ================================ */
 
 .welcome_area {
     background-color: #f9f9f9;
     overflow: hidden;
 }
 
 .welcome_area .nav_search_area {
     position: relative;
     z-index: 9;
 }
 
 .navigation_area {
     background-color: #f0c546;
     height: 80px;
     margin-top: 60px;
     width: 100%;
     position: relative;
     z-index: 1;
     -webkit-transition-duration: 700ms;
     transition-duration: 700ms;
 }
 
 .is-sticky #main_menu {
     z-index: 9999;
 }
 
 .is-sticky #main_menu .navigation_area {
     width: 100%;
     position: relative;
     z-index: 1;
     margin: 0;
     -webkit-transition-duration: 0s;
     transition-duration: 0s;
     height: 80px;
 }
 
 .is-sticky #main_menu .logo_area {
     height: 81px!important;
     width: 25%;
     top: 0!important;
     -webkit-transition-duration: 0s;
     transition-duration: 0s;
 }
 
 .is-sticky #main_menu .logo_area img {
     padding-top: 20px;
     width: 80%;
 }
 
 .single_slide {
     position: relative;
     z-index: 1;
     background-repeat: no-repeat;
     background-size: cover;
     background-position: center center;
 }
 
 .single_slide:before {
     position: absolute;
     width: 100%;
     height: 100%;
     z-index: -9;
     left: 0;
     top: 0;
     content: "";
     background-color: rgba(17, 17, 17, 0.5);
 }
 
 .welcome_area.slider_version .welcome_text .welcome_content h3 {
     color: #fff;
 }
 
 .welcome_area.slider_version .welcome_text .welcome_title h2 {
     font-size: 70px;
 }
 
 .welcome_area .welcome_slides .owl-nav {
     height: auto;
     left: 0;
     position: absolute;
     top: 50%;
     width: 100%;
     z-index: 1;
 }
 
 .welcome_area .welcome_slides .owl-nav .owl-prev,
 .welcome_area .welcome_slides .owl-nav .owl-next {
     background-color: #fff;
     color: #e67e22;
     cursor: pointer;
     font-weight: 400;
     height: 40px;
     position: absolute;
     text-align: center;
     top: -20px;
     -webkit-transition: all 300ms ease-in 0s;
     transition: all 300ms ease-in 0s;
     width: 40px;
     z-index: 999;
     box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
 }
 
 .welcome_area .welcome_slides .owl-nav .owl-prev {
     left: -45px;
 }
 
 .welcome_area .welcome_slides .owl-nav .owl-next {
     right: -45px;
 }
 
 .welcome_area .welcome_slides .owl-nav .owl-prev:hover,
 .welcome_area .welcome_slides .owl-nav .owl-next:hover {
     background-color: #e67e22;
     color: #fff
 }
 
 .welcome_area .welcome_slides:hover .owl-nav .owl-prev {
     left: 15px;
 }
 
 .welcome_area .welcome_slides:hover .owl-nav .owl-next {
     right: 15px;
 }
 
 .welcome_area .welcome_slides .owl-nav .owl-prev > i,
 .welcome_area .welcome_slides .owl-nav .owl-next > i {
     font-size: 30px;
     font-weight: 700;
     line-height: 40px;
 }
 
 .navigation_area:before {
     background-color: #f0c546;
     content: "";
     height: 100%;
     position: absolute;
     right: -3000px;
     top: 0;
     width: 3000px;
     z-index: 99;
 }
 
 .welcome_area.slider_version .navigation_area {
     margin: 0;
 }
 
 .welcome_area.slider_version .logo_area {
     background-color: #332e33;
     height: 80px;
     left: 0;
     position: absolute;
     top: 0;
     -webkit-transition-duration: 1000ms;
     transition-duration: 1000ms;
     width: 25%;
     z-index: 9;
 }
 
 .welcome_area.slider_version .logo_area img {
     padding-top: 20px;
     width: 80%;
 }
 
 .welcome_area.slider_version .welcome_text {
     padding: 0;
 }
 
 nav ul {
     float: right;
     margin: 0;
 }
 
 nav ul li {
     float: left;
     display: inline-block;
     position: relative;
 }
 
 nav ul li a {
     color: #34302f;
     display: block;
     font-family: "Poppins", sans-serif;
     font-size: 14px;
     font-weight: 700;
     letter-spacing: 1px;
     padding: 29px 15px;
     text-transform: uppercase;
     -webkit-transition-duration: 700ms;
     transition-duration: 700ms;
 }
 
 nav ul li a:hover,
 nav ul li.current_page_item a {
     color: #fff;
 }
 
 nav ul > li > ul {
     left: 0;
     margin: 0;
     padding: 0;
     position: absolute;
     top: 50px;
     z-index: 9999;
     background-color: #f0c546;
     width: 120px;
     -webkit-transform: scale(1, 0);
     transform: scale(1, 0);
     -webkit-transition-duration: 1000ms;
     transition-duration: 1000ms;
     -webkit-transform-origin: top;
     transform-origin: top;
 }
 
 nav ul > li > ul > li {
     display: block;
 }
 
 nav ul > li > ul > li > a {
     color: #34302f;
     display: block;
     font-size: 16px;
     font-weight: 400;
     padding: 0!important;
     -webkit-transition-duration: 700ms;
     transition-duration: 700ms;
     width: 120px!important;
     height: 50px!important;
     text-align: center;
     line-height: 50px;
 }
 
 nav ul > li > ul > li > a:hover {
     width: 120px!important;
     height: 50px!important;
 }
 
 nav ul li:hover ul {
     -webkit-transform: scale(1, 1);
     transform: scale(1, 1);
 }
 
 .logo_area {
     background-color: #332e33;
     height: 120px;
     left: 0;
     position: absolute;
     top: -20px;
     width: 25%;
     z-index: 9;
     -webkit-transition-duration: 1000ms;
     transition-duration: 1000ms;
 }
 
 .logo_area:before {
     background-color: #332e33;
     content: "";
     height: 100%;
     position: absolute;
     left: -3000px;
     top: 0;
     width: 3000px;
     z-index: 99;
 }
 
 .logo_area img {
     padding-top: 40px;
     width: 80%;
 }
 
 .welcome_text_area {
     background-image: url(images/others/clock.png);
     background-position: right center;
     background-repeat: no-repeat;
 }
 
 .welcome_text_area.video_version {
     background-image: url("");
     background-position: right center;
     background-repeat: no-repeat;
 }
 
 .welcome_slides {
     width: 100%;
     height: 100%;
 }
 
 .welcome_text .design_develop_branding {
     border: 1px solid #929ba4;
     padding: 15px 30px;
     display: inline-block;
 }
 
 .welcome_text .design_develop_branding p {
     margin: 0;
     font-size: 14px;
     color: #464646;
     font-weight: 700;
     letter-spacing: 4px;
     display: inline-block;
     -webkit-transition-duration: 1000ms;
     transition-duration: 1000ms;
     font-family: "Poppins", sans-serif;
 }
 
 .welcome_text .design_develop_branding p:hover {
     color: #f0c546;
     cursor: pointer;
 }
 
 .welcome_text .design_develop_branding > i {
     padding: 0 10px;
     font-size: 8px;
     text-align: center;
 }
 
 .welcome_text .welcome_title {
     position: relative;
     z-index: 1;
 }
 
 .welcome_text .welcome_title .border {
     background-color: #efc23c;
     height: 18px;
     left: 0;
     position: absolute;
     top: 55px;
     width: 290px;
     z-index: -5;
 }
 
 .welcome_text .welcome_title .border:before {
     background-color: #efc23c;
     height: 100%;
     left: -3000px;
     position: absolute;
     top: 0;
     width: 3000px;
     z-index: -5;
     content: "";
 }
 
 .welcome_text .welcome_title h2 {
     color: #1d1d1d;
     font-size: 60px;
     font-weight: 900;
     margin: 0;
     letter-spacing: 2px;
     padding: 35px 0 33px 0;
     font-family: "Poppins", sans-serif;
 }
 
 .welcome_text .welcome_content > p {
     color: #2c3e50;
     font-size: 16px;
     line-height: 24px;
 }
 
 .single_slide {
     width: 100%;
     background-size: cover;
     background-repeat: no-repeat;
 }
 
 .purchase_see_more_button .purchase > a {
     display: inline-block;
     vertical-align: middle;
     font-family: "Poppins", sans-serif;
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     box-shadow: 0 0 1px rgba(0, 0, 0, 0);
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     -moz-osx-font-smoothing: grayscale;
     position: relative;
     background: #f0c546;
     -webkit-transition-property: color;
     transition-property: color;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
 }
 
 .purchase_see_more_button .purchase > a:before {
     content: "";
     position: absolute;
     z-index: -1;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     background: #f9f9f9;
     -webkit-transform: scaleY(1);
     transform: scaleY(1);
     -webkit-transform-origin: 50%;
     transform-origin: 50%;
     -webkit-transition-property: -webkit-transform;
     transition-property: -webkit-transform;
     transition-property: transform;
     transition-property: transform, -webkit-transform;
     -webkit-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -webkit-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
 }
 
 .purchase_see_more_button .purchase > a:hover,
 .purchase_see_more_button .purchase > a:focus,
 .purchase_see_more_button .purchase > a:active {
     color: #342f31;
 }
 
 .purchase_see_more_button .purchase > a:hover:before,
 .purchase_see_more_button .purchase > a:focus:before,
 .purchase_see_more_button .purchase > a:active:before {
     -webkit-transform: scaleY(0);
     transform: scaleY(0);
 }
 
 .purchase_see_more_button {
     margin-top: 30px;
 }
 
 .purchase_see_more_button .purchase > a,
 .purchase_see_more_button .see_more > a {
     border: 2px solid #929ba4;
     display: inline-block;
     height: 55px;
     margin-right: 30px;
     text-align: center;
     width: 170px;
     float: left;
     color: #342f31;
     line-height: 50px;
     font-size: 14px;
     text-transform: uppercase;
     letter-spacing: 2px;
     font-weight: 700;
     font-family: "Poppins", sans-serif;
     -webkit-transition-duration: 1000ms;
     transition-duration: 1000ms;
 }
 
 .purchase_see_more_button .purchase > a:hover {
     border: 2px solid transparent;
 }
 
 .purchase_see_more_button .see_more > a {
     border: 2px solid transparent;
     background-color: #efc23c;
 }
 
 .purchase_see_more_button .see_more > a:hover {
     background-color: #cc9b07;
 }
 
 .welcome_text_area.breadcumb_area {
     height: 200px;
 }
 
 .breadcrumb_section {
     margin-top: 30px;
 }
 
 ol.breadcrumb {
     background-color: transparent;
     text-align: center;
 }
 
 .breadcrumb > li {
     color: #888;
 }
 
 .breadcrumb li > a {
     color: #2c3e50;
     letter-spacing: 1px;
 }
 
 .breadcrumb li > a:hover {
     color: #e67e22;
 }
 
 .page_title {
     position: relative;
     text-align: center;
     z-index: 99;
 }
 
 .page_title > h3 {
     color: #e67e22;
     font-weight: 700;
     letter-spacing: 2px;
     text-transform: uppercase;
 }
 /* =================================
 :: 6.0 Home - 2 : Welcome area css 
 ================================= */
 
 .welcome_text_area.home2 {
     background-image: url(images/others/home-2.jpg);
     background-position: left center;
     background-repeat: no-repeat;
 }
 
 .welcome_text {
     padding-top: 150px;
 }
 
 .welcome_text.home2 {
     text-align: center;
 }
 
 .welcome_text.home2 .welcome_title h2 {
     color: #edc242;
     font-size: 100px;
     letter-spacing: 4px;
     padding: 0 0 18px;
     text-transform: uppercase;
 }
 
 .welcome_text.home2 .welcome_content h3 {
     color: #1d1d1d;
     letter-spacing: 4px;
     padding: 0 0 30px;
     text-transform: uppercase;
     margin: 0;
 }
 
 .welcome_text.home2 .purchase_see_more_button {
     margin: 0 auto;
 }
 
 .welcome_text.home2 .purchase,
 .welcome_text.home2 .see_more {
     display: inline-block;
 }
 
 .welcome_text.home2 .purchase_see_more_button .purchase > a,
 .welcome_text.home2 .purchase_see_more_button .see_more > a {
     display: inline-block;
     float: none;
     margin-right: 30px;
 }
 
 .welcome_text.home2 .purchase_see_more_button .see_more > a {
     margin-right: 0;
 }
 /* ======================
   :: 7.0 About Us CSS
 ====================== */
 
 .about_us_area {
     background-image: url("images/others/about-img.jpg");
     background-position: center center;
     background-repeat: no-repeat;
     background-size: cover;
     background-attachment: fixed;
     position: relative;
     z-index: 1;
 }
 
 .about_us_area:after {
     position: absolute;
     background-color: rgba(51, 46, 51, 0.85);
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     content: '';
     z-index: -5;
 }
 
 .section_title {
     border: 3px solid rgba(232, 232, 232, 0.15);
     display: inline-block;
     float: right;
     padding: 15px;
     position: absolute;
     right: -80px;
     top: 50px;
     height: 70px;
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
     width: 250px;
     z-index: 9;
 }
 
 .section_title h2 {
     color: #efc23c;
     display: inline-block;
     font-size: 22px;
     font-weight: 700;
     letter-spacing: 5px;
     line-height: 37px;
     margin: 0;
     text-transform: uppercase;
 }
 
 .section_title .line {
     background: rgba(235, 235, 235, 0.1) none repeat scroll 0 0;
     display: inline-block;
     height: 3px;
     margin-top: -1.5px;
     position: absolute;
     top: 50%;
     width: 55px;
     right: 12px;
 }
 
 .shadow_text h2 {
     color: rgba(232, 232, 232, 0.08);
     font-size: 48px;
     font-weight: 800;
     height: 100%;
     left: 12px;
     letter-spacing: 14px;
     margin-top: -19px;
     position: absolute;
     text-transform: uppercase;
     top: 50%;
     width: 100%;
     z-index: -9;
     padding-right: 10px;
 }
 
 .about_text {
     text-align: right;
     padding-right: 115px;
 }
 
 .about_text h5 {
     color: #efc23c;
     font-size: 16px;
     font-weight: 400;
     letter-spacing: 2px;
 }
 
 .about_text .line {
     background: #4d4a4e none repeat scroll 0 0;
     height: 3px;
     margin: 20px 0 15px auto;
     width: 55px;
 }
 
 .about_text > p {
     color: #fff;
     letter-spacing: 1px;
 }
 /* ========================
  :: 8.0 feature area css
 ======================== */
 
 .single_feature_area {
     float: left;
     width: 50%;
     position: relative;
     z-index: 1;
     -webkit-transition-duration: 1000ms;
     transition-duration: 1000ms;
 }
 
 .our_features_area .single_feature_area:first-child {
     padding: 30px 35px 50px 0;
     border-bottom: 1px solid #e0e2e5;
     border-right: 1px solid #e0e2e5;
 }
 
 .our_features_area .single_feature_area:nth-child(2) {
     padding: 30px 0 50px 35px;
     border-bottom: 1px solid #e0e2e5;
 }
 
 .our_features_area .single_feature_area:nth-child(3) {
     padding: 50px 35px 30px 0;
     border-right: 1px solid #e0e2e5;
 }
 
 .our_features_area .single_feature_area:last-child {
     padding: 50px 0 30px 35px;
 }
 
 .single_feature_icon > i {
     color: #efc23c;
     font-size: 40px;
 }
 
 .single_feature_icon {
     display: inline-block;
     float: left;
     margin-bottom: 100px;
     padding-right: 35px;
 }
 
 .single_feature_text {
     padding-top: 8px;
 }
 
 .single_feature_text > h4 {
     color: #363636;
     font-weight: 400;
     letter-spacing: 2px;
     font-size: 18px;
     margin-bottom: 45px;
 }
 
 .single_feature_text > p {
     font-size: 14px;
     line-height: 30px;
     color: #888;
 }
 
 .side_big_icon {
     margin-top: -50px;
     position: absolute;
     top: 50%;
     z-index: -5;
 }
 
 .side_big_icon > i {
     color: rgba(239, 194, 60, 0.3);
     font-size: 100px;
 }
 
 .our_features_area .single_feature_area:first-child .side_big_icon,
 .our_features_area .single_feature_area:nth-child(3) .side_big_icon {
     right: 40px
 }
 
 .our_features_area .single_feature_area:nth-child(2) .side_big_icon,
 .our_features_area .single_feature_area:last-child .side_big_icon {
     right: 0;
 }
 /* ======================
 :: 9.0 process area css
 ====================== */
 
 .process_area {
     position: relative;
     z-index: 1;
 }
 
 .process_area .process_thumb_area {
     background-image: url("images/others/process-img.jpg");
     background-position: right center;
     background-size: cover;
     float: left;
     height: 630px;
     position: relative;
     width: 50%;
 }
 
 .process_area .process_thumb_area:after {
     background-color: rgba(52, 47, 49, 0.8);
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     content: '';
     z-index: 5;
 }
 
 .work_process_text_area .single_process_area:first-child {
     margin-left: 50px;
 }
 
 .work_process_text_area .single_process_area:nth-child(2) {
     margin-left: 140px;
 }
 
 .work_process_text_area .single_process_area:nth-child(3) {
     margin-left: 230px;
 }
 
 .work_process_text_area .single_process_area:last-child {
     margin-left: 320px;
 }
 
 .work_process_text_area {
     background-color: #342f31;
     float: left;
     overflow: hidden;
     padding: 135px 0;
     width: 50%;
 }
 
 .single_process_icon {
     background-color: #fcd846;
     border: 5px solid #efc23c;
     display: inline-block;
     float: left;
     height: 90px;
     text-align: center;
     width: 90px;
 }
 
 .single_process_icon i {
     color: #332e33;
     font-size: 30px;
     line-height: 80px;
     font-weight: 700;
 }
 
 .single_process_text {
     display: inline-block;
     height: 70px;
     margin-left: 15px;
     position: relative;
 }
 
 .single_process_text > h5 {
     color: #fff;
     font-size: 18px;
     font-weight: 700;
     letter-spacing: 2px;
     line-height: 90px;
     margin: 0;
     text-transform: uppercase;
     width: 100%;
 }
 
 .single_process_text .process_shadow_text h2 {
     color: rgba(255, 255, 255, 0.05);
     font-size: 72px;
     font-weight: 700;
     margin: -28px 0 0;
     position: absolute;
     right: 0;
     top: 50%;
 }
 
 .section_title.process .line {
     right: 15px;
 }
 
 .section_title.process {
     border: 3px solid #4d4a4e;
     display: inline-block;
     margin-right: -215px;
     margin-top: 283px;
     padding: 15px;
     position: absolute;
     right: 50%;
     top: 50%;
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
     width: 430px;
     z-index: 10;
     height: 95px!important;
 }
 
 .section_title.process h2 {
     line-height: 60px;
 }
 
 .section_title.process .shadow_text h2 {
     left: 10px;
     margin-top: -30px;
     padding-right: 10px;
     letter-spacing: 20px;
 }
 /* =============================
   :: 10.0 works area css
 ============================= */
 
 .works_area_nav ul.nav li.active {
     border: 2px solid #f7e09d;
     height: 118px;
     width: 118px;
 }
 
 .works_area_nav ul.nav li.active:after {
     position: absolute;
     z-index: 9;
     width: 62px;
     height: 3px;
     top: 20px;
     left: 65%;
     content: "";
     background-color: #efc23c;
 }
 
 .works_area_nav ul.nav li:nth-child(odd) {
     margin-left: 118px;
 }
 
 .works_area_nav ul.nav li:nth-child(even) {
     margin-left: 0;
 }
 
 .works_area_nav ul.nav li a {
     border: medium none !important;
     height: 118px!important;
     padding: 0;
     width: 118px!important;
     margin: 0;
     -webkit-transition-duration: 0s;
     transition-duration: 0s;
 }
 
 .works_area_nav ul.nav li.active a {
     border: medium none !important;
     height: 114px !important;
     padding: 0;
     width: 114px!important;
     -webkit-transition-duration: 0s;
     transition-duration: 0s;
 }
 
 .works_area_nav ul.nav li a span.works_single_tab img {
     width: 100%!important;
     height: 100%!important;
 }
 
 .nav-tabs {
     border-bottom: none!important;
 }
 
 .tab-content .single_tab_content {
     background-color: #efefef;
     height: 588px;
     position: relative;
     width: 588px;
     z-index: 1;
     margin-left: -30px;
 }
 
 .tab-content .single_tab_content .single_works_text {
     width: 740px;
     height: 520px;
     border: 15px solid #efc23c;
     position: absolute;
     top: 30px;
     left: 30px;
 }
 
 .navigator {
     position: absolute;
     left: 20px;
     bottom: 15px;
     width: auto;
     height: auto;
     z-index: 9;
 }
 
 .navigator p {
     margin: 0;
     color: #efc23c;
     font-size: 36px;
     font-weight: 700;
 }
 
 .navigator p span {
     color: #464646;
     font-size: 15px;
     font-weight: 700;
 }
 
 .links > ul > li {
     display: inline-block;
     float: left;
 }
 
 .links > ul {
     margin: 0 4px 0 0;
     padding: 0;
 }
 
 .links {
     bottom: 0;
     position: absolute;
     right: -2px;
     z-index: 9;
 }
 
 .links > ul > li > a {
     background-color: #332e33;
     display: block;
     float: left;
     height: 55px;
     margin: 0;
     text-align: center;
     -webkit-transition-duration: 1000ms;
     transition-duration: 1000ms;
     width: 55px;
     margin: 1px;
 }
 
 .links > ul > li:first-child > a,
 .links > ul > li:nth-child(2) > a {
     margin-right: 0;
 }
 
 .links > ul > li:last-child > a {
     margin-right: 0;
 }
 
 .links > ul > li > a:hover {
     background-color: #efc23c;
 }
 
 .links > ul > li > a > i {
     color: #fff;
     font-size: 20px;
     line-height: 55px;
 }
 
 .single_works_title {
     left: 32%;
     position: absolute;
     top: 30%;
     z-index: 9;
 }
 
 .single_works_title > h4 {
     font-weight: 700;
     color: #332e33;
     letter-spacing: 3px;
     text-transform: uppercase;
 }
 
 .single_works_content {
     left: 32%;
     position: absolute;
     top: 37%;
 }
 
 .single_works_content > p {
     font-size: 14px;
     color: #464646;
     margin: 0;
     line-height: 30px;
 }
 
 .works_section_title .section_title {
     border: 3px solid #ebebeb;
     display: inline-block;
     float: right;
     height: 100px;
     left: -220px;
     padding: 15px;
     position: absolute;
     top: 239px;
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
     width: 520px;
     z-index: 4;
     padding-left: 30px;
 }
 
 .works_section_title .section_title .line {
     background: #ebebeb none repeat scroll 0 0;
 }
 
 .works_section_title .section_title .shadow_text h2 {
     color: #efefef;
     left: 15px;
     margin-top: -32px;
     letter-spacing: 19px;
 }
 
 .works_section_title .section_title h2 {
     line-height: 65px;
     letter-spacing: 10px;
 }
 /* ======================
 :: 11.0 service area css
 ====================== */
 
 .service_area .single_service_area {
     width: 33.333333%;
     float: left;
     display: inline-block;
     padding: 80px 60px 80px 70px;
     position: relative;
     z-index: 1;
     -webkit-transition-duration: 1000ms;
     transition-duration: 1000ms;
 }
 
 .border_bottom {
     background: #efc23c none repeat scroll 0 0;
     bottom: 0;
     height: 10px;
     left: 0;
     position: absolute;
     -webkit-transform: scale(0, 1);
     transform: scale(0, 1);
     width: 100%;
     -webkit-transform-origin: center;
     transform-origin: center;
     -webkit-transition-duration: 500ms;
     transition-duration: 500ms;
 }
 
 .single_service_area:hover .border_bottom {
     -webkit-transform: scale(1);
     transform: scale(1);
 }
 
 .service_area .single_service_area:after {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background-color: rgba(51, 46, 51, 0.8);
     content: '';
     z-index: -1;
     position: absolute;
 }
 
 .service_area .single_service_area:first-child {
     background-image: url(images/service/service-1.jpg);
     background-position: center center;
     background-size: cover;
 }
 
 .service_area .single_service_area:nth-child(2) {
     background-image: url(images/service/service-2.jpg);
     background-position: center center;
     background-size: cover;
 }
 
 .service_area .single_service_area:last-child {
     background-image: url(images/service/service-3.jpg);
     background-position: center center;
     background-size: cover;
 }
 
 .single_service_area .single_service_text h3 {
     font-weight: 700;
     letter-spacing: 1px;
     font-size: 18px;
     color: #fff;
     text-transform: uppercase;
 }
 
 .single_service_area .single_service_text p {
     color: #fff;
     letter-spacing: 1px;
     text-align: justify;
 }
 
 .single_service_button > a {
     border: 2px solid #5c585c;
     display: block;
     height: 45px;
     line-height: 40px;
     text-align: center;
     width: 160px;
     letter-spacing: 2px;
     font-weight: 400;
     color: #fff;
     font-size: 12px;
     -webkit-transition-duration: 1000ms;
     transition-duration: 1000ms;
 }
 
 .single_service_button a:hover {
     border: 2px solid transparent;
     background-color: #efc23c;
     color: #332e33;
 }
 
 .single_service_button {
     margin-top: 40px;
 }
 /* ======================
 :: 12.0 team member area css
 ====================== */
 
 .team_member_area .tab-content .single_team_member_tab {
     border: 10px solid #efc23c;
     width: calc(100% - 50px);
     height: 625px;
     margin-left: 50px;
     position: relative;
     z-index: 1;
 }
 
 .single_team_member_tab .single_team_member_thumb {
     height: auto;
     left: -50px;
     position: absolute;
     top: 50px;
     width: 360px;
     z-index: 9;
 }
 
 .single_team_member_tab .single_team_member_info {
     position: absolute;
     right: 80px;
     bottom: 30px;
     text-align: right;
     z-index: 9;
 }
 
 .single_team_member_tab .single_team_member_info > h5 {
     color: #332e33;
     font-size: 15px;
     font-weight: 700;
     letter-spacing: 1px;
     text-transform: uppercase;
     margin-bottom: 5px;
 }
 
 .single_team_member_tab .single_team_member_info > p {
     color: #666666;
     font-size: 13px;
     font-weight: 400;
     letter-spacing: 1px;
     margin-bottom: 0;
 }
 
 .single_team_member_tab .single_team_member_social_links {
     position: absolute;
     right: 15px;
     top: 40%;
     z-index: 9;
 }
 
 .single_team_member_social_links > ul {
     margin: 0;
     padding: 0;
 }
 
 .single_team_member_social_links > ul > li {
     background-color: transparent;
     border: 1px solid #efc23c;
     height: 45px;
     margin-bottom: 25px;
     text-align: center;
     -webkit-transform: rotate(45deg);
     transform: rotate(45deg);
     width: 45px;
 }
 
 .single_team_member_social_links ul li > a {
     background-color: transparent;
     display: block;
     height: 39px;
     margin: 2px;
     text-align: center;
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
     -webkit-transition-duration: 1000ms;
     transition-duration: 1000ms;
     width: 39px;
 }
 
 .single_team_member_social_links ul li > a:hover {
     background-color: #efc23c;
 }
 
 .single_team_member_social_links ul li > a:hover i {
     color: #fff;
 }
 
 .single_team_member_social_links > ul > li > a > i {
     color: #efc23c;
     font-size: 20px;
     line-height: 38px;
     text-align: center;
     -webkit-transform: rotate(-45deg);
     transform: rotate(-45deg);
     -webkit-transition-duration: 1000ms;
     transition-duration: 1000ms;
 }
 
 .single_team_image_tab ul.nav li.active {
     border: 2px solid #f7e09d;
     height: 288px;
     width: 225px !important;
 }
 
 .single_team_image_tab ul.nav li {
     display: inline-block;
     float: left;
     width: 225px !important;
     height: 288px;
 }
 
 .single_team_image_tab ul.nav li:first-child {
     margin-right: 25px;
     margin-bottom: 25px;
 }
 
 .single_team_image_tab ul.nav li:nth-child(2) {
     margin-left: 25px;
     margin-bottom: 25px;
 }
 
 .single_team_image_tab ul.nav li:nth-child(3) {
     margin-top: 25px;
     margin-right: 25px;
 }
 
 .single_team_image_tab ul.nav li:last-child {
     margin-top: 25px;
     margin-left: 25px;
 }
 
 .single_team_image_tab ul.nav li a {
     border: medium none !important;
     height: 288px;
     margin: 0;
     padding: 0;
     -webkit-transition-duration: 0s;
     transition-duration: 0s;
     width: 225px !important;
 }
 
 .single_team_image_tab ul.nav li.active a {
     border: 2px solid #efc23c;
     height: 284px;
     padding: 0;
     -webkit-transition-duration: 0s;
     transition-duration: 0s;
     width: 221px !important;
 }
 
 .single_team_image_tab ul.nav li a span img {
     width: 100%!important;
     height: 100%;
 }
 
 .single_team_image_tab ul.nav li.active:after {
     background-color: #efc23c;
     content: "";
     height: 5px;
     left: -12%;
     position: absolute;
     top: 72px;
     width: 70px;
     z-index: 9;
 }
 
 .team_section_title .section_title {
     border: 3px solid #ebebeb;
     display: inline-block;
     float: right;
     height: 100px;
     left: -295px;
     padding: 15px;
     position: absolute;
     top: 262px;
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
     width: 625px;
     z-index: 4;
     padding-left: 30px;
 }
 
 .team_section_title .section_title .line {
     background: #ebebeb none repeat scroll 0 0;
 }
 
 .team_section_title .section_title .shadow_text h2 {
     color: #efefef;
     letter-spacing: 45px;
     margin-top: -32px;
 }
 
 .team_section_title .section_title h2 {
     line-height: 65px;
     letter-spacing: 6px;
 }
 /* ========================
  :: 13.0 Blog area css
 ======================== */
 
 .blog_area {
     background-image: url(images/others/blog-img.jpg);
     background-size: cover;
     background-attachment: fixed;
     background-position: center center;
     position: relative;
     z-index: 1;
 }
 
 .blog_area:before {
     background-color: rgba(51, 46, 51, 0.9);
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     content: "";
     z-index: -1;
 }
 
 dl {
     width: 100%;
     margin: 0;
 }
 
 dd {
     margin: 0;
     padding: 0;
 }
 
 dt {
     font-size: 16px;
     line-height: 30px;
     font-weight: 700;
     background: none;
     border-top: none;
     border-bottom: none;
     cursor: pointer;
 }
 
 dt:first-child {
     border-top: 0px solid;
 }
 
 dt:nth-last-child(2) {
     border-bottom: 0px solid;
 }
 
 .blog_area .accordion dt .blog_title p.title {
     color: #fff;
     font-weight: 700;
     margin: 0;
     padding: 0;
     font-size: 18px;
     letter-spacing: 1px;
     font-family: "Poppins", sans-serif;
 }
 
 .blog_area .accordion dt .blog_title p {
     color: #fff;
     margin: 0;
     font-weight: 400;
     font-size: 12px;
 }
 
 .blog_area .accordion dd > p {
     color: #fff;
     font-size: 14px;
     line-height: 21px;
     margin: 0;
     letter-spacing: 1px;
 }
 
 .blog_title {
     background-color: rgba(51, 46, 51, 0.85);
     padding: 25px 35px;
     margin-bottom: 20px;
 }
 
 dl.accordion dt.active .blog_title p.title {
     color: #efc23c;
 }
 
 dl.accordion dd {
     background-color: rgba(51, 46, 51, 0.85);
     padding: 15px 35px 25px 35px;
     margin-bottom: 20px;
     position: relative;
     z-index: 1;
 }
 
 .accordion dd:before {
     content: "";
     width: 60px;
     height: 4px;
     background-color: #5c585c;
     position: absolute;
     top: 0;
     left: 35px;
 }
 
 dl.accordion dt.active .blog_title {
     margin-bottom: 0;
     padding: 25px 35px 15px 35px;
 }
 
 .blog_section_title .section_title {
     border: 3px solid rgba(232, 232, 232, 0.15);
     display: inline-block;
     float: right;
     height: 100px;
     left: -130px;
     padding: 15px 15px 15px 45px;
     position: absolute;
     top: 195px;
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
     width: 490px;
     z-index: 5;
 }
 
 .blog_section_title .section_title .line {
     background: rgba(235, 235, 235, 0.1) none repeat scroll 0 0;
     right: 20px;
     width: 112px;
 }
 
 .blog_section_title .section_title .shadow_text h2 {
     letter-spacing: 57px;
     margin-top: -32px;
     left: 30px;
 }
 
 .blog_section_title .section_title h2 {
     letter-spacing: 12px;
     line-height: 65px;
 }
 
 .blog-img {
     border: 1px solid #f6f6f6;
     padding: 5px;
 }
 
 .singl-blog-top-bg-area p {
     color: #3498db;
     padding: 40px 0;
     font-weight: 500;
     font-size: 18px;
 }
 
 .singl-blog-top-bg-area p a {
     color: #3498db;
 }
 
 #blog-carousel {
     padding: 5px;
     border: 1px solid #ededed;
     margin: 100px 0;
 }
 
 .singl-blog-title h3 {
     color: #efc23c;
     font-weight: 700;
     padding: 40px 0 25px;
     letter-spacing: 1px;
 }
 
 .singl-blog-status-bar {
     background: #f6f6f6 none repeat scroll 0 0;
     border-left: 10px solid #efc23c;
     margin-bottom: 30px;
     position: relative;
 }
 
 .singl-blog-status-bar span {
     display: inline-block;
     padding: 20px;
     font-size: 14px;
 }
 
 .singl-blog-status-bar span i {
     color: #efc23c;
     font-size: 16px;
     margin-right: 10px;
 }
 
 .singl-blog-status-bar span > a {
     color: #888;
 }
 
 .singl-blog-details p {
     color: #fff;
     font-size: 14px;
     margin: 0;
     padding-bottom: 25px;
     letter-spacing: .5px;
 }
 
 .share-links {
     padding: 15px 0;
 }
 
 .tag-share {
     overflow: hidden;
 }
 
 .blog-tag span {
     color: #fff;
     font-size: 14px;
     padding: 0 10px;
 }
 
 .blog-tag button {
     background: #efc23c;
     border: medium none transparent;
     border-radius: 30px;
     color: #fff;
     font-size: 14px;
     font-weight: 600;
     line-height: 20px;
     margin: 0 4px;
     padding: 0 20px;
 }
 
 .blog-tag {
     padding: 9px 0;
 }
 
 .blog-share button {
     margin: 0 5px;
 }
 
 .blog-share button.like {
     background: transparent none repeat scroll 0 0;
     border: 1px solid #ccc;
     border-radius: 25px;
     color: #efc23c;
     font-size: 10px;
     padding: 10px 0;
 }
 
 .blog-share button.like i {
     color: #3498db;
     font-size: 14px;
     margin: 0 20px;
 }
 
 .blog-share button.like span {
     background: #fff none repeat scroll 0 0;
     font-size: 10px;
     margin: 0 20px;
 }
 
 .social-links {
     display: inline-block;
     padding-left: 14px;
     margin: 0;
 }
 
 .social-links li {
     display: inline-block;
     list-style: none;
 }
 
 .social-links li > a {
     display: block;
 }
 
 .social-links a:hover {
     -webkit-transform: scale(1.1);
     transform: scale(1.1);
 }
 
 .social-links li > a > i {
     background-color: #efc23c;
     box-shadow: 3px 3px 7px -5px rgba(0, 0, 0, 0.6);
     color: #fff;
     height: 30px;
     line-height: 30px;
     margin-right: 5px;
     text-align: center;
     width: 30px;
     border-radius: 50%;
 }
 
 .share-promt {
     color: #fff;
     font-size: 14px;
     line-height: 16px;
 }
 /* *************************
    :: 14.0 Sidebar Area CSS
 ************************* */
 
 ul {
     padding: 0;
 }
 
 .event_sidebar {
     background-color: rgba(51, 46, 51, 0.85);
     padding: 15px 30px;
 }
 
 .event_location,
 .latest_post,
 .catagory_section,
 .achive_section {
     margin-bottom: 30px;
 }
 
 .search_post > h4,
 .event_location > h4,
 .latest_post > h4,
 .catagory_section > h4,
 .tag_section > h4,
 .achive_section > h4 {
     color: #fff;
 }
 
 .achive_section ul li > a,
 .catagory_section ul li > a {
     border-bottom: 1px dashed #dadada;
     color: #fff;
     display: block;
     padding: 5px 0 5px 10px;
     letter-spacing: 1px;
 }
 
 .achive_section ul li > a:hover,
 .catagory_section ul li > a:hover {
     border-bottom: 1px dashed transparent;
     color: #e67e22;
     padding: 5px 0 5px 15px;
 }
 
 .achive_section ul li > a > i,
 .catagory_section ul li > a > i {
     padding-right: 10px;
 }
 
 .latest_post .single_latest_post {
     border-bottom: 1px dashed #dadada;
     position: relative;
     z-index: 1;
     padding-left: 100px;
     padding-top: 10px;
     padding-bottom: 10px;
 }
 
 .latest_post .single_latest_post > a > h5 {
     margin: 0;
     color: #fff;
     -webkit-transition-duration: 500ms;
     transition-duration: 500ms;
 }
 
 .latest_post .single_latest_post > a > h5:hover {
     color: #e67e22;
 }
 
 .latest_post .single_latest_post > p {
     margin: 0;
     color: #fff;
 }
 
 .latest_post .single_latest_post > img {
     left: 0;
     position: absolute;
     top: 15px;
     width: 90px;
     height: auto;
     z-index: 9;
 }
 
 .tag_section ul > li {
     display: inline-block;
     margin: 2px;
 }
 
 .tag_section ul > li > a {
     color: #fff;
     display: inline-block;
     padding: 5px 10px;
     width: auto;
     border: 2px solid #ddd;
 }
 
 .tag_section ul > li > a:hover {
     background-color: #e67e22;
     border: 2px solid transparent;
     color: #fff;
 }
 
 .search_post > form input {
     border: 1px solid #dadada;
     height: 40px;
     margin-bottom: 30px;
     padding: 5px 15px;
     width: 100%;
     -webkit-transition-duration: 500ms;
     transition-duration: 500ms;
 }
 
 .search_post > form input:focus {
     box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.1);
 }
 /* ========================
  :: 15.0 Purchase area css
 ======================== */
 
 .purchase_area {
     background-image: url(images/purchase/purchase-bg.jpg);
     background-size: cover;
     background-position: center center;
     position: relative;
     z-index: 1;
     width: 100%;
     height: 700px;
 }
 
 .purchase_area:before {
     background-color: rgba(255, 255, 255, 0.82);
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     content: '';
     z-index: -1;
 }
 
 .purchase_area .purchase_image {
     background-color: #efc23c;
     height: 500px;
     margin-top: -250px;
     position: absolute;
     right: 4%;
     top: 50%;
     width: 500px;
     z-index: -5;
 }
 
 .purchase_area .purchase_image img {
     height: 500px;
     left: 30px;
     position: absolute;
     top: -30px;
     width: 500px;
     z-index: 9;
 }
 
 .purchase_text h2 {
     font-weight: 700;
     letter-spacing: 4px;
     text-transform: uppercase;
     color: #252525;
 }
 
 .purchase_text p {
     letter-spacing: 1px;
     color: #332e33;
     font-size: 14px;
 }
 
 .purchase_text .purchase_see_more_button .purchase > a,
 .purchase_text .purchase_see_more_button .see_more > a {
     width: 205px;
 }
 
 .shadow_line {
     background-color: #efc23c;
     height: 8px;
     left: 0;
     position: absolute;
     top: 13px;
     width: 26%;
     z-index: -9;
 }
 
 .shadow_line:after {
     background-color: #efc23c;
     content: "";
     height: 100%;
     left: -3000px;
     position: absolute;
     top: 0;
     width: 3000px;
     z-index: -5;
 }
 /* ====================
  :: 16.0 contact area css
 ==================== */
 
 .contact_area {
     background-image: url("images/others/contact-bg.jpg");
     background-position: center center;
     background-size: cover;
     position: relative;
     z-index: 1;
     float: left;
     width: 50%;
     height: 680px!important;
 }
 
 .contact_area:after {
     background-color: rgba(51, 46, 51, 0.92);
     content: '';
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     position: absolute;
     z-index: -5;
 }
 
 .contact_title {
     margin-left: 120px;
     text-align: center;
 }
 
 .contact_from {
     margin-left: 120px;
     margin-right: 15px;
 }
 
 .contact_area .section_title {
     border: 3px solid rgba(232, 232, 232, 0.1);
     display: inline-block;
     height: 95px;
     left: -100px;
     margin-top: -54px;
     padding: 15px 15px 15px 30px;
     position: absolute;
     top: 50%;
     -webkit-transform: rotate(-90deg);
     transform: rotate(-90deg);
     width: 316px;
     z-index: 4;
 }
 
 .contact_area .shadow_text h2 {
     color: rgba(232, 232, 232, 0.04);
     font-size: 40px;
     height: 100%;
     left: 12px;
     letter-spacing: 6px;
     margin-top: -30px;
 }
 
 .contact_area .section_title h2 {
     line-height: 60px;
 }
 
 .contact_title h3 {
     color: #fff;
     font-size: 22px;
     letter-spacing: 3px;
     margin-bottom: 50px;
     text-transform: uppercase;
 }
 
 .contact_from .form-group input,
 .contact_from .form-group textarea {
     background-color: transparent;
     border: 1px solid #efc23c;
     height: 52px;
     margin-bottom: 30px;
     width: 100%;
     padding: 0 25px;
     color: #fff;
     font-size: 13px;
 }
 
 .contact_from .form-group textarea {
     height: 150px;
     padding: 25px;
 }
 
 .contact_from button {
     background-color: transparent;
     border: 1px solid #efc23c;
     color: #fff;
     display: block;
     font-size: 13px;
     height: 55px;
     margin: auto;
     letter-spacing: 2px;
     -webkit-transition-duration: 1000ms;
     transition-duration: 1000ms;
     width: 205px;
 }
 
 .contact_from button:hover {
     background-color: #efc23c;
     border: 2px solid transparent;
     color: #332e33;
 }
 
 .map_area {
     float: right;
     width: 50%;
     height: 680px !important;
     position: relative;
     z-index: 9;
 }
 /* ======================
  :: 17.0 Global area css
 ====================== */
 
 .global_partner {
     background-image: url("images/clients-logo/clients-bg.jpg");
     background-position: center center;
     background-size: cover;
     position: relative;
     z-index: 1;
     background-attachment: fixed;
 }
 
 .global_partner:after {
     background-color: rgba(47, 43, 47, 0.95);
     content: "";
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
     z-index: -9;
 }
 
 .partner_logo {
     text-align: center;
 }
 
 .single_partner_logo {
     display: inline-block;
 }
 
 .partner_logo .single_partner_logo:first-child,
 .partner_logo .single_partner_logo:nth-child(4) {
     margin-right: 80px;
 }
 
 .partner_logo .single_partner_logo:nth-child(2),
 .partner_logo .single_partner_logo:nth-child(3) {
     margin-right: 100px;
 }
 /* ========================
 :: 18.0 footer css
 ======================== */
 
 footer {
     background-color: #2b272b;
     text-align: center;
     padding: 40px 0;
     border-bottom: 5px solid #efc23c;
 }
 
 .footer_logo img {
     padding-bottom: 30px;
 }
 
 .copywrite_text {
     padding-top: 30px;
 }
 
 .copywrite_text p {
     margin: 0;
     color: #fff;
     font-size: 14px;
     letter-spacing: 1px;
 }
 
 .social_links > a {
     border: 1px solid #fff;
     color: #fff;
     display: inline-block;
     font-size: 19px;
     height: 45px;
     margin-right: 10px;
     -webkit-transition-duration: 1000ms;
     transition-duration: 1000ms;
     width: 45px;
 }
 
 .social_links > a > i {
     padding: 5px;
     width: 35px;
     height: 35px;
     line-height: 25px;
     margin-top: 4px;
     -webkit-transition-duration: 1000ms;
     transition-duration: 1000ms;
 }
 
 .social_links > a:hover {
     border: 1px solid #efc23c;
     color: #252525;
 }
 
 .social_links > a:hover i {
     background-color: #efc23c;
 }