@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:500,700');

@font-face {
    font-family: 'montserratlight';
    src: url('fonts/montserrat-light.eot');
    src: url('fonts/montserrat-lightd41d.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-light.html') 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;
}

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;
    letter-spacing: 0.5px;
}

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;
}


.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: 9999999;
}

#scrollUp {
    bottom: 0;
    right: 20px;
    padding: 10px 15px;
    background-color: #f0c546;
    color: #34302f;
    font-size: 20px;
    border-radius: 3px 3px 0 0;
}


.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;
    width: 25%;
    top: 0;
    -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);
    border-radius: 3px;
}

.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;
    -webkit-transition-duration: 700ms;
    transition-duration: 700ms;
    width: 120px;
    height: 50px;
    text-align: center;
    line-height: 50px;
}

nav ul > li > ul > li > a:hover {
    width: 120px;
    height: 50px;
}

nav ul li:hover ul {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.logo_area {
    background-color: #332e33;
    height: 120px;
    left: -50px;
    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: 100%;
}

.welcome_text_area {
    background-image: url(images/others/gillani-services-hero-background.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 a {
    color: #464646;
}

.welcome_text .design_develop_branding p:hover {
    color: #f0c546;
    cursor: pointer;
}

.welcome_text .design_develop_branding p a {
    color: #464646;
}

.welcome_text .design_develop_branding p a: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;
}

.contact_us_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;
}

.contact_us_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;
}

.contact_us_button .purchase > a:hover,
.contact_us_button .purchase > a:focus,
.contact_us_button .purchase > a:active {
    color: #342f31;
}

.contact_us_button .purchase > a:hover:before,
.contact_us_button .purchase > a:focus:before,
.contact_us_button .purchase > a:active:before {
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

.contact_us_button {
    margin-top: 30px;
}

.contact_us_button .purchase > a,
.contact_us_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;
}

.contact_us_button .purchase > a:hover {
    border: 2px solid transparent;
}

.contact_us_button .see_more > a {
    border: 2px solid transparent;
    background-color: #efc23c;
}

.contact_us_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 .contact_us_button {
    margin: 0 auto;
}

.welcome_text.home2 .purchase,
.welcome_text.home2 .see_more {
    display: inline-block;
}

.welcome_text.home2 .contact_us_button .purchase > a,
.welcome_text.home2 .contact_us_button .see_more > a {
    display: inline-block;
    float: none;
    margin-right: 30px;
}

.welcome_text.home2 .contact_us_button .see_more > a {
    margin-right: 0;
}

/* ======================
  :: 7.0 About Us CSS
====================== */

.about_us_area {
    background-image: url("images/others/redcubez-toronto-skyline.png");
    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-size: 18px;
    letter-spacing: 2px;
    margin-bottom: 15px;
    font-weight: 500;
}

.single_feature_text > p {
    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: 500;
    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;
}

.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;
    height: 118px;
    padding: 0;
    width: 118px;
    margin: 0;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

.works_area_nav ul.nav li.active a {
    border: medium none;
    height: 114px;
    padding: 0;
    width: 114px;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
}

.works_area_nav ul.nav li a span.works_single_tab img {
    width: 100%;
    height: 100%;
}

.nav-tabs {
    border-bottom: none;
    margin-top: 80px;
}

.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: 24%;
    position: absolute;
    top: 18%;
    z-index: 9;
}

.single_works_title > h4 {
    color: #332e33;
    font-weight: 500;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.single_works_content {
    left: 24%;
    right: 5%;
    position: absolute;
    top: 25%;
}

div.single_works_content ul li {
    margin-left: 20px;
    list-style-type: disc;
}

.single_works_content > p {
    color: #464646;
    margin: 0;
}

.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;
}

.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;
    min-height: 450px;
}

.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/missionVisionValues/mission.png);
    background-position: center center;
    background-size: cover;
}

.service_area .single_service_area:nth-child(2) {
    background-image: url(images/missionVisionValues/vision.png);
    background-position: center center;
    background-size: cover;
}

.service_area .single_service_area:last-child {
    background-image: url(images/missionVisionValues/values.png);
    background-position: center center;
    background-size: cover;
}

.single_service_area .single_service_text h3 {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
}

.single_service_area .single_service_text p {
    color: #fff;
}

.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: left;
    z-index: 9;
    margin-left: 10%;
}

.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;
}

.single_team_image_tab ul.nav li {
    display: inline-block;
    float: left;
    width: 225px;
    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;
    height: 288px;
    margin: 0;
    padding: 0;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
    width: 225px;
}

.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;
}

.single_team_image_tab ul.nav li a span img {
    width: 100%;
    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: 10px;
}

.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;
}

dl.accordion dd ul li {
    color: #fff;
    margin-left: 30px;
    list-style-type: disc;
}

.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;
    border-radius: 3px;
}

.blog-img > img {
    border-radius: 3px;
}

.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;
}

.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 0;
}

.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 .contact_us_button .purchase > a,
.purchase_text .contact_us_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;
}

.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;
}

.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;
}

.contactUsContainer {
    padding-top: 60px;
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    text-align: center;
    color: whitesmoke

}

.contactUsItem {
    display: block;
    margin: 10px;
}

.contactUsItem div a, .contactUsItem address a {
    color: whitesmoke;
    font-family: 'Poppins', sans-serif;
}

.contactUsItem div a:hover, .contactUsItem address a:hover {
    color: #efc23c;
    font-family: 'Poppins', sans-serif;
}

.contactUsItem div h3 {
    color: #efc23c;
}

.contactUsItem address.fa-map-marker,
.contactUsItem div.fa-phone,
.contactUsItem div.fa-envelope-o {
    color: #efc23c;
}

/* ======================
 :: 17.0 Global area css
====================== */

.global_partner {
    background-image: url("images/clients-logo/clients-bg.html");
    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;
}