@charset "utf-8";
/* CSS Document */

/*------------------------------------------
Project Name : Abeera - HTML Responsive Multi-Purpose Template
Desgined By  : blog_designer
Developed By : Asif Munawar;
Date         : 28/feb/19;
	
Table Of Index
------------------
    base
    Main Header style
    quote-modal
    login-modal
    registration-modal
    Language Dropdown
    Search Box Outer
    Header Lower
    Main Menu
    Sticky Header	
    Main Slider Banner
    Headings
    Team sections
    Services section
    innerWrap
    Welcome Section
    Fact Counter
    Services Block Two
    Call To Action Section
    project Section
    Call To Action Section
    blog_section
    whychoose-wrap
    Team Section
    Team Block
    Testimonial Section
    map_location Section
    Testimonial Block
    Default Section
    News Block
    Quote Form
    Custom Select
    Sponsors Section
    Main Footer
    News Widget Block
    Footer Bottom
    Services Section Two
    Services Section Three
    services Section one
    choice Section
    Services Section Three
    Project Section two
    Project Block Two
    Faq Section
    Accordion Style
    Testimonial Section Three
    Testimonial Block Two
    Newsletter Section
    Subscribe Form
    Footer Style Two
     Service List
    Footer Bottom
    Project Section Three
    Services Block Five
    Newsletter Section
    Project Section Four
    Counter Section
    Price Block
    Testimonial Style1 Section
    pricing Style1 Section
    Note Style1 Section
    Accordion Section
    Timeline Style Section
    Timeline Style Section
    Side Bar
    Archive
    Photo Bar
    Tags
    shop_page
    checkout-page
    Shop Order Box
    Shop cart 
    Responsive Media
    Contact Form Section
    Default Form
    Page title
    Comming Soon Section
    Service Single
    Projects Page Section
    Projects Single Section
    Video Box
    product_summary
    innerWrap
    serviceSingle
    videoWrp
    particles-js
    Home paralell 
    Author Box

    ------------------------------------------*/

/*********************************************************
						  base
                          **********************************************************/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800');
@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('font-awesome.css');
@import url('animate.css');
@import url('flaticon.css');

* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
}

body {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    color: #777777;
    line-height: 1.7em;
    font-weight: 400;
    background: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
}

.bordered-layout .page-wrapper {
    padding: 0px 50px 0px;
}

a {
    text-decoration: none;
    cursor: pointer;
    color: #fff;
}

button,
a:hover,
a:focus,
a:visited {
    text-decoration: none;
    outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    position: relative;
    font-weight: normal;
    margin: 0px;
    background: none;
    line-height: 1.6em;
    font-family: 'Poppins', sans-serif;
}

input,
button,
select,
textarea {}

textarea {
    overflow: hidden;
}

p {
    position: relative;
    line-height: 1.8em;
}

.auto-container {
    position: static;
    max-width: 1200px;
    padding: 0px 15px;
    margin: 0 auto;
}

.medium-container {
    max-width: 850px;
}

.page-wrapper {
    position: relative;
    margin: 0 auto;
    width: 100%;
    min-width: 300px;
}

ul,
li {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

img {
    display: inline-block;
    max-width: 100%;
}

.theme-btn {
    cursor: pointer;
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.centered {
    text-align: center;
}

.white_color {
    color: #fff !important
}

.carousel-indicators li {
    background: #000;
}

.carousel-indicators .active {
    background: #000;
}

.pt-150 {
    padding-top: 150px !important;
}

.bg_second_cl {
    background-color: #f5f5f5;
}

/**=======================List Style One=======================**/
.list-style-one {
    position: relative;
}

.list-style-one li {
    position: relative;
    color: #bbbbbb;
    font-size: 16px;
    padding-left: 55px;
    font-weight: 400;
    margin-bottom: 25px;
    line-height: 1.8em;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.list-style-one li .icon {
    position: absolute;
    left: 0px;
    top: 6px;
    font-size: 36px;
    color: #6258a5;
    line-height: 1em;
}

.list-style-one li:last-child {
    margin-bottom: 0px;
}

.list-style-one.alternate li {
    color: #ffffff;
}

/**=======================List Style Two=======================**/
.list-style-two {
    position: relative;
}

.list-style-two li {
    position: relative;
    color: #222222;
    font-size: 16px;
    padding-left: 70px;
    font-weight: 700;
    padding-top: 14px;
    margin-bottom: 40px;
}

.list-style-two li .icon {
    position: absolute;
    left: 0px;
    top: 0px;
    color: #ffb200;
    font-size: 46px;
    line-height: 1em;
    font-weight: 300;
}

/**=======================List Style Three=======================**/

.list-style-three {
    position: relative;
}

.list-style-three li {
    position: relative;
    color: #bbbbbb;
    font-size: 16px;
    padding-left: 55px;
    font-weight: 400;
    margin-bottom: 25px;
    line-height: 1.8em;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.modal-header{
    padding: 5px 8px !important;
}

.list-style-three li .icon {
    position: absolute;
    left: 0px;
    top: 6px;
    font-size: 24px;
    color: #6258a5;
    line-height: 1em;
}

.list-style-three li:nth-child(2) .icon {
    font-size: 20px;
}

.list-style-three li:last-child {
    margin-bottom: 0px;
}

/**=======================Btn Style One=======================**/
.btn-style-one {
    position: relative;
    padding: 8px 20px 5px;
    line-height: 23px;
    background: #ffffff;
    color: #222222;
    font-size: 14px;
    font-weight: 600;
    border-radius: 6px;
    border: 2px solid #ffffff;
    text-transform: capitalize;
    font-family: 'Josefin Sans', sans-serif;
}

.btn-style-one:hover {
    background: #222222;
    border-color: #222222;
    color: #ffffff;
}

.btn-style-two {
    position: relative;
    padding: 8px 20px 5px;
    margin-top: 4px;
    line-height: 23px;
    background: #6258a5;
    color: #fff !important;
    font-size: 14px;
    font-weight: 600;
    border-radius: 6px;
    border: 2px solid #6258a5;
    text-transform: capitalize;
    font-family: 'Josefin Sans', sans-serif
}

.btn-style-two:hover {
    background: none;
    color: #6258a5;
}

.btn-style-three {
    position: relative;
    padding: 12px 40px 12px;
    line-height: 25px;
    background: #222222;
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    border-radius: 6px;
    border: 2px solid #222222;
    text-transform: capitalize;
    font-family: 'Josefin Sans', sans-serif;
}

.btn-style-three:hover {
    background: #6258a5;
    color: #ffffff;
    border-color: #6258a5;
}

.btn-style-four {
    position: relative;
    padding: 12px 22px 10px;
    line-height: 20px;
    background: #6258a5;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    border-radius: 3px;
    letter-spacing: 1px;
    border: 2px solid #6258a5;
    text-transform: capitalize;
    font-family: 'Josefin Sans', sans-serif;
}

.btn-style-four:hover {
    background: #222222;
    color: #ffffff;
    border-color: #222222;
}

.btn-style-five {
    position: relative;
    padding: 22px 40px 22px;
    line-height: 26px;
    background: #6258a5;
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1px;
    border: 2px solid #6258a5;
    text-transform: capitalize;
    font-family: 'Josefin Sans', sans-serif;
}

.btn-style-five:hover {
    background: #222222;
    color: #ffffff;
    border-color: #222222
}

/**=======================Social Icon One=======================**/
.social-icon-one {
    position: relative;
}

.social-icon-one li {
    position: relative;
    margin-right: 2px;
    margin-bottom: 10px;
    display: inline-block;
}

.social-icon-one li a {
    position: relative;
    width: 38px;
    height: 38px;
    font-size: 16px;
    color: #ffffff;
    line-height: 38px;
    text-align: center;
    display: inline-block;
    background-color: #222222;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.social-icon-one li a:hover {
    background-color: #6258a5;
}

.theme_color {
    color: #6258a5;
}

/**=======================preloader=======================*
.site-preloader{background-color:#6258a5; height:100%; left:0; position:fixed; top:0; width:100%; z-index:9999999;}
.site-preloader .spinner{width:60px; height:60px; margin:21.5% auto; background-color:#fff; border-radius:100%; -webkit-animation:sk-scaleout 1.0s infinite ease-in-out; animation:sk-scaleout 1.0s infinite ease-in-out;}
*/
/**=======================Scroll To Top style=======================**/
.scroll-to-top {
    position: fixed;
    bottom: 15px;
    right: 15px;
    border-radius: 15px;
    width: 50px;
    height: 50px;
    color: #ffffff;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 50px;
    text-align: center;
    z-index: 100;
    cursor: pointer;
    background: #0a0a0a;
    display: none;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.scroll-to-top:hover {
    color: #ffffff;
    background: #6258a5;
}

/**=======================draw_effect style=======================**/
.draw_effect {
    background: none;
    border: 0;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 2px #f6f6f6;
    font-size: inherit;
    position: relative;
    vertical-align: middle;
    -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
    transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}

.draw_effect>div {
    position: relative;
    z-index: 1;
}

.draw_effect:before,
.draw_effect:after {
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
}

.draw_effect {
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}

.draw_effect:before,
.draw_effect:after {
    border: 2px solid transparent;
    width: 0;
    height: 0;
}

.draw_effect:before {
    top: 0;
    left: 0;
}

.draw_effect:after {
    bottom: 0;
    right: 0;
}

.draw_effect:hover:before,
.draw_effect:hover:after {
    width: 100%;
    height: 100%;
}

.draw_effect:hover:before {
    -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
    transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}

.draw_effect:hover:after {
    -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
    transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

.draw_effect:hover:after {
    border-bottom-color: #6258a5;
    border-left-color: #6258a5;
}

.draw_effect:hover:before {
    border-top-color: #6258a5;
    border-right-color: #6258a5;
}

/**=======================Section Title=======================**/
.heading_style_right {
    padding: 18px 0 5px 0;
}

.heading_inner_right {
    position: relative;
    display: inline-block;
    margin-bottom: 35px;
    margin-top: 0;
    font-size: 32px;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.heading_inner_right strong {
    background-color: #6258a5;
    color: #fff;
    padding: 0px 10px;
}

.heading_style_right .heading_inner_right:after {
    content: '';
    position: absolute;
    height: 12px;
    width: 12px;
    bottom: -7px;
    left: 0;
    background-color: #6258a5;
    border-radius: 50%;
}

.section-title .text {
    position: relative;
    color: #777777;
    font-size: 16px;
    line-height: 1.8em;
    margin-bottom: 45px;
    text-align: left;
}

.heading_style_center {
    padding: 0px 0 5px 0;
    text-align: center
}

.heading_inner_center {
    position: relative;
    display: inline-block;
    margin-bottom: 35px;
    margin-top: 0;
    font-size: 32px;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.heading_inner_center strong {
    background-color: #6258a5;
    color: #fff;
    padding: 0px 10px;
}

.heading_style_center .heading_inner_center:after {
    content: '';
    position: absolute;
    height: 12px;
    width: 12px;
    bottom: -7px;
    left: 50%;
    background-color: #6258a5;
    border-radius: 50%;
}

.section-title .heading_style_center .text {
    position: relative;
    color: #777777;
    font-size: 16px;
    line-height: 1.8em;
    margin-bottom: 45px;
    text-align: center;
    max-width: 650px;
    padding-bottom: 30px;
    margin: 0 auto;
}

.heading_style_left {
    padding: 18px 0 5px 0;
    text-align: right
}

.heading_inner_left {
    position: relative;
    display: inline-block;
    margin-bottom: 35px;
    margin-top: 0;
    font-size: 32px;
    font-family: 'Poppins', sans-serif;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.heading_inner_left strong {
    background-color: #6258a5;
    color: #fff;
    padding: 0px 10px;
}

.heading_style_left .heading_inner_left:after {
    content: '';
    position: absolute;
    height: 12px;
    width: 12px;
    bottom: -7px;
    right: 0;
    background-color: #6258a5;
    border-radius: 50%;
}

.section-title .heading_style_left .text {
    position: relative;
    color: #777777;
    font-size: 16px;
    line-height: 1.8em;
    margin-bottom: 45px;
    text-align: right;
    max-width: 650px;
    padding-bottom: 30px;
    margin: 0 auto;
    display: inline-block;
}

@-webkit-keyframes shine {
    from {
        -webkit-mask-position: 150%;
    }

    to {
        -webkit-mask-position: -50%;
    }
}

/*********************************************************
					   Main Header style
                       **********************************************************/

.main-header {
    position: relative;
    width: 100%;
}

.header-top {
    position: relative;
    background-color: #000000;
}

.header-top .top-left {
    position: relative;
    padding: 8px 0px;
}

.header-top .top-left ul {
    position: relative;
}

.header-top .top-left ul li {
    position: relative;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
}

.header-top .top-left ul li .fa {
    position: relative;
    margin-right: 8px;
    color: #6258a5;
}

.header-top .top-center {
    position: relative;
    float: none;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    padding: 7px 0px;
    margin-right: 10px;
}

.header-top .top-right {
    position: relative;
    float: right;
}

.header-top .top-right .timing {
    position: relative;
    float: left;
    color: #ffffff;
    font-size: 14px;
    padding: 13px 0px;
    margin-right: 10px;
}

.user-wrap {
    padding-top: 0px;
}

.login-btn {
    float: left;
    width: 80px;
}

.login-btn .btn {
    font-size: 14px;
    color: #d6d6d6;
    text-decoration: none;
    box-shadow: none !important;
    padding: 0px;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none
}

.login-btn .btn:hover,
.login-btn .btn:focus {
    background: none;
    outline: none;
    outline-offset: inherit;
}

.login-btn:before {
    content: "\f023";
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #fff;
}

.register-btn {
    float: left
}

.register-btn .btn {
    font-size: 14px;
    color: #d6d6d6;
    text-decoration: none;
    padding: 0px;
    background-color: transparent !important;
    box-shadow: none !important;
    border-color: transparent !important;
}

.register-btn .btn:hover,
.register-btn .btn:focus {
    background: none;
    outline: none;
    outline-offset: inherit;
}

.register-btn:before {
    content: "\f007";
    font-family: 'FontAwesome';
    font-size: 16px;
    color: #fff;
}

.login-btn .btn .btn-primary:not(:disabled):not(.disabled).active,
.login-btn .btn .btn-primary:not(:disabled):not(.disabled):active,
.login-btn .btn .show>.btn-primary.dropdown-toggle {
    color: #fff !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
}

/**=======================Language Dropdown=======================**/
.main-header .header-top .language {
    position: relative;
    line-height: 1em;
    margin-left: 20px;
    display: inline-block;
}

.main-header .header-top .language .flag-icon {
    margin-right: 8px;
}

.main-header .header-top .language .dropdown-menu {
    top: 100%;
    right: 0px;
    left: auto;
    width: 170px;
    border-radius: 0px;
    margin-top: 0px;
    background-color: #222222;
    border: none;
    padding: 0px;
    border-bottom: 3px solid #6258a5;
    border-top: 3px solid #6258a5;
}

.main-header .header-top .language>a {
    color: #6258a5;
    padding: 14px 20px;
    background: #ffffff !important;
    text-transform: capitalize;
    display: inline-block;
    border: 0px;
    top: -1px;
    font-weight: 400;
    font-size: 13px;
    line-height: 1em;
    border-radius: 0px;
}

.main-header .header-top .language>a:after {
    display: none;
}

.main-header .header-top language a:hover {
    background: none;
}

.main-header .header-top .language .dropdown-menu>li {
    padding-right: 0px !important;
    margin: 0px !important;
    float: none;
    display: block !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}

.main-header .header-top .language .dropdown-menu>li:last-child {
    border-bottom: none;
}

.main-header .header-top .language .dropdown-menu>li>a {
    padding: 12px 20px !important;
    color: #ffffff;
    display: block;
    text-align: left;
    font-size: 14px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .header-top .language .dropdown-menu>li>a:hover {
    color: #ffffff !important;
    background-color: #6258a5;
}

/**=======================Header Top Two=======================**/
.header-top-two {
    position: relative;
    background-color: #222222;
}

.header-top-two .top-left {
    position: relative;
    float: left;
}

.header-top-two .top-right {
    position: relative;
    float: right;
}

.header-top-two .top-right .timing {
    position: relative;
    float: left;
    color: #ffffff;
    font-size: 14px;
    padding: 13px 0px;
    margin-right: 10px;
}

/********************************************************* 
				   quote-modal
                   **********************************************************/
.bs-example-modal-md-2 h2 {
    font-size: 16px;
    line-height: 16px;
    padding: 15px;
    color: #fff;
    font-weight: bold;
    margin: 0;
    background: #6258a5;
    text-align: center
}

.bs-example-modal-md-2 .login-form {
    padding: 30px;
    overflow: hidden;
}

.bs-example-modal-md-2 .login-form fieldset {
    overflow: hidden;
}

.bs-example-modal-md-2 .login-form .form-group {
    position: relative;
    float: left;
    width: 100%;
}

.bs-example-modal-md-2 .login-form .form-group i {
    position: absolute;
    top: 8px;
    left: 0;
    width: 38px;
    line-height: 30px;
    color: #272727;
    text-align: center;
    border-right: 1px solid #ebebeb;
}

.bs-example-modal-md-2 .login-form .form-group input[type="email"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #e1e1e1;
    color: #959595;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    line-height: 37px;
    width: 100%;
    height: 47px;
    outline: none;
    padding: 4px 6px;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
}

.bs-example-modal-md-2 .login-form .form-group input[type="text"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #e1e1e1;
    color: #959595;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    line-height: 37px;
    width: 100%;
    height: 47px;
    outline: none;
    padding: 4px 6px;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
}

.bs-example-modal-md-2 .login-form .form-group input[type="password"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #e1e1e1;
    color: #959595;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    line-height: 37px;
    width: 100%;
    height: 47px;
    outline: none;
    padding: 4px 6px;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
}

.bs-example-modal-md-2 .login-form .form-group textarea {
    min-height: 100px;
    max-height: 100px
}

.bs-example-modal-md-2 .login-form .form-group label {
    float: left;
}

.bs-example-modal-md-2 .login-form .form-group label input[type="checkbox"],
form .form-group label em {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-style: normal;
    line-height: 16px;
}

.bs-example-modal-md-2 .login-form .forgetpassword {
    float: right;
    color: #272727;
}

.bs-example-modal-md-2 .login-form .form-group .forgetpassword i,
.forgetpassword em {
    display: inline-block;
    vertical-align: middle;
    position: static;
    border: 0;
    padding: 0;
    margin: 0;
    font-style: normal;
}

.bs-example-modal-md-2 .login-form .form-group .forgetpassword i,
.forgetpassword em {
    display: inline-block;
    vertical-align: middle;
    position: static;
    border: 0;
    padding: 0;
    margin: 0;
    font-style: normal;
}

.bs-example-modal-md-2 .tg-theme-btn-lg {
    width: 100%;
}

.bs-example-modal-md-2 .tg-theme-btn {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    line-height: 50px;
    color: #fff;
    background: #272727;
    text-transform: uppercase;
    padding: 0 50px;
}

.bs-example-modal-md-2 p {
    line-height: 50px;
    background: #272727;
    text-align: center;
    color: #fff;
    margin: 0;
}

.bs-example-modal-md-2 p .btn {
    font-size: 14px;
    color: #000;
    text-decoration: none;
    padding: 0px;
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}

.bs-example-modal-md-2 p .btn:focus {
    background: none;
    outline: none;
    outline-offset: inherit;
}

/*********************************************************
					login-modal
                    **********************************************************/
.top_links {
    font-size: 14px;
    text-align: right;
    padding: 10px;
}

.bs-example-modal-md-1 h2 {
    font-size: 16px;
    line-height: 16px;
    padding: 15px;
    color: #fff;
    font-weight: bold;
    margin: 0;
    background: #6258a5;
    text-align: center
}

.bs-example-modal-md-1 .login-form {
    padding: 30px;
    overflow: hidden;
}

.bs-example-modal-md-1 .login-form fieldset {
    overflow: hidden;
}

.bs-example-modal-md-1 .login-form .form-group {
    position: relative;
    float: left;
    width: 100%;
}

.bs-example-modal-md-1 .login-form .form-group i {
    position: absolute;
    top: 8px;
    left: 0;
    width: 38px;
    line-height: 30px;
    color: #272727;
    text-align: center;
    border-right: 1px solid #ebebeb;
}

.bs-example-modal-md-1 .login-form .form-group input[type="email"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #e1e1e1;
    color: #959595;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    line-height: 37px;
    width: 100%;
    height: 47px;
    outline: none;
    padding: 4px 6px 4px 46px;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
}

.bs-example-modal-md-1 .login-form .form-group input[type="password"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #e1e1e1;
    color: #959595;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    line-height: 37px;
    width: 100%;
    height: 47px;
    outline: none;
    padding: 4px 6px 4px 46px;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
}

.bs-example-modal-md-1 .login-form .form-group label {
    float: left;
}

.bs-example-modal-md-1 .login-form .form-group label input[type="checkbox"],
form .form-group label em {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-style: normal;
    line-height: 16px;
}

.bs-example-modal-md-1 .login-form .forgetpassword {
    float: right;
    color: #272727;
}

.bs-example-modal-md-1 .login-form .form-group .forgetpassword i,
.forgetpassword em {
    display: inline-block;
    vertical-align: middle;
    position: static;
    border: 0;
    padding: 0;
    margin: 0;
    font-style: normal;
}

.bs-example-modal-md-1 .login-form .form-group .forgetpassword i,
.forgetpassword em {
    display: inline-block;
    vertical-align: middle;
    position: static;
    border: 0;
    padding: 0;
    margin: 0;
    font-style: normal;
}

.bs-example-modal-md-1 .tg-theme-btn-lg {
    width: 100%;
}

.bs-example-modal-md-1 .tg-theme-btn {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    line-height: 50px;
    color: #fff;
    background: #272727;
    text-transform: uppercase;
    padding: 0 50px;
}

.bs-example-modal-md-1 p {
    line-height: 50px;
    background: #272727;
    text-align: center;
    color: #fff;
    margin: 0;
}

.bs-example-modal-md-1 p .btn {
    font-size: 14px;
    color: #000;
    text-decoration: none;
    padding: 0px;
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}

.bs-example-modal-md-1 p .btn:focus {
    background: none;
    outline: none;
    outline-offset: inherit;
}

/*********************************************************
				 registration-modal
                 **********************************************************/
.bs-example-modal-md h2 {
    font-size: 16px;
    line-height: 16px;
    padding: 15px;
    color: #fff;
    font-weight: bold;
    margin: 0;
    background: #6258a5;
    text-align: center
}

.bs-example-modal-md .login-form {
    padding: 30px;
    overflow: hidden;
}

.bs-example-modal-md .login-form fieldset {
    overflow: hidden;
}

.bs-example-modal-md .login-form .form-group {
    position: relative;
    float: left;
    width: 100%;
}

.bs-example-modal-md .login-form .form-group i {
    position: absolute;
    top: 8px;
    left: 0;
    width: 38px;
    line-height: 30px;
    color: #272727;
    text-align: center;
    border-right: 1px solid #ebebeb;
}

.bs-example-modal-md .login-form .form-group input[type="email"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #e1e1e1;
    color: #959595;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    line-height: 37px;
    width: 100%;
    height: 47px;
    outline: none;
    padding: 4px 6px;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
}

.bs-example-modal-md .login-form .form-group input[type="text"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #e1e1e1;
    color: #959595;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    line-height: 37px;
    width: 100%;
    height: 47px;
    outline: none;
    padding: 4px 6px;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
}

.bs-example-modal-md .login-form .form-group input[type="password"] {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #e1e1e1;
    color: #959595;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-size: 14px;
    line-height: 37px;
    width: 100%;
    height: 47px;
    outline: none;
    padding: 4px 6px;
    background: #fff;
    box-shadow: none;
    border-radius: 0;
}

.bs-example-modal-md .login-form .form-group label {
    float: left;
}

.bs-example-modal-md .login-form .form-group label input[type="checkbox"],
form .form-group label em {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    font-style: normal;
    line-height: 16px;
}

.bs-example-modal-md .login-form .forgetpassword {
    float: right;
    color: #272727;
}

.bs-example-modal-md .login-form .form-group .forgetpassword i,
.forgetpassword em {
    display: inline-block;
    vertical-align: middle;
    position: static;
    border: 0;
    padding: 0;
    margin: 0;
    font-style: normal;
}

.bs-example-modal-md .login-form .form-group .forgetpassword i,
.forgetpassword em {
    display: inline-block;
    vertical-align: middle;
    position: static;
    border: 0;
    padding: 0;
    margin: 0;
    font-style: normal;
}

.bs-example-modal-md .tg-theme-btn-lg {
    width: 100%;
}

.bs-example-modal-md .tg-theme-btn {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    line-height: 50px;
    color: #fff;
    background: #272727;
    text-transform: uppercase;
    padding: 0 50px;
}

.bs-example-modal-md p {
    line-height: 50px;
    background: #272727;
    text-align: center;
    color: #fff;
    margin: 0;
}

.bs-example-modal-md p .btn {
    font-size: 14px;
    color: #000;
    text-decoration: none;
    padding: 0px;
    color: #fff;
    background-color: transparent;
    border-color: transparent;
}

.bs-example-modal-md p .btn:focus {
    background: none;
    outline: none;
    outline-offset: inherit;
}


/*********************************************************
			     Language Dropdown
                 **********************************************************/
.main-header .header-top-two .language {
    position: relative;
    line-height: 1em;
    margin-left: 20px;
    display: inline-block;
}

.main-header .header-top-two .language .flag-icon {
    margin-right: 8px;
}

.main-header .header-top-two .language .dropdown-menu {
    top: 100%;
    right: 0px;
    left: auto;
    width: 170px;
    border-radius: 0px;
    margin-top: 0px;
    border: none;
    background-color: #222222;
    padding: 0px;
    border-top: 3px solid #6258a5;
}

.main-header .header-top-two .language>a {
    color: #6258a5;
    padding: 16px 20px;
    background: #ffffff !important;
    text-transform: capitalize;
    top: -1px;
    display: inline-block;
    border: 0px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1em;
    border-radius: 0px;
}

.main-header .header-top-two .language>a:after {
    display: none;
}

.main-header .header-top-two language a:hover {
    background: none;
}

.main-header .header-top-two .language .dropdown-menu>li {
    padding-right: 0px !important;
    margin: 0px !important;
    float: none;
    display: block !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}

.main-header .header-top-two .language .dropdown-menu>li:last-child {
    border-bottom: none;
}

.main-header .header-top-two .language .dropdown-menu>li>a {
    padding: 12px 20px !important;
    color: #ffffff;
    display: block;
    text-align: left;
    font-size: 14px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .header-top-two .language .dropdown-menu>li>a:hover {
    color: #ffffff !important;
    background-color: #6258a5;
}

.main-header .main-box {
    position: relative;
    padding: 0px 0px;
    left: 0px;
    top: 0px;
    width: 100%;
    background: none;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .main-box .outer-container {
    position: relative;
    padding: 0px 40px;
}

.main-header .main-box .logo-box {
    position: relative;
    float: left;
    left: 0px;
    z-index: 10;
    padding: 30px 0px;
}

.main-header .main-box .logo-box .logo img {
    display: inline-block;
    max-width: 100%;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .header-upper {
    position: relative;
    background: #fffed8;
}

/*.main-header .header-upper:before{content:''; width:55%; height:100%; background:#6258a5; position:absolute; top:0; left:-338px;}
.main-header .header-upper:after{content: ''; position: absolute; top: 0; left: 55%; width: 0; height: 0; margin-left: -375px; height: 100%; width: 70px; background: #6258a5; transform: skewX(24deg);}*/
.main-header .header-upper .outer-container {
    position: relative;
    padding: 0px 60px;
}

.main-header .nav-outer {
    position: relative;
    float: right;
}

.header-style-two {
    position: relative;
}

.header-three {
    position: relative;
}

.main-header .header-three .nav-outer {
    width: 100%;
    background: #222;
    position: absolute;
    border-radius: 10px;
    right: 0;
    left: 0;
    top: -25px;
}

.main-header.header-style-two .header-lower {
    background-color: #222222;
}

.main-header.header-style-two .nav-outer:after {
    position: absolute;
    content: '';
    left: 100%;
    top: 0px;
    height: 100%;
    width: 20000px;
    background-color: #222222;
}

.main-header.header-style-two .nav-outer {
    width: 100%;
}

.main-header.header-style-three .nav-outer {
    width: 100%;
    padding-left: 30px;
    border-radius: 50px;
    margin-top: -36px;
    background-color: #ffffff;
}

.main-header .header-upper .logo-box {
    position: relative;
    margin-top: 20px;
}

.main-header.header-style-three .header-upper .logo-box {
    margin-top: 10px;
}

.main-header.header-style-two .header-upper .logo-box {
    padding: 25px 0px;
    margin: 0px;
}

.main-header .header-upper .logo-box .logo {
    position: relative;
}

.main-header .outer-box {
    position: relative;
    top: 1px;
    float: right;
    padding: 19px 0px;
    margin-left: 35px;
}

.main-header.header-style-two .outer-box {
    padding: 0px;
}

.main-header .outer-box .option-list {
    position: relative;
}

.main-header .outer-box .option-list li {
    position: relative;
    color: #262626;
    font-size: 16px;
    padding-right: 18px;
    margin-right: 18px;
    display: inline-block;
    text-transform: uppercase;
    border-right: 1px solid #dde4db;
}

.main-header .outer-box .option-list li a {
    position: relative;
    color: #262626;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .outer-box .option-list li a:hover {
    color: #6258a5;
}

.main-header .outer-box .option-list li .icon {
    position: relative;
    margin-right: 8px;
    color: #6258a5;
    top: 3px;
    line-height: 1em;
    font-size: 20px;
}

.main-header .outer-box .option-list li:last-child {
    border: none;
    margin: 0px;
    padding: 0px;
}

.main-header .outer-box .option-list li strong {}

.main-header .outer-box .option-box {
    position: relative;
    float: left;
    margin-top: 0px;
}

.main-header .outer-box .option-box>li {
    position: relative;
    margin-left: 20px;
    display: inline-block;
}

/*.main-header .outer-box .option-box li.cart .icon{position:relative;	color:#ffffff;	font-size:26px;}
.main-header .outer-box .option-box li.cart .number{position:absolute; right:-15px; top:-15px; color:#6258a5; font-size:18px;}*/
.main-header .outer-box .option-box .cart-box {
    position: relative;
    float: left;
    color: #ffffff;
    font-size: 16px;
    background: none;
    display: inline-block;
    margin-right: 25px;
}

.main-header .outer-box .option-box .cart-box .cart-box-btn {
    background: none;
    color: #ffffff;
    cursor: pointer;
    font-size: 24px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.main-header .outer-box .option-box .cart-box .cart-box-btn:after {
    display: none;
}

.main-header .outer-box .option-box .cart-box .cart-box-btn .total-cart {
    position: absolute;
    right: -8px;
    top: -8px;
    width: 18px;
    height: 18px;
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    background-color: #6258a5;
}

.main-header .outer-box .option-box .cart-box .cart-box-btn:hover {
    color: #6258a5;
}

.main-header .outer-box .option-box .cart-product {
    position: relative;
    margin-bottom: 18px;
    min-height: 90px;
    border-bottom: 1px solid #e4e4e4
}

.main-header .outer-box .option-box .cart-product .inner {
    position: relative;
    padding-left: 90px;
    min-height: 70px;
}

.main-header .outer-box .option-box .cart-product .inner .cross-icon {
    position: absolute;
    right: 0px;
    top: -2px;
    z-index: 1;
    color: #263120;
    font-size: 16px;
    cursor: pointer;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-header .outer-box .option-box .cart-product .inner .cross-icon:hover {
    color: #6258a5;
}

.main-header .outer-box .option-box .cart-product .inner .image {
    position: absolute;
    width: 70px;
    height: 70px;
    left: 0px;
    top: 0px;
}

.main-header .outer-box .option-box .cart-product .inner h3 {
    color: #6258a5
}

.main-header .outer-box .option-box .cart-product .inner h3 {
    position: relative;
    font-weight: 600;
    font-size: 15px;
    margin: 0px;
    letter-spacing: 1px;
    text-transform: capitalize;
}

.main-header .outer-box .option-box .cart-product .inner h3 a {
    color: #222222;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.main-header .outer-box .option-box .cart-product .inner h3 a:hover {
    color: #6258a5;
}

.main-header .outer-box .option-box .cart-product .inner .quantity-text {
    position: relative;
    font-weight: 300;
    color: #666;
    font-size: 13px;
    margin-bottom: 0px;
}

.main-header .outer-box .option-box .cart-product .inner .price {
    position: relative;
    font-weight: 700;
    font-size: 16px;
    margin: 0px;
    color: #222222;
}

.main-header .outer-box .option-box .cart-box .cart-panel {
    left: auto !important;
    right: 0px !important;
    border-radius: 0px;
    padding: 20px 20px;
    min-width: 300px;
    margin-top: 30px;
    z-index: 99;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
    border: 3px solid #6258a5;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    transform: translate3d(0px, 0px, 0px) !important;
}

.main-header .outer-box .option-box .cart-box .cart-panel .cart-total {
    text-transform: capitalize;
    color: #000000;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
}

.main-header .outer-box.option-box .cart-box .cart-panel .cart-total span {
    font-weight: 800;
    font-size: 18px;
}

.main-header .outer-box .option-box .cart-box .cart-panel .btns-boxed {
    position: relative;
    text-align: center;
    margin-top: 20px;
}

.main-header .outer-box .option-box .cart-box .cart-panel .btns-boxed li {
    position: relative;
    margin: 0px 5px;
    display: inline-block;
}

.main-header .outer-box .option-box .cart-box .cart-panel .btns-boxed li a {
    position: relative;
    color: #ffffff;
    font-weight: 500;
    padding: 10px 20px 8px;
    border-radius: 2px;
    display: inline-block;
    background-color: #6258a5;
    border: 1px solid #6258a5;
    font-size: 12px;
    text-transform: uppercase;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.main-header .outer-box .option-box .cart-box .cart-panel .btns-boxed li a:hover {
    color: #6258a5;
    background: none;
}

.main-header .outer-box .option-box .cart-box .icon a {
    color: #999999;
}

.main-header.header-style-two .outer-box .option-box .cart-box {
    margin-top: 25px;
}

.main-header.header-style-two .header-lower .search-box-outer {
    margin-top: 23px;
    margin-right: 20px;
}


/*********************************************************
			     Search Box Outer
                 **********************************************************/
.main-header .header-lower .search-box-outer {
    position: relative;
    float: left;
}

.main-header .header-lower .search-box-btn {
    position: relative;
    top: 0px;
    display: block;
    width: 100%;
    font-size: 20px;
    color: #ffffff;
    line-height: 20px !important;
    cursor: pointer;
    background: none;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-header .header-lower .search-box-btn:after {
    display: none;
}

.main-header .header-lower .search-box-outer .dropdown-menu {
    top: 38px !important;
    right: 0px;
    padding: 0px;
    width: 280px;
    left: auto !important;
    border-radius: 5px;
    border: 3px solid #6258a5;
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
    transform: translate3d(0px, 0px, 0px) !important;
}

.border_zero {
    border: 0px !important
}

.main-header .header-lower .search-box-outer .dropdown-menu>li {
    padding: 0px;
    border: none;
    margin: 0px;
    width: 100%;
    background: none;
}

.main-header .header-lower .search-panel .form-container {}

.main-header .header-lower .search-panel .form-group {
    position: relative;
    margin: 0px;
}

.main-header .header-lower .search-panel input[type="text"],
.main-header .header-lower .search-panel input[type="search"],
.main-header .header-lower .search-panel input[type="password"],
.main-header .header-lower .search-panel select {
    display: block;
    width: 100%;
    height: 40px;
    color: #000000;
    font-size: 14px;
    line-height: 24px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
    padding: 7px 40px 7px 15px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    ;
}

.main-header .header-lower .search-panel input:focus,
.main-header .header-lower .search-panel select:focus {
    border-color: #6258a5;
}

.main-header .header-lower .search-panel .search-btn {
    position: absolute;
    right: 3px;
    top: 0px;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #555555;
    font-size: 20px;
    background: none;
    cursor: pointer;
}

.main-header .header-lower .btn-box {
    position: relative;
    float: right;
    top: -1px;
}

.main-header.header-style-three .outer-box {
    padding: 0px;
}

/*********************************************************
			     Header Lower
                 **********************************************************/
.main-header .header-lower .search-box {
    float: right;
}

.main-header .header-lower .search-box .form-group {
    position: relative;
    margin: 0px;
    top: -1px;
}

.main-header .header-lower .search-box .form-group input[type="text"],
.main-header .header-lower .search-box .form-group input[type="search"] {
    position: relative;
    line-height: 28px;
    padding: 10px 50px 10px 25px;
    background: none;
    display: block;
    font-size: 14px;
    width: 200px;
    color: #222222;
    font-weight: 400;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    height: 74px;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    background-color: #ffffff;
    border-radius: 0px 50px 50px 0px;
}

.main-header .header-lower .search-box .form-group button {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 74px;
    width: 45px;
    font-size: 14px;
    color: #222222;
    line-height: 100%;
    background: none;
    display: inline-block;
    font-weight: normal;
    text-align: left;
    cursor: pointer;
}


/*********************************************************
			     Main Menu
                 **********************************************************/
.main-menu {
    position: relative;
    margin-top: 5px;
    float: left;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-menu .cart-box {
    position: relative;
    float: left;
    font-size: 26px;
    margin: 32px 0px;
    padding-left: 20px;
    border-left: 1px solid #dde4db;
}

.main-menu .cart-box a {
    position: relative;
    color: #6258a5;
}

.main-menu .cart-box .number {
    position: absolute;
    right: -15px;
    top: -15px;
    color: #6258a5;
    font-size: 18px;
}

.main-menu .navbar-collapse {
    padding: 0px;
    float: left;
}

.main-menu .navigation {
    position: relative;
    margin: 0px;
}

.main-menu .navigation>li {
    position: relative;
    float: left;
    margin-right: 20px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation>li.dropdown>a {
    padding-right: 15px !important;
}

.main-menu .navigation>li.dropdown>a:before {
    font-family: 'FontAwesome';
    content: "\f107";
    position: absolute;
    right: 0px;
    font-size: 13px;
    line-height: 26px
}

.main-menu .navigation>li:last-child {
    margin-right: 0px;
}

.sticky-header .main-menu .navigation>li>a {
    color: #444444 !important;
}

.sticky-header .main-menu .navigation>li:hover>a,
.sticky-header .main-menu .navigation>li.current>a {
    color: #6258a5;
    background-color: inherit !important;
}

.sticky-header .nav-outer .options-box {
    margin-top: 45px;
}

.main-header .header-upper .upper-right {
    position: relative;
    padding-top: 7px;
    padding-left: 60px;
}

.main-header.header-style-three .header-upper .upper-right {
    padding-left: 0px;
}

.main-header.header-style-two .header-upper .upper-right {
    padding-left: 0px;
    padding-top: 30px;
}

.main-header.header-style-two .header-upper .upper-right .info-outer {}

.main-header .header-upper .upper-right .header-lower {
    position: relative;
}

.main-header .header-upper .upper-right .header-lower:after {
    position: absolute;
    content: '';
    left: -56px;
    top: 0px;
    height: 1px;
    right: -6000px;
    background-color: rgba(255, 255, 255, 0.20);
}

.main-header .header-upper .upper-right:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 10000%;
    height: 100%;
    display: block;
    -ms-transform: skewX(30deg);
    -webkit-transform: skewX(30deg);
    transform: skewX(30deg);
    background-color: rgb(181, 34, 25);
}

.main-header.header-style-two .header-upper .upper-right:before,
.main-header.header-style-three .header-upper .upper-right:before {
    display: none;
}

.main-header.header-style-three .header-upper {
    background-color: rgb(254, 253, 215);
    padding-bottom: 40px;
}

.main-header.header-style-three .header-upper:before {
    position: absolute;
    content: '';
    left: 0px;
    top: -10px;
    width: 0px;
    height: 10px;
    background-color: #222222;
    transition: all 2000ms ease;
    -moz-transition: all 2000ms ease;
    -webkit-transition: all 2000ms ease;
    -ms-transition: all 2000ms ease;
    -o-transition: all 2000ms ease;
}

.main-header.header-style-three .header-upper:after {
    position: absolute;
    content: '';
    right: 0px;
    top: -10px;
    width: 0px;
    height: 10px;
    background-color: #222222;
    transition: all 2000ms ease;
    -moz-transition: all 2000ms ease;
    -webkit-transition: all 2000ms ease;
    -ms-transition: all 2000ms ease;
    -o-transition: all 2000ms ease;
}

.main-header.header-style-three:hover .header-upper:before,
.main-header.header-style-three:hover .header-upper:after {
    width: 100%;
}

.main-header .header-upper .upper-right .info-outer {
    position: relative;
    padding-bottom: 12px;
}

.main-header .info-box {
    position: relative;
    float: right;
    margin-right: 60px;
    font-size: 14px;
    color: #fff;
    text-align: left;
    text-transform: uppercase;
    padding: 0px 38px 0px 50px !important;
}

.main-header .info-box:last-child {
    margin: 0px;
    padding: 0px;
    float: right;
}

.main-header .info-box .icon-box {
    position: absolute;
    left: 0px;
    top: 5px;
    background: #fff;
    color: #635895;
    font-size: 18px;
    height: 41px;
    text-align: center;
    line-height: 40px;
    width: 40px;
    border: 1px dashed #02b9a5;
    border-radius: 10px 10px 0 10px;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .info-box li {
    position: relative;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    padding-top: 5px;
    line-height: 20px;
    text-transform: initial;
}

.main-header .info-box li span {
    font-weight: 600;
    font-size: 15px;
}

.main-header.header-style-two .info-box li {
    color: #777777;
}

.main-header.header-style-two .info-box li span {
    color: #222222;
    font-weight: 600;
    font-size: 15px;
}

.main-header.header-style-two .info-box:last-child {
    padding-left: 50px;
}

.main-header .info-box .social-box {
    position: relative;
    padding-top: 8px;
}

.main-header .info-box .social-box li {
    position: relative;
    margin-left: 2px;
    display: inline-block;
}

.main-header .info-box .social-box li a {
    position: relative;
    width: 34px;
    height: 34px;
    color: #ffffff;
    font-size: 14px;
    line-height: 34px;
    text-align: center;
    display: inline-block;
    background-color: #6258a5;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.main-header .info-box .social-box li a span {
    font-size: 13px;
}

.main-header .info-box .social-box li a:hover {
    background-color: #222222;
}

.header-style-three .main-menu {
    margin-top: 10px;
}

/*********************************************************
			     Sticky Header
                 **********************************************************/
.sticky-header {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    left: 0px;
    top: 0px;
    width: 100%;
    padding: 0px 0px;
    background: #ffffff;
    z-index: 0;
    border-bottom: 1px solid #e8f1f7;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    box-shadow: 5px 0 7px rgba(0, 0, 0, .25);
}

.sticky-header .logo {
    padding: 7px 0px 7px;
}

.fixed-header .sticky-header {
    z-index: 999;
    opacity: 0;
    visibility: visible;
    -ms-animation-name: fadeInDown;
    -moz-animation-name: fadeInDown;
    -op-animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -ms-animation-duration: 500ms;
    -moz-animation-duration: 500ms;
    -op-animation-duration: 500ms;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -ms-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -op-animation-timing-function: linear;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -ms-animation-iteration-count: 1;
    -moz-animation-iteration-count: 1;
    -op-animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

.main-menu .navigation>li>a {
    position: relative;
    display: block;
    color: #ffffff;
    text-align: center;
    line-height: 30px;
    text-transform: capitilize;
    opacity: 1;
    letter-spacing: 0px;
    font-weight: 600;
    padding: 8px 8px;
    font-size: 14px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.header-style-three .main-menu .navigation>li>a {
    color: #222222;
}

.sticky-header .main-menu .navigation>li {
    position: relative;
    margin-left: 30px;
    margin-right: 0px;
}

.sticky-header .main-menu .navigation>li:before,
.sticky-header .main-menu .navigation>li:after {
    display: none;
}

.main-menu .navigation>li:hover>a,
.main-menu .navigation>li.current>a {
    opacity: 1;
    color: #fff;
}

.main-menu .navigation>li>ul {
    position: absolute;
    left: 0px;
    top: 100%;
    width: 210px;
    z-index: 100;
    display: none;
    opacity: 0;
    visibility: hidden;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    padding: 0px 0px;
    background-color: #ffffff;
    /*border:3px solid #6258a5;*/
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
    border-bottom: 7px solid #6258a5;
    border-top: 5px solid #6258a5;
}

.main-menu .navigation>li>ul:before {
    position: absolute;
    content: '';
    left: 0px;
    top: -30px;
    width: 100%;
    height: 30px;
    display: block;
}

.main-menu .navigation>li>ul.from-right {
    left: auto;
    right: 0px;
}

.main-menu .navigation>li>ul>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #cecece;
}

.main-menu .navigation>li>ul>li:last-child {
    border-bottom: none;
}

.main-menu .navigation>li>ul>li>a {
    position: relative;
    display: block;
    padding: 10px 18px;
    line-height: 24px;
    font-weight: 400;
    font-size: 15px;
    color: #7c7b7b;
    text-transform: capitalize;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.sticky-header .main-menu .navigation>li>a {
    padding: 19px 0px !important;
}

.sticky-header .main-menu .navigation>li>a:before {
    display: none;
}

.main-menu .navigation>li>ul>li:hover>a {
    color: #ffffff;
    background: #6258a5;
}

.main-menu .navigation>li>ul>li.dropdown>a:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    right: 15px;
    top: 13px;
    width: 10px;
    height: 20px;
    display: block;
    color: #253d4a;
    line-height: 20px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    z-index: 5;
}

.main-menu .navigation>li>ul>li.dropdown:hover>a:after {
    color: #ffffff;
}

.main-menu .navigation>li>ul>li>ul {
    position: absolute;
    left: 120%;
    top: 0%;
    width: 200px;
    z-index: 100;
    display: none;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    padding: 0px 0px;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
}

.main-menu .navigation>li>ul>li>ul.from-right {
    left: auto;
    right: 0px;
}

.main-menu .navigation>li>ul>li>ul>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #d6d6d6;
}

.main-menu .navigation>li>ul>li>ul>li:last-child {
    border-bottom: none;
}

.main-menu .navigation>li>ul>li>ul>li>a {
    position: relative;
    display: block;
    padding: 10px 18px;
    line-height: 24px;
    font-weight: 400;
    font-size: 15px;
    text-transform: capitalize;
    color: #7c7b7b;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-menu .navigation>li>ul>li>ul>li:hover>a {
    color: #ffffff;
    background: #6258a5;
}

.main-menu .navigation>li>ul>li>ul>li.dropdown>a:after {
    font-family: 'FontAwesome';
    content: "\f105";
    position: absolute;
    right: 10px;
    top: 11px;
    width: 10px;
    height: 20px;
    display: block;
    color: #272727;
    line-height: 20px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    z-index: 5;
}

.main-menu .navigation>li>ul>li>ul>li.dropdown:hover>a:after {
    color: #ffffff;
}

.main-menu .navigation>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    left: 0px;
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
}

.main-menu .navigation li>ul>li.dropdown:hover>ul {
    visibility: visible;
    opacity: 1;
    top: -5px;
    -moz-transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    -o-transform: rotateX(0deg);
    transform: rotateX(0deg);
    left: 100%;
    transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    border-radius: 4px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
    border-bottom: 7px solid #6258a5;
    border-top: 5px solid #6258a5;
}

.main-menu .navbar-collapse>ul li.dropdown .dropdown-btn {
    position: absolute;
    right: 10px;
    top: 6px;
    width: 30px;
    height: 30px;
    text-align: center;
    z-index: 5;
    color: #ffffff;
    line-height: 28px;
    border: 1px solid #ffffff;
    background-size: 20px;
    cursor: pointer;
    display: none;
}

/*********************************************************
			     Main Slider Banner
                 **********************************************************/
.main-slide {
    position: relative;
}

.main-slider .left-title {
    position: absolute;
    left: 30px;
    bottom: 40px;
    z-index: 10;
    color: #cf8a04;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 12px;
    transform: rotate(-90deg);
    text-transform: uppercase;
    transform-origin: 0% 0%;
}

.main-slider .auto-container {
    position: relative;
}

.main-slider .social-box {
    position: absolute;
    right: 15px;
    bottom: 45px;
    z-index: 10;
}

.main-slider .social-box a {
    position: relative;
    color: #ffffff;
    font-size: 16px;
    margin-left: 18px;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
}

.main-slider .social-box a:hover {
    color: #6258a5;
}

.main-slider .mouse-btn-down {
    position: absolute;
    left: 50%;
    margin-left: -20px;
    bottom: 20px;
    width: 30px;
    height: 68px;
    cursor: pointer;
    display: block;
    background: url(../images/icons/mouse-icon.png) center center no-repeat;
    z-index: 20;
}

.main-slider .mouse-btn-down {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

.main-slider .mouse-btn-down {
    -webkit-animation: mover 1s infinite alternate;
    animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

@keyframes mover {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

.paading-slider {
    padding: 140px 0px 140px !important;
}

.main-slider .slide {
    position: relative;
    padding: 60px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: flex;
    align-items: center;
    height: calc(100vh - 100px);
}

.main-slider .slide.style-two {
    text-align: center;
}

.main-slider .slide.style-three {
    text-align: center;
}

.main-slider .slide.style-two .text,
.main-slider .slide.style-three .text {
    margin: 0 auto;
}

.main-slider .title {
    position: relative;
    color: #ffffff;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 12px;
    text-transform: capitalize;
    opacity: 0;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
}

.main-slider .active .title {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 500ms;
}

.main-slider h2 {
    position: relative;
    color: #ffffff;
    font-size: 60px;
    font-weight: bolder;
    text-shadow: 0 0 1px rgba(24, 24, 24, .75);
    line-height: 1.1em;
    margin-bottom: 10px;
    opacity: 0;
    text-transform: uppercase;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
}

.main-slider h2 span {
    color: #6258a5;
}

.main-slider .active h2 {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 1000ms;
}

.main-slider .text {
    position: relative;
    color: #ffffff;
    font-size: 18px;
    opacity: 0;
    line-height: 28px;
    font-weight: 400;
    max-width: 700px;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
}

.main-slider .text_margin {
    margin: 0 auto;
    max-width: 700px !important;
}

.text_margin_right {
    margin: 0 auto;
    max-width: 100% !important;
}

.main-slider .text.alternate {
    color: #1f1f1f;
}

.main-slider .active .text {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 1500ms;
}

.main-slider .link-box {
    opacity: 0;
    -webkit-transition: all 1000ms ease;
    -moz-transition: all 100ms ease;
    -ms-transition: all 1000ms ease;
    -o-transition: all 1000ms ease;
    transition: all 1000ms ease;
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
    padding-top: 35px;
}

.main-slider .active .link-box {
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    transition-delay: 2000ms;
}

.main-slider .link-box .theme-btn {
    margin: 0 10px;
}

.main-slider .content.centered .theme-btn {
    margin: 0px 10px;
}

.main-slider .content.centered .text {
    margin: 0 auto;
}

.main-slider .owl-dots {
    position: absolute;
    left: 50%;
    bottom: 20px;
    display: none;
    margin-left: -30px;
}

.main-slider .owl-dots .owl-dot {
    position: relative;
    width: 12px;
    height: 12px;
    margin: 0px 4px;
    overflow: hidden;
    border-radius: 50px;
    display: inline-block;
    border: 1px solid #ffffff;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-slider .owl-dots .owl-dot:before {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 50%;
    background-color: #ffffff;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-slider .owl-dots .owl-dot.active::before,
.main-slider .owl-dots .owl-dot:hover::before {
    height: 100%;
}

.main-slider .owl-nav {
    display: none !important
}

.main-slider .owl-nav .owl-prev {
    position: absolute;
    left: 40px;
    color: #ffffff;
    font-size: 38px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-slider .owl-nav .owl-next {
    position: absolute;
    right: 40px;
    color: #ffffff;
    font-size: 38px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-slider .owl-nav .owl-prev:hover,
.main-slider .owl-nav .owl-next:hover {
    color: #6258a5;
}

/*********************************************************
			     Headings
                 **********************************************************/
/*heading-1*/
.headingSpacer {
    padding: 70px 0;
    background-position: center;
    margin-top: 0;
}

.bg-img2 {
    background: url(../images/main-slider/image-7.jpg) no-repeat;
    background-position: center center !important;
}

.tc-breadcrumb {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.tc-breadcrumb ul {
    margin-bottom: 0;
    background: transparent;
    padding: 0;
    border-radius: 0;
    display: block !important
}

.tc-breadcrumb .breadcrumb>li {
    display: inline-block;
}

.tc-breadcrumb ul li a {
    color: #999;
}

.tc-breadcrumb ul li:after {
    font-size: 14px;
    font-family: 'FontAwesome';
    content: "\f101";
    margin-left: 6px;
    margin-right: 6px
}

.tc-breadcrumb ul li:last-child:after {
    display: none
}

.tc-breadcrumb .breadcrumb-title {
    margin: 0;
    font-size: 30px;
    font-weight: bold;
    color: #444;
    font-family: 'Poppins', sans-serif;
}

.tc-breadcrumb-center {
    display: block !important;
    text-align: center !important;
}

.tc-breadcrumb.tc-breadcrumb-center .breadcrumb-title {
    margin-bottom: 12px;
    font-size: 36px;
}

.tc-breadcrumb.tc-contrast * {}

.tc-breadcrumb.tc-contrast li.active span {
    color: #6258a5;
    font-weight: 600
}

@media (max-width: 767px) {
    .tc-breadcrumb {
        display: block;
        text-align: center;
    }

    .tc-breadcrumb .breadcrumb-title {
        margin-bottom: 12px;
    }
}


/*********************************************************
			        Team sections
                    **********************************************************/
/*------------------- Team style-1 ---------------------*/
.tc-member-style1 {
    overflow: hidden;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);
    margin: 10px 0;
}

.tc-member-style1 .member-photo {
    overflow: hidden;
    position: relative;
}

.tc-member-style1 .member-photo img {
    transition: all .3s cubic-bezier(0, 0, 0, 0.1);
    transition: all .3s cubic-bezier(0, 0, 0, 0.1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.tc-member-style1 .member-icons {
    margin-top: 10px;
    position: absolute;
    bottom: 0px;
    width: 70%;
    background: rgba(255, 255, 255, 0.13);
    text-align: center;
    padding: 6px 20px;
}

.tc-member-style1.member-light .member-icons {
    background: rgba(0, 0, 0, 0.82)
}

.tc-member-style1 .member-icons:before {
    content: '';
    position: absolute;
    right: -100%;
    height: 1px;
    width: 100%;
    background: rgba(255, 255, 255, 0.13);
    top: 50%;
}

.tc-member-style1.member-light .member-icons:before {
    background: rgba(0, 0, 0, 0.3);
}

.tc-member-style1 .member-icon i {
    font-size: 13px;
    color: rgb(255, 255, 255);
    margin: 0 6px;
    -webkit-transition: transform .2s cubic-bezier(0, 0, 0, 0.6), -webkit-transform .2s cubic-bezier(0, 0, 0, 0.6);
    transition: transform .2s cubic-bezier(0, 0, 0, 0.6), -webkit-transform .2s cubic-bezier(0, 0, 0, 0.6);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.tc-member-style1 .member-info {
    padding: 25px 20px;
}

.tc-member-style1 .member-name {
    font-size: 18px;
    margin: 0;
}

.tc-member-style1 span.member-role {
    font-size: 12px;
    color: #999;
    display: block;
}

.tc-member-style1 .member-icon i:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.tc-member-style1:hover .member-photo img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/*------------------- Team style-2 ---------------------*/
.tc-member-style2 {
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .25s cubic-bezier(0.43, 0.44, 0.63, 0.61);
    transition: all .25s cubic-bezier(0.43, 0.44, 0.63, 0.61);
    margin: 10px 0;
}

.tc-member-style2 .member-photo {
    position: relative;
}

.tc-member-style2 .member-icons {
    position: absolute;
    top: 0;
    background: #232323;
    text-align: center;
    width: 40px;
    padding: 10px 0;
    left: -7px;
}

.tc-member-style2 .member-icons:before {
    content: '';
    position: absolute;
    left: -7px;
    bottom: -7px;
    border: 7px solid transparent;
    border-right-color: #232323;
}

.tc-member-style2 .member-icon i {
    font-size: 13px;
    color: rgb(255, 255, 255);
    margin: 0 6px;
}

.tc-member-style2 .member-info {
    padding: 20px 20px;
}

.tc-member-style2 .member-name {
    font-size: 18px;
    margin: 0;
    position: relative;
    padding-bottom: 3px;
}

.tc-member-style2 .member-name:before {
    content: '';
    position: absolute;
    right: 0;
    height: 1px;
    width: 30px;
    background: #000;
    bottom: 0;
}

.tc-member-style2 span.member-role {
    font-size: 12px;
    color: #999;
    display: block;
}

.tc-member-style2:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

/*------------------- Team style-3 ---------------------*/
.tc-member-style3 {
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .25s cubic-bezier(0.43, 0.44, 0.63, 0.61);
    transition: all .25s cubic-bezier(0.43, 0.44, 0.63, 0.61);
    margin: 10px 0;
}

.tc-member-style3 .member-photo {
    position: relative;
}

.tc-member-style3 .member-icons {
    position: absolute;
    bottom: 0;
    background: rgba(255, 255, 255, 0.1);
    width: 100%;
    padding: 7px 10px;
    left: 0;
}

.tc-member-style3.member-light .member-icons {
    background: rgba(0, 0, 0, 0.82)
}

.tc-member-style3 .member-icon i {
    font-size: 11px;
    color: rgb(255, 255, 255);
    margin: 0 6px;
    height: 26px;
    border: 1px solid rgba(255, 255, 255, 0.38);
    width: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 50%;
    background: transparent;
    -webkit-transition: all .25s cubic-bezier(0.43, 0.44, 0.63, 0.61);
    transition: all .25s cubic-bezier(0.43, 0.44, 0.63, 0.61);
}

.tc-member-style3 .member-info {
    padding: 20px 20px;
}

.tc-member-style3 .member-name {
    font-size: 18px;
    margin: 0;
}

.tc-member-style3 span.member-role {
    font-size: 12px;
    color: #999;
    display: block;
}

.tc-member-style3:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.tc-member-style3 .member-icon i:hover {
    background: #fff;
    color: #444;
}

/*------------------- Team style-4 ---------------------*/
.tc-member-style4 {
    position: relative;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .15s cubic-bezier(0, 0, 0, 0.1);
    transition: all .15s cubic-bezier(0, 0, 0, 0.1);
    margin-bottom: 75px;
}

.tc-member-style4 .member-icons {
    position: absolute;
    top: 100%;
    padding: 12px 15px;
    right: 0;
    width: 100%;
    -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);
}

.tc-member-style4 .member-icon i {
    font-size: 11px;
    color: rgb(0, 0, 0);
    margin: 0 2px;
    height: 26px;
    border: 1px solid rgba(0, 0, 0, 0.18);
    width: 26px;
    line-height: 26px;
    text-align: center;
    -webkit-transition: all .25s cubic-bezier(0.43, 0.44, 0.63, 0.61);
    transition: all .25s cubic-bezier(0.43, 0.44, 0.63, 0.61);
}

.tc-member-style4 .member-info {
    padding: 8px 20px;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: #fff;
    background: rgba(255, 255, 255, 0.02);
}

.tc-member-style4.member-light .member-info {
    background: rgba(0, 0, 0, 0.3);
}

.tc-member-style4 .member-name {
    font-size: 18px;
    margin: 0;
    color: #fff;
}

.tc-member-style4 span.member-role {
    font-size: 12px;
    color: #fff;
    display: block;
}

.tc-member-style4:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.tc-member-style4 .member-icon i:hover {
    background: rgba(0, 0, 0, 0.18);
    color: #444;
}

/*------------------- Team style-5 ---------------------*/
.tc-member-style5 {
    position: relative;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: all .15s cubic-bezier(0, 0, 0, 0.1);
    transition: all .15s cubic-bezier(0, 0, 0, 0.1);
    margin-bottom: 75px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}

.tc-member-style5 .member-icons {
    background: #fff;
    position: absolute;
    bottom: -125px;
    z-index: 999;
    padding: 12px 15px;
    right: 0;
    width: 100%;
    -webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);
}

.tc-member-style5 .member-icon i {
    font-size: 14px;
    color: rgb(0, 0, 0);
    margin: 0 2px;
    height: 26px;
    border-right: 2px solid rgba(0, 0, 0, 0.18);
    width: 26px;
    line-height: 26px;
    text-align: center;
    -webkit-transition: all .25s cubic-bezier(0.43, 0.44, 0.63, 0.61);
    transition: all .25s cubic-bezier(0.43, 0.44, 0.63, 0.61);
    border-radius: 50%;
}

.tc-member-style5 .member-info {
    padding: 15px 20px 11px;
    background: #fff;
}

.tc-member-style5 .member-name {
    font-size: 16px;
    margin: 0;
}

.tc-member-style5 span.member-role {
    font-size: 12px;
    display: block;
}

.tc-member-style5:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.tc-member-style5 .member-icon i:hover {
    background: #000;
    color: #fff;
}

/*------------------- Team style-6---------------------*/
.tc-member-style6 {
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.03);
    background: #fff;
    padding: 15px;
    margin: 10px 0;
}

.tc-member-style6 .member-photo {
    overflow: hidden;
    position: relative;
}

.tc-member-style6 .member-photo img {
    -transition: all .3s cubic-bezier(0, 0, 0, 0.1);
    transition: all .3s cubic-bezier(0, 0, 0, 0.1);
    -webkit-transform: scale(1);
    transform: scale(1);
}

.tc-member-style6 .member-icons {
    position: absolute;
    top: -1px;
    right: 0;
    width: 26px;
}

.tc-member-style6 .member-icon i {
    font-size: 12px;
    color: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.1);
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition: -webkit-transform .3s cubic-bezier(0, 0, 0, 0.2), transform .3s cubic-bezier(0, 0, 0, 0.2);
    transition: -webkit-transform .3s cubic-bezier(0, 0, 0, 0.2), transform .3s cubic-bezier(0, 0, 0, 0.2);
    height: 26px;
    width: 26px;
    line-height: 26px;
    margin-bottom: 2px;
    text-align: center;
}

.tc-member-style6.member-light .member-icon i {
    background: rgb(2, 186, 166);
}

.tc-member-style6 .member-icons a:nth-child(1) i {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}

.tc-member-style6 .member-icons a:nth-child(2) i {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s;
}

.tc-member-style6 .member-icons a:nth-child(3) i {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s;
}

.tc-member-style6 .member-icons a:nth-child(4) i {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s;
}

.tc-member-style6 .member-icons a:nth-child(5) i {
    -webkit-transition-delay: 0.6s;
    transition-delay: 0.6s;
}

.tc-member-style6 .member-icons a:nth-child(6) i {
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7s;
}

.tc-member-style6 .member-info {
    padding-top: 15px;
    background: #fff;
}

.tc-member-style6 .member-name {
    font-size: 16px;
    margin: 0;
}

.tc-member-style6 span.member-role {
    font-size: 12px;
    display: block;
}

.tc-member-style6:hover .member-icon i {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.tc-member-style6 .member-icon i:hover {
    background: #000;
    color: #fff;
}

.tc-member-style6:hover .member-photo img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/*------------------- Member Alignment ---------------------*/
.tc-member-style1.member-align-right {
    text-align: right;
    margin: 10px 0;
}

.tc-member-style1.member-align-right .member-icons {
    right: 0;
}

.tc-member-style1.member-align-right .member-icons:before {
    left: -100%;
}

.tc-member-style1.member-align-center {
    text-align: center;
}

.tc-member-style1.member-align-center .member-icons {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.tc-member-style1.member-align-center .member-icons:before {
    right: 100%;
}

.tc-member-style1.member-align-center .member-icons:after {
    content: '';
    position: absolute;
    left: 100%;
    height: 1px;
    width: 100%;
    background: rgba(255, 255, 255, 0.1);
    top: 50%;
}

.tc-member-style2.member-align-right .member-info {
    text-align: right;
}

.tc-member-style2.member-align-right .member-name:before {
    left: 0;
}

.tc-member-style2.member-align-right .member-icons {
    right: -7px;
    left: auto;
}

.tc-member-style2.member-align-right .member-icons:before {
    right: -7px;
    left: auto;
    border-left-color: #232323;
    border-right-color: transparent;
}

.tc-member-style2.member-align-center .member-info {
    text-align: center;
}

.tc-member-style2.member-align-center .member-name {
    padding-bottom: 8px;
    margin-bottom: 3px;
}

.tc-member-style2.member-align-center .member-name:before {
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

.tc-member-style3.member-align-right {
    text-align: right;
}

.tc-member-style3.member-align-center {
    text-align: center;
}

.tc-member-style4.member-align-right {
    text-align: right;
}

.tc-member-style4.member-align-center {
    text-align: center;
}

.tc-member-style5.member-align-right {
    text-align: right;
}

.tc-member-style5.member-align-center {
    text-align: center;
}

.tc-member-style6.member-align-right {
    text-align: right;
}

.tc-member-style6.member-align-center {
    text-align: center;
}

/*---------------------    Member media querry - -----------------------*/
@media (max-width: 991px) {
    /* .row div[class*="col-"]{margin-bottom:35px;}
    .row div[class*="col-"]:last-child{margin-bottom:0;}
    .tc-member-style4, .tc-member-style5{margin-bottom:81px;}*/
}

/*********************************************************
			        Services section
                    **********************************************************/
/*---------------------Services Style1-------------------*/
.tc-services-style1 .servicesItem {
    padding: 30px 25px 25px;
    position: relative;
    text-align: center;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 30px;
}

.tc-services-style1 .servicesIcon {
    font-size: 32px;
    display: inline-block;
    background-color: #444;
    color: #bbb;
    height: 82px;
    width: 82px;
    text-align: center;
    line-height: 82px;
    border-radius: 50%;
    margin-bottom: 10px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.tc-services-style1 .servicesItem:hover .servicesIcon {
    background-color: #222;
    color: #fff;
}

.tc-services-style1 .servicesTitle {
    display: inline-block;
    font-size: 18px;
    margin-bottom: 20px;
    color: #222;
    font-family: 'Poppins', sans-serif;
    font-weight: 600
}

.tc-services-style1 .servicesDesc p {
    font-size: 14px;
    line-height: 1.8;
    color: #777;
}

.tc-services-style1 .servicesDesc a {
    color: #777;
    font-size: 13px;
    position: relative;
    display: inline-block;
    text-decoration: none !important;
    margin-top: 8px;
}

.tc-services-style1 .servicesDesc a:hover {
    color: #222;
}

/*---------------------Services Style2-------------------*/
.tc-services-style2 .servicesItem {
    position: relative;
    text-align: center;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.18);
    margin-bottom: 25px;
}

.tc-services-style2 .servicesIcon {
    font-size: 26px;
    padding: 30px;
    background-color: #f5f5f5;
    color: #bbb;
    text-align: center;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    margin-left: -1px;
    margin-right: -1px;
    margin-top: -1px;
}

.tc-services-style2 .servicesItem:hover .servicesIcon {
    background-color: #222;
    color: #fff;
}

.tc-services-style2 .servicesDesc {
    padding: 30px 25px;
}

.tc-services-style2 .servicesTitle {
    display: inline-block;
    font-size: 18px;
    color: #222;
    margin-top: 0;
    margin-bottom: 20px;
}

.tc-services-style2 .servicesDesc p {
    font-size: 14px;
    line-height: 1.8;
    color: #777;
}

.tc-services-style2 .servicesDesc a {
    color: #777;
    font-size: 13px;
    position: relative;
    display: inline-block;
    text-decoration: none !important;
    margin-top: 10px;
}

.tc-services-style2 .servicesDesc a:hover {
    color: #222;
}

/*---------------------Services Style3-------------------*/
.tc-services-style3 .services-item {
    padding: 30px 25px 25px;
    position: relative;
    text-align: center;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 25px;
}

.tc-services-style3 .services-icon {
    font-size: 42px;
    display: inline-block;
    color: #999;
    text-align: center;
    margin-bottom: 15px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.tc-services-style3 .services-title {
    background-color: #444;
    color: #fff;
    padding: 15px;
    font-size: 17px;
    margin-bottom: 30px;
    margin-left: -25px;
    margin-right: -25px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.tc-services-style3 .services-item:hover .services-title {
    background-color: #222;
}

.tc-services-style3 .services-desc p {
    font-size: 14px;
    line-height: 1.8;
    color: #777;
}

.tc-services-style3 .services-desc a {
    position: relative;
    display: inline-block;
    color: #888;
    font-size: 16px;
    line-height: normal;
    border: 1px solid #e5e5e5;
    text-decoration: none !important;
    padding: 10px 22px;
    margin-top: 20px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.tc-services-style3 .services-desc a:hover {
    color: #222;
    border-color: #222;
}

/*---------------------Services Style4-------------------*/
.tc-services-style4 .servicesItem {
    padding: 30px 25px 25px;
    position: relative;
    text-align: center;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    margin-bottom: 25px;
    margin-top: 50px;
}

.tc-services-style4 .servicesIcon {
    position: absolute;
    top: -35px;
    background-color: #fff;
    border: 1px solid #eee;
    height: 70px;
    width: 70px;
    font-size: 26px;
    color: #bbb;
    text-align: center;
    z-index: 11;
    margin-bottom: 15px;
    line-height: 70px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: 50%;
    margin-left: -35px;
}

.tc-services-style4 .servicesIcon i {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.tc-services-style4 .servicesTitle {
    font-size: 18px;
    padding-top: 30px;
    padding-bottom: 15px;
}

.tc-services-style4 .servicesDesc p {
    font-size: 14px;
    line-height: 1.8;
    color: #777;
}

.tc-services-style4 .servicesDesc a {
    position: relative;
    display: inline-block;
    color: #777;
    font-size: 16px;
    line-height: normal;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    text-decoration: none !important;
    padding: 10px 22px;
    margin-top: 20px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.tc-services-style4 .servicesDesc a:hover {
    color: #222;
    border-color: #222;
}

.tc-services-style4 .servicesItem:hover .servicesIcon {
    background: #6258a5;
    color: #fff !important;
    border: 1px solid #6258a5;
}

@media (max-width: 767px) {
    .tc-services-style4 .servicesItem {
        margin-top: 70px;
    }
}

/*---------------------Services Style5-------------------*/
.tc-services-style5 .servicesItem {
    position: relative;
    text-align: center;
    margin-bottom: 35px;
}

.tc-services-style5 .servicesIcon {
    display: inline-block;
    background-color: #fff;
    border: 1px solid #eee;
    height: 90px;
    width: 90px;
    line-height: 90px;
    font-size: 34px;
    color: #bbb;
    text-align: center;
    margin-bottom: 15px;
    border-radius: 50%;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.tc-services-style5 .servicesItem:hover .servicesIcon {
    background-color: #232323;
    border-color: #232323;
    color: #fff;
}

.tc-services-style5 .servicesTitle {
    font-size: 19px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.tc-services-style5 .servicesDesc p {
    font-size: 14px;
    line-height: 1.8;
    color: #777;
}

.tc-services-style5 .servicesDesc a {
    position: relative;
    display: inline-block;
    color: #777;
    font-size: 16px;
    line-height: normal;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    text-decoration: none !important;
    padding: 10px 22px;
    margin-top: 15px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.tc-services-style5 .servicesDesc a:hover {
    color: #222;
    border-color: #222;
}

/*---------------------Services Style6-------------------*/
.tc-services-style6 .servicesItem {
    position: relative;
    margin-bottom: 30px;
}

.tc-services-style6 .servicesIcon {
    position: relative;
    display: inline-block;
    background-color: #444;
    height: 70px;
    width: 76px;
    line-height: 70px;
    font-size: 26px;
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.tc-services-style6 .servicesIcon:before {
    content: '';
    position: absolute;
    border: 10px solid transparent;
    border-top-color: #444;
    bottom: -9px;
    left: 0;
    transform: rotate(-90deg);
}

.tc-services-style6 .servicesTitle {
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.tc-services-style6 .servicesDesc p {
    font-size: 14px;
    line-height: 1.8;
    color: #777;
}

.tc-services-style6 .servicesDesc a {
    position: relative;
    display: inline-block;
    color: #777;
    font-size: 13px;
    line-height: normal;
    text-decoration: none !important;
    margin-top: 15px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.tc-services-style6 .servicesDesc a:hover {
    color: #222;
    border-color: #222;
}

/*********************************************************
			        innerWrap
                    **********************************************************/
.innerWrap {
    padding: 70px 0;
    position: relative;
}

.innerWrap-sec-color {
    background-color: #fafafa;
}

.innerWrap .testimonial-item-carousel .owl-nav {
    display: none
}

/*********************************************************
			        Welcome Section
                    **********************************************************/
.welcome-section {
    position: relative;
    padding: 70px 0px;
}

.welcome-section .image-column {
    position: relative;
}

.welcome-section .image-column .inner-column {
    position: relative;
}

.welcome-section .image-column .inner-column:before {
    content: "";
    border: 1px solid #FFF;
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    z-index: 1;
}

/*position:absolute; background:#6258a5; content:''; left:0px; bottom:-30px; width:420px; height:650px; border:2px solid #6258a5 ;*/
.welcome-section .image-column .inner-column .image {
    position: relative;
}

.welcome-section .image-column .inner-column .image img {
    width: 100%;
    display: block;
}

.welcome-section .content-column {
    position: relative;
}

.welcome-section .content-column .inner-column {
    position: relative;
}

.welcome-section .content-column .inner-column .counter-box {
    position: relative;
    margin-left: -70px;
    padding: 35px 0px 10px;
    padding-left: 80px;
    margin-top: 70px;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

/*********************************************************
			        Fact Counter
                    **********************************************************/
.fact-counter {
    position: relative;
}

.fact-counter .column {
    position: relative;
    z-index: 5;
    margin-bottom: 30px;
}

.fact-counter .column .inner {
    position: relative;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.fact-counter .count-outer {
    position: relative;
    margin: 0px 0px;
    font-weight: 700;
    color: #222222;
    font-size: 30px;
}

.fact-counter .count-outer .count-text {
    position: relative;
    font-weight: 700;
    color: #222222;
    font-size: 30px;
    margin-top: 14px;
    display: inline-block;
}

.fact-counter .column .counter-title {
    position: relative;
    font-size: 16px;
    font-weight: 600;
    color: #666666;
    display: block;
    letter-spacing: 1px;
    text-transform: capitalize;
}

.fact-counter.style-two .column .inner {
    padding-left: 90px;
}

.fact-counter.style-two .column .inner .icon-box {
    position: absolute;
    left: 0px;
    top: 0px;
    color: #6258a5;
    font-size: 60px;
    line-height: 1em;
}

/*********************************************************
			        Services Block Two
                    **********************************************************/
.services-block-two {
    position: relative;
    margin-bottom: 30px;
}

.services-block-two .inner-box {
    position: relative;
    padding: 22px 25px;
    min-height: 140px;
    padding-right: 140px;
    border: 1px solid #dddddd;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.services-block-two .inner-box:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 1px;
    background-color: #ffffff;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.services-block-two .inner-box:hover::before {
    height: 100%;
}

.services-block-two .inner-box h3 {
    position: relative;
    color: #222222;
    z-index: 1;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3em;
}

.services-block-two .inner-box h3 a {
    position: relative;
    color: #222222;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.services-block-two .inner-box h3 a:hover {
    color: #6258a5;
}

.services-block-two .inner-box .text {
    position: relative;
    color: #777777;
    z-index: 1;
    font-size: 15px;
    line-height: 1.8em;
    margin-top: 10px;
}

.services-block-two .inner-box .image {
    position: absolute;
    right: 0px;
    top: 0px;
    overflow: hidden;
    width: 140px;
    height: 140px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.services-block-two .inner-box:hover {
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
}

.services-box .services-post {
    padding-bottom: 30px;
    text-align: right;
    padding-right: 10px;
    min-height: 120px;
}

.services-box .services-post a {
    float: right;
    display: inline-block;
    width: 80px;
    height: 80px;
    text-decoration: none;
    border: 1px solid #f1f1f1;
    background: #6258a5;
    line-height: 78px;
    font-size: 24px;
    text-align: center;
    color: #fff;
    margin-bottom: 25px;
    transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
}

.services-box .services-post:hover a {
    background: #fff;
    color: #6258a5;
}

.services-box .services-post.right-post a {
    float: left;
}

.services-box .services-post h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    color: #066;
}

.services-box .services-post h2,
.services-box .services-post p {
    margin-right: 105px;
    min-height: 25px;
}

.services-box .services-post.right-post {
    text-align: left;
    padding-right: 0px;
    padding-left: 10px;
    min-height: 120px;
}

#services-section .services-box .services-post.right-post a {
    float: left;
}

.services-box .services-post.right-post h2,
.services-box .services-post.right-post p {
    margin-left: 105px;
    margin-right: 0px;
    min-height: 25px;
}

.services-box .row:last-child .services-post {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

/*********************************************************
			       Call To Action Section
                   **********************************************************/
.call_section {
    background-image: url(../images/main-slider/image-4.jpg);
    position: relative;
    text-align: center;
    padding: 50px 0px;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.call_section:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: #e1661ebf;
}

.call_section h2 {
    position: relative;
    color: #ffffff;
    font-size: 48px;
    line-height: 1.2em;
    margin-bottom: 25px;
}

.call_section .text {
    position: relative;
    font-size: 16px;
    color: #ffffff;
    line-height: 1.8em;
    margin-bottom: 15px;
}

/*********************************************************
			       project Section
                   **********************************************************/
/*---------------------project-section1-------------------*/
.project-section {
    position: relative;
    padding-top: 70px;
}

.services-section {
    position: relative;
    padding: 70px 0px;
}

.services-section .owl-nav {
    display: none;
}

.project-section .col-lg-3 {
    padding: 0px
}

.project-block {
    position: relative;
}

.project-block .inner-box {
    position: relative;
}

.project-block .inner-box .image {
    position: relative;
}

.project-block .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
}

.project-block .inner-box .image .overlay-box {
    position: absolute;
    left: 10px;
    bottom: 10px;
    right: 10px;
    top: 10px;
    z-index: 2;
    opacity: 0;
    display: block;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: all 900ms ease;
}

.project-block .inner-box .image .overlay-box:before {
    position: absolute;
    content: '';
    right: 0px;
    top: 0px;
    width: 50%;
    height: 100%;
    display: block;
    opacity: 0;
    text-align: center;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: all 900ms ease;
    -webkit-transform: perspective(400px) rotateY(-90deg);
    -moz-transform: perspective(400px) rotateY(-90deg);
    -ms-transform: perspective(400px) rotateY(-90deg);
    -o-transform: perspective(400px) rotateY(-90deg);
    transform: perspective(400px) rotateY(-90deg);
    -webkit-transform-origin: right;
    -moz-transform-origin: right;
    -ms-transform-origin: right;
    -o-transform-origin: right;
    transform-origin: right;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background-color: rgba(34, 34, 34, 0.90)
}

.project-block .inner-box:hover .image .overlay-box:before {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
}

.project-block .inner-box .image .overlay-box:after {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 50%;
    height: 100%;
    display: block;
    opacity: 0;
    text-align: center;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    transition: all 900ms ease;
    -webkit-transform: perspective(400px) rotateY(90deg);
    -moz-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    -o-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    -webkit-transform-origin: left;
    -moz-transform-origin: left;
    -ms-transform-origin: right;
    -o-transform-origin: left;
    transform-origin: left;
    -ms-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background-color: rgba(34, 34, 34, 0.90);
}

.project-block .inner-box:hover .image .overlay-box:after {
    opacity: 1;
    -webkit-transform: perspective(400px) rotateY(0deg);
    -moz-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    -o-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
}

.project-block .inner-box:hover .image .overlay-box {
    opacity: 1;
}

.project-block .inner-box .image .overlay-box .icons {
    position: absolute;
    right: 15px;
    left: 15px;
    bottom: 15px;
    top: 15px;
    z-index: 1;
}

.project-block .inner-box .image .overlay-box .icons .plus {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 1;
    width: 30px;
    height: 30px;
    color: #000000;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    font-weight: 600;
    display: inline-block;
    background-color: #6258a5;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.project-block .inner-box .image .overlay-box .icons .link {
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 1;
    width: 30px;
    height: 30px;
    color: #000000;
    font-size: 14px;
    text-align: center;
    line-height: 30px;
    font-weight: 600;
    display: inline-block;
    background-color: #6258a5;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease
}

.project-block .inner-box .image .overlay-box .icons .plus:hover,
.project-block .inner-box .image .overlay-box .icons .link:hover {
    background-color: #ffffff;
}

.project-block .inner-box .image .overlay-box .overlay-inner {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: table;
    text-align: left;
    padding: 10px 20px;
    vertical-align: middle;
}

.project-block .inner-box .image .overlay-box .overlay-inner .overlay-content {
    position: relative;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

.project-block .inner-box .image h3 {
    position: relative;
    font-size: 20px;
    color: #ffffff;
    z-index: 1;
    font-weight: 700;
    line-height: 1.3em;
}

.project-block .inner-box .image h3 a {
    position: relative;
    color: #ffffff;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.project-block .inner-box .image h3 a:hover {
    color: #ffb200;
}

.project-block .inner-box .image .category {
    position: relative;
    color: #ffb200;
    font-size: 14px;
    margin-top: 4px;
    z-index: 1;
}

.project-section .owl-carousel.owl-loaded .owl-nav {
    display: none !important
}

.image-hover-effect {
    position: relative;
    overflow: hidden;
}

.image-hover-effect:before {
    position: absolute;
    content: "";
    right: 15px;
    bottom: 15px;
    border: 1px solid rgba(255, 255, 255, 0.64);
    opacity: 0;
    top: 15px;
    left: 15px;
    z-index: 1;
    transition: all .4s ease;
}

.image-hover-effect:hover:before {
    opacity: 1;
}

.image-hover-effect img {
    -webkit-transform: scale(1.5) translateY(0);
    transform: scale(1.5) translateY(0);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.image-hover-effect:hover img {
    -webkit-transform: scale(1.5) translateY(-12px);
    transform: scale(1.5) translateY(-12px);
}

.image-hover-effect .caption {
    position: absolute;
    bottom: 30px;
    right: 30px;
    z-index: 10;
    text-align: right;
    width: 100%;
}

.image-hover-effect:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity: 0;
    top: 0;
}

.image-hover-effect:hover:after {
    opacity: 1;
}

.image-hover-effect .caption h3 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: 0;
}

.image-hover-effect .caption p {
    -webkit-transform: translateY(35px);
    transform: translateY(35px);
    color: rgba(255, 255, 255, 0.7);
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    font-size: 13px;
}

.image-hover-effect:hover .caption h3,
.image-hover-effect:hover .caption p {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.image-hover-effect .link-wrap {
    position: absolute;
    top: 30px;
    left: 30px;
    z-index: 10;
}

.image-hover-effect .link-wrap a {
    display: inline-block;
    height: 36px;
    width: 36px;
    line-height: 34px;
    background-color: rgba(255, 255, 255, 0.2);
    border: 2px solid rgba(255, 255, 255, 0.3);
    text-align: center;
    color: #fff;
    font-size: 14px;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.image-hover-effect .link-wrap a:first-child {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    margin-right: 5px;
}

.image-hover-effect .link-wrap a:last-child {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px);
}

.image-hover-effect:hover .link-wrap a {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.image-hover-effect .link-wrap a:hover {
    background-color: rgba(255, 255, 255, 0.4);
}

/*---------------------project-section2-------------------*/
.image-hover-effect-two {
    position: relative;
    overflow: hidden;
}

.image-hover-effect-two:before {
    position: absolute;
    content: "";
    right: 20px;
    bottom: 20px;
    border: 2px solid rgba(255, 255, 255, 0.64);
    -webkit-box-shadow: 0 0 0 30px rgba(255, 255, 255, .4);
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.4);
    opacity: 0;
    top: 20px;
    left: 20px;
    z-index: 1;
    transition: all .4s ease;
}

.image-hover-effect-two:hover:before {
    opacity: 1;
}

.image-hover-effect-two img {
    -webkit-transform: scale(1.5) translateY(0);
    transform: scale(1.5) translateY(0);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.image-hover-effect-two:hover img {
    -webkit-transform: scale(1.5) translateY(-12px);
    transform: scale(1.5) translateY(-12px);
}

.image-hover-effect-two .caption {
    position: absolute;
    bottom: calc(50% - 30px);
    left: 50%;
    transform: translateX(-50%) translateY(50%);
    z-index: 10;
    text-align: center;
    width: 100%;
}

.image-hover-effect-two:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity: 0;
    top: 0;
}

.image-hover-effect-two:hover:after {
    opacity: 1;
}

.image-hover-effect-two .caption h3 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 10px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: 0;
}

.image-hover-effect-two .caption p {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    color: rgba(255, 255, 255, 0.7);
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    font-size: 13px;
}

.image-hover-effect-two:hover .caption h3,
.image-hover-effect-two:hover .caption p {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.image-hover-effect-two .link-wrap {
    position: absolute;
    top: calc(50% - 30px);
    right: 50%;
    transform: translateX(50%) translateY(-50%);
    z-index: 10;
}

.image-hover-effect-two .link-wrap a {
    display: inline-block;
    height: 36px;
    width: 36px;
    line-height: 34px;
    background-color: rgba(255, 255, 255, 0.2);
    border: 2px solid rgba(255, 255, 255, 0.3);
    text-align: center;
    color: #fff;
    font-size: 14px;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.image-hover-effect-two .link-wrap a:first-child {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    margin-right: 5px;
}

.image-hover-effect-two .link-wrap a:last-child {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px);
}

.image-hover-effect-two:hover .link-wrap a {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.image-hover-effect-two .link-wrap a:hover {
    background-color: rgba(255, 255, 255, 0.4);
}

/*---------------------project-section3-------------------*/
.image-hover-effect-three {
    position: relative;
    overflow: hidden;
}

.image-hover-effect-three img {
    -webkit-transform: scale(1.5) translateY(0);
    transform: scale(1.5) translateY(0);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.image-hover-effect-three:hover img {
    -webkit-transform: scale(1.5) translateY(-12px);
    transform: scale(1.5) translateY(-12px);
}

.image-hover-effect-three .caption {
    position: absolute;
    bottom: 25%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    text-align: center;
    width: 100%;
}

.image-hover-effect-three:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity: 0;
    top: 0;
}

.image-hover-effect-three:hover:after {
    opacity: 1;
}

.image-hover-effect-three .caption p {
    color: rgba(255, 255, 255, 0.7);
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.image-hover-effect-three:hover .caption h3,
.image-hover-effect-three:hover .caption p {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.image-hover-effect-three .link-wrap {
    position: absolute;
    top: 40%;
    right: 50%;
    transform: translateX(50%) translateY(-40%);
    z-index: 10;
}

.image-hover-effect-three .link-wrap a {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    background-color: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.image-hover-effect-three .link-wrap a:first-child {
    margin-right: 6px;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
}

.image-hover-effect-three .link-wrap a:last-child {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
    transition-duration: .7s;
}

.image-hover-effect-three:hover .link-wrap a {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.image-hover-effect-three .link-wrap a:hover {
    background-color: rgb(0, 0, 0);
}

.image-hover-effect-three .caption p,
.image-hover-effect-three:hover .caption h3 {
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
}

.image-hover-effect-three .caption h3 {
    font-size: 18px;
    color: #fff;
    font-size: 18px;
    transition: all .5s ease-in-out;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 1;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    display: inline-block;
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-transform-style: flat;
    transform-style: flat;
}

/*---------------------project-section4-------------------*/
.image-hover-effect-four {
    position: relative;
    overflow: hidden;
}

.image-hover-effect-four img {
    -webkit-transform: scale(1.5) translateX(0);
    transform: scale(1.5) translateX(0);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.image-hover-effect-four:hover img {
    -webkit-transform: scale(1.5) translateY(-12px);
    transform: scale(1.5) translateY(-12px);
    filter: blur(3px);
}

.image-hover-effect-four:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .3s ease-in-out;
    /* opacity: 0; */
    top: 0;
}

.image-hover-effect-four:hover:after {
    opacity: 1;
}

.image-hover-effect-four .caption h3 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 0px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: absolute;
    top: 10px;
    left: 30px;
    z-index: 10;
    font-size: 18px;
    border-bottom: 2px solid rgba(255, 255, 255, 0.84);
    padding-bottom: 5px;
}

.image-hover-effect-four .caption p {
    color: rgb(255, 255, 255);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    padding-bottom: 0;
    display: inline-block;
    opacity: 0;
    position: absolute;
    bottom: 30px;
    width: 100%;
    text-align: center;
    z-index: 10;
}

.image-hover-effect-four:hover .caption h3,
.image-hover-effect-four:hover .caption p {
    opacity: 1;
}

.image-hover-effect-four .link-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
}

.image-hover-effect-four .link-wrap a {
    display: inline-block;
    height: 40px;
    width: 42px;
    background: transparent;
    line-height: 36px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    text-align: center;
    color: #fff;
    font-size: 14px;
    opacity: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: transform .3s ease-in-out;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
}

.image-hover-effect-four .link-wrap a:first-child {
    margin-right: 10px;
    transition-delay: .2s;
}

.image-hover-effect-four .link-wrap a:last-child {
    transition-delay: .3s;
}

.image-hover-effect-four:hover .link-wrap a {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.image-hover-effect-four .link-wrap a:hover {
    background-color: rgba(255, 255, 255, 0.3);
}

.image-hover-effect-four:hover .caption h3 {
    color: #fff;
    border-bottom-color: #fff;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
}

/*---------------------project-section5-------------------*/
.image-hover-effect-five {
    position: relative;
    overflow: hidden;
    padding: 4px;
}

.image-hover-effect-five:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(68, 68, 68, 0.8);
    transform: scale(0);
    transition: all .6s ease-in-out;
}

.image-hover-effect-five:hover:before {
    transform: scale(1);
}

.image-hover-effect-five .caption {
    position: absolute;
    content: '';
    top: calc(50% + 22px);
    left: 50%;
    width: calc(100% - 40px);
    text-align: center;
    transform: translateX(-50%);
}

.image-hover-effect-five .caption h3 {
    font-size: 18px;
    transform: translateY(30px);
    transition: all .6s ease-in-out;
    opacity: 0;
    color: #fff;
    margin: 0;
}

.image-hover-effect-five:hover .caption h3 {
    transform: translateY(0px);
    opacity: 1;
}

.image-hover-effect-five .caption p {
    color: #eee;
    transition: all .35s cubic-bezier(0.43, 0.32, 0.9, 0.98);
    -webkit-transform: translateX(-50%) matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
    transform: translateX(-50%) matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
}

.image-hover-effect-five:hover .caption p {
    transform: translate(0);
}

.image-hover-effect-five .link-wrap {
    position: absolute;
    top: calc(50% - 22px);
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 10;
}

.image-hover-effect-five .link-wrap a {
    display: inline-block;
    height: 40px;
    width: 40px;
    border-radius: 4px;
    line-height: 40px;
    background-color: #6258a5;
    text-align: center;
    color: #fff;
    font-size: 15px;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
}

.image-hover-effect-five .link-wrap a:first-child {
    margin-right: 6px;
    transition-delay: .2s;
}

.image-hover-effect-five .link-wrap a:last-child {
    transition-delay: .3s;
}

.image-hover-effect-five:hover .link-wrap a {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.image-hover-effect-five .link-wrap a:hover {
    background-color: #6258a5
}

/*---------------------project-section6-------------------*/
.image-hover-effect-six {
    position: relative;
    overflow: hidden;
}

.image-hover-effect-six img {
    -webkit-transform: scale(1.5) translateX(0);
    transform: scale(1.5) translateX(0);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.image-hover-effect-six:hover img {
    -webkit-transform: scale(1.5) translateX(20px);
    transform: scale(1.5) translateX(20px);
    filter: blur(4px);
}

.image-hover-effect-six:after {
    position: absolute;
    content: '';
    height: calc(100% - 20px);
    width: calc(100% - 20px);
    background-color: rgba(175, 175, 175, 0.4);
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity: 0;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.image-hover-effect-six:hover:after {
    opacity: 1;
}

.image-hover-effect-six .caption h3 {
    font-size: 18px;
    color: #444;
    font-size: 18px;
    margin-bottom: 0px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: absolute;
    bottom: 25px;
    z-index: 10;
    right: 50%;
    background: rgb(255, 255, 255);
    padding: 5px;
    width: calc(100% - 50px);
    text-align: center;
    margin-top: 0;
    transform: translateX(50%);
}

.image-hover-effect-six .caption p {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    color: #fff;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: absolute;
    top: 25px;
    z-index: 1;
    left: 25px;
    display: block;
    width: 55%;
    text-align: right;
    padding-right: 15px;
}

.image-hover-effect-six:hover .caption p {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.image-hover-effect-six .link-wrap {
    position: absolute;
    top: 25px;
    right: 25px;
    z-index: 10;
}

.image-hover-effect-six .link-wrap a {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    border-radius: 20px;
    background-color: #fff;
    text-align: center;
    color: #777;
    font-size: 14px;
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.image-hover-effect-six .link-wrap a:first-child {
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
    margin-right: 6px;
}

.image-hover-effect-six .link-wrap a:last-child {
    -webkit-transform: translateX(60px);
    transform: translateX(60px);
}

.image-hover-effect-six:hover .link-wrap a {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

/*---------------------project-section7-------------------*/
.image-hover-effect-seven {
    position: relative;
    overflow: hidden;
}

.image-hover-effect-seven img {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.image-hover-effect-seven:hover img {
    -webkit-transform: scale(1.2) translateX(-12px);
    transform: scale(1.2) translateX(-12px);
}

.image-hover-effect-seven:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    -webkit-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    top: 0;
    transform: translateY(100%);
}

.image-hover-effect-seven:hover:after {
    transform: translateY(0);
}

.image-hover-effect-seven .caption h3 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 0px;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: absolute;
    top: -10px;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%);
    z-index: 10;
    width: 100%;
    padding: 0 15px;
}

.image-hover-effect-seven .caption p {
    -webkit-transform: translateX(-40px) translateY(40px);
    transform: translateX(-40px) translateY(40px);
    color: rgba(255, 255, 255, 0.7);
    -webkit-transition: all .9s ease-in-out;
    transition: all .5s ease-in-out;
    padding-bottom: 5px;
    display: inline-block;
    opacity: 0;
}

.image-hover-effect-seven:hover .caption p {
    opacity: 1;
    -webkit-transform: translateX(0px) translateY(40px);
    transform: translateX(0px) translateY(40px);
}

.image-hover-effect-seven .link-wrap {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translateX(-50%) translateY(-35%);
    z-index: 10;
}

.image-hover-effect-seven .link-wrap a {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 36px;
    border: 2px solid rgba(255, 255, 255, 0.8);
    text-align: center;
    color: #fff;
    font-size: 14px;
    opacity: 0;
    -webkit-transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
    -webkit-transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
    transform: matrix3d(1, 0, 0, 0, 0, 0, 1, -.008, 0, -1, 0, 0, 0, 0, 0, 1);
}

.image-hover-effect-seven .link-wrap a:first-child {
    margin-right: 7px;
    transition-delay: .2s;
}

.image-hover-effect-seven .link-wrap a:last-child {
    transition-delay: .3s;
}

.image-hover-effect-seven:hover .link-wrap a {
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.image-hover-effect-seven .link-wrap a:hover {
    background-color: rgba(255, 255, 255, 0.4);
}

.image-hover-effect-seven:hover .caption h3 {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 1;
}

.image-hover-effect-seven .caption {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    text-align: center;
    width: 100%;
}

/*---------------------project-section8-------------------*/
.image-hover-effect-eight {
    position: relative;
    overflow: hidden;
    background: #000;
    margin: 0 auto;
    width: 100%;
}

.image-hover-effect-eight img {
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    opacity: 0.7;
    margin: 0 auto;
    width: 100%;
}

.image-hover-effect-eight:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    filter: blur(4px);
}

.image-hover-effect-eight .caption {
    position: absolute;
    bottom: calc(50% - 30px);
    left: 50%;
    transform: translateX(-50%) translateY(50%);
    z-index: 10;
    text-align: center;
    width: 100%;
}

.image-hover-effect-eight:before,
.image-hover-effect-eight:after {
    position: absolute;
    content: '';
    height: 0px;
    width: 0px;
    background-color: transparent;
    -webkit-transition: all .25s ease-in-out;
    transition: all .3s ease-in-out;
    opacity: 0;
}

.image-hover-effect-eight:before {
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    top: 20px;
    left: 20px;
    z-index: 1;
}

.image-hover-effect-eight:after {
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    bottom: 20px;
    right: 20px;
}

.image-hover-effect-eight:hover:before,
.image-hover-effect-eight:hover:after {
    height: 40px;
    width: 40px;
    opacity: 1;
}

.image-hover-effect-eight .caption h3 {
    font-size: 18px;
    color: #fff;
    margin-top: 35px;
    margin-bottom: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    opacity: 0;
    font-family: 'Oswald', sans-serif;
}

.image-hover-effect-eight .caption p {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    color: rgba(255, 255, 255, 0.7);
    opacity: 0;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.image-hover-effect-eight:hover .caption h3,
.image-hover-effect-eight:hover .caption p {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    color: #fff
}

.image-hover-effect-eight .link-wrap {
    position: absolute;
    top: calc(50% - 25px);
    right: 50%;
    transform: translateX(50%) translateY(-50%);
    z-index: 10;
}

.image-hover-effect-eight .link-wrap a {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    background-color: rgba(0, 0, 0, 0.56);
    text-align: center;
    color: #fff;
    font-size: 14px;
    opacity: 0;
    border-radius: 50%;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.image-hover-effect-eight .link-wrap a:first-child {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
    margin-right: 5px;
}

.image-hover-effect-eight .link-wrap a:last-child {
    -webkit-transform: translateY(-60px);
    transform: translateY(-60px);
}

.image-hover-effect-eight:hover .link-wrap a {
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.image-hover-effect-eight .link-wrap a:hover {
    background-color: rgba(0, 0, 0, 0.76);
}

/*********************************************************
			      Call To Action Section
                  **********************************************************/
.call-to-action-section-two {
    position: relative;
    padding: 50px 0px;
    background-repeat: repeat;
    background-attachment: fixed;
}

.call-to-action-section-two:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(250, 170, 0, 0.90);
}

.call-to-action-section-two h2 {
    position: relative;
    color: #222222;
    font-size: 24px;
    font-weight: 600;
    margin-top: 8px;
    text-transform: capitalize;
}

/*********************************************************
			      blog_section
                  **********************************************************/
.blog_section {
    position: relative;
    padding: 70px 0px;
    background-color: #f5f5f5;
}

.blog_share_box {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border: 1px solid #dcdcdc;
    padding: 10px;
}

.blog_share_box:hover {
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
}

.blog_share_box .bl_share_img {
    position: relative;
    width: 100%;
}

.blog_share_box .bl_share_img img {
    width: 100%;
}

.bl_share_img .blog_date {
    width: 57px;
    height: 55px;
    display: inline-block;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    text-align: center;
    font-size: 16px;
    padding: 14px 10px 10px 10px;
    line-height: 16px;
    font-weight: 600;
}

.blog_share_details {
    padding: 35px 20px 20px 30px;
}

.blog_share_details .comment_author a {
    text-decoration: none;
}

.blog_share_details .comment_author a:hover {
    color: #38373c;
}

.blog_share_details .comment_author {
    display: block;
    color: #6258a5;
    font-weight: 600;
    margin-bottom: 15px;
}

.blog_share_details h1 a {
    color: #38373c;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
    text-decoration: none;
    display: block;
}

.blog_share_details h1 a:hover {
    color: #38373c;
}

.blog_share_details h1 {
    font-size: 34px;
    margin-bottom: 15px;
    font-weight: 500;
    line-height: 34px;
}

.blog_share_details p {
    font-size: 15px;
    color: #87868a;
    min-height: 135px;
    font-weight: 400;
    margin: 0px;
}

/*********************************************************
			      whychoose-wrap
                  **********************************************************/
.whychoose-wrap {
    background: url(../images/main-slider/image-7.jpg) no-repeat top;
    background-size: cover;
    padding: 70px 0;
}

.whychoose-wrap .video img {
    width: 100%;
}

.whychoose-wrap .video .matter {
    text-align: center;
}

.whychoose-wrap .video .matter i {
    font-size: 32px;
    background: #6258a5;
    color: #fff;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    padding: 24px 30px;
    line-height: 35px;
}

.whychoose-wrap .video .matter h5 {
    font-size: 48px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
}

.whychoose-wrap .video .matter h6 {
    margin-top: 0px;
    font-size: 64px;
    color: #fff;
    font-weight: 700;
    font-family: 'Poppins', sans-serif;
    line-height: 50px;
}

.whychoose-wrap .video .matter h6 span {
    color: #6258a5;
}

/*********************************************************
			      Team Section
                  **********************************************************/
.team-section {
    position: relative;
    padding: 40px 0px;
}

.team-section .auto-container {
    position: relative;
}

.team-section .title-column {
    position: relative;
}

.team-section .title-column .inner-column {
    position: relative;
    margin-bottom: 40px;
}

.team-section .title-column .inner-column .sec-title {
    position: relative;
    margin-bottom: 30px;
}

.team-section .title-column .inner-column .text {
    position: relative;
    color: #777777;
    font-size: 15px;
    line-height: 1.8em;
}

.team-section .carousel-column {
    position: static;
}

.team-section .carousel-column .inner-column {
    position: static;
}

.team-section .carousel-column .inner-column .owl-carousel {
    position: static;
}

.team-section .carousel-column .inner-column .owl-carousel .owl-stage-outer {
    position: static;
}

.team-section .carousel-column .owl-dots {
    display: none;
}

.team-section .carousel-column .owl-nav {
    position: absolute;
    left: 15px;
    bottom: 160px;
    display: none;
}

.team-section .carousel-column .owl-nav .owl-prev,
.team-section .carousel-column .owl-nav .owl-next {
    position: relative;
    height: 38px;
    width: 38px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    color: #222222;
    margin-right: 10px;
    background: #6258a5;
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.team-section .carousel-column .owl-nav .owl-prev:hover,
.team-section .carousel-column .owl-nav .owl-next:hover {
    color: #ffffff;
    border-color: #222222;
    background-color: #222222;
}

.team-section .carousel-column .heading_style_right .heading_inner_right {
    font-size: 28px;
}

/*********************************************************
			     Team Block
                 **********************************************************/
/*
	5. team style 4
    */
.team-area {
    position: relative;
    overflow: hidden;
    transition: all .5s;
}

.team-area:hover .team-info {
    background-color: rgb(255, 255, 255);
    opacity: 0.902;
    width: 100%;
    height: 100%;
    border-bottom: none;
}

.team-area:hover .info-text {
    margin-top: 120px;
}

.team-area:hover .team-info .info-text ul {
    display: block;
}

.team-area .team-img {
    position: relative;
    overflow: hidden;
    display: block;
}

.team-area .team-img- img {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.team-info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 110px;
    background-color: rgb(255, 255, 255);
    opacity: 0.902;
    border-bottom: 4px solid #6258a5;
    text-align: center;
    transition: all .5s;
}

.team-info .info-text h4 {
    margin-top: 18px;
    margin-bottom: 10px;
    color: #424243;
    font-size: 24px;
    font-weight: 700;
}

.team-info .info-text p {
    padding-bottom: 20px;
}

.team-info .info-text ul {
    display: none;
}

.team-info .info-text ul li {
    display: inline-block;
    margin-right: 15px;
}

.team-info .info-text ul li a {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #6258a5;
    font-size: 14px;
    color: #6258a5;
    line-height: 27px;
    text-align: center;
}

.team-info .info-text ul li a:hover {
    color: #fff;
    background: #6258a5;
}

/*********************************************************
			     Testimonial Section
                 **********************************************************/
.testimonial-section {
    background-image: url(../images/main-slider/image-2.jpg);
    position: relative;
    padding: 70px 0px;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}

.testimonial-section:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0, 0, 0, 0.80)
}

.testimonial-section {
    position: relative;
    padding: 70px 0px;
}

.testimonial-section .heading_inner_center {
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.38);
}

.style-testimonial-info {
    color: #ffffff;
    text-align: center;
    padding: 11px;
}

.style-testimonial-info .fa-comments {
    font-size: 50px;
    padding-bottom: 25px;
}

.style-testimonial-info .testimonial-quote {
    font-style: italic;
    padding: 0 100px;
    font-size: 16px;
    color: #fff;
    font-family: inherit;
}

.style-testimonial-info .commenter {
    font-style: italic;
    text-transform: capitalize;
    font-family: inherit;
    color: inherit;
    font-size: 1.8rem;
    margin-top: 35px;
}

.testimonial-style-one {
    padding: 35px;
    background: #fff;
    margin-bottom: 25px;
    position: relative;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.testimonial-style-one .testi-desc p {
    font-size: 15px;
    line-height: 22px;
    min-height: 90px;
    margin: 0px;
    text-align: justify;
}

.testimonial-style-one .testi-photo {
    display: inline-block !important;
}

.testimonial-style-one .testi-photo img {
    height: 80px;
    width: 80px !important;
    border-radius: 50%;
    padding: 3px;
    background: #6258a5;
    display: inline-block !important;
}

.testimonial-style-one .testi-info {
    display: inline-block;
    vertical-align: middle;
}

.testimonial-style-one .position {
    font-size: 12px;
    color: #888;
}

.testimonial-style-one .position a {
    color: #888;
}

.testimonial-section .owl-dots {
    display: none
}

.testimonial-section .owl-dots .owl-dot {
    position: relative;
    margin-bottom: 8px;
    width: 12px;
    height: 3px;
    background-color: #222222;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.testimonial-section .owl-dots .owl-dot.active {
    width: 20px;
    background-color: #6258a5;
}

.testimonial-section .owl-nav {
    display: none
}

.testimonial-section .owl-nav .owl-prev,
.testimonial-section .owl-nav .owl-next {
    position: relative;
    height: 38px;
    width: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 18px;
    color: #222222;
    margin-right: 10px;
    background: #6258a5;
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.testimonial-section .owl-nav .owl-prev:hover,
.testimonial-section .owl-nav .owl-next:hover {
    color: #ffffff;
    border-color: #222222;
    background-color: #222222;
}

.bdt-post-card-item {
    background-color: #fff;
    overflow: hidden;
    -webkit-box-shadow: 0 0 10px #ccc;
    box-shadow: 0 0 10px #ccc;
}

.bdt-post-card-desc {
    background-color: #fff;
    padding: 30px;
}

.bdt-post-card-desc a {
    font-weight: 600;
    color: #439ad0;
}

.bdt-post-card-desc a:hover {
    color: #6258a5
}

.bdt-post-card-tag {
    margin-bottom: 10px;
}

.bdt-post-card-tag span a {
    padding: 2px 6px;
    white-space: nowrap;
    text-decoration: none;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    background: #1e87f0;
}

.bdt-post-card-title {
    margin-top: 0;
    margin-bottom: 10px;
    color: #666;
    font-size: 18px;
    line-height: 25px;
}

.bdt-post-card-title a {
    text-decoration: none;
    color: inherit;
}

.bdt-subnav {
    margin-bottom: 10px;
    margin-top: 0;
    color: #999;
}

.bdt-flex-middle {
    align-items: center;
}

.bdt-subnav {
    padding: 0;
    list-style: none;
}

.bdt-subnav span:before {
    content: "\f073";
    font-family: 'FontAwesome';
    margin-right: 10px;
}

.bdt-post-card-excerpt p {
    min-height: 80px;
}

.bdt-subnav span {
    color: inherit;
}

.bdt-subnav * {
    font-size: 13px;
    font-weight: 400;
}

.bdt-subnav>* {
    position: relative;
}

.bdt-subnav span a {
    display: inline-block;
    transition: color .5s cubic-bezier(.4, .7, .04, .88);
}

.bdt-subnav * {
    font-size: 13px;
    font-weight: 400;
}

/*********************************************************
			     map_location Section
                 **********************************************************/
.map_location {}

.map_location iframe {
    width: 100%;
}

.contact-area {
    margin-top: -125px;
    width: 100%;
    background-color: #f7f7f7;
    padding: 45px 50px 10px 50px;
    box-shadow: 0px 16px 28px 0px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
}

#contactgoogleMap {
    width: 100%;
    height: 670px;
}

/*********************************************************
			     Testimonial Block
                 **********************************************************/
.testimonial-block {
    position: relative;
}

.testimonial-block .inner-box {
    position: relative;
    padding-top: 25px;
    padding-left: 230px;
    min-height: 178px;
}

.testimonial-block .inner-box .image {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 170px;
    height: 178px;
}

.testimonial-block .inner-box .image .quote-icon {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    display: inline-block;
    background-color: #222222;
}

.testimonial-block .inner-box h3 {
    position: relative;
    color: #222222;
    font-weight: 600;
    line-height: 1.3em;
}

.testimonial-block .inner-box .text {
    position: relative;
    color: #777777;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8em;
    margin-top: 12px;
}

/*********************************************************
			     Default Section
                 **********************************************************/
.default-section {
    position: relative;
}

.default-section .outer-container {
    position: relative;
}

.default-section .news-column {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 50%;
    height: 100%;
    float: left;
}

.default-section .news-column .inner-column {
    position: relative;
    width: 100%;
    margin: 0 auto;
    width: 100%;
    display: block;
}

.default-section .form-column {
    position: relative;
    float: right;
    width: 50%;
    background-size: cover;
    background-repeat: no-repeat;
}

.default-section .form-column .inner-column {
    position: relative;
    max-width: 600px;
    width: 100%;
    padding: 70px 15px 70px 60px;
}

.default-section .form-column:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(2, 186, 166, 0.79)
}

/*********************************************************
			    News Block
                **********************************************************/
.news-block {
    position: relative;
    margin-bottom: 30px;
}

.news-block .inner-box {
    position: relative;
}

.news-block .inner-box .image-column {
    position: relative;
}

.news-block .inner-box .image-column .column-inner {
    position: relative;
}

.news-block .inner-box .image-column .column-inner .image {
    position: relative;
}

.news-block .inner-box .image-column .column-inner .image .image-layer {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0px;
    height: 0px;
    background-size: cover;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    filter: gray;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
}

.news-block .inner-box .image-column .column-inner .image .image-layer .overlay-link {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 0px;
    height: 0px;
    width: 100%;
    height: 100%;
    display: block;
}

.news-block .inner-box:hover .image-column .column-inner .image .image-layer {
    width: 100%;
    height: 100%;
    display: block;
}

.news-block .inner-box .image-column .column-inner .image img {
    position: relative;
    width: 100%;
    display: block;
}

.news-block .inner-box .content-column {
    position: relative;
}

.news-block .inner-box .content-column .inner-column {
    position: relative;
}

.news-block .inner-box .content-column .post-info {
    position: relative;
}

.news-block .inner-box .content-column .post-info li {
    position: relative;
    color: #222222;
    font-size: 13px;
    margin-right: 15px;
    display: inline-block;
}

.news-block .inner-box .content-column .post-info li:last-child {
    margin-right: 0px;
}

.news-block .inner-box .content-column .column-inner h3 {
    position: relative;
    color: #222222;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4em;
    margin-top: 10px;
}

.news-block .inner-box .content-column .column-inner h3 a {
    position: relative;
    color: #222222;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.news-block .inner-box:hover .content-column .column-inner h3 a {
    color: #6258a5;
}

.news-block .inner-box .content-column .column-inner .text {
    position: relative;
    color: #777777;
    font-size: 14px;
    margin-top: 8px;
}

/*********************************************************
			    Quote Form
                **********************************************************/
.quote-form {
    position: relative;
}

.default-section .form-column .inner-column .heading_inner_right {
    color: #fff;
    border-bottom: 1px solid rgb(255, 255, 255);
}

.default-section .form-column .inner-column .heading_inner_right strong {
    background-color: #0a0a0a;
    color: #fff;
}

.default-section .form-column .inner-column .heading_style_right .heading_inner_right:after {
    background-color: #0a0a0a;
}

.quote-form .form-group {
    position: relative;
    margin-bottom: 15px;
}

.quote-form .form-group input[type="text"],
.quote-form .form-group input[type="tel"],
.quote-form .form-group input[type="email"],
.quote-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    line-height: 28px;
    padding: 11px 0 11px 15px;
    color: #000000;
    height: 50px;
    background: #fff0;
    font-size: 14px;
    border: 1px solid rgba(218, 218, 218, 0.5);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease
}

.quote-form .form-group input[type="text"]:focus,
.quote-form .form-group input[type="tel"]:focus,
.quote-form .form-group input[type="email"]:focus,
.quote-form .form-group textarea:focus {
    border: 1px solid;
    border-color: #dadada80 !important;
}

.quote-form .form-group textarea::-webkit-input-placeholder,
.quote-form .form-group input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.80);
}

.quote-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 22px;
    padding: 11px 0 11px 15px;
    color: #000000;
    height: 50px;
    background: #fff0;
    height: 125px;
    resize: none;
    font-size: 14px;
    border: 1px solid rgba(218, 218, 218, 0.5);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.quote-form .form-group .btn-detail {
    position: relative;
    text-align: center;
    margin-left: 30px;
    color: #ffffff;
    display: inline-block
}

.quote-form button {
    cursor: pointer;
    margin-top: 17px;
    font-size: 16px;
    text-transform: capitalize;
}

.default-section .form-column .inner-column .section-title .section-title .heading_space {
    color: #fff;
    position: relative;
    max-width: 600px;
    width: 100%;
    padding: 70px 15px 70px 60px;
}

.default-section .form-column .inner-column .section-title .section_heading {
    color: #fff !important;
}

.default-section .form-column .inner-column .section-title .section-title .section_heading {
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
}

.default-section .form-column .inner-column .section-title .section_heading>span {
    color: #ffffff;
}

.default-section .form-column .inner-column .section-title .section_heading .divider-left {
    background: #fff;
}

/*********************************************************
			    Custom Select
                **********************************************************/
.form-group .ui-selectmenu-button.ui-button {
    width: 100%;
    font-size: 15px;
    font-style: normal;
    height: 50px;
    padding: 10px 0px;
    line-height: 28px;
    color: #ffffff;
    border: none;
    border-radius: 0px;
    background: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.50);
}

.form-group .ui-button .ui-icon {
    background: none;
    position: relative;
    top: 2px;
    text-indent: 0px;
    color: #333333;
}

.form-group .ui-button .ui-icon:before {
    font-family: 'FontAwesome';
    content: "\f107";
    position: absolute;
    right: 0px;
    top: 2px !important;
    top: 13px;
    width: 10px;
    height: 20px;
    display: block;
    color: #ffffff;
    line-height: 20px;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    z-index: 5;
}

.ui-widget.ui-widget-content {
    border-bottom: 1px solid rgba(255, 255, 255, 0.50);
}

.ui-menu .ui-menu-item {
    font-size: 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.50);
}

.ui-menu .ui-menu-item:last-child {
    border: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active {
    background: #6258a5;
    border-color: #6258a5;
}

.ui-menu .ui-menu-item-wrapper {
    position: relative;
    display: block;
    padding: 8px 20px;
    font-size: 14px;
    line-height: 24px;
}

.ui-menu-item:hover {
    background-color: #6258a5;
}

/*********************************************************
			    Sponsors Section
                **********************************************************/
.sponsors-section {
    position: relative;
    padding: 70px 0px;
}

.sponsors-section .sponsors-outer {
    position: relative;
}

.sponsors-section .sponsors-outer .owl-dots,
.sponsors-section .sponsors-outer .owl-nav {
    position: relative;
    display: none;
}

.sponsors-section .sponsors-outer .image-box {
    padding: 30px 5px;
    margin: 0px;
    position: relative;
    text-align: center;
    border: 1px solid #f2f2f2;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.sponsors-section .sponsors-outer .image-box img {
    max-width: 100%;
    width: auto;
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.sponsors-section .sponsors-outer .image-box:hover {
    border-color: transparent;
}

/*********************************************************
			    Main Footer
                **********************************************************/
.main-footer {
    position: relative;
    padding: 70px 0px 0px;
    background-color: #050404;
    background-image: url(../images/main-slider/image-5.jpg);
}

.main-footer:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    background-color: rgba(0, 0, 0, 0.7);
}

.main-footer .footer-widget {
    position: relative;
    margin-bottom: 40px;
}

.main-footer .widgets-section {
    position: relative;
    padding-bottom: 40px;
}

.main-footer .footer-widget h2 {
    position: relative;
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    line-height: 1.2em;
    margin-bottom: 30px;
    margin-top: 25px;
    padding-bottom: 18px;
    text-transform: capitalize;
}

.main-footer .footer-widget h2:after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    height: 3px;
    width: 35px;
    background-color: #6258a5;
}

.main-footer .logo-widget .logo {
    position: relative;
    margin-bottom: 20px;
}

.main-footer .logo-widget .text {
    position: relative;
    color: #bbbbbb;
    font-size: 16px;
    line-height: 1.8em;
    margin-bottom: 25px
}

.main-footer .logo-widget .text a {
    position: relative;
    color: #6258a5;
}

.main-footer .list {
    position: relative;
}

.main-footer .list li {
    position: relative;
    margin-bottom: 14px;
}

.main-footer .list li a {
    position: relative;
    color: #bbbbbb;
    font-size: 16px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.main-footer .list li a:hover {
    color: #6258a5;
}

.main-footer .news-widget .owl-dots {
    display: none;
}

.main-footer .news-widget .owl-nav {
    position: absolute;
    right: 0px;
    top: -70px;
}

.main-footer .news-widget .owl-nav .owl-prev,
.main-footer .news-widget .owl-nav .owl-next {
    position: relative;
    margin-left: 24px;
    color: #bbbbbb;
    font-size: 28px;
    display: inline-block;
}

.main-footer .sub-footer {
    background-color: rgba(3, 7, 16, 0.5);
    padding: 25px 0;
}

.main-footer .sub-footer .copyright {
    margin: 0;
    text-align: center;
    color: #fff;
}

.main-footer h2 {
    color: #333333;
    margin: 0 0 15px;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 17px;
    margin-bottom: 30px;
    padding-bottom: 20px;
    font-weight: 400;
    position: relative;
}

.main-footer h2:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 2px;
    background-color: #6258a5;
}

.main-footer .sub-footer {
    background-color: rgba(3, 7, 16, 0.5);
    padding: 13px 0;
}

.main-footer .row .col-md-4 {
    margin-top: -5px;
    margin-bottom: -5px;
    margin-right: -5px;
    margin-left: -5px;
}

.main-footer .text_widget {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.text_widget p {
    float: left;
    width: 100%;
    color: #CACACA;
    margin: 0px;
}

.text_widget img {
    margin-bottom: 27px;
    margin-top: 4px;
}

.text_widget p a {
    color: #CACACA;
    text-decoration: none;
    word-break: break-word;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.ed_sociallink ul {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.ed_sociallink ul li {
    list-style: none;
    float: left;
    margin-top: 20px;
}

.ed_sociallink ul li:first-child a {
    margin-left: 0px;
}

.ed_sociallink ul li a {
    color: #fff;
    margin: 0px 10px;
    font-size: 18px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.ed_sociallink ul li a i {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.ed_footer_menu {
    float: left;
    width: 100%;
}

.ed_footer_menu ul {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}

.ed_footer_menu ul li {
    float: left;
    width: 100%;
    list-style: none;
    margin: 5px 0px;
}

.ed_footer_menu ul li:first-child {
    margin: 0px;
}

.ed_footer_menu ul li:last-child {
    margin-bottom: 0px;
}

.ed_footer_menu ul li a {
    font-size: 16px;
    color: #CACACA;
    text-decoration: none;
    text-transform: capitalize;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.ed_footer_menu ul li a:hover {
    color: #fca901;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.ed_footer_menu ul li .media {
    margin: 0;
    color: #7c7e83;
}

.ed_footer_menu ul li .media .media-left {
    padding-right: 15px;
}

.ed_footer_menu ul li .media img {
    width: 95px;
    margin: 0px;
}

.ed_footer_menu ul li .media-heading {
    font-size: 14px;
    margin: 0 0 6px;
    font-weight: 600;
}

.ed_footer_menu ul li .media-heading a {
    color: #6258a5;
    text-decoration: none;
}

.ed_footer_menu ul li .media .media-body p {
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 22px;
}

.ed_footer_menu ul li .comments-icon {
    font-size: 12px;
}

.ed_footer_menu ul li .media .media-body .comments-icon i {
    margin-right: 8px;
}

.ed_footer_menu ul li .media-body,
.media-left,
.media-right {
    display: table-cell;
    vertical-align: top;
}

.text_widget .footer-adress {
    list-style: none;
    margin: 0px;
}

.text_widget .footer-adress li {
    float: left;
    width: 100%;
    margin: 0;
    display: table;
    padding: 10px 0px;
}

.text_widget .footer-adress li>i {
    display: table-cell;
    vertical-align: top;
    font-size: 20px;
    color: #6258a5;
    width: 30px;
}

.text_widget .footer-adress li span {
    display: table-cell;
    vertical-align: middle;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    color: #CACACA;
    line-height: 24px;
}

.footer-adress li form input {
    width: 70% !important;
    ;
    height: 40px;
    padding: 10px 15px;
    border: 1px solid transparent;
    border-radius: 3px 0 0 3px;
    font-size: 14px;
    float: left;
    outline: none;
}

.footer-adress li form .button-small {
    width: 20%;
    border-radius: 0 3px 3px 0;
    height: 40px;
    color: #fff;
    float: left;
    text-align: center;
    border: solid 1px #6258a5 !important;
    background: #6258a5 !important;
}

/*********************************************************
			   News Widget Block
               **********************************************************/
.news-widget-block {
    position: relative;
    margin-bottom: 50px;
}

.news-widget-block:last-child {
    margin-bottom: 0px;
}

.news-widget-block:last-child {
    margin-bottom: 0px;
}

.news-widget-block .widget-inner {
    position: relative;
    padding-left: 120px;
    min-height: 90px;
    padding-top: 4px;
}

.news-widget-block .widget-inner .image {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 90px;
    height: 0px;
}

.news-widget-block .widget-inner .post-date {
    position: relative;
    color: #bbbbbb;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
}

.news-widget-block .widget-inner h3 {
    position: relative;
    color: #ffffff;
    font-size: 18px;
    line-height: 1.6em;
    font-weight: 400;
}

.news-widget-block .widget-inner h3 a {
    position: relative;
    color: #ffffff;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.news-widget-block .widget-inner h3 a:hover {
    color: #fbb908;
}

/*********************************************************
			  Footer Bottom
              **********************************************************/
.main-footer .footer-bottom {
    position: relative;
    padding: 18px 0px;
    background-color: #222222;
}

.main-footer .footer-bottom .copyright {
    position: relative;
    color: #ffffff;
    margin-top: 2px;
}

.main-footer .footer-bottom .copyright a {
    color: #6258a5;
}

.main-footer .footer-bottom .footer-nav {
    position: relative;
    text-align: right;
}

.main-footer .footer-bottom .footer-nav li {
    position: relative;
    margin-left: 15px;
    display: inline-block;
}

.main-footer .footer-bottom .footer-nav li a {
    position: relative;
    color: #ffffff;
    font-size: 16px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.main-footer .footer-bottom .footer-nav li a:hover {
    color: #6258a5;
}

.main-footer.style-two {
    background-color: #ffffff;
}

.main-footer.style-two:before {
    display: none;
}

.main-footer.style-two .footer-widget h2 {
    color: #222222;
}

.main-footer.style-two .list li a,
.main-footer.style-two .list-style-one li,
.main-footer.style-two .logo-widget .text,
.main-footer.style-two .news-widget-block .widget-inner .post-date {
    color: #777777;
}

.main-footer.style-two .news-widget-block .widget-inner h3 a {
    color: #222222;
}

.main-footer.style-two .footer-bottom {
    background-color: #222222;
}

/*********************************************************
			  Services Section Two
              **********************************************************/
.services-section-two {
    position: relative;
    padding: 100px 0px 70px;
}

.services-section-two .title-column {
    position: relative;
}

.services-section-two .title-column .inner-column {
    position: relative;
    margin-bottom: 25px;
}

.services-section-two .title-column .inner-column .sec-title {
    position: relative;
    margin-bottom: 25px;
}

.services-section-two .title-column .inner-column .text {
    position: relative;
    color: #777777;
    font-size: 14px;
    line-height: 2em;
}

.services-section-two .title-column .inner-column .read-more {
    position: relative;
    color: #6258a5;
    font-size: 14px;
    font-weight: 700;
    margin-top: 15px;
    display: inline-block;
    text-transform: capitalize;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

/*********************************************************
			  Services Section Three
              **********************************************************/
.services-block-three {
    position: relative;
    margin-bottom: 30px;
}

.services-block-three .inner-box {
    position: relative;
    padding: 30px 35px;
    background-color: #f5f5f5;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.services-block-three .inner-box:before {
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    left: 0px;
    top: 0px;
    transform: scale(0, 0);
    -moz-transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    -o-transform: scale(0, 0);
    background-color: #222222;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
}

.services-block-three .inner-box:hover::before {
    width: 100%;
    height: 100%;
    transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
}

.services-block-three .inner-box .upper-box {
    position: relative;
    padding-left: 40px;
}

.services-block-three .inner-box .upper-box .icon {
    position: absolute;
    left: 0px;
    top: 0px;
    color: #222222;
    font-size: 24px;
    line-height: 1em;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.services-block-three .inner-box .upper-box h6 {
    position: relative;
    color: #333333;
    font-weight: 700;
    line-height: 1.3em;
    padding-top: 3px;
}

.services-block-three .inner-box .upper-box h6 a {
    position: relative;
    color: #333333;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.services-block-three .inner-box:hover .text,
.services-block-three .inner-box:hover .upper-box .icon,
.services-block-three .inner-box:hover .upper-box h6 a {
    color: #ffffff;
}

.services-block-three .inner-box .text {
    position: relative;
    color: #777777;
    font-size: 14px;
    line-height: 1.8em;
    margin-top: 22px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.services-block-three .inner-box .read-more {
    position: relative;
    color: #6258a5;
    font-size: 14px;
    font-weight: 700;
    margin-top: 15px;
    display: inline-block;
    text-transform: capitalize;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

/*********************************************************
			  services Section one
              **********************************************************/
.services_item {
    position: relative;
    text-align: center;
    border: 1px solid #dddddd;
    margin-bottom: 0px;
}

.services_item .inner-box {
    position: relative;
    padding-bottom: 35px;
    background: #fff;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.services_item .inner-box .text {
    line-height: 24px;
    padding: 12px;
    text-align: justify;
    min-height: 140px
}

.services_item:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 1px;
    background-color: #ffffff;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.services_item:hover::before {
    height: 100%;
}

.services_item .image img {
    -o-transition: all .8s linear;
    -webkit-transition: all .8s linear;
    transition: all .8s linear;
    width: 100%;
}

.services-desc:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 0px;
    background-color: #ffffff;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease
}

.services_item .image {
    overflow: hidden;
    position: relative;
}

.services_item:hover img {
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transform-origin: center center;
    -o-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
}

.services-icon {
    font-size: 42px;
    display: inline-block;
    color: #999;
    text-align: center;
    margin-bottom: 15px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.services-title {
    background-color: #444;
    color: #fff;
    padding: 15px;
    font-size: 17px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.services-desc {
    margin-bottom: 15px;
    position: relative;
    min-height: 140px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.services-desc p {
    font-size: 14px;
    line-height: 1.8;
    color: #777;
}

.inner-box .title_del {
    position: relative;
    display: inline-block;
    color: #888;
    font-size: 15px;
    line-height: normal;
    border: 1px solid #e5e5e5;
    text-decoration: none !important;
    padding: 11px 22px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.services-title .title_ser {
    position: relative;
    display: inline-block;
    color: #f9f9f9;
    font-size: 18px;
    line-height: normal;
    text-decoration: none !important;
    padding: 6px 10px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.services_item:hover .title_del {
    background: #6258a5;
    color: #fff;
    border: 1px solid #6258a5;
}

.services_item:hover .services-title {
    background: #222;
}

.services_item:hover {
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
}

.services-block-two {
    position: relative;
    margin-bottom: 30px;
}

.services-block-two .inner-box {
    position: relative;
    padding: 22px 25px;
    min-height: 140px;
    padding-right: 140px;
    border: 1px solid #dddddd;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.services-block-two .inner-box:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 1px;
    background-color: #ffffff;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.services-block-two .inner-box:hover::before {
    height: 100%;
}

.services-block-two .inner-box h3 {
    position: relative;
    color: #222222;
    z-index: 1;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3em;
}

.services-block-two .inner-box h3 a {
    position: relative;
    color: #222222;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.services-block-two .inner-box h3 a:hover {
    color: #6258a5;
}

.services-block-two .inner-box .text {
    position: relative;
    color: #777777;
    z-index: 1;
    font-size: 15px;
    line-height: 1.8em;
    margin-top: 10px;
}

.services-block-two .inner-box .image {
    position: absolute;
    right: 0px;
    top: 0px;
    overflow: hidden;
    width: 140px;
    height: 140px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.services-block-two .inner-box:hover {
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
}

/*********************************************************
			  choice Section
              **********************************************************/
.choice-section {
    position: relative;
    padding: 100px 0px;
}

.choice-section:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 40%;
    height: 100%;
    display: block;
    background-color: #222222;
}

.choice-section:after {
    position: absolute;
    content: '';
    right: 0px;
    top: 0px;
    width: 120px;
    height: 100%;
    display: block;
    background: url(../images/background/pattern-1.png) no-repeat;
}

.choice-section .image-column {
    position: relative;
}

.choice-section .image-column .inner-column {
    position: relative;
}

.choice-section .image-column .inner-column .image {
    position: relative;
    z-index: 1;
}

.choice-section .image-column .inner-column .image:before {
    position: absolute;
    content: '';
    left: -60px;
    top: 50px;
    bottom: 50px;
    width: 100px;
    border: 10px solid rgba(255, 255, 255, 0.15);
}

.choice-section .image-column .inner-column .image img {
    position: relative;
    width: 100%;
    display: block;
}

.choice-section .content-column {
    position: relative;
}

.choice-section .content-column .inner-column {
    position: relative;
    padding-left: 40px;
    padding-top: 30px;
}

.choice-section .content-column .inner-column .sec-title {
    margin-bottom: 30px;
}

.choice-section .content-column .inner-column .text {
    position: relative;
    margin-bottom: 30px;
}

.choice-section .content-column .inner-column .text p {
    position: relative;
    color: #777777;
    font-size: 14px;
    line-height: 1.9em;
    margin-bottom: 20px;
}

.choice-section .content-column .inner-column .text p:last-child {
    margin-bottom: 0px;
}

/*********************************************************
			  Services Section Three
              **********************************************************/
.services-section-three {
    position: relative;
    padding: 100px 0px 70px;
    background-position: right bottom;
    background-repeat: no-repeat;
}

.services-block-four {
    position: relative;
    margin-bottom: 30px;
}

.services-block-four .inner-box {
    position: relative;
}

.services-block-four .inner-box .icon-box {
    position: relative;
    color: #6258a5;
    font-size: 64px;
    line-height: 1em;
    font-weight: 300;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.services-block-four .inner-box:hover .icon-box {
    color: #222222;
}

.services-block-four .inner-box h5 {
    position: relative;
    color: #333333;
    font-weight: 700;
    line-height: 1.3em;
    margin-top: 30px;
}

.services-block-four .inner-box h5 span {
    color: #777777;
}

.services-block-four .inner-box .text {
    position: relative;
    color: #777777;
    font-size: 16px;
    line-height: 1.8em;
    margin-top: 15px;
}

/*********************************************************
			  Project Section two
              **********************************************************/
.project-section-two {
    position: relative;
    padding: 90px 0px 0px;
}

.project-section-two:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0, 0, 0, 0.90);
}

.project-tab {
    position: relative;
}

.project-tab .sec-title {
    margin-bottom: 70px;
}

.project-tab .project-carousel .owl-nav,
.project-tab .project-carousel .owl-dots {
    display: none;
}

.project-tab .tabs-header {
    position: relative;
}

.project-tab .product-tab-btns {
    position: relative;
    padding-top: 40px;
}

.project-tab .product-tab-btns .p-tab-btn {
    position: relative;
    cursor: pointer;
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 30px;
    padding: 0px 0px 8px;
    text-transform: capitalize;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.project-tab .product-tab-btns .p-tab-btn:after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 2px;
    opacity: 0;
    background-color: #6258a5;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.project-tab .product-tab-btns .p-tab-btn:hover::after,
.project-tab .product-tab-btns .p-tab-btn.active-btn::after {
    opacity: 1;
}

.project-tab .product-tab-btns .p-tab-btn:hover,
.project-tab .product-tab-btns .p-tab-btn.active-btn {
    color: #6258a5;
}

.project-tab .p-tabs-content {
    position: relative;
    display: block;
    padding: 0px 0px;
}

.project-tab .p-tab {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: auto;
    opacity: 0;
    visibility: hidden;
}

.project-tab .p-tab.active-tab {
    position: relative;
    opacity: 1;
    visibility: visible;
    z-index: 5;
}

.p-tab.active-tab .project-block-two {}

.p-tab .project-block-two {
    transition: all 0.7s ease;
    -moz-transition: all 0.7s ease;
    -webkit-transition: all 0.7s ease;
    -ms-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    -moz-transform: scaleX(0);
    transform: scaleX(0);
}

.p-tab.active-tab .project-block-two {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
    -moz-transform: scaleX(1);
    transform: scaleX(1);
}

/*********************************************************
			  Project Block Two
              *********************************************************/
.project-block-two {
    position: relative;
}

.project-block-two .inner-box {
    position: relative;
}

.project-block-two .inner-box .image {
    position: relative;
}

.project-block-two .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
}

.project-block-two .inner-box .image .overlay-box {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    padding: 30px 35px;
    background-color: rgba(0, 0, 72, 0.90);
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
}

.project-block-two .inner-box:hover .image .overlay-box {
    opacity: 0;
    visible: hidden;
}

.project-block-two .inner-box .image .overlay-box h5 {
    position: relative;
    color: #ffffff;
    line-height: 1.3em;
}

.project-block-two .inner-box .image .overlay-box .category {
    position: relative;
    color: #ffb200;
    font-size: 14px;
    line-height: 1.3em;
    margin-top: 7px;
}

.project-block-two .inner-box .image .overlay-box-two {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    background: rgba(0, 0, 0, 0.85);
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease
}

.project-block-two .inner-box:hover .overlay-box-two {
    opacity: 1;
}

.project-block-two .inner-box .image .overlay-box-two .overlay-inner {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    display: table;
    vertical-align: middle;
    padding: 10px 20px;
}

.project-block-two .inner-box .image .overlay-box-two .overlay-inner .content {
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

.project-block-two .inner-box .image .overlay-box-two .title {
    position: relative;
    color: #6258a5;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3em;
}

.project-block-two .inner-box .image .overlay-box-two h3 {
    position: relative;
    color: #ffffff;
    font-weight: 600;
    line-height: 1.3em;
    margin-top: 26px;
}

.project-block-two .inner-box .image .overlay-box-two h3 a {
    position: relative;
    color: #ffffff;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.project-block-two .inner-box .image .overlay-box-two h3 a:hover {
    color: #ffb200;
}

.project-block-two .inner-box .image .overlay-box-two .text {
    position: relative;
    font-size: 16px;
    line-height: 1.8em;
    margin-top: 25px;
    color: rgba(255, 255, 255, 0.80);
}

.project-block-two .inner-box .image .overlay-box-two .read-more {
    position: relative;
    color: #6258a5;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3em;
    margin-top: 25px;
    display: inline-block;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.project-block-two .inner-box .image .overlay-box-two .read-more:hover {
    color: #ffffff;
}

/*********************************************************
			  Faq Section
              *********************************************************/
.faq-section {
    position: relative;
    padding-top: 95px;
}

.faq-section .accordian-column {
    position: relative;
}

.faq-section .accordian-column .inner-column {
    position: relative;
}

.faq-section .image-column {
    position: relative;
}

.faq-section .image-column .inner-column {
    position: relative;
}

.faq-section .image-column .inner-column .image {
    position: relative;
    text-align: center;
}

/*********************************************************
			  Accordion Style
              *********************************************************/
.accordion-box {
    position: relative;
}

.accordion-box .block {
    position: relative;
    margin-bottom: 20px;
    background-color: #ffffff;
}

.accordion-box .block.active-block {
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15);
}

.accordion-box .block .acc-btn {
    position: relative;
    font-size: 17px;
    cursor: pointer;
    line-height: 34px;
    color: #242f6c;
    font-weight: 600;
    background-color: #f2f3f6;
    padding: 19px 50px 16px 20px;
    transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
}

.accordion-box .block .acc-btn.active {
    background-color: #222222;
    color: #ffffff;
}

.accordion-box .block .icon-outer {
    position: absolute;
    right: 20px;
    top: 18px;
    font-size: 20px;
    color: #262626;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.accordion-box .block .icon-outer .icon {
    position: absolute;
    right: 0px;
    width: 30px;
    height: 30px;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    line-height: 32px;
    background-color: #6258a5;
}

.accordion-box .block .icon-outer .icon-plus {
    opacity: 1;
}

.accordion-box .block .icon-outer .icon-minus {
    opacity: 0;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-minus {
    opacity: 1;
}

.accordion-box .block .acc-btn.active .icon-outer .icon-plus {
    opacity: 0;
}

.accordion-box .block .acc-content {
    position: relative;
    display: none;
}

.accordion-box .block .acc-content .content-text {
    padding-bottom: 6px;
}

.accordion-box .block .acc-content.current {
    display: block;
}

.accordion-box .block .content {
    position: relative;
    font-size: 14px;
    padding: 30px 35px 30px 35px;
}

.accordion-box .block .content .accordian-text {
    line-height: 1.9em;
    font-size: 16px;
    color: #84858a;
    font-weight: 600;
}

.accordion-box .block .content p:last-child {
    margin-bottom: 0px;
}

.accordion-box.style-two {
    padding: 0px;
    background-color: #ffffff;
}

.accordion-box.style-two .block {
    margin-bottom: 10px;
    padding: 17px 20px;
    border: 1px solid #f2f2f2;
    background-color: #ffffff;
}

.accordion-box.style-two .block .acc-btn {
    border: none;
    color: #222222;
    background: none;
    padding: 0px 0px 0px 62px;
}

.accordion-box.style-two .block .icon-outer {
    left: 25px;
    top: 0px;
    right: auto;
}

.accordion-box.style-two .block .acc-content:before {
    display: none;
}

.accordion-box.style-two .block .content {
    padding: 15px 30px 0px 62px;
    border: none;
}

.accordion-box.style-two .block:before {
    position: absolute;
    content: '';
    left: 59px;
    top: 18px;
    bottom: 18px;
    width: 1px;
    background-color: #f2f2f2;
}

.accordion-box.style-two .block .icon-outer .icon {
    border: none;
    color: #222222;
    font-size: 20px;
    font-weight: 600;
    background: none;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.accordion-box.style-two .block.active-block::before {
    background-color: #6258a5;
}

.accordion-box.style-two .block .acc-btn.active .icon-outer .icon-plus {
    opacity: 1;
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

/*********************************************************
			  Testimonial Section Three
              *********************************************************/
.testimonial-section-two {
    position: relative;
    padding: 95px 0px 95px;
}

.testimonial-section-two .owl-dots {
    display: none;
}

.testimonial-section-two .owl-nav {
    position: absolute;
    right: 0px;
    top: -80px;
    z-index: 99;
}

.testimonial-section-two .owl-prev,
.testimonial-section-two .owl-next {
    position: relative;
    height: 38px;
    width: 38px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    color: #ffffff;
    margin-left: 10px;
    background: #6258a5;
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.testimonial-section-two .owl-prev:hover,
.testimonial-section-two .owl-next:hover {
    color: #ffffff;
    border-color: #222222;
    background-color: #222222;
}

/*********************************************************
			 Testimonial Block Two
             *********************************************************/
.testimonial-block-two {
    position: relative;
}

.testimonial-block-two .inner-box {
    position: relative;
    padding: 30px 30px;
    border-radius: 7px;
    background-color: #ffffff;
}

.testimonial-block-two .inner-box .quote-icon {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #efefef;
    font-size: 100px;
    line-height: 1em;
}

.testimonial-block-two .inner-box .text {
    position: relative;
    color: #777777;
    font-size: 14px;
    line-height: 1.8em;
    margin-bottom: 30px;
}

.testimonial-block-two .inner-box .author-info {
    position: relative;
}

.testimonial-block-two .inner-box .author-info .info-inner {
    position: relative;
    padding-left: 135px;
    min-height: 100px;
    padding-top: 25px;
}

.testimonial-block-two .inner-box .author-info .info-inner .author-image {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100px;
    height: 100px;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15);
}

.testimonial-block-two .inner-box .author-info .info-inner h6 {
    position: relative;
    color: #222222;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.3em;
}

.testimonial-block-two .inner-box .author-info .info-inner .designation {
    position: relative;
    color: #6258a5;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3em;
    margin-top: 6px;
}

.testimonial-block-two.style-two {
    margin-bottom: 30px;
}

.testimonial-block-two.style-two .inner-box {
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
}

/*********************************************************
			 Newsletter Section
             *********************************************************/
.news-section {
    position: relative;
    padding: 100px 0px 70px;
}

.newsletter-section {
    position: relative;
    padding: 70px 0px 70px;
    background-size: cover;
    background-repeat: no-repeat;
}

.newsletter-section:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(255, 170, 0, 0.90);
}

.newsletter-section .inner-container {
    position: relative;
}

.newsletter-section .title-column {
    position: relative;
}

.newsletter-section .title-column .inner-column {
    position: relative;
    padding-left: 85px;
    padding-top: 6px;
    margin-bottom: 6px;
}

.newsletter-section .title-column .inner-column .icon-box {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    color: #222222;
    font-size: 70px;
    line-height: 1em;
}

.newsletter-section .title-column h4 {
    position: relative;
    color: #ffffff;
    font-weight: 600;
    text-transform: capitalize;
}

.newsletter-section .title-column .inner-column .title {
    position: relative;
    color: #ffffff;
}

.newsletter-section .form-column {
    position: relative;
}

.newsletter-section .form-column .inner-column {
    position: relative;
    margin-top: 7px;
}

/*********************************************************
			 Subscribe Form
             *********************************************************/
.subscribe-form .form-group {
    position: relative;
    display: block;
    margin: 0px;
    width: 100%;
    padding-right: 177px;
}

.subscribe-form .form-group input[type="text"],
.subscribe-form .form-group input[type="tel"],
.subscribe-form .form-group input[type="email"],
.subscribe-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 28px;
    height: 53px;
    font-size: 14px;
    color: #000000;
    background: #ffffff;
    border: 1px solid #f2f2f2;
    padding: 10px 50px 10px 20px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.subscribe-form .form-group input[type="submit"],
.subscribe-form button {
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    border-radius: 0px;
}

.subscribe-form button:hover {
    background: none;
    color: #222222;
    border-color: #222222;
}

/*********************************************************
			 Footer Style Two
             *********************************************************/
.footer-style-two {
    position: relative;
    background-color: #222222;
}

.footer-style-two .footer-widget {
    position: relative;
    margin-bottom: 40px;
}

.footer-style-two .widgets-section {
    position: relative;
    padding: 90px 0px 40px;
    padding-bottom: 40px;
    background-position: center center;
    background-repeat: no-repeat;
}

.footer-style-two .footer-widget h5 {
    position: relative;
    font-weight: 400;
    color: #ffffff;
    line-height: 1.2em;
    margin-bottom: 30px;
    padding-bottom: 18px;
    text-transform: capitalize;
}

.footer-style-two .footer-widget h5:after {
    position: absolute;
    content: '';
    left: 0px;
    bottom: 0px;
    height: 3px;
    width: 35px;
    background-color: #6258a5;
}

.footer-style-two .logo-widget .logo {
    position: relative;
    margin-bottom: 25px;
}

.footer-style-two .logo-widget .text {
    position: relative;
}

.footer-style-two .logo-widget p {
    position: relative;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.6em;
    margin-bottom: 20px;
    font-weight: 400;
}

.footer-style-two .logo-widget p:last-child {
    margin-bottom: 0px;
}

.footer-style-two .usefull-links {
    position: relative;
}

.footer-style-two .usefull-links li {
    position: relative;
    margin-bottom: 10px;
}

.footer-style-two .usefull-links li a {
    position: relative;
    font-size: 16px;
    color: #ffffff;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.footer-style-two .usefull-links li a:hover {
    color: #6258a5;
}

/*********************************************************
			 Service List
             *********************************************************/
.footer-style-two .service-list {
    position: relative;
}

.footer-style-two .service-list li {
    position: relative;
    margin-bottom: 10px;
}

.footer-style-two .service-list li a {
    position: relative;
    font-size: 16px;
    color: #ffffff;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.footer-style-two .service-list li a:hover {
    color: #6258a5;
}

/*********************************************************
			 Footer Bottom
             *********************************************************/
.footer-style-two .footer-bottom {
    position: relative;
    padding: 15px 0px;
    background-color: #000000;
}

.footer-style-two .footer-bottom .copyright {
    position: relative;
    color: #ffffff;
}

.footer-style-two .footer-bottom .copyright a {
    color: #6258a5;
}

.footer-style-two .footer-bottom .footer-nav {
    position: relative;
    text-align: right;
}

.footer-style-two .footer-bottom .footer-nav li {
    position: relative;
    margin-left: 15px;
    display: inline-block;
}

.footer-style-two .footer-bottom .footer-nav li a {
    position: relative;
    color: #ffffff;
    font-size: 16px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.footer-style-two .footer-bottom .footer-nav li a:hover {
    color: #6258a5;
}

/*********************************************************
			 Project Section Three
             *********************************************************/
.project-section-three {
    position: relative;
    padding: 90px 0px 100px;
}

.project-section-three:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 600px;
    background-position: left top;
    background: url(../images/background/5.jpg) no-repeat;
}

.project-section-three .owl-nav {
    display: none;
}

.project-section-three .owl-dots {
    position: relative;
    text-align: center;
    margin-top: 30px;
}

.project-section-three .owl-dots .owl-dot {
    position: relative;
    width: 4px;
    height: 15px;
    margin: 0px 4px;
    display: inline-block;
    background-color: #222222;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.project-section-three .owl-dots .owl-dot.active {
    height: 20px;
    background-color: #6258a5;
}

.project-section-three .title-box {
    position: relative;
    margin-bottom: 90px;
}

.project-section-three .title-box .text {
    position: relative;
    color: #777777;
    font-size: 17px;
    line-height: 1.8em;
    margin-bottom: 30px;
}

.project-section-three .title-box .video-column .play-box {
    position: relative;
    color: #222222;
    font-size: 18px;
    font-weight: 600;
    text-decoration: underline
}

.project-section-three .title-box .video-column .play-box .play-icon {
    position: relative;
    left: 0px;
    top: 0px;
    width: 72px;
    height: 72px;
    color: #ffffff;
    line-height: 72px;
    text-align: center;
    font-size: 24px;
    margin-right: 15px;
    display: inline-block;
    background-color: #6258a5;
}

/*********************************************************
			Services Block Five
            *********************************************************/
.services-block-five {
    position: relative;
    margin-bottom: 40px;
}

.services-block-five .inner-box {
    position: relative;
    overflow: hidden;
}

.services-block-five .inner-box .image {
    position: relative;
    overflow: hidden;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.services-block-five .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.services-block-five .inner-box:hover .image img {
    transform: scale(1.2, 1.2);
}

.services-block-five .inner-box .image .overlay-box {
    position: absolute;
    content: '';
    left: -100%;
    top: 0px;
    width: 35%;
    height: 100%;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    background-color: rgba(255, 170, 0, 0.80);
}

.services-block-five .inner-box:hover .image .overlay-box {
    left: 0%;
}

.services-block-five .inner-box .image .overlay-box .link-icon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 38px;
    height: 38px;
    color: #ffffff;
    text-align: center;
    line-height: 38px;
    margin-left: -19px;
    margin-top: -19px;
    background-color: #222222;
}

.services-block-five .inner-box .lower-content {
    position: relative;
    border: 1px solid #dddddd;
    border-top: none;
}

.services-block-five .inner-box .lower-content .upper-box {
    position: relative;
    padding: 22px 25px;
}

.services-block-five .inner-box .lower-content h3 {
    position: relative;
    color: #222222;
    z-index: 1;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3em;
}

.services-block-five .inner-box .lower-content h3 a {
    position: relative;
    color: #222222;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease
}

.services-block-five .inner-box .lower-content h3 a:hover {
    color: #6258a5;
}

.services-block-five .inner-box .lower-content .text {
    position: relative;
    color: #777;
    z-index: 1;
    font-size: 15px;
    line-height: 1.8em;
    margin-top: 10px;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.services-block-five .inner-box .lower-content .lower-box {
    position: relative;
    padding: 0px 0px 0px 25px;
    border-top: 1px solid #dddddd;
}

.services-block-five .inner-box .lower-content .read-more {
    position: relative;
    color: #222222;
    font-size: 14px;
    padding: 17px 0px 14px;
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.services-block-five .inner-box .lower-content .read-more:hover {
    color: #6258a5;
}

.services-block-five .inner-box .lower-content .arrow-icon {
    position: relative;
    color: #222222;
    font-size: 18px;
    padding: 10px 20px;
    line-height: 32px;
    display: inline-block;
    border-left: 1px solid #dddddd;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.services-block-five .inner-box .lower-content .arrow-icon:hover {
    color: #6258a5;
}

/*********************************************************
			Newsletter Section
            *********************************************************/
.newsletter-section-two {
    position: relative;
    padding-top: 75px;
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
}

.newsletter-section-two:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0, 0, 72, 0.90);
}

.newsletter-section-two .title-column {
    position: relative;
    margin-bottom: 40px;
}

.newsletter-section-two .text {
    position: relative;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.9em;
    margin-bottom: 35px;
}

.newsletter-section-two .newsletter-form .form-group {
    position: relative;
    display: block;
    z-index: 1;
    margin-bottom: 0px;
}

.newsletter-section-two .newsletter-form .form-group input[type="text"],
.newsletter-section-two .newsletter-form .form-group input[type="tel"],
.newsletter-section-two .newsletter-form .form-group input[type="email"],
.newsletter-section-two .newsletter-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    height: 52px;
    font-size: 14px;
    color: #c6d8f7;
    line-height: 38px;
    padding: 10px 30px;
    font-weight: 400;
    background: none;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.30);
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.newsletter-section-two .newsletter-form.form-group textarea::-webkit-input-placeholder,
.newsletter-section-two .newsletter-form .form-group input::-webkit-input-placeholder {
    color: #c6d8f7;
}

.newsletter-section-two .newsletter-form .form-group input[type="email"]:focus {
    border-color: #6258a5;
}

.newsletter-section-two .newsletter-form .form-group .theme-btn {
    margin-top: 25px;
}

/*********************************************************
			Project Section Four
            *********************************************************/
.project-section-four {
    position: relative;
    padding: 90px 0px 100px;
}

.project-section-four .owl-dots {
    display: none;
}

.project-section-four .owl-nav {
    position: absolute;
    right: 0px;
    top: -90px;
    z-index: 99;
}

.project-section-four .owl-prev,
.project-section-four .owl-next {
    position: relative;
    height: 40px;
    width: 40px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    color: #222222;
    margin-left: 10px;
    background: #ffffff;
    display: inline-block;
    border: 1px solid #777777;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.project-section-four .owl-prev:hover,
.project-section-four .owl-next:hover {
    color: #ffffff;
    border-color: #222222;
    background-color: #222222;
}

.project-block {
    position: relative;
}

.project-block .inner-box {
    position: relative;
}

.project-block .inner-box .image-column {
    position: relative;
    padding: 0px;
    float: left;
}

.project-block .inner-box .image-column .image {
    position: relative;
}

.project-block .inner-box .image-column .image img {
    position: relative;
    width: 100%;
    display: block;
}

.project-block .inner-box .content-column {
    position: relative;
    padding: 0px;
    float: left;
}

.project-block .inner-box .content-column .inner-column {
    position: relative;
    margin-top: 45px;
    padding: 40px 35px;
    margin-left: -70px;
    z-index: 1;
    background-color: #6258a5;
}

.project-block .inner-box .content-column .inner-column .title {
    position: relative;
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 15px;
}

.project-block .inner-box .content-column .inner-column h3 {
    position: relative;
    color: #222222;
    font-size: 24px;
    margin-bottom: 15px;
    font-weight: 700;
    line-height: 1.3em;
    margin-bottom: 20px;
}

.project-block .inner-box .content-column .inner-column .text {
    position: relative;
    color: #222222;
    font-size: 16px;
    line-height: 1.7em;
    margin-bottom: 25px;
}

.project-block .inner-box .content-column .inner-column .read-more {
    position: relative;
    color: #222222;
    font-size: 16px;
    font-weight: 700;
    text-decoration: underline;
}

/*********************************************************
			Counter Section
            *********************************************************/
.counter-section {
    position: relative;
    padding: 90px 0px 60px;
    background-color: #f5f5f5;
}

.pricing-section {
    position: relative;
    padding-top: 110px;
    padding-bottom: 70px;
}

.pricing-section .title-column {
    position: relative;
    margin-bottom: 40px;
    width: 25%;
    float: left;
}

.pricing-section .title-column .inner-column {
    position: relative;
    padding-right: 40px;
}

.pricing-section .title-column h2 {
    position: relative;
    color: #293039;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 1.4em;
}

.pricing-section .title-column .text {
    position: relative;
    color: #4e5c66;
    font-size: 16px;
    line-height: 1.8em;
    margin-bottom: 40px;
}

.pricing-section .price-column {
    position: relative;
    width: 75%;
    float: left;
}

.pricing-tabs {
    position: relative;
}

.pricing-tabs .tab-buttons {
    position: relative;
}

.pricing-tabs .tab-buttons .tab-btn {
    position: relative;
    color: #222222;
    font-size: 16px;
    font-weight: 400;
    float: left;
    cursor: pointer;
    padding: 12px 28px 10px;
    margin-right: 5px;
    border: 2px solid #222222;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.pricing-tabs .tab-buttons .tab-btn:hover,
.pricing-tabs .tab-buttons .tab-btn.active-btn {
    color: #ffffff;
    background-color: #222222;
}

/*********************************************************
			Price Block
            *********************************************************/
.pricing-tabs .tabs-content .tab {
    position: relative;
    display: none;
}

.pricing-tabs .tabs-content .tab.active-tab {
    display: block;
}

.price-block {
    position: relative;
    margin-bottom: 40px;
}

.price-block .inner-box {
    position: relative;
    text-align: center;
    border-radius: 4px;
    padding: 30px 0px 40px;
    background-color: #ffffff;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
    border: 1px solid #f5f5f5;
    -webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.04);
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.04);
}

.price-block .inner-box:hover {
    transform: scale(1.02);
    -webkit-transform: scale(1.02);
    -moz-transform: scale(1.02);
    -ms-transform: scale(1.02);
    -o-transform: scale(1.02);
}

.price-block .inner-box h2 {
    position: relative;
    color: #000000;
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 8px;
}

.price-block .inner-box .title {
    position: relative;
    color: #777777;
    font-size: 14px;
    margin-bottom: 40px;
}

.price-block .inner-box .price {
    position: relative;
    color: #222222;
    font-size: 36px;
    font-weight: 500;
    line-height: 1em;
    padding: 25px 0px 20px;
    margin-bottom: 30px;
    background-color: #f3f3f3;
}

.price-block .inner-box ul {
    position: relative;
    margin-bottom: 30px;
}

.price-block .inner-box ul li {
    position: relative;
    color: #777777;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 12px;
}

.price-block .inner-box ul li:last-child {
    margin-bottom: 0px;
}

.price-block .inner-box .theme-btn {
    padding: 10px 30px 10px;
}

/*********************************************************
			Testimonial Style1 Section
            *********************************************************/
/*-----------------------Testimonial Style1-------------------------*/
.tc-testimonial-style1 {
    padding: 35px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.08);
    position: relative;
    margin-bottom: 40px !important;
}

.tc-testimonial-style1 .testi-desc p {
    margin-bottom: 20px;
    color: #999;
}

.tc-testimonial-style1 .testi-photo {
    display: inline-block;
    position: absolute;
    bottom: -40px;
    border-radius: 50%;
}

.tc-testimonial-style1 .testi-photo img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 8px solid #fff;
    box-shadow: 0 0 0 1px rgba(49, 49, 49, 0.07);
}

.tc-testimonial-style1 .testi-info {
    text-align: right;
}

.tc-testimonial-style1 .position {
    font-size: 12px;
    color: #888;
}

.tc-testimonial-style1 .position a {
    color: #888;
}

/*-----------------------Testimonial Style2-------------------------*/
.tc-testimonial-style2 {
    padding: 35px;
    background: #fff;
    position: relative;
    margin-top: 40px;
    border: 1px solid #f5f5f5;
}

.tc-testimonial-style2 .testi-desc {
    padding-top: 35px;
}

.tc-testimonial-style2 .testi-desc p {
    margin-bottom: 20px;
    color: #999;
    min-height: 65px;
}

.tc-testimonial-style2 .testi-photo {
    display: inline-block;
    position: absolute;
    top: -40px;
    border-radius: 50%;
}

.tc-testimonial-style2 .testi-photo img {
    height: 80px;
    border: 8px solid #fff;
    background: #f9f9f9;
    padding: 1px;
    width: auto !important
}

.tc-testimonial-style2 .testi-info {
    text-align: right;
}

.tc-testimonial-style2 .position {
    font-size: 12px;
    color: #888;
}

.tc-testimonial-style2 .position a {
    color: #888;
}

/*-----------------------Testimonial Style3-------------------------*/
.tc-testimonial-style3 .testi-desc {
    padding: 35px;
    background: #fff;
    margin-bottom: 25px;
    position: relative;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.tc-testimonial-style3 .testi-desc p {
    min-height: 110px;
}

.tc-testimonial-style3 .testi-desc:after {
    content: '';
    border: 12px solid transparent;
    position: absolute;
    border-top-color: #fff;
    height: 20px;
    bottom: -24px;
}

.tc-testimonial-style3 .testi-photo {
    display: inline-block;
}

.tc-testimonial-style3 .testi-photo img {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    padding: 5px;
    background: #f9f9f9;
    display: inline-block;
    width: auto !important
}

.tc-testimonial-style3 .testi-info {
    display: inline-block;
    vertical-align: middle;
}

.tc-testimonial-style3 .position {
    font-size: 12px;
    color: #888;
}

.tc-testimonial-style3 .position a {
    color: #888;
}

/*-----------------------Testimonial Style4-------------------------*/
.tc-testimonial-style4 {
    text-align: center;
}

.tc-testimonial-style4 .testi-desc {
    padding-top: 100px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.tc-testimonial-style4 .testi-desc p {
    font-size: 15px;
    line-height: 26px;
    color: #777;
}

.tc-testimonial-style4 .testi-photo {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.tc-testimonial-style4 .testi-photo img {
    height: 80px;
    width: 80px;
    border-radius: 50%;
    padding: 5px;
    background: #eee;
    display: inline-block;
    width: auto !important
}

.tc-testimonial-style4 .testi-info {
    display: inline-block;
    padding-top: 10px;
    position: relative;
    margin-top: 10px;
}

.tc-testimonial-style4 .testi-info:before {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: '';
    height: 1px;
    width: 20px;
    background-color: #444;
}

.tc-testimonial-style4 .position {
    font-size: 12px;
    color: #888;
}

.tc-testimonial-style4 .position a {
    color: #888;
}

.testimonial-item-one-carousel .owl-nav {
    display: none
}

/*-----------------------Testimonial Style5-------------------------*/
.tc-testimonial-style5 .testi-desc {
    padding: 35px;
    background: #fff;
    border: 1px solid #444;
    border-radius: 10px;
    margin-bottom: 25px;
    position: relative;
}

.tc-testimonial-style5 .testi-desc p {
    min-height: 80px;
}

.tc-testimonial-style5 .testi-desc:after {
    content: '';
    border: 12px solid transparent;
    position: absolute;
    border-top-color: #fff;
    height: 20px;
    bottom: -23px;
}

.tc-testimonial-style5 .testi-desc:before {
    content: '';
    border: 12px solid transparent;
    position: absolute;
    border-top-color: #000;
    height: 20px;
    bottom: -24px;
}

.tc-testimonial-style5 .testi-photo {
    display: inline-block;
}

.tc-testimonial-style5 .testi-photo img {
    height: 80px;
    border-radius: 50%;
    padding: 3px;
    background: #444;
    display: inline-block !important;
    width: auto !important
}

.tc-testimonial-style5 .testi-info {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.tc-testimonial-style5 .position {
    font-size: 12px;
    color: #888;
}

.tc-testimonial-style5 .position a {
    color: #888;
}

/*-----------------------Testimonial Style6-------------------------*/
.tc-testimonial-style6 {
    padding-top: 40px;
    background: #fff;
    position: relative;
}

.tc-testimonial-style6 .testi-desc {
    padding-top: 65px;
    border-top: 2px solid #f5f5f5;
}

.tc-testimonial-style6 .testi-desc p {
    margin-bottom: 20px;
    color: #999;
    min-height: 120px;
}

.tc-testimonial-style6 .testi-photo {
    display: inline-block;
    position: absolute;
    top: 0;
    border-radius: 50%;
    margin-right: 29px;
}

.tc-testimonial-style6 .testi-photo img {
    width: 80px;
    height: 80px;
    background: #f9f9f9;
    padding: 5px;
    display: inline-block !important;
    width: auto !important
}

.tc-testimonial-style6 .testi-info {
    text-align: right;
    background: #f5f5f5;
    padding: 10px 15px;
    background: -webkit-linear-gradient(left, #ffffff 15%, #f5f5f5 85%, #eee 100%);
    background: linear-gradient(to right, #ffffff 15%, #f5f5f5 85%, #eee 100%);
}

.tc-testimonial-style6 .position {
    font-size: 12px;
    color: #888;
}

.tc-testimonial-style6 .position a {
    color: #888;
}

.padding-tb-80 {
    padding: 80px 0;
}

.team_grid {
    width: 100%;
    margin: 13px auto;
    
    position: relative;
    box-shadow: 0 0 20px -5px #666;
}
.team_grid::before{
    content: '';
    position: absolute;
    left: -6px;
    top: -6px;
    width: 100%;
    height: 100px;
    background: #b52219;
    z-index: -1;
}
.team_grid  .item_image{
    position: relative;
}

.team_grid .item_content {
    padding: 14px 8px;
    text-align: center;
    background: #fffff9;
}

.team_grid .member_name {
    line-height: 1;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    color: #b52219;
}

.team_grid  .item_image .view-details{
    content: '';
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: #b5221952;
    opacity: 0;
    transition: 0.5s all;

}
.team_grid .item_image .view-details a{
    background-color: #fff;
    color: #000;
    padding: 10px 15px;
    display: block;
    margin-top: 314px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}
.team_grid:hover .item_image .view-details{
    opacity: 1;
}


.max650{
    max-width: 600px;
    text-align: center;
    margin: 0 auto;
  padding: 0 15px;
  margin-bottom: 37px;
}

.max650 p{
    font-size: 16px;
}

/*********************************************************
			pricing Style1 Section
            *********************************************************/
/*------------------Style1--------------------*/
.tc-pricing-style1 .pricing-plan {
    position: relative;
    text-align: center;
    padding: 25px;
    margin-bottom: 35px;
    background-color: #f5f5f5;
    border-radius: 4px;
}

.tc-pricing-style1 .pricing-plan {
    background-color: #f1f1f1;
}

.tc-pricing-style1 .pricing-plan .badge {
    position: absolute;
    top: 15px;
    transform: rotate(90deg);
    right: 0px;
    padding: 5px;
    background: #fff;
    color: #6258a5;
    border-radius: 0;
    font-size: 11px;
}

.tc-pricing-style1 .pricing-head .name {
    padding-bottom: 25px;
    font-size: 15px;
    color: #444;
    letter-spacing: 1px;
}

.tc-pricing-style1 .pricing-plan.featured .pricing-head .name {
    color: #fff;
    font-family: 'Poppins', sans-serif;
}

.tc-pricing-style1 .pricing-plan.featured {
    background-color: #6258a5;
}

.tc-pricing-style1 .pricing-head .price {
    display: inline-block;
    background-color: #6258a5;
    color: #fff;
    padding: 28px 30px;
    border-radius: 50%;
}

.tc-pricing-style1 .pricing-plan.featured .pricing-head .price {
    background-color: #fff;
    color: #6258a5;
}

.tc-pricing-style1 .pricing-head .price sup {
    font-size: 16px;
    line-height: normal;
    top: 2px;
    margin-right: 1px;
    vertical-align: top;
    font-weight: lighter;
}

.tc-pricing-style1 .pricing-head span.value {
    display: block;
    font-size: 26px;
    line-height: normal;
    font-weight: 600;
}

.tc-pricing-style1 .pricing-head span.duration {
    display: block;
    font-size: 11px;
    margin-top: -6px;
}

.tc-pricing-style1 .pricing-body {
    padding-top: 40px;
}

.tc-pricing-style1 .pricing-body ul {
    padding-left: 0;
    list-style: none;
    font-size: 12px;
    color: #666;
}

.tc-pricing-style1 .pricing-plan.featured .pricing-body ul {
    color: #fff;
}

.tc-pricing-style1 .pricing-body ul li:nth-child(n+2) {
    padding-top: 12px;
}

.tc-pricing-style1 .pricing-footer {
    padding-top: 30px;
}

.tc-pricing-style1 .pricing-footer .p-button {
    display: inline-block;
    padding: 11px 20px 8px 20px;
    font-size: 13px;
    min-width: 130px;
    text-transform: uppercase;
    background-color: #6258a5;
    border-radius: 20px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
    line-height: normal;
}

.tc-pricing-style1 .pricing-footer .p-button:hover {
    background-color: #000000;
    color: rgba(255, 255, 255, 0.8);
}

.tc-pricing-style1 .pricing-plan.featured .pricing-footer .p-button {
    background: #fff;
    color: #6258a5;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
}

.tc-pricing-style1 .pricing-plan.featured .pricing-footer .p-button:hover {
    background: rgba(255, 255, 255, 0.8);
}

/*------------------Style2 -------------------*/
.tc-pricing-style2 .pricing-plan {
    position: relative;
    text-align: center;
    padding: 25px;
    margin-bottom: 35px;
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1);
}

.tc-pricing-style2 .pricing-plan {
    background-color: #fff;
}

.tc-animation-hover:hover .pricing-plan {
    background-color: #6258a5;
    color: #fff
}

.tc-animation-hover:hover .pricing-plan .name {
    color: #fff font-family: 'Poppins', sans-serif;
    ;
}

.tc-animation-hover:hover .pricing-plan .price {
    color: #fff;
}

.tc-animation-hover:hover .pricing-plan .pricing-body ul {
    color: #fff;
}

.tc-pricing-style2 .pricing-plan .badge {
    position: absolute;
    top: 15px;
    right: 0px;
    padding: 5px;
    background: #fff;
    color: #6258a5;
    border-radius: 0;
    font-size: 11px;
}

.tc-pricing-style2 .pricing-head .name {
    font-size: 15px;
    letter-spacing: 1px;
    margin-top: 26px;
    margin-right: -25px;
    margin-bottom: 30px;
    padding: 7px;
    color: #444;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.tc-pricing-style2 .pricing-plan.featured .pricing-head .name {
    background: rgba(255, 255, 255, 0.2);
}

.tc-pricing-style2 .pricing-plan.featured .pricing-head .name {
    color: #fff;
}

.tc-pricing-style2 .pricing-plan.featured {
    background-color: #6258a5;
}

.tc-pricing-style2 .pricing-head .price {
    display: inline-block;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    color: #222;
    padding: 28px 30px;
    border-radius: 50%;
}

.tc-pricing-style2 .pricing-plan.featured .pricing-head .price {
    background-color: #fff;
    color: #6258a5;
    -webkit-box-shadow: 0 20px 30px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 -4px 10px 0px rgba(0, 0, 0, 0.05);
}

.tc-pricing-style2 .pricing-head .price sup {
    font-size: 16px;
    line-height: normal;
    top: 2px;
    margin-right: 1px;
    vertical-align: top;
    font-weight: lighter;
}

.tc-pricing-style2 .pricing-head span.value {
    display: block;
    font-size: 26px;
    line-height: normal;
    font-weight: 600;
}

.tc-pricing-style2 .pricing-head span.duration {
    display: block;
    font-size: 11px;
    margin-top: -6px;
}

.tc-pricing-style2 .pricing-body {
    padding-top: 30px;
}

.tc-pricing-style2 .pricing-body ul {
    padding-left: 0;
    list-style: none;
    font-size: 12px;
    color: #666;
}

.tc-pricing-style2 .pricing-plan.featured .pricing-body ul {
    color: #fff;
}

.tc-pricing-style2 .pricing-body ul li:nth-child(n+2) {
    padding-top: 12px;
}

.tc-pricing-style2 .pricing-footer {
    padding-top: 30px;
}

.tc-pricing-style2 .pricing-footer .p-button {
    display: inline-block;
    padding: 11px 20px 8px 20px;
    line-height: normal;
    font-size: 13px;
    width: 100%;
    text-transform: uppercase;
    border-radius: 4px;
    background-color: #6258a5;
    color: #fff;
    text-decoration: none;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
}

.tc-pricing-style2 .pricing-footer .p-button:hover {
    background-color: #000000;
    color: rgba(255, 255, 255, 0.8);
}

.tc-pricing-style2 .pricing-plan.featured .pricing-footer .p-button {
    background: #fff;
    color: #6258a5;
}

.tc-pricing-style2 .pricing-plan.featured .pricing-footer .p-button:hover {
    background: rgba(255, 255, 255, 0.8);
}

/*------------------Style3 --------------------*/
.tc-pricing-style3 .pricing-plan {
    position: relative;
    text-align: center;
    padding: 25px;
    margin-bottom: 35px;
    background-color: #ffffff;
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px 0px rgba(0, 0, 0, 0.1);
}

.sec-color .tc-pricing-style3 .pricing-plan {
    background-color: #fff;
}

.tc-pricing-style3 .pricing-head {
    padding: 15px;
    box-shadow: 0 5px 18px rgba(0, 0, 0, 0.11);
}

.tc-pricing-style3 .pricing-plan .badge {
    position: absolute;
    top: 0;
    left: 50%;
    padding: 4px 8px;
    background: #fff;
    color: #6258a5;
    border-radius: 0 0 5px 5px;
    font-size: 11px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.tc-pricing-style3 .pricing-head .name {
    font-size: 15px;
    letter-spacing: 1px;
}

.tc-pricing-style3 .pricing-plan.featured .pricing-head .name {
    color: #fff;
    font-family: 'Poppins', sans-serif;
}

.tc-pricing-style3 .pricing-plan.featured {
    background-color: #6258a5;
}

.tc-pricing-style3 .pricing-head .price {
    color: #222;
}

.tc-pricing-style3 .featured .pricing-head .price {
    color: #fff;
}

.tc-pricing-style3 .pricing-head .price sup {
    font-size: 16px;
    line-height: normal;
    top: 2px;
    margin-right: 1px;
    vertical-align: top;
    font-weight: lighter;
}

.tc-pricing-style3 .pricing-head span.value {
    display: block;
    font-size: 26px;
    line-height: normal;
    font-weight: 600;
}

.tc-pricing-style3 .pricing-head span.duration {
    display: block;
    font-size: 11px;
    margin-top: -6px;
}

.tc-pricing-style3 .pricing-body {
    padding-top: 30px;
    text-align: left;
}

.tc-pricing-style3 .pricing-body ul {
    padding-left: 0;
    list-style: none;
    font-size: 12px;
    color: #666;
}

.tc-pricing-style3 .pricing-plan.featured .pricing-body ul {
    color: #fff;
}

.tc-pricing-style3 .pricing-body ul li:nth-child(n+2) {
    padding-top: 12px;
}

.tc-pricing-style3 .pricing-body i {
    float: right;
    text-align: left;
}

.tc-pricing-style3 .pricing-footer {
    padding-top: 30px;
}

.tc-pricing-style3 .pricing-footer .p-button {
    display: inline-block;
    padding: 11px 20px 8px 20px;
    line-height: normal;
    font-size: 13px;
    width: 100%;
    text-transform: uppercase;
    border-radius: 4px;
    background-color: #6258a5;
    color: #fff;
    text-decoration: none;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
}

.tc-pricing-style3 .pricing-footer .p-button:hover {
    background-color: #000000;
    color: rgba(255, 255, 255, 0.8);
}

.tc-pricing-style3 .pricing-plan.featured .pricing-footer .p-button {
    background: #fff;
    color: #6258a5;
}

.tc-pricing-style3 .pricing-plan:hover .p-button {
    background: #000;
}

/*------------------Style4--------------------*/
.tc-pricing-style4 .pricing-plan {
    position: relative;
    border-radius: 4px;
    text-align: center;
    margin-bottom: 35px;
    background-color: #ffffff;
    -webkit-box-shadow: 0 2px 7px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 7px 0px rgba(0, 0, 0, 0.1);
}

.sec-color .tc-pricing-style4 .pricing-plan {
    background-color: #fff;
}

.tc-pricing-style4 .pricing-head {
    padding: 30px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.tc-pricing-style4 .pricing-plan .badge {
    position: absolute;
    top: 0;
    left: 50%;
    padding: 4px 8px;
    background: #fff;
    color: #6258a5;
    border-radius: 0 0 5px 5px;
    font-size: 11px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.tc-pricing-style4 .pricing-head .name {
    font-size: 24px;
    letter-spacing: 1px;
}

.tc-pricing-style4 .pricing-plan.featured .pricing-head .name {
    color: #fff;
    font-family: 'Poppins', sans-serif;
}

.tc-pricing-style4 .pricing-plan.featured {
    background-color: #6258a5;
}

.tc-pricing-style4 .pricing-head .price {
    color: #222;
    margin-top: 10px;
}

.tc-pricing-style4 .featured .pricing-head .price {
    color: #fff;
}

.tc-pricing-style4 .pricing-head .price sup {
    font-size: 16px;
    line-height: normal;
    top: 2px;
    margin-right: 1px;
    vertical-align: top;
    font-weight: lighter;
}

.tc-pricing-style4 .pricing-head span.value {
    display: block;
    font-size: 22px;
    line-height: normal;
    font-weight: 600;
}

.tc-pricing-style4 .pricing-head span.duration {
    display: block;
    font-size: 11px;
    margin-top: -6px;
}

.tc-pricing-style4 .pricing-body {
    padding: 30px 30px 0 30px;
    text-align: left;
}

.tc-pricing-style4 .pricing-body ul {
    padding-left: 0;
    list-style: none;
    font-size: 12px;
    color: #666;
    margin-bottom: 0;
}

.tc-pricing-style4 .pricing-plan.featured .pricing-body ul {
    color: #fff;
}

.tc-pricing-style4 .pricing-body ul li:nth-child(n+2) {
    padding-top: 12px;
}

.tc-pricing-style4 .pricing-body i {
    float: right;
    text-align: left;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    padding-left: 9px;
}

.tc-pricing-style4 .pricing-footer {
    padding: 30px;
}

.tc-pricing-style4 .pricing-footer .p-button {
    display: inline-block;
    line-height: normal;
    font-size: 13px;
    min-width: 130px;
    text-transform: uppercase;
    border: 1px solid #6258a5;
    border-radius: 3px;
    color: #6258a5;
    text-decoration: none;
    -webkit-transition: .3s all ease;
    transition: .3s all ease;
    padding: 10px 20px 7px 20px;
}

.tc-pricing-style4 .pricing-footer .p-button:hover {
    background: #6258a5;
    color: rgba(255, 255, 255, 0.8);
}

.tc-pricing-style4 .pricing-plan.featured .pricing-footer .p-button {
    background: #fff;
    color: #6258a5;
    border-color: #fff;
}

.tc-pricing-style4 .pricing-plan:hover .p-button {
    background: #000;
}

/*--------------------Style 5---------------------*/
.tc-pricing-style5 .pricing-plan {
    padding: 30px;
    text-align: center;
    color: #fff;
    background-color: #232323;
    margin-bottom: 45px;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.05);
}

.tc-pricing-style5 .pricing-head {
    position: relative;
}

.tc-pricing-style5 .pricing-head .price-badge {
    position: absolute;
    top: -40px;
    z-index: 10;
    left: 50%;
    background-color: rgba(224, 96, 96, 0.81);
    color: #fff;
    font-size: 13px;
    padding: 2px 12px;
    font-weight: bold;
    transform: translateX(-50%);
}

.tc-pricing-style5 .pricing-head .name {
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    margin-bottom: 90px;
    z-index: 11;
    position: relative;
    background-color: #232323;
    padding: 15px;
    color: #fff;
}

.tc-pricing-style5 .price-img {
    position: relative;
    bottom: 0;
    text-align: center;
    margin-top: 10px;
}

.tc-pricing-style5 .price-img img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    margin-bottom: -100px;
    z-index: -1;
}

.tc-pricing-style5 .pricing-head .price {
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 30px;
}

.tc-pricing-style5 .pricing-head .price sup {
    top: -8px;
}

.tc-pricing-style5 .pricing-head .duration {
    font-weight: bold;
    color: #9CA0A9;
}

.tc-pricing-style5 .pricing-body {
    font-size: 13px;
    text-align: center;
    margin: 30px 0;
    color: #999;
}

.tc-pricing-style5 .pricing-footer {
    text-align: center;
}

.tc-pricing-style5 .pricing-footer .button {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    border-radius: 40px;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    display: inline-block;
    padding: 10px 30px;
    min-width: 200px;
    text-align: center;
}

.tc-pricing-style5 .pricing-footer .button:hover {
    background-color: #6258a5;
    color: #fff;
}

/*-----------------------Animation-------------------------*/
[class*='tc-animation-'] {
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.tc-animation-fade {
    -webkit-animation-name: tc-fade;
    animation-name: tc-fade;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
    -webkit-animation-timing-function: linear !important;
    animation-timing-function: linear !important;
}

.tc-animation-slide-top {
    -webkit-animation-name: tc-fade-top;
    animation-name: tc-fade-top;
}

.tc-animation-slide-bottom {
    -webkit-animation-name: tc-fade-bottom;
    animation-name: tc-fade-bottom;
}

.tc-animation-slide-left {
    -webkit-animation-name: tc-fade-left;
    animation-name: tc-fade-left;
}

.tc-animation-slide-right {
    -webkit-animation-name: tc-fade-right;
    animation-name: tc-fade-right;
}

.tc-animation-scale-up {
    -webkit-animation-name: tc-animation-scale-up;
    animation-name: tc-animation-scale-up;
}

.tc-animation-scale-down {
    -webkit-animation-name: tc-animation-scale-down;
    animation-name: tc-animation-scale-down;
}

.tc-animation-shake {
    -webkit-animation-name: tc-shake;
    animation-name: tc-shake;
}

.tc-animation-rotate {
    -webkit-animation-name: tc-rotate;
    animation-name: tc-rotate;
}

.tc-animation-scale {
    -webkit-animation-name: tc-scale;
    animation-name: tc-scale;
}

.tc-animation-hover:not(:hover),
.tc-animation-hover:not(:hover) [class*='tc-animation-'] {
    -webkit-animation-name: none;
    animation-name: none;
}

.tc-animation-reverse {
    -webkit-animation-direction: reverse;
    animation-direction: reverse;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}



/*========================================
    .pc_price
    ===========================================*/
.pricing-table {
    padding: 50px 0px;
}

.pc_price {
    background-color: #eee;
    color: #999;
    position: relative;
}

.pc_price .price-head {
    color: #333333;
}

.pc_price .price-head .tagline {
    color: #ccc;
    display: block;
    font-size: 16px;
    font-style: italic;
    font-weight: 300;
    margin-top: 10px;
    position: relative;
}

.pc_price .price-title {
    background-color: #1d262b;
    color: #fff;
    float: left;
    padding: 23px 0 26px 29px;
    position: relative;
    text-align: left;
    width: 210px;
    z-index: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.pc_price .price-title .ribbon1,
.pc_price .price-title .ribbon2 {
    border-color: #1d262b transparent #1d262b #1d262b;
    border-style: solid;
    border-width: 68px 61px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
}

.pc_price .price-title .ribbon2 {
    border-color: #8e9395 transparent #8e9395 #8e9395;
    right: -15px;
    z-index: -1;
}

.pc-price .pricing span {
    display: inline-block;
    font-size: 18px;
    vertical-align: top;
    line-height: normal;
}

.pc-price .pricing .value {
    font-size: 40px;
    line-height: 40px;
}

.pc_price .pricing .period {
    display: block;
    font-weight: 400;
    font-size: 18px;
    line-height: normal;
}

.pc_price h3 {
    font-family: 'Poppins', sans-serif;
    line-height: 50px;
    font-weight: 500;
    font-size: 36px;
    margin-top: 4px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.pc_price .pricing {
    font-family: 'Poppins', sans-serif;
    float: right;
    font-weight: 700;
    padding: 30px 25px 0 0;
}

.pc_price .pricing .currency {
    margin-right: 1px;
}

.pc_price .pricing .period {
    display: block;
    font-weight: 400;
}

.pc_price .price-body {
    padding: 60px 48px 17px;
    position: relative;
}

.pc_price .price-body li {
    border-bottom: 1px dotted #a5a5a5;
}

.pc-price .price-body li {
    line-height: 35px;
    white-space: nowrap;
}

.pc_price .price-body li:last-child {
    border-bottom: 0;
}

.pc_price .price-foot {
    padding: 20px 0px 50px;
    position: relative;
}

.pc_price .price-foot .theme-btn {
    padding: 10px 39px;
}

.pc_price:hover .theme-btn {
    background: #6258a5;
    color: #ffffff;
    border-color: #6258a5;
}

.pc_price.active .theme-btn {
    background: #6258a5;
    color: #ffffff;
    border-color: #6258a5;
}

.pc_price:hover .price-title,
.pc_price.active .price-title {
    background-color: #6258a5;
}

.pc_price:hover .tagline,
.pc_price.active .tagline {
    color: #eee;
}

.pc_price:hover .ribbon1,
.pc_price.active .ribbon1 {
    border-color: #6258a5 transparent #6258a5 #6258a5;
}

.pc_price:hover .ribbon2,
.pc_price.active .ribbon2 {
    border-color: rgb(2, 186, 166) #00000000 rgb(2, 186, 166) rgb(2, 186, 166);
    opacity: 0.5;
}

.pc_price:hover .pc-btn,
.pc_price.active .pc-btn {
    background-color: #6258a5;
    border-color: #6258a5;
    color: #fff;
}

/*-------------------------Fade---------------------------*/
@-webkit-keyframes tc-fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes tc-fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

/*---------------------------Fade Top------------------------------*/
@-webkit-keyframes tc-fade-top {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-60%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes tc-fade-top {
    0% {
        opacity: 0;
        transform: translateY(-60%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/*---------------------------Fade Bottom------------------------------*/
@-webkit-keyframes tc-fade-bottom {
    0% {
        opacity: 0;
        -webkit-transform: translateY(60%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
    }
}

@keyframes tc-fade-bottom {
    0% {
        opacity: 0;
        transform: translateY(60%);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

/*---------------------------Fade Left------------------------------*/
@-webkit-keyframes tc-fade-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-60%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes tc-fade-left {
    0% {
        opacity: 0;
        transform: translateX(-60%);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

/*---------------------------Fade Right------------------------------*/
@-webkit-keyframes tc-fade-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(60%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
    }
}

@keyframes tc-fade-right {
    0% {
        opacity: 0;
        transform: translateX(60%);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}


/*------------------------------Scale Up--------------------------------*/
@-webkit-keyframes tc-animation-scale-up {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.2);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@keyframes tc-animation-scale-up {
    0% {
        opacity: 0;
        transform: scale(0.2);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/*---------------------------Scale Down------------------------------*/
@-webkit-keyframes tc-animation-scale-down {
    0% {
        opacity: 0;
        -webkit-transform: scale(1.6);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1);
    }
}

@keyframes tc-animation-scale-down {
    0% {
        opacity: 0;
        transform: scale(1.6);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/*---------------------------Rotate------------------------------*/
@-webkit-keyframes tc-rotate {
    0% {
        -webkit-transform: rotate(280deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes tc-rotate {
    0% {
        transform: rotate(280deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/*---------------------------Shake------------------------------*/
@-webkit-keyframes tc-shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
    }

    10% {
        -webkit-transform: translateX(-9px);
    }

    20% {
        -webkit-transform: translateX(8px);
    }

    30% {
        -webkit-transform: translateX(-7px);
    }

    40% {
        -webkit-transform: translateX(6px);
    }

    50% {
        -webkit-transform: translateX(-5px);
    }

    60% {
        -webkit-transform: translateX(4px);
    }

    70% {
        -webkit-transform: translateX(-3px);
    }

    80% {
        -webkit-transform: translateX(2px);
    }

    90% {
        -webkit-transform: translateX(-1px);
    }
}

@keyframes tc-shake {

    0%,
    100% {
        transform: translateX(0);
    }

    10% {
        transform: translateX(-9px);
    }

    20% {
        transform: translateX(8px);
    }

    30% {
        transform: translateX(-7px);
    }

    40% {
        transform: translateX(6px);
    }

    50% {
        transform: translateX(-5px);
    }

    60% {
        transform: translateX(4px);
    }

    70% {
        transform: translateX(-3px);
    }

    80% {
        transform: translateX(2px);
    }

    90% {
        transform: translateX(-1px);
    }
}

/*-------------------Scale---------------------*/
@-webkit-keyframes tc-scale {
    0% {
        -webkit-transform: scale(1.2);
    }

    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes tc-scale {
    0% {
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}


/*********************************************************
			    Note Style1 Section
                *********************************************************/
/*--------------------Note Style1----------------------*/
.tc-note-style1 {
    vertical-align: middle;
    padding: 20px;
    background-color: #fff;
    border: 1px solid #f5f5f5;
    display: table;
    width: 100%;
}

.tc-note-style1 .note-icon {
    color: #aaa;
    width: 58px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 30px;
}

.tc-note-style1 .note-desc {
    vertical-align: middle;
    padding-left: 15px;
}

.tc-note-style1 .note-desc h3 {
    margin: 0 0 7px 0;
    font-size: 20px;
}

.tc-note-style1.tc-note-info {
    border-color: #3dc0f1;
}

.tc-note-style1.tc-note-info .note-icon {
    color: #3dc0f1;
}

.tc-note-style1.tc-note-success {
    border-color: #4CAF50;
}

.tc-note-style1.tc-note-success .note-icon {
    color: #4CAF50;
}

.tc-note-style1.tc-note-warning {
    border-color: #FF9800;
}

.tc-note-style1.tc-note-warning .note-icon {
    color: #FF9800;
}

.tc-note-style1.tc-note-danger {
    border-color: #ff5252;
}

.tc-note-style1.tc-note-danger .note-icon {
    color: #ff5252;
}

div[class*="tc-note-"]+div[class*="tc-note-"] {
    margin-top: 20px;
}

/*--------------------Note Style2----------------------*/
.tc-note-style2 {
    vertical-align: middle;
    padding: 20px;
    background-color: #fff;
    border-top: 3px solid #444;
    display: table;
    width: 100%;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.tc-note-style2 .note-icon {
    width: 58px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 30px;
}

.tc-note-style2 .note-desc {
    vertical-align: middle;
    padding-left: 15px;
}

.tc-note-style2 .note-desc h3 {
    margin: 0 0 7px 0;
    font-size: 20px;
}

.tc-note-style2.tc-note-info {
    border-color: #3dc0f1;
}

.tc-note-style2.tc-note-info .note-icon {
    color: #3dc0f1;
}

.tc-note-style2.tc-note-success {
    border-color: #4CAF50;
}

.tc-note-style2.tc-note-success .note-icon {
    color: #4CAF50;
}

.tc-note-style2.tc-note-warning {
    border-color: #FF9800;
}

.tc-note-style2.tc-note-warning .note-icon {
    color: #FF9800;
}

.tc-note-style2.tc-note-danger {
    border-color: #ff5252;
}

.tc-note-style2.tc-note-danger .note-icon {
    color: #ff5252;
}

/*--------------------Note Style3----------------------*/
.tc-note-style3 {
    vertical-align: middle;
    padding: 20px;
    background-color: #fff;
    border: 2px solid #f5f5f5;
    display: table;
    width: 100%;
}

.tc-note-style3 .note-icon {
    width: 80px;
    height: 58px;
    line-height: 58px;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    color: #444;
}

.tc-note-style3 .note-desc {
    vertical-align: middle;
    padding-left: 15px;
    margin-left: 20px;
    border-left: 2px solid rgba(0, 0, 0, 0.04);
}

.tc-note-style3 .note-desc h3 {
    margin: 0 0 7px 0;
    font-size: 20px;
}

.tc-note-style3.tc-note-info {
    background-color: #3dc0f1;
}

.tc-note-style3.tc-note-success {
    background-color: #4CAF50;
}

.tc-note-style3.tc-note-warning {
    background-color: #FF9800;
}

.tc-note-style3.tc-note-danger {
    background-color: #ff5252;
}

.tc-note-style3.tc-note-info .note-desc h3,
.tc-note-style3.tc-note-info .note-desc p {
    color: #fff;
}

.tc-note-style3.tc-note-success .note-desc h3,
.tc-note-style3.tc-note-success .note-desc p {
    color: #fff;
}

.tc-note-style3.tc-note-warning .note-desc h3,
.tc-note-style3.tc-note-warning .note-desc p {
    color: #fff;
}

.tc-note-style3.tc-note-danger .note-desc h3,
.tc-note-style3.tc-note-danger .note-desc p {
    color: #fff;
}

.tc-note-style3.tc-note-info .note-icon,
.tc-note-style3.tc-note-success .note-icon,
.tc-note-style3.tc-note-warning .note-icon,
.tc-note-style3.tc-note-danger .note-icon {
    color: #fff;
    background-color: rgba(255, 255, 255, 0.15);
}

/*********************************************************
			    Accordion Section
                *********************************************************/
/*--------------------Accordion Style1----------------------*/
.tc-accordion .panel {
    margin-bottom: 5px;
    background-color: rgba(0, 0, 0, 0.03);
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

.acdn-title {
    margin: 0;
}

.acdn-title a {
    display: block;
    position: relative;
    padding: 15px;
    font-size: 18px;
    color: #666;
}

.acdn-body {
    padding: 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.04);
    font-size: 13px;
}

.tc-accordion .acdn-title a:after {
    position: absolute;
    font-family: FontAwesome;
    content: "\f068";
    color: inherit;
    font-size: 12px;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.tc-accordion .acdn-title a.collapsed:after {
    content: "\f067";
}

/*--------------------Accordion Style2----------------------*/
.tc-accordion-style1 .panel {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
}

.tc-accordion-style1 .acdn-body {
    border-top: 1px solid rgba(0, 0, 0, 0.04);
}

/*--------------------Accordion Style3----------------------*/
.tc-accordion-style2 .panel {
    background: transparent;
}

.tc-accordion-style2 .acdn-title a {
    background-color: #444;
    color: #bbb;
}

.tc-accordion-style2 .acdn-body {
    background-color: #555;
    color: #bbb;
}

/*--------------------Accordion Style4----------------------*/
.tc-accordion-style3 .panel {
    background: transparent;
}

.tc-accordion-style3 .acdn-title a {
    border-left: 2px solid #444;
    background-color: #fff;
}

.tc-accordion-style3 .acdn-body {
    background-color: #fff;
    color: #bbb;
}

/*--------------------Accordion Style5----------------------*/
.tc-accordion-style4 .panel {
    background: transparent;
}

.tc-accordion-style4 .acdn-body {
    border: 0;
}

.tc-accordion-style4 .acdn-title a {
    border: 1px solid #f5f5f5;
}

/*--------------------Accordion Style6----------------------*/
.tc-accordion-style5 .panel {
    background: transparent;
}

.tc-accordion-style5 .acdn-body {
    border: 0;
}

.tc-accordion-style5 .acdn-title a {
    position: relative;
    overflow: hidden;
    z-index: 10;
}

.tc-accordion-style5 .acdn-title a:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    left: -10px;
    top: 0;
    background: rgba(0, 0, 0, 0.03);
    -webkit-transform: skew(-15deg);
    transform: skew(-15deg);
    z-index: -1;
}

.tc-accordion-style5 .acdn-title a:after {
    right: 25px;
}

/*--------------------Accordion Style7----------------------*/
.tc-accordion-style6 .panel {
    background: transparent;
    margin-bottom: 0;
}

.tc-accordion-style6 .acdn-body {
    border: 0;
}

.tc-accordion-style6 .acdn-title a {
    position: relative;
    overflow: hidden;
    z-index: 10;
}

.tc-accordion-style6 .panel+.panel .acdn-title a {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

.tc-accordion-style6 .acdn-title a:after {
    padding: 5px 6px;
    background: #444;
    color: #fff;
}

/*********************************************************
			   Timeline Style Section
               *********************************************************/
/*--------------------post-grid-style1----------------------*/
.tc-post-grid-style1 .post-grid-content {
    padding: 25px;
    border-width: 0 1px 1px 1px;
    border-style: solid;
    border-color: #eee;
    background-color: #fff;
}

.tc-post-grid-style1 .post-grid-title {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 4px;
    margin-top: 0;
}

.tc-post-grid-style1 .post-grid-title a {
    color: #222;
    text-decoration: none;
}

.tc-post-grid-style1 .post-grid-title a:hover {
    color: #555;
}

.tc-post-grid-style1 .post-grid-meta {
    padding: 0;
    list-style-type: none;
    margin: 0;
    font-size: 10px;
    text-transform: uppercase;
}

.tc-post-grid-style1 .post-grid-meta * {
    color: #999;
}

.tc-post-grid-style1 .post-grid-meta li {
    display: inline-block;
    position: relative;
}

.tc-post-grid-style1 .post-grid-meta li+li {
    padding-left: 10px;
    margin-left: 10px;
}

.tc-post-grid-style1 .post-grid-meta li+li:after {
    position: absolute;
    content: '';
    background: #ddd;
    height: 8px;
    width: 1px;
    top: 50%;
    left: -2px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.tc-post-grid-style1 .post-grid-desc {
    margin-top: 10px;
}

.tc-post-grid-style1 .post-grid-desc p {
    color: #888;
    color: #888;
    min-height: 90px;
}

.tc-post-grid-style1 .post-grid-footer {
    margin-top: 25px;
}

.tc-post-grid-style1 .post-grid-footer .readon {
    padding: 11px 30px;
    font-size: 16px;
    border: 1px solid #eee;
    color: #999;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.tc-post-grid-style1 .post-grid-footer .readon:hover {
    border-color: #444;
    background-color: #444;
    color: #bbb;
}

/*--------------------post-grid-style2----------------------*/
.tc-post-grid-style2 .post-grid-content {
    padding: 20px 20px 12px;
    background-color: #ffffff;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
}

.tc-post-grid-style2 .post-grid-img {
    overflow: hidden;
}

.tc-post-grid-style2 .post-grid-img img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.tc-post-grid-style2 .post-grid-item:hover .post-grid-img img {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
    opacity: 0.8;
}

.tc-post-grid-style2 .post-grid-title {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 4px;
    margin-top: 0;
}

.tc-post-grid-style2 .post-grid-title a {
    color: #222;
    text-decoration: none;
}

.tc-post-grid-style2 .post-grid-title a:hover {
    color: #555;
}

.tc-post-grid-style2 .post-grid-meta {
    list-style-type: none;
    margin: 10px 0;
    font-size: 10px;
    text-transform: uppercase;
    background: #f5f5f5;
    padding: 0px 10px;
}

.tc-post-grid-style2 .post-grid-meta * {
    color: #666;
}

.tc-post-grid-style2 .post-grid-meta li {
    display: inline-block;
    position: relative;
}

.tc-post-grid-style2 .post-grid-meta li+li {
    padding-left: 10px;
    margin-left: 10px;
}

.tc-post-grid-style2 .post-grid-meta li+li:after {
    position: absolute;
    content: '';
    background: #666;
    height: 1px;
    width: 5px;
    top: 50%;
    left: -2px;
}

.tc-post-grid-style2 .post-grid-desc {
    margin-top: 20px;
}

.tc-post-grid-style2 .post-grid-desc p {
    color: #888;
    min-height: 90px;
}

.tc-post-grid-style2 .post-grid-footer {
    margin-top: 10px;
}

.tc-post-grid-style2 .post-grid-footer .readon {
    font-size: 13px;
    color: #777;
}

/*--------------------post-grid-style3----------------------*/
.tc-post-grid-style3 .post-grid-item {
    margin-bottom: 25px;
    padding: 0 12px;
}

.tc-post-grid-style3 .post-grid-img {
    position: relative;
    margin-left: -12px;
    margin-right: -12px;
}

.tc-post-grid-style3 .post-grid-img .post-date {
    position: absolute;
    top: 15px;
    background: #6258a5;
    padding: 8px 15px;
    left: 15px;
    font-size: 16px;
    color: #fff;
}

.tc-post-grid-style3 .post-grid-meta {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 5px;
}

.tc-post-grid-style3 .post-grid-meta li {
    display: inline-block;
    font-size: 12px;
    margin-right: 5px;
}

.tc-post-grid-style3 .post-grid-meta li a {
    color: #999;
}

.tc-post-grid-style3 .post-grid-content {
    background: #fff;
    border: 1px solid #f5f5f5;
    padding: 25px;
    margin-top: -25px;
    z-index: 111;
    position: relative;
}

.tc-post-grid-style3 .post-grid-title {
    margin-top: 0;
    font-size: 18px;
    margin-bottom: 20px;
}

.tc-post-grid-style3 .post-grid-title a {
    color: #444;
}

.tc-post-grid-style3 .post-grid-title a:hover {
    color: #222;
}

.tc-post-grid-style3 .post-grid-desc {
    margin-bottom: 15px;
}

.tc-post-grid-style3 .post-grid-content p {
    color: #888;
    min-height: 120px;
}

.tc-post-grid-style3 .post-grid-footer .readon {
    margin: 5px 0px;
    padding: 10px 26px;
    font-size: 16px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #999;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.tc-post-grid-style3 .post-grid-footer .readon:hover {
    border-color: #444;
    background-color: #444;
    color: #bbb;
}

/*********************************************************
			   Timeline Style Section
               *********************************************************/
.tc-timeline {
    position: relative;
    padding: 2em 0;
    margin-top: 2em;
    margin-bottom: 2em;
}

.tc-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 18px;
    height: 100%;
    width: 1px;
    background: #f5f5f5;
}

.tc-timeline .tc-timeline-block {
    position: relative;
    margin: 2em 0;
}

.tc-timeline .tc-timeline-block:after {
    content: "";
    display: table;
    clear: both;
}

.tc-timeline .tc-timeline-block:first-child {
    margin-top: 0;
}

.tc-timeline .tc-timeline-block:last-child {
    margin-bottom: 0;
}

.tc-timeline .tc-timeline-content {
    position: relative;
    margin-left: 60px;
    background: #f5f5f5;
    border-radius: 0.25em;
    padding: 1em;
}

.tc-timeline .tc-timeline-content img,
.tc-timeline .tc-timeline-content video,
.tc-timeline .tc-timeline-content iframe {
    margin-bottom: 25px;
    width: 100%;
}

.tc-timeline .tc-timeline-content:after {
    content: "";
    display: table;
    clear: both;
}

.tc-timeline .tc-timeline-content h2,
.tc-timeline .tc-timeline-content h2 a {
    font-size: 24px;
    margin-top: 0px;
    color: #303e49;
}

.tc-timeline .tc-timeline-content .tc-read-more,
.tc-timeline .tc-timeline-content .tc-date {
    display: inline-block;
}

.tc-timeline .tc-timeline-content p {
    text-align: justify;
    margin: 1em 0;
}

.tc-timeline .tc-timeline-content .tc-read-more {
    float: right;
    padding: 3px 15px;
    border: 1px solid #444;
    color: #444;
    font-size: 12px;
    border-radius: 2px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.tc-timeline .tc-timeline-content .tc-read-more:hover {
    background: #444;
    color: #fff;
}

.tc-timeline .tc-timeline-content .tc-date {
    float: left;
    padding: .8em 0;
    opacity: .7;
}

.tc-timeline .tc-timeline-content::before {
    content: '';
    position: absolute;
    top: 16px;
    right: 100%;
    height: 0;
    width: 0;
    border: 10px solid transparent;
    border-right: 10px solid #f5f5f5;
}


/*********************************************
				 Side Bar
                 *********************************************/
.side-bar {
    background: #fff;
    border: 1px solid #e4e4e4;
    padding: 20px;
    margin-bottom: 30px;
}

.side-bar .side-barBox {}

.side-bar .side-barTitle {
    font-size: 18px;
    font-weight: 600;
    color: #666;
    margin-bottom: 15px;
    font-family: 'Poppins', sans-serif;
}

.side-bar .search {
    position: relative;
    margin-bottom: 15px;
}

.side-bar .search .form-control {
    border-radius: 0;
    height: auto;
    padding: 10px 12px;
    border-color: #ddd;
}

.side-bar .search .btn {
    position: absolute;
    right: 0;
    top: 0px;
    border-radius: 0;
    background: none;
    font-size: 20px;
}

.side-bar .categories {
    list-style: none;
    margin-bottom: 10px;
}

.side-bar .categories li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 16px;
}

.categories li {
    margin: 18px 0;
}

.side-bar .categories li:before {
    content: "\f0da ";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0px;
    color: #000;
    font-size: 12px;
    top: 3px;
}

.side-bar .categories li a {
    margin-top: 0;
    color: #888888;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

.side-bar .papimg-post {}

.side-bar .papimg-post li {
    border-bottom: 1px solid #ececec;
    padding: 20px 0;
    margin: 0px;
}

.side-bar .papimg-post li:last-child {
    border-bottom: 0;
}

.side-bar .papimg-post .media-left {
    margin-right: 0px;
}

.side-bar .papimg-post .media-left a {
    width: 80px;
    margin-top: 0;
    margin-right: 5px;
    display: inline-block;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.side-bar .papimg-post .media-left img {
    max-width: 100%;
    -webkit-transform: scale(0) !important;
    transform: scale(1) !important;
}

.side-bar .papimg-post .media-heading {
    display: inline-block;
    width: 100%;
    color: #777777;
    margin-top: 0px;
    font-size: 14px;
    line-height: 20px;
}

.side-bar .papimg-post span {
    color: #000;
    letter-spacing: 0px;
    font-size: 11px;
}

/*********************************************
				 Archive
                 ********************************************/
.side-bar .archive {}

.side-bar .archive li {
    line-height: 45px;
    margin-bottom: 10px !important;
}

.side-bar .archive li a {
    margin-top: 0;
    color: #888;
    font-size: 14px;
    font-weight: 600;
}

.side-bar .archive li span {
    float: left;
    height: 30px;
    width: 30px;
    text-align: center;
    background: #6258a5;
    border: 1px solid #fff;
    outline: 3px solid #6258a5;
    margin-right: 20px;
    line-height: 26px;
    font-size: 12px;
    color: #fff;
    margin-top: 10px;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.side-bar .archive li a:hover span {
    color: #fff;
}

/*********************************************
				 Photo Bar
                 *********************************************/
.side-bar .photo-bar {
    margin: 0 -5px;
}

.side-bar .photo-bar li {
    float: left;
    width: 25%;
    padding: 0 5px;
    margin-bottom: 10px;
}

.side-bar .photo-bar li a {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}

.side-bar .photo-bar li a img {
    max-width: 100%;
    -webkit-transform: scale(0) !important;
    transform: scale(1) !important;
}

/*********************************************
				 Tags
                 *********************************************/
.side-bar .tags-bar {}

.side-bar .tags-bar li {
    display: inline-block;
    float: left;
    margin-bottom: 10px !important;
}

.side-bar .tags-bar li a {
    font-size: 13px;
    color: #6258a5;
    border: 1px solid #dadada;
    padding: 7px 10px;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.side-bar .tags-bar li a:hover {
    color: #fff;
    background: #6258a5;
    text-decoration: none;
    border: 1px solid #6258a5;
}

.recent_ads .recent_ads-list {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    margin: 0 0 15px;
    padding: 0 0 15px;
}

.recent_ads .recent_ads-container {
    display: table;
    width: 100%;
}

.recent_ads .recent_ads-list-image {
    display: table-cell;
    width: 96px;
}

.recent_ads .recent_ads-list-image-inner {
    background-color: rgba(0, 0, 0, 0.12);
    display: block;
    height: 60px;
    margin: 0 16px 0 0;
    position: relative;
    width: 100px
}

.recent_ads .recent_ads-list-image img {
    display: block;
    position: relative;
    width: 100%;
    z-index: 2;
}

.recent_ads .recent_ads-list-content {
    display: table-cell;
    vertical-align: top;
}

.recent_ads .recent_ads-list-content h3 {
    color: #232323;
    font-size: 16px;
}

.recent_ads .recent_ads-list-title {
    margin: 0;
}

.recent_ads .recent_ads-list-title a {
    color: #232323;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
}

.recent_ads .recent_ads-list-location {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.recent_ads .recent_ads-list-location li {
    display: inline !important;
    border-bottom: medium none !important;
}

.recent_ads .recent_ads-list .recent_ads-container .recent_ads-list-content ul.recent_ads-list-location li a {
    color: #a0a0a0;
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
}

.recent_ads .recent_ads-list-price {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #E52D27;
}


/*********************************************************
			         shop_page
                     *********************************************************/
.shop_page .filter-area {
    display: block;
    position: relative;
    margin: 0 0 40px;
}

.shop_page .filter-area select {
    display: inline-block;
    width: 230px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #e5e5e5;
    padding: 0 15px;
    color: #797979;
    font-size: 14px;
    text-transform: capitalize;
    margin-right: 15px;
}

.shop_page .filter-area .list-grid {
    display: inline-block;
}

@media only screen and (max-width: 320px) {
    .shop_page .filter-area .list-grid {
        margin-top: 10px;
    }
}

.shop_page .filter-area .list-grid ul li {
    padding: 0;
    display: inline-block;
}

.shop_page .filter-area .list-grid ul li a {
    display: block;
    color: #333;
    font-size: 18px;
    height: 50px;
    line-height: 48px;
    width: 50px;
    text-align: center;
    border: 1px solid #e5e5e5;
}

.shop_page .filter-area .list-grid ul li a:active,
.shop_page .filter-area .list-grid ul li a:focus {
    background: #6258a5;
    color: #fff;
    border: 1px solid #6258a5;
}

.shop_page .filter-area .showpro {
    float: right;
    margin-top: 8px;
}

@media only screen and (max-width: 480px) {
    .shop_page .filter-area .showpro {
        text-align: left;
        margin-top: 10px;
        float: inherit;
    }
}

.shop_page .filter-area .showpro p {
    margin: 0;
    color: #797979;
}

.shop_page .filter-area .showpro p span {
    color: #6258a5;
}

.shop_page .products {
    text-align: center;
    display: block;
    position: relative;
    margin: 0 0 30px;
}

.shop_page .products figure {
    display: block;
    position: relative;
    overflow: hidden;
    vertical-align: middle;
}

.shop_page .products figure img {
    width: 100%;
    transition: all 0.3s;
}

.shop_page .products .contents {
    display: block;
    position: relative;
    border: 1px solid #eee;
    border-top: none;
    padding: 40px 0;
    transition: all 0.3s;
}

.shop_page .products .contents h3 {
    font-size: 22px;
    font-weight: 400;
    font-family: "Audiowide", cursive;
    color: #111;
    margin: 0 0 10px;
}

.shop_page .products .contents p {
    display: none;
}

.shop_page .products .contents span {
    font-family: "Audiowide", cursive;
    color: #6258a5;
    display: block;
    font-size: 18px;
    margin: 0 0 20px;
}

.shop_page .products:hover figure img {
    transform: scale(1.1) rotate(5deg);
}

.shop_page .products:hover .contents {
    border: 1px solid #6258a5;
    border-top: none;
}

.shop_page .products.list-item {
    width: 100%;
    display: block;
    overflow: hidden;
    vertical-align: middle;
    text-align: left;
}

.shop_page .products.list-item figure {
    width: 30%;
    display: inline-block;
    float: left;
}

.shop_page .products.list-item .contents {
    display: inline-block;
    width: 70%;
    padding: 21px 30px 0;
    float: left;
    border-bottom: none;
    border-left: none;
}

.shop_page .products.list-item .contents p {
    display: block;
}

.shop_page .products.list-item .contents span {
    display: inline-block;
}

.shop_item {
    position: relative
}

.shop_item .inner-box {
    position: relative;
    outline: 15px solid #ffffff;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.shop .product-item {
    border: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 0;
    margin: 0px auto 25px;
    text-align: center;
}

.second-pro .col-md-4 {
    padding-right: 0px;
}

.second-pro .col-md-8 {
    padding-left: 0px;
}

.shop.grid-3 .product-item,
.shop.grid-2 .product-item {
    max-width: 400px;
}

.shop .product-item:hover img {
    opacity: .6;
}

.shop .product-img {
    position: relative;
}

.shop .product-details {
    background-color: #f7f7f7;
    padding-top: 5px;
    padding-bottom: 5px;
}

.shop .product-details h4,
.shop .product-details h5 {
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.shop .product-details h5 {
    font-size: 18px;
    font-weight: 400;
    color: #6258a5
}

.shop .product-details h5 del {
    padding-right: 10px;
    color: #1e1e1e;
    font-size: 16px;
}

.shop .product-overlay {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.shop_item .inner-box:hover .product-overlay:before {
    -moz-transform: rotateX(0deg) scale(1, 1);
    -webkit-transform: rotateX(0deg) scale(1, 1);
    -ms-transform: rotateX(0deg) scale(1, 1);
    -o-transform: rotateX(0deg) scale(1, 1);
    transform: rotateX(0deg) scale(1, 1);
    opacity: 1;
    visibility: visible;
}

.shop_item .inner-box .product-overlay:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    background-color: rgba(0, 0, 0, 0.32);
    -moz-transform: rotateX(-360deg) scale(0.5, 0.5);
    -webkit-transform: rotateX(-360deg) scale(0.5, 0.5);
    -ms-transform: rotateX(-360deg) scale(0.5, 0.5);
    -o-transform: rotateX(-360deg) scale(0.5, 0.5);
    transform: rotateX(-360deg) scale(0.5, 0.5);
}

.shop .product-overlay div {
    background-color: #f7f7f7;
    display: block;
    float: left;
    width: 50%;
    padding: 10px;
    color: #1e1e1e;
    margin: 0px;
}

.shop .product-overlay div:hover {
    background-color: #6258a5;
}

.shop .product-overlay .add-to-cart {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    z-index: 9999;
    position: absolute;
    bottom: 0;
    left: 0;
}

.shop .quick-view {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    z-index: 9999;
    position: absolute;
    bottom: 0;
    right: 0;
}

.shop .product-overlay a {
    color: #1e1e1e;
    text-decoration: none;
}

.shop .product-overlay div:hover a {
    color: #ffffff;
}

.shop .product-overlay a {
    color: #1e1e1e;
}

.shop .product-item:hover .product-overlay {
    opacity: 1;
}

.product-name a {
    color: #1e1e1e;
    text-decoration: none;
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.product-name a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -webkit-transition: opacity .2s linear;
    transition: opacity .2s linear;
}

.price-details {
    border-bottom-width: 1px;
    font-size: 30px;
    line-height: 1;
    margin: 0 0 15px;
    padding: 0 0 15px;
}

.product-page .price-details .actual-price {
    font-size: 15px;
}

.price {
    font-size: 30px;
    line-height: 1;
    -family: Oswald, sans-serif;
}

.min-content {
    text-align: left;
    padding: 20px;
}

.min-content .product-details {
    text-align: center !important;
}

.min-content h6 a {
    font-size: 24px;
    font-weight: 600;
    line-height: 60px;
}

.min-content h6 a:hover {
    color: #6258a5
}

/*.min-content .product-details{position: absolute; left: 0; right: 0; bottom: 0; width:97%;}*/


/*********************************************************
			   checkout-page
               *********************************************************/
.checkout-page {
    position: relative;
    z-index: 9;
    background-color: #ffffff;
    padding: 100px 0px 80px;
}

.checkout-page .default-links {
    position: relative;
    margin-bottom: 40px;
}

.checkout-page .default-links li {
    margin-bottom: 15px;
    line-height: 24px;
    padding: 18px 28px;
    background: #f9f9f9;
    color: #797979;
    font-size: 17px;
    font-weight: 600;
    border: 1px solid #ebebeb;
}

.checkout-page .default-links li a {
    color: #6258a5;
    text-decoration: underline;
}

.shop-form .billing-inner {
    position: relative;
    padding-right: 100px;
}

.shop-form .sec-title h2 {
    font-size: 24px;
}

.shop-form .form-group {
    position: relative;
    margin-bottom: 20px;
}

.billing-details .shop-form .sec-title {
    margin-bottom: 20px;
}

.billing-details .shop-form .form-group.sec-title {
    margin-bottom: 10px;
    padding-bottom: 30px;
    margin-top: 20px;
}

.shop-form .form-group .field-label {
    display: block;
    line-height: 24px;
    margin-bottom: 8px;
    color: #797979;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
}

.shop-form .form-group .field-label sup {
    position: relative;
    top: 0px;
    color: #797979;
    font-size: 16px;
}

.shop-form input[type="text"],
.shop-form input[type="email"],
.shop-form input[type="password"],
.shop-form input[type="tel"],
.shop-form input[type="number"],
.shop-form input[type="url"],
.shop-form select,
.shop-form textarea {
    position: relative;
    display: block;
    width: 100%;
    background: #ffffff;
    line-height: 16px;
    padding: 10px 15px;
    height: 50px;
    border: 1px solid #eeeeee;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.shop-form input.address-two {
    margin-top: 12px;
}

.shop-form input::-webkit-input-placeholder,
.shop-form select::-webkit-input-placeholder,
.shop-form textarea-webkit-input-placeholder {
    color: #c6c6c6;
}

.shop-form select {
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    background: #ffffff url(../images/icons/icon-select.png) right center no-repeat;
    cursor: pointer;
}

.shop-form select option {
    text-indent: 15px;
}

.shop-form textarea {
    resize: none;
    height: 100px !important;
    overflow: hidden;
}

.shop-form input:focus,
.shop-form select:focus,
.shop-form textarea:focus {
    border-color: #6258a5;
}

/*********************************************************
			   Shop Order Box
               *********************************************************/
.shop-order-box {
    position: relative;
    padding: 20px 28px 50px;
    border: 1px solid #d9d9d9;
    background-color: #fdfdfd;
}

.shop-order-box .order-list {
    position: relative;
}

.shop-order-box .order-list li {
    position: relative;
    color: #797979;
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.shop-order-box .order-list li span {
    float: right;
    width: 35%;
    text-align: left;
    font-size: 17px;
    text-transform: capitalize;
}

.shop-order-box .order-list li span.dark {
    color: #242424;
}

.shop-order-box .order-list li.total {
    padding: 8px 0px;
    border-top: 1px solid #e2e2e2;
    border-bottom: 1px solid #e2e2e2;
}

.payment-options {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
}

.checkout-page .payment-options li {
    position: relative;
    margin-bottom: 15px;
}

.checkout-page .payment-options li .radio-option {
    position: relative;
}

.checkout-page .payment-options li .radio-option label {
    position: relative;
    display: block;
    padding-left: 30px;
    font-weight: 600 !important;
    text-transform: capitalize;
    letter-spacing: 1px;
    color: #797979;
    cursor: pointer;
    font-size: 15px;
}

.checkout-page .payment-options li .radio-option label strong {
    font-weight: 500;
    display: inline-block;
    color: #797979;
    font-size: 15px;
}

.checkout-page .payment-options li .radio-option input[type="radio"] {
    position: absolute;
    left: 0px;
    top: 3px;
}

.checkout-page .payment-options li .radio-option #payment-3 {
    top: 9px;
}

.checkout-page .payment-options li .what-paypall {
    font-size: 13px;
    font-weight: 500;
    margin-left: 15px;
    color: #4349d9;
}

.checkout-page .payment-options li .radio-option label .small-text {
    position: relative;
    display: none;
    padding: 18px 26px;
    letter-spacing: 0px;
    text-transform: none;
    font-weight: normal;
    font-size: 15px;
    color: #8e8d8d;
    border-radius: 4px;
    line-height: 20px;
    line-height: 1.8em;
    margin-top: 20px;
    margin-left: -30px;
    background-color: #ececec;
}

.checkout-page .payment-options li .radio-option label .small-text:before {
    position: absolute;
    content: '';
    left: 24px;
    top: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #ececec;
}

.checkout-page .payment-options li .radio-option input[type="radio"]:checked+label .small-text {
    display: block;
}

.checkout-page .payment-options li .radio-option label img {
    position: relative;
    top: -3px;
    display: inline-block;
    max-width: 100%;
    padding-left: 30px;
}

.checkout-page .payment-options li .radio-option label img {
    position: relative;
    display: inline-block;
    max-width: 100%;
    padding-left: 30px;
}

/*********************************************************
			   Shop cart 
               *********************************************************/

.cart-section {
    position: relative;
    z-index: 9;
    background-color: #ffffff;
    padding: 100px 0px 120px;
}

.cart-section .cart-outer {
    position: relative
}

.cart-section .table-outer {
    position: relative;
    width: 100%;
    overflow-x: auto;
}

.cart-section .cart-table {
    width: 100%;
    min-width: 700px;
    border: 1px solid #eeeeee;
}

.cart-section .cart-table tbody tr {
    border-bottom: 1px solid #eeeeee;
}

.cart-table .cart-header {
    position: relative;
    width: 100%;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 0px;
    background: #6258a5;
    color: #1f1f1f;
}

.cart-table thead tr th {
    line-height: 24px;
    padding: 20px 15px;
    min-width: 120px;
    font-weight: 700;
    color: #ffffff;
    font-size: 16px;
    text-transform: capitalize;
}

.cart-table thead tr th.prod-column {
    text-align: left;
    padding-left: 40px;
}

.cart-table tbody tr td {
    line-height: 24px;
    padding: 20px 40px 20px;
    min-width: 100px;
}

.cart-table tbody tr .qty {
    width: 90px;
    padding-right: 40px;
    padding-left: 10px;
}

.cart-table tbody tr .qty .quantity-spinner {
    background: #f5f5f5;
}

.cart-table tbody tr .prod-column .column-box {
    position: relative;
    min-height: 100px;
    padding-left: 130px;
    padding-top: 40px;
    text-align: left;
}

.column.default-column .cart-table tbody tr .qty {
    width: 110px;
    padding-right: 20px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb {
    position: absolute;
    width: 100px;
    left: 0px;
    top: 0px;
}

.cart-table tbody tr .prod-column .column-box .prod-thumb img {
    display: block;
    max-width: 100%;
}

.cart-table tbody tr .prod-column .column-box h6 {
    color: #222222;
    font-weight: 500;
    margin-bottom: 5px;
}

.cart-table tbody tr .sub-total {
    font-weight: 400;
    color: #222222;
    font-size: 18px;
    padding-left: 20px;
}

.cart-table tbody tr .remove-btn {
    position: relative;
    font-size: 18px;
    color: #6258a5;
    display: inline-block;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
}

.cart-table tbody tr .remove-btn .fa {
    position: relative;
    top: 2px;
    font-size: 10px;
    line-height: 14px;
    width: 14px;
    height: 14px;
    margin-right: 8px;
    background: #f0f0f0;
    color: #ffffff;
    text-align: center;
    overflow: hidden;
    text-indent: 100px;
}

.cart-table tbody tr .remove {}

.cart-table tbody tr .remove-btn:hover {}

.cart-table tbody tr .remove-btn:hover .fa {
    text-indent: 0px;
    background: #fa9928;
}

.cart-table tbody tr td {
    vertical-align: middle;
}

.cart-table tbody tr td.price {
    font-size: 18px;
    font-weight: 400;
    color: #222222;
    padding-left: 10px;
}

.cart-table tbody tr td .quantity-spinner {
    padding: 5px 0px 5px 20px;
    line-height: 24px;
    height: 34px;
    display: block;
    width: 100%;
    position: relative;
}

.cart-table tbody .available-info {
    position: relative;
    padding-left: 50px;
    color: #727272;
    font-size: 16px;
}

.cart-table tbody .available-info .icon {
    position: absolute;
    left: 0px;
    top: 5px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #ffffff;
    background: #3e4494;
    border-radius: 50%;
    width: 40px;
}

.cart-section .coupon-outer {
    position: relative;
    margin: 40px 0px 50px;
}

.cart-section .coupon-outer .cart-btn {
    cursor: pointer;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    transition: all 500ms ease;
    font-size: 14px;
    padding: 14px 43px;
    font-weight: 400;
}

.cart-section .apply-coupon {
    position: relative;
}

.cart-section .apply-coupon .form-group {
    position: relative;
    float: left;
    margin-right: 20px;
}

.cart-section .apply-coupon .form-group .coupon-btn {
    padding: 11px 28px;
    line-height: 30px;
    cursor: pointer;
}

.cart-section .apply-coupon .form-group input[type="text"] {
    display: block;
    line-height: 26px;
    padding: 12px 0px;
    border-bottom: 2px solid #6258a5;
    height: 54px;
    width: 230px;
    background: none;
    font-size: 14px;
}

.cart-section .estimate-form {
    position: relative;
}

.cart-section .sec-title {
    margin-bottom: 25px;
}

.cart-section .sec-title h2 {
    font-size: 26px;
    color: #222222;
}

.cart-section .estimate-form .row {
    margin-left: -7px;
    margin-right: -7px;
}

.cart-section .estimate-form .row .form-group {
    padding: 0px 7px !important;
    margin-bottom: 30px;
}

.cart-section .cart-note {
    position: relative;
    margin-bottom: 50px;
    padding: 16px 20px;
    text-align: center;
    border: 1px dashed #b2dd4c;
    background: #f4f4f4;
    line-height: 1.7em;
}

.product-details .basic-details .item-quantity input[type="text"],
.cart-table tbody tr .qty input[type="text"] {
    position: relative;
    line-height: 46px;
    height: 46px;
    background: #f4f4f4;
}

.bootstrap-touchspin .input-group-btn-vertical>.btn {
    height: 24px;
    background: #e9e9e9;
}

.bootstrap-touchspin .input-group-btn-vertical i {
    left: 6px;
    top: 6px;
}

.cart-total-box {
    position: relative;
    max-width: 490px;
    margin-bottom: 40px;
    padding: 40px 40px 30px;
    background-color: #f4f4f4;
}

.cart-total-box h4 {
    position: relative;
    color: #222222;
    font-weight: 700;
    line-height: 1.4em;
    margin-bottom: 25px;
}

.totals-table {
    position: relative;
}

.totals-table li {
    position: relative;
    color: #222222;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 8px;
}

.totals-table li .col {
    float: right;
    width: auto;
}

.totals-table li .col-title {
    font-weight: 600;
    float: left;
}

.totals-table li.total {
    margin-top: 25px;
    padding-top: 30px;
    border-top: 1px solid #cccccc;
}

.checkout-btn {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    padding: 17px 43px 14px;
    cursor: pointer;
    background-color: #6258a5;
}

.qty .input-group-btn-vertical {
    display: none;
}

/*********************************************************
			   Responsive Media
               *********************************************************/
@media only screen and (min-width: 1170px) {
    .tc-timeline {
        margin-top: 3em;
        margin-bottom: 3em;
    }

    .tc-timeline::before {
        left: 50%;
        margin-left: -2px;
    }
}

@media only screen and (min-width: 1170px) {
    .tc-timeline .tc-timeline-block {
        margin: 4em 0;
    }

    .tc-timeline .tc-timeline-block:first-child {
        margin-top: 0;
    }

    .tc-timeline .tc-timeline-block:last-child {
        margin-bottom: 0;
    }
}

.tc-timeline .tc-timeline-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.tc-timeline .tc-timeline-icon i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    font-size: 18px;
}

@media only screen and (min-width: 1170px) {
    .tc-timeline .tc-timeline-icon {
        width: 70px;
        height: 70px;
        left: 50%;
        margin-left: -35px;
        -webkit-transform: translateZ(0);
        -webkit-backface-visibility: hidden;
    }

    .tc-timeline .tc-timeline-icon:hover {
        color: #fff;
        background: #6258a5;
    }

    .tc-timeline .tc-timeline-icon i {
        font-size: 24px;
    }
}

@media only screen and (min-width: 1170px) {
    .tc-timeline .tc-timeline-content {
        margin-left: 0;
        padding: 1.6em;
        width: 45%;
    }

    .tc-timeline .tc-timeline-content::before {
        top: 24px;
        left: 100%;
        border-color: transparent;
        border-left-color: #f5f5f5;
    }

    .tc-timeline .tc-timeline-content .tc-read-more {
        float: left;
    }

    .tc-timeline .tc-timeline-content .tc-date {
        position: absolute;
        width: 100%;
        left: 122%;
        top: 6px;
    }

    .tc-timeline .tc-timeline-block:nth-child(even) .tc-timeline-content {
        float: right;
    }

    .tc-timeline .tc-timeline-block:nth-child(even) .tc-timeline-content::before {
        top: 24px;
        left: auto;
        right: 100%;
        border-color: transparent;
        border-right-color: #f5f5f5;
    }

    .tc-timeline .tc-timeline-block:nth-child(even) .tc-timeline-content .tc-read-more {
        float: right;
    }

    .tc-timeline .tc-timeline-block:nth-child(even) .tc-timeline-content .tc-date {
        left: auto;
        right: 122%;
        text-align: right;
    }
}













/**=======================Contact Form Section=====================**/
.contact-form-section {
    position: relative;
    padding: 90px 0px 60px;
    background-attachment: fixed;
    background-size: cover;
}

.contact-form-section:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0, 0, 0, 0.80);
}

.contact-form-section .form-column {
    position: relative;
}

.contact-form-section .form-column .inner-column {
    position: relative;
}

.contact-form-section .form-column .inner-column .text {
    position: relative;
    color: #ffffff;
    font-size: 16px;
    margin-bottom: 25px;
}

/**=======================Default Form=====================**/
.default-form {
    position: relative;
}

.default-form .form-group {
    position: relative;
    margin-bottom: 30px;
}

.default-form .form-group input[type="text"],
.default-form .form-group input[type="password"],
.default-form .form-group input[type="tel"],
.default-form .form-group input[type="email"],
.default-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    color: #a5a5a5;
    line-height: 26px;
    padding: 10px 20px;
    height: 48px;
    font-size: 14px;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.60);
    border: 1px solid rgba(255, 255, 255, 0.40);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.default-form .form-group input[type="text"]:focus,
.default-form .form-group input[type="password"]:focus,
.default-form .form-group input[type="tel"]:focus,
.default-form .form-group input[type="email"]:focus,
.default-form .form-group select:focus,
.default-form .form-group textarea:focus {
    border-color: #6258a5;
}

.default-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 26px;
    padding: 10px 20px;
    color: #a5a5a5;
    height: 160px;
    font-size: 14px;
    resize: none;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.60);
    border: 1px solid rgba(255, 255, 255, 0.40);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

/**=======================Info Column=====================**/
.contact-form-section .info-column {
    position: relative;
}

.contact-form-section .info-column .content-box {
    position: relative;
    padding: 35px 35px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.40);
}

.contact-form-section .info-column .content-box .text {
    position: relative;
    color: #ffffff;
    font-size: 16px;
    line-height: 1.8em;
    margin-bottom: 25px;
}

/**=======================Sponsors Section Two=====================**/
.sponsors-section-two {
    position: relative;
    padding: 60px 0px 60px;
}

.sponsors-section-two:before {
    position: absolute;
    content: '';
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    background-color: rgba(245, 245, 245, 0.90)
}

.sponsors-section-two .sponsors-outer {
    position: relative;
}

.sponsors-section-two .sponsors-outer .owl-dots,
.sponsors-section-two .sponsors-outer .owl-nav {
    position: relative;
    display: none;
}

.sponsors-section-two .sponsors-outer .image-box {
    position: relative;
    text-align: center;
    border: 1px solid transparent;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.sponsors-section-two .sponsors-outer .image-box img {
    max-width: 100%;
    width: auto;
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.sponsors-section-two .sponsors-outer .image-box:hover {
    border-color: #6258a5;
}

/**=======================Page title=====================**/
.page-title {
    position: relative;
    text-align: center;
    padding: 100px 0px 100px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
}

.page-title:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    ackground-color: rgba(0, 0, 0, 0.50);
}

.page-title .auto-container {
    position: relative;
}

.page-title h2 {
    position: relative;
    color: #ffffff;
    font-weight: 800;
    line-height: 1.2em;
    margin-bottom: 10px;
    font-size: 40px;
    text-transform: capitalize;
}

.page-breadcrumb {
    position: relative;
}

.page-breadcrumb li {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    padding-right: 15px;
    color: #6258a5;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
}

.page-breadcrumb li:after {
    position: absolute;
    content: "\f105";
    right: -2px;
    top: -1px;
    color: #ffffff;
    font-size: 14px;
    font-family: 'FontAwesome';
}

.page-breadcrumb li:last-child::after {
    display: none;
}

.page-breadcrumb li:last-child {
    padding-right: 0px;
    margin-right: 0px;
}

.page-breadcrumb li a {
    color: #ffffff;
    font-weight: 500;
    text-transform: capitalize;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.page-breadcrumb li a:hover {
    color: #6258a5;
}

/**=======================Faq Form Section=====================**/
.faq-form-section {
    position: relative;
    padding: 90px 0px 70px;
    background-attachment: fixed;
    background-size: cover;
}

.faq-form-section:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    background-color: rgba(0, 0, 72, 0.80);
}

.faq-form-section .auto-container {
    max-width: 970px;
    margin: 0 auto;
}

/**=======================Faq Form=====================**/
.faq-form {
    position: relative;
}

.faq-form .form-group {
    position: relative;
    margin-bottom: 30px;
}

.faq-form .form-group input[type="text"],
.faq-form .form-group input[type="tel"],
.faq-form .form-group input[type="email"],
.faq-form .form-group select {
    position: relative;
    display: block;
    width: 100%;
    line-height: 28px;
    padding: 10px 22px;
    color: #ffffff;
    height: 50px;
    font-size: 14px;
    background: none;
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.50);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.faq-form .form-group input[type="text"]:focus,
.faq-form .form-group input[type="tel"]:focus,
.faq-form .form-group input[type="email"]:focus,
.faq-form .form-group textarea:focus {
    border-color: #6258a5;
}

.faq-form .form-group textarea::-webkit-input-placeholder,
.faq-form .form-group input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.80);
}

.faq-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 22px;
    padding: 15px 22px;
    color: #ffffff;
    height: 150px;
    resize: none;
    font-size: 14px;
    background: none;
    border-radius: 3px;
    border: 1px solid rgba(255, 255, 255, 0.50);
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.faq-form .form-group .btn-detail {
    position: relative;
    text-align: center;
    margin-left: 30px;
    color: #ffffff;
    display: inline-block;
}

.faq-form button {
    cursor: pointer;
    font-size: 16px;
    text-transform: capitalize;
}

.testimonial-page-section {
    position: relative;
    padding: 100px 0px 0px;
}

/**=======================Comming Soon Section=====================**/
.commingsoon-section {
    position: relative;
}

.commingsoon-section .left-column {
    position: relative;
    float: left;
    max-width: 600px;
}

.commingsoon-section .left-column .inner-column {
    position: relative;
    float: right;
    padding: 100px 100px 100px 15px;
}

.commingsoon-section .left-column .inner-column .logo {
    position: relative;
    margin-bottom: 200px;
}

.commingsoon-section .left-column .inner-column h2 {
    position: relative;
    color: #08084e;
    font-size: 70px;
    font-weight: 700;
    line-height: 1.1em;
    margin-bottom: 70px;
}

.commingsoon-section .left-column .text {
    position: relative;
    color: #777777;
    font-size: 22px;
    line-height: 1.5em;
    margin-bottom: 30px;
}

.commingsoon-section .left-column .signup {
    position: relative;
    color: #222222;
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 60px;
}

.commingsoon-section .left-column .social-boxed {
    position: relative;
}

.commingsoon-section .left-column .social-boxed .touch {
    position: relative;
    font-size: 20px;
    color: #08084e;
    margin-left: 0px;
    display: inline-block;
}

.commingsoon-section .left-column .social-boxed li {
    position: relative;
    margin-left: 12px;
    display: inline-block;
}

.commingsoon-section .left-column .social-boxed li a {
    position: relative;
    color: #222222;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.commingsoon-section .left-column .social-boxed li a:hover {
    color: #6258a5;
}

/**=======================Notify Form=====================**/
.notify-form .form-group {
    position: relative;
    display: block;
    margin: 0px;
    width: 100%;
}

.notify-form .form-group input[type="text"],
.notify-form .form-group input[type="tel"],
.notify-form .form-group input[type="email"],
.notify-form .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 28px;
    height: 53px;
    font-size: 14px;
    color: #000000;
    background: #ffffff;
    border-radius: 50px;
    border: 1px solid #bbbbbb;
    padding: 10px 50px 10px 20px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.notify-form .form-group input[type="submit"],
.notify-form button {
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    border-radius: 0px 50px 50px 0px;
}

.commingsoon-section .right-column {
    position: absolute;
    right: 0px;
    top: 0px;
    float: right;
    width: 50%;
    height: 100%;
}

.commingsoon-section .right-column:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0, 0, 0, 0.50);
}

.commingsoon-section .right-column .inner-column {
    position: relative;
    float: left;
    height: 100%;
    width: 100%;
    background-size: cover;
    padding: 120px 15px 40px 200px;
}

/**=======================Countdown style=====================**/
.time-counter {
    position: relative;
    z-index: 10;
}

.time-counter .time-countdown {
    position: relative;
    margin-left: -20px;
}

.time-counter .time-countdown .counter-column {
    position: relative;
    margin-left: 20px;
    width: 170px;
    height: 170px;
    text-align: center;
    padding: 30px 0px 10px;
    border: 2px solid #ffffff;
    border-bottom: 6px solid #6258a5;
    color: #ffffff;
    font-size: 18px;
    line-height: 30px;
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 30px;
    background-color: rgba(0, 0, 0, 0.30);
}

.time-counter .time-countdown .counter-column .count {
    position: relative;
    display: block;
    font-size: 84px;
    line-height: 40px;
    padding: 10px 10px 20px;
    color: #ffffff;
    letter-spacing: 1px;
    font-weight: 400;
}

/**=======================Sidebar Page Container=====================**/
.sidebar-page-container {
    position: relative;
    padding: 100px 0px 80px;
}

.sidebar-page-container .content-side,
.sidebar-page-container .sidebar-side {
    margin-bottom: 40px;
}

.sidebar-page-container .sidebar-side .sidebar {
    position: relative;
}

/**=======================Sidebar Widget=====================**/
.sidebar-widget {
    position: relative;
    margin-bottom: 50px;
}

.sidebar-title {
    position: relative;
    margin-bottom: 40px;
}

.sidebar-title .title-inner {
    position: relative;
    padding-left: 25px;
}

.sidebar-title .title-inner:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 6px;
    bottom: 7px;
    width: 2px;
    background-color: #222222;
}

.sidebar-title .title {
    position: relative;
    color: #6258a5;
    font-size: 20px;
    line-height: 1.6em;
    font-weight: 600;
    -webkit-mask-image: linear-gradient(-75deg, rgba(255, 255, 255, 0.6) 50%, #6258a5 50%, rgba(0, 0, 0, 1) 70%);
    -webkit-mask-size: 200%;
    animation: shine 2s infinite;
}

.sidebar-title h2 {
    position: relative;
    font-size: 30px;
    color: #222222;
    font-weight: 700;
    line-height: 1.3em;
    margin-top: 5px;
    -webkit-mask-image: linear-gradient(-75deg, rgba(255, 255, 255, 0.6) 50%, #6258a5 50%, rgba(0, 0, 0, 1) 70%);
    -webkit-mask-size: 200%;
    animation: shine 2s infinite;
}

@-webkit-keyframes shine {
    from {
        -webkit-mask-position: 150%;
    }

    to {
        -webkit-mask-position: -50%;
    }
}


/**=======================Sidebar Title=====================**/
.sidebar-title-two {
    position: relative;
    margin-bottom: 40px;
}

.sidebar-title-two h2 {
    position: relative;
    font-size: 30px;
    color: #222222;
    font-weight: 700;
    line-height: 1.3em;
    padding-left: 22px;
    padding-top: 8px;
    border-left: 3px solid #6258a5;
    -webkit-mask-image: linear-gradient(-75deg, rgba(255, 255, 255, 0.6) 50%, #6258a5 50%, rgba(0, 0, 0, 1) 70%);
    -webkit-mask-size: 200%;
    animation: shine 2s infinite;
}

@-webkit-keyframes shine {
    from {
        -webkit-mask-position: 150%;
    }

    to {
        -webkit-mask-position: -50%;
    }
}


/**=======================Service Single=====================**/
.service-single {
    position: relative;
}

.service-single .inner-box {
    position: relative;
}

.service-single .inner-box .image {
    position: relative;
}

.service-single .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
}

.service-single .inner-box .lower-content {
    position: relative;
    padding-top: 30px;
}

.service-single .inner-box .lower-content h2 {
    position: relative;
    color: #222222;
    font-size: 30px;
    line-height: 1.3em;
    font-weight: 700;
    margin-bottom: 15px
}

.service-single .inner-box .lower-content .text {
    position: relative;
}

.service-single .inner-box .lower-content .text p {
    position: relative;
    color: #777777;
    font-size: 14px;
    line-height: 2em;
}

.service-single .inner-box .lower-content h3 {
    position: relative;
    color: #222222;
    font-size: 24px;
    line-height: 1.3em;
    font-weight: 700;
    margin-bottom: 15px;
}

.service-single .inner-box .lower-content .two-column {
    margin-bottom: 40px;
}

.service-single .inner-box .lower-content .two-column .list-style-two {
    margin-top: 50px;
}

.service-single .inner-box .lower-content .two-column .list-style-two li {
    padding-top: 0px;
}

/**=======================Projects Page Section=====================**/
.projects-page-section {
    position: relative;
    padding: 95px 0px 95px;
}

.projects-page-section .filters {
    position: relative;
}

.projects-page-section .filters .filter-tabs {
    position: relative;
    margin-bottom: 50px;
    text-align: center;
}

.projects-page-section .filters .filter-tabs .filter {
    position: relative;
    color: #222222;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 15px;
    font-weight: 600;
    margin: 0px 15px 4px;
    padding: 14px 0px 10px;
    display: inline-block;
    text-transform: uppercase;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.projects-page-section .filters .filter-tabs .filter:before {
    position: absolute;
    content: '';
    left: 0px;
    top: 0px;
    width: 0px;
    height: 2px;
    background-color: #6258a5;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.projects-page-section .filters .filter-tabs .filter:after {
    position: absolute;
    content: '';
    right: 0px;
    bottom: 0px;
    background-color: #6258a5;
    width: 0px;
    height: 2px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.projects-page-section .filters .filter-tabs .filter.active::before,
.projects-page-section .filters .filter-tabs .filter:hover::before,
.projects-page-section .filters .filter-tabs .filter.active::after,
.projects-page-section .filters .filter-tabs .filter:hover::after {
    width: 100%;
}

.projects-page-section .filters .filter-tabs .filter.active,
.projects-page-section .filters .filter-tabs .filter:hover {
    color: #fbb908;
}

.project-block.mix {
    display: none;
}

/**=======================Projects Single Section=====================**/
.projects-single-section {
    position: relative;
    padding: 100px 0px 100px;
}

.project-info-block {
    position: relative;
    margin-bottom: 35px;
}

.project-info-block .block-info {
    position: relative;
    padding: 30px 45px 15px;
    border-radius: 5px;
    border: 3px solid #dddddd;
}

.project-info-block .block-info h4 {
    position: relative;
    color: #222222;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 25px;
}

.project-info-block .block-info .project-info {
    position: relative;
    color: #777777;
    font-size: 16px;
    margin-bottom: 15px;
    padding-left: 40px;
}

.project-info-block .block-info .project-info .icon {
    position: absolute;
    left: 0px;
    top: -2px;
    color: #6258a5;
    font-size: 22px;
    line-height: 1em;
}

.project-info-block .block-info .project-info strong {
    color: #222222;
}

.projects-single-section h2 {
    position: relative;
    color: #222222;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3em;
}

.projects-single-section .bold-text {
    position: relative;
    color: #777777;
    font-size: 20px;
    font-weight: 600;
    margin-top: 15px;
    margin-bottom: 30px;
}

.projects-single-section .carousel-box {
    position: relative;
    margin-bottom: 30px;
}

.projects-single-section .carousel-box .owl-dots {
    position: relative;
    display: none;
}

.projects-single-section .carousel-box .owl-nav {
    position: absolute;
    left: -70px;
    top: 50%;
    right: -70px;
    margin-top: -25px;
}

.projects-single-section .carousel-box .owl-nav .owl-prev {
    position: absolute;
    left: 0px;
    width: 50px;
    height: 50px;
    color: #ffffff;
    line-height: 48px;
    font-size: 22px;
    text-align: center;
    background-color: #33373f;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.projects-single-section .carousel-box .owl-nav .owl-next {
    position: absolute;
    right: 0px;
    width: 50px;
    height: 50px;
    color: #ffffff;
    line-height: 48px;
    font-size: 22px;
    text-align: center;
    background-color: #33373f;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.projects-single-section .carousel-box .owl-nav .owl-prev:hover,
.projects-single-section .carousel-box .owl-nav .owl-next:hover {
    background-color: #6258a5;
}

.projects-single-section h3 {
    position: relative;
    color: #333333;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3em;
}

.projects-single-section p {
    position: relative;
    color: #777777;
    font-size: 16px;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 30px;
}

.projects-single-section .two-column {
    position: relative;
    margin-top: 40px;
}

/**=======================Video Box=====================**/
.video-box {
    position: relative;
}

.video-box .image {
    position: relative;
    overflow: hidden;
    margin: 0px;
}

.video-box .image img {
    position: relative;
    width: 100%;
}

.video-box .overlay-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    line-height: 80px;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.video-box .overlay-box span {
    position: absolute;
    width: 80px;
    height: 80px;
    left: 50%;
    top: 50%;
    z-index: 99;
    color: #6258a5;
    font-weight: 400;
    font-size: 24px;
    text-align: center;
    border-radius: 50%;
    padding-left: 4px;
    background-color: #ffffff;
    display: inline-block;
    margin-top: -40px;
    margin-left: -40px;
    transition: all 900ms ease;
    -moz-transition: all 900ms ease;
    -webkit-transition: all 900ms ease;
    -ms-transition: all 900ms ease;
    -o-transition: all 900ms ease;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

.video-box .ripple,
.video-box .ripple:before,
.video-box .ripple:after {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 70px;
    width: 70px;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -ms-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -o-box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, .6);
    -webkit-animation: ripple 3s infinite;
    -moz-animation: ripple 3s infinite;
    -ms-animation: ripple 3s infinite;
    -o-animation: ripple 3s infinite;
    animation: ripple 3s infinite;
}

.video-box .ripple:before {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -ms-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    content: "";
    position: absolute;
}

.video-box .ripple:after {
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -ms-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    content: "";
    position: absolute;
}

@-webkit-keyframes ripple {
    70% {
        box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

@keyframes ripple {
    70% {
        box-shadow: 0 0 0 70px rgba(255, 255, 255, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

/**=======================New Posts=====================**/
.new-posts {
    position: relative;
    padding: 20px 0px;
    margin-top: 20px;
    border-top: 2px solid #dddddd;
    border-bottom: 2px solid #dddddd;
}

.new-posts a {
    position: relative;
    color: #3d3e3e;
    font-size: 16px;
    font-weight: 700;
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
}

.new-posts a:hover {
    color: #6258a5;
}

.new-posts .grid-view {
    position: absolute;
    left: 50%;
    top: 19px;
    font-size: 26px;
    line-height: 1em;
    color: #3d3e3e;
    margin-left: -10px;
}

/**=======================Blogs Page Section=====================**/
.blogs-page-section {
    position: relative;
    padding: 100px 0px 100px;
}

.blogs-page-section .styled-pagination {
    margin-top: 25px;
}

/**=======================News Block Two=====================**/
.news-block-two {
    position: relative;
    margin-bottom: 30px;
}

.news-block-two .inner-box {
    position: relative;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.news-block-two .inner-box:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.news-block-two .inner-box .image {
    position: relative;
    background-color: #222222;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.news-block-two .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
    background-color: #222222;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.news-block-two .inner-box:hover .image img {
    opacity: 0.6;
}

.news-block-two .inner-box .image .overlay-box {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
}

.news-block-two .inner-box .image .overlay-box .icon {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    color: #ffffff;
    margin-left: -40px;
    text-align: center;
    border-radius: 50%;
    line-height: 80px;
    display: inline-block;
    padding-left: 4px;
    font-size: 25px;
    margin-top: -40px;
    background-color: #6258a5;
}

.news-block-two .inner-box .image .owl-nav {
    position: absolute;
    left: 0px;
    top: 50%;
    width: 100%;
    margin-top: -38px;
}

.news-block-two .inner-box .image .owl-nav .owl-prev {
    position: relative;
    width: 28px;
    height: 78px;
    line-height: 78px;
    text-align: center;
    font-size: 20px;
    color: #ffffff;
    display: inline-block;
    background-color: #6258a5;
}

.news-block-two .inner-box .image .owl-nav .owl-prev span:before {
    content: '\f104';
    font-family: 'FontAwesome';
}

.news-block-two .inner-box .image .owl-nav .owl-next {
    position: absolute;
    right: 0px;
    float: right;
    width: 28px;
    height: 78px;
    color: #ffffff;
    font-size: 20px;
    line-height: 78px;
    text-align: center;
    display: inline-block;
    background-color: #6258a5;
}

.news-block-two .inner-box .image .owl-nav .owl-next span:before {
    content: '\f105';
    font-family: 'FontAwesome';
}

.news-block-two .inner-box .lower-content {
    position: relative;
    padding-top: 25px;
}

.news-block-two .inner-box .lower-content .post-info {
    position: relative;
}

.news-block-two .inner-box .lower-content .post-info li {
    position: relative;
    color: #222222;
    font-size: 13px;
    margin-right: 10px;
    display: inline-block;
}

.news-block-two .inner-box .lower-content .post-info li .icon {
    position: relative;
    margin-right: 4px;
    color: #777777;
}

.news-block-two .inner-box .lower-content .post-info li:last-child {
    margin-right: 0px;
}

.news-block-two .inner-box .lower-content h3 {
    position: relative;
    color: #222222;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4em;
    margin-top: 14px;
}

.news-block-two .inner-box .lower-content h3 a {
    position: relative;
    color: #222222;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease
}

.news-block-two .inner-box:hover .lower-content h3 a {
    color: #6258a5;
}

.news-block-two .inner-box .lower-content .text {
    position: relative;
    color: #777777;
    font-size: 14px;
    margin-top: 12px;
    line-height: 1.9em;
}

.news-block-two .inner-box .lower-content .read-more {
    position: relative;
    font-weight: 700;
    color: #222222;
    display: inline-block;
    padding-right: 22px;
    margin-top: 15px;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.news-block-two .inner-box .lower-content .read-more .arrow.left {
    position: absolute;
    left: 0px;
    top: 1px;
    opacity: 0;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.news-block-two .inner-box .lower-content .read-more .arrow.right {
    position: absolute;
    right: 0px;
    top: 1px;
}

.news-block-two .inner-box .lower-content .read-more .arrow.right {
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.news-block-two .inner-box .lower-content .read-more:hover .arrow.right {
    opacity: 0;
}

.news-block-two .inner-box .lower-content .read-more:hover .arrow.left {
    opacity: 1;
}

.news-block-two .inner-box .lower-content .read-more:hover {
    color: #6258a5;
    padding-right: 0px;
    padding-left: 22px;
}

/**=======================Pagination=====================**/
.styled-pagination {
    position: relative;
    display: block;
    width: 100%;
    margin-top: 30px;
}

.styled-pagination ul {
    position: relative;
    display: inline-block;
    padding: 25px 51px;
    box-shadow: 0 0 40px rgba(0, 0, 0, .08);
}

.styled-pagination li {
    position: relative;
    float: left;
    margin: 0px 4px 0px;
}

.styled-pagination li a {
    position: relative;
    display: block;
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 45px;
    font-size: 16px;
    color: #222222;
    font-weight: 600;
    background: #f5f8fb;
    border-bottom: 3px solid #f5f8fb;
    text-transform: uppercase;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.styled-pagination li.active a,
.styled-pagination li a:hover {
    color: #ffffff;
    background: #222222;
    border-bottom: 3px solid #6258a5;
}

/**=======================product_summary=====================**/
.product_summary {}

.product_summary .star-rating {
    float: left;
    position: relative;
    top: 4px;
    font-size: 1em;
    height: 1.2em;
    line-height: 1em;
    overflow: hidden;
    position: relative;
    margin-bottom: 25px;
}

.product_summary .star-rating span {
    float: left;
    left: 0;
    overflow: hidden;
    padding-top: 1.5em;
    position: absolute;
    top: 0;
    color: #0088cc;
}

.product_summary .review-num {
    margin-left: 5px;
    float: left;
    position: relative;
    top: -2px;
    font-size: 0.85em;
}

.product_summary .price {
    color: #6258a5;
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    margin-top: 20px;
    clear: both;
}

.product_summary .quantity.quantity-lg {
    height: 45px;
}

.product_summary .quantity {
    margin: 0 15px 25px 0;
    overflow: hidden;
    position: relative;
    width: 125px;
    height: 40px;
    float: left;
}

.product_summary .quantity.quantity-lg .minus {
    height: 45px;
    width: 45px;
}

.product_summary .quantity .minus {
    background: transparent;
    border: 1px solid #F0F0F0;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #5E5E5E;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 40px;
    line-height: 13px;
    margin: 0;
    overflow: visible;
    outline: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    text-decoration: none;
    vertical-align: text-top;
    width: 40px;
    border-radius: 0.25rem 0 0 0.25rem;
}

.product_summary .quantity.quantity-lg .qty {
    height: 45px;
}

.product_summary .quantity .qty {
    border: 1px solid #F0F0F0;
    -webkit-box-shadow: none;
    box-shadow: none;
    float: left;
    height: 40px;
    padding: 0 39px;
    text-align: center;
    width: 125px;
    font-weight: bold;
    font-size: 1em;
    outline: 0;
    border-radius: .25rem;
}

.product_summary .quantity.quantity-lg .plus {
    height: 45px;
    width: 45px;
}

.product_summary .product-meta {
    clear: both;
}

.product_summary .quantity .plus {
    background: transparent;
    border: 1px solid #F0F0F0;
    border-radius: 2px;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #5E5E5E;
    cursor: pointer;
    display: block;
    font-size: 12px;
    font-weight: bold;
    height: 40px;
    line-height: 13px;
    margin: 0;
    overflow: visible;
    outline: 0;
    padding: 0;
    position: absolute;
    text-align: center;
    text-decoration: none;
    vertical-align: text-top;
    width: 40px;
    border-radius: 0 0.25rem 0.25rem 0;
    right: 0;
    top: 0;
}

.info-list {
    position: relative;
    margin-top: 20px;
}

.info-list>li {
    position: relative;
    display: block;
    font-size: 17px;
    line-height: 27px;
    color: #777777;
    font-weight: 300;
    margin-bottom: 8px;
}

.info-list>li>a {
    color: #777777;
    -webkit-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
}

.info-list>li>a:hover {
    color: #6258a5;
}

.info-list>li span {
    color: #232323;
    font-weight: 400;
}

.social-links-one {
    display: inline-block;
}

.social-links-one li {
    position: relative;
    display: inline-block;
}

.social-links-one li a {
    position: relative;
    display: inline-block;
    text-align: center;
    margin: 0px 6px;
    font-size: 14px;
    color: #a6a6a6;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
}

.social-links-one li:hover a {
    color: #6258a5;
}

.product-info-tabs {
    padding-top: 20px;
}

.product-info-tabs .prod-tabs {
    position: relative;
}

.product-info-tabs .prod-tabs .tab-btns {
    position: relative;
    text-align: left;
    margin-bottom: 15px;
}

.prod-tabs .tab-btns .tab-btn.active-btn {
    color: #ffffff;
    background: #222222;
    border-color: #222222;
}

.prod-tabs .tab-btns .tab-btn {
    position: relative;
    display: block;
    font-size: 16px;
    background: none;
    color: #222222;
    border: 1px solid #222222;
    text-transform: capitalize;
    font-weight: 400;
    line-height: 24px;
    cursor: pointer;
    display: inline-block;
    padding: 12px 30px 10px;
    transition: all 500ms ease;
}

.prod-tabs .reviews-container {
    position: relative;
    padding-bottom: 1px;
}

.prod-tabs .reviews-container .review-box {
    position: relative;
    margin-bottom: 30px;
    padding-left: 120px;
    min-height: 130px;
    padding-bottom: 30px;
    border-bottom: 1px solid #f0f0f0;
}

.prod-tabs .reviews-container .rev-thumb {
    position: absolute;
    left: 0px;
    top: 5px;
    width: 100px;
    height: 100px;
    background: #ffffff;
    border-radius: 3px;
    margin-bottom: 20px;
}

.prod-tabs .reviews-container .rev-thumb img {
    display: block;
    width: 100%;
    border-radius: 3px;
}

.prod-tabs .reviews-container .rev-content {
    position: relative;
    background: #ffffff;
}

.prod-tabs .reviews-container .rev-header {
    position: relative;
}

.prod-tabs .reviews-container .rev-header h4 {
    float: left;
    line-height: 30px;
    color: #222222;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px;
}

.prod-tabs .reviews-container .rev-header .rating {
    position: relative;
    float: left;
    margin-left: 40px;
    color: #6258a5;
    line-height: 30px;
    font-size: 14px;
    margin-bottom: 10px;
}

.prod-tabs .reviews-container .rev-header .time {
    position: relative;
    float: right;
    animation-timing-function: color: #000000;
    line-height: 30px;
    font-size: 14px;
}

.add-review {
    position: relative;
    margin: 30px 0px 20px;
    font-size: 14px;
}

.prod-tabs .add-review h2 {
    color: #000000;
}

.reviews-container .add-review .form-group {
    position: relative;
    margin-bottom: 20px;
}

.reviews-container .add-review .form-group label {
    position: relative;
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 400;
    color: #303030;
}

.reviews-container .add-review .form-group input[type="text"],
.reviews-container .add-review .form-group input[type="email"] {
    position: relative;
    display: block;
    width: 100%;
    line-height: 22px;
    padding: 9px 15px;
    color: #222222;
    border: 1px solid #e0e0e0;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.reviews-container .add-review .rating {
    position: relative;
    padding-top: 8px;
}

.reviews-container .add-review .rating .rate-box {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
    color: #555555;
}

.reviews-container .add-review .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 22px;
    padding: 8px 15px;
    color: #222222;
    border: 1px solid #e0e0e0;
    height: 150px;
    resize: none;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.add-review .form-group {
    position: relative;
    margin-bottom: 20px;
}

.add-review .rating .rate-box:hover {
    color: #6258a5;
}

.side-barBox .form-group {
    position: relative;
    margin-bottom: 20px;
}

.side-barBox .form-group label {
    position: relative;
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 400;
    color: #303030;
}

.side-barBox .form-group input[type="text"],
.side-barBox .form-group input[type="email"] {
    position: relative;
    display: block;
    width: 100%;
    line-height: 22px;
    padding: 9px 15px;
    color: #222222;
    border: 1px solid #e0e0e0;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.side-barBox .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 22px;
    padding: 8px 15px;
    color: #222222;
    border: 1px solid #e0e0e0;
    height: 150px;
    resize: none;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}


/*innerWrap*/

.innerWrap .container-filter {
    padding-bottom: 30px;
    text-align: center;
}

.innerWrap .container-filter li {
    list-style: none;
    display: inline-block;
}

.innerWrap .container-filter li a {
    display: block;
    padding: 8px 20px;
    text-decoration: none;
    font-size: 16px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    color: #000;
    background: none;
}

.innerWrap .container-filter li a.active,
.innerWrap .container-filter li a:hover {
    background: #6258a5;
    color: #fff;
}

.innerWrap .portfolio-posts li {
    display: inline-block;
}

.innerWrap .portfolio-posts .col-md-2 {
    padding: 0px;
}

.innerWrap .portfolio-posts .col-md-3 {
    padding: 0px;
}

.innerWrap .portfolio-posts .col-md-4 {
    padding: 0px;
}

.innerWrap .portfolio-posts .col-md-6 {
    padding: 0px;
}

/*contactuc*/
.dark-wrapper {
    padding-top: 70px;
}

.thin {
    width: 100%;
    margin: 0 auto;
}

.steps .steps-item {
    counter-increment: stepsNum;
    border: 2px solid #e1e1e1;
    padding: 50px 20px 25px;
    margin: 15px 0;
    position: relative;
    transition: all 200ms ease-in;
    position: relative;
}

.steps .icon {
    font-size: 45px;
    margin-bottom: 25px;
    color: #6258a5;
}

.steps i {
    color: inherit;
}

.divide50 {
    width: 100%;
    height: 50px;
}

h2.post-title {
    font-size: 20px;
    line-height: 26px;
}

.divide10 {
    width: 100%;
    height: 10px;
}

.form-container ..add-review {
    position: relative;
    margin: 0px;
    font-size: 14px;
}

.form-container .add-review .form-group {
    position: relative;
    margin-bottom: 20px;
}

.form-container .add-review .form-group label {
    position: relative;
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 400;
    color: #303030;
}

.form-container .add-review .form-group input[type="text"],
.form-container .add-review .form-group select,
.form-container .add-review .form-group input[type="email"] {
    position: relative;
    display: block;
    width: 100%;
    line-height: 22px;
    padding: 9px 15px;
    color: #222222;
    border: 1px solid #e0e0e0;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.form-container .add-review .rating {
    position: relative;
    padding-top: 8px;
}

.form-container .add-review .rating .rate-box {
    position: relative;
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
    color: #555555;
}

.form-container .add-review .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 22px;
    padding: 8px 15px;
    color: #222222;
    border: 1px solid #e0e0e0;
    height: 150px;
    resize: none;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.add-review .form-group {
    position: relative;
    margin-bottom: 20px;
}

.add-review .rating .rate-box:hover {
    color: #6258a5;
}

.side-barBox .form-group {
    position: relative;
    margin-bottom: 20px;
}

.side-barBox .form-group label {
    position: relative;
    display: block;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: 400;
    color: #303030;
}

.side-barBox .form-group input[type="text"],
.side-barBox .form-group input[type="email"] {
    position: relative;
    display: block;
    width: 100%;
    line-height: 22px;
    padding: 9px 15px;
    color: #222222;
    border: 1px solid #e0e0e0;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.side-barBox .form-group textarea {
    position: relative;
    display: block;
    width: 100%;
    line-height: 22px;
    padding: 8px 15px;
    color: #222222;
    border: 1px solid #e0e0e0;
    height: 150px;
    resize: none;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.steps .steps-item:hover {
    background: #6258a5;
    color: #fff;
    border: 2px solid #6258a5;
}

.steps .steps-item:hover i {
    color: #fff;
}

.steps .steps-item:hover a {
    color: #fff;
}

.thin_80 {
    width: 80%;
    margin: 0 auto
}

.padding_bottom_zero {
    padding-bottom: 0px;
}

.comingSoon {
    margin: 0 auto;
}

.comingSoon h2 {
    font-size: 60px;
    color: #6258a5;
    margin: 0px;
    font-weight: 800;
    text-align: center;
}

.comingSoon h3 {
    color: #111111;
    font-weight: 600;
    font-size: 30px;
    text-align: center;
}

.comingSoon p {
    text-align: center;
    font-size: 90px;
}

.error-page {
    text-align: center;
}

.error-page h2 {
    font-size: 110px;
    color: #6258a5;
    font-weight: 800;
}

.error-page h3 {
    color: #111111;
    font-weight: 600;
    font-size: 30px;
    letter-spacing: 10px;
}

.error-page p {
    letter-spacing: 2px;
    padding: 0 250px;
}

.error-link {
    margin-top: 15px;
}

.error-link p {
    color: #999;
}

.error-link h2 {
    margin: 0 0 15px;
    font-size: 18px;
    font-weight: 600;
}

.error-link ul {
    list-style: none;
}

.error-link li {
    list-style: none;
    display: block;
    color: #f34f3e;
}

.error-link li a {
    color: #f34f3e;
}

.error-link li::before {
    position: relative;
    z-index: 1;
    top: 0;
    display: inline-block;
    font-family: 'FontAwesome';
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
    margin-right: 5px;
    font-weight: 900;
    vertical-align: baseline;
    opacity: .3;
    color: #f34f3e;
}

.error-link .search-form .form-control {
    display: block;
    width: 100%;
    margin: 0;
    padding: 15px;
    font-family: 'Open Sans', sans-serif;
    outline: 0;
    border: none;
    height: 52px;
    border-radius: 0;
    background-color: #ffffff;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.error-link .search-form .input-group-btn .btn {
    margin: 0;
    padding: 15px 20px;
    border-radius: 0;
    background-color: #6258a5;
    color: #fff;
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}

.error-link .search-form .input-group-btn .btn i {
    line-height: 13px;
}

/*********************************************************
                      serviceSingle
                      **********************************************************/
.serviceSingle .flexslider {
    margin: 0 0 20px;
}

.serviceSingle h3 {
    position: relative;
    font-size: 30px;
    margin: 20px 0;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 42px;
}

.single-service {
    margin-bottom: 30px;
}

.special-links ul {
    list-style: none;
    padding-left: 0;
}

.special-links li a {
    background: #f9f9f9;
    color: #323232;
    border: 1px solid #e9e9e9;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
    line-height: 50px;
    position: relative;
    padding: 0 20px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.special-links li:hover a,
.special-links li a.active {
    background: #fff;
    color: #6258a5;
}

.special-links li a:hover:before,
.special-links li a.active:before {
    opacity: 1;
}

.special-links li a:before {
    content: '\f0da';
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    left: -1px;
    color: #222;
    font-size: 0px;
    line-height: 50px;
    opacity: 0;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    border-left: 4px solid;
    border-color: #6258a5;
}

.single-service:last-child {
    margin-bottom: 0;
}

.single-service:last-child .sec-title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 30px;
}

.single-service:last-child .sec-title h2 {
    font-size: 20px;
}

.single-service:last-child .sec-title h2 span {
    color: #6258a5;
}

.brochure-btns {
    list-style: none;
    padding-left: 0;
}

.brochure-btns li {
    display: block;
    margin-bottom: 10px
}

.brochure-btns li a {
    font-family: 'Open Sans', sans-serif;
    color: #404040;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    display: block;
    background: #FBFBFB;
    border: 1px solid #EDEDED;
    padding: 12px 20px;
}

.brochure-btns li a i {
    color: #e94429;
    margin: 0 10px 0;
    font-size: 1.2em;
}

.featureLinks {}

.featureLinks li {
    float: left;
    width: 50%;
    font-size: 16px;
    color: #000;
    margin-top: 10px;
    position: relative;
    padding-left: 25px;
}

.featureLinks li:before {
    content: "\f061";
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    left: 0;
    color: #6258a5;
}

.serviceSingle .flex-direction-nav {
    display: none;
}

/*********************************************************
                      videoWrp
                      **********************************************************/
.videoWrp {
    background: none;
    position: relative;
    padding: 0;
    height: 680px;
}

.hero-wrapper {
    height: 600px;
    min-width: 100%;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
}

.video {
    position: relative;
}

.hero-wrapper:before {
    content: '';
    position: absolute;
    top: -60px;
    z-index: -1;
    width: 100%;
    height: 100%;
    /*background: rgba(0,0,0,0.5);*/
}

.hero-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: -1;
    top: 0;
    background-position: center center;
    background-size: cover;
}

.hero-image #bgvid {
    display: block;
    min-height: 100%;
    min-width: 100%;
    max-width: inherit;
}

.videohover {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    z-index: 99;
}

.banner-info {
    padding: 200px 0px 25px;
    margin-top: 100px;
    margin: 0 auto;
    width: 90%;
}

.slider-wrap h5 {
    color: #fff;
    font-size: 16px !important;
    text-transform: none !important;
    text-align: center;
    z-index: 99;
}

.slider-wrap h2 {
    color: #fff;
    font-size: 55px;
    font-weight: 700;
    text-transform: none !important;
    text-align: center;
    z-index: 99;
    text-shadow: 0 0 1px rgba(24, 24, 24, .75);
}

.slider-wrap h2 span {
    color: #6258a5
}

.slider-wrap h4 {
    color: #fff;
    font-size: 48px;
    font-weight: 700;
    text-transform: none !important;
    text-align: center;
    z-index: 99;
    text-shadow: 0 0 1px rgba(24, 24, 24, .75);
}

.slider-wrap h4 span {
    color: #6258a5
}

.slider-wrap p {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: none !important;
    text-align: center;
    text-shadow: 0 0 1px rgba(24, 24, 24, .75);
    z-index: 99;
    padding: 25px 0
}

.slider-wrap .readmore {
    margin-top: 18px;
    text-align: center
}

.slider-wrap .readmore a {
    display: inline-block;
    z-index: 99;
    padding: 10px 20px;
    text-decoration: none;
    font-size: 16px;
    text-align: center;
    ;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    color: #fff !important;
}

/*********************************************************
                    particles-js
                    **********************************************************/
#particles-js {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
}

/*********************************************************
                      Home paralell    
                      **********************************************************/

#home_typer {
    background: url(../images/banner-5.jpg) no-repeat top;
    background-size: cover;
    background-position: center center;
    display: -webkit-box;
    display: -webkit-flex;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    height: 100vh;
    position: relative;
}

#home_particle {
    background: url(../images/banner-5.jpg) no-repeat top;
    background-size: cover;
    background-position: center center;
    display: -webkit-box;
    display: -webkit-flex;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    height: 100vh;
    position: relative;
}

#home_static {
    background: url(../images/banner-5.jpg) no-repeat top;
    background-size: cover;
    background-position: center center;
    display: -webkit-box;
    display: -webkit-flex;
    text-align: center;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    height: 100vh;
    position: relative;
}

.parallax-section {
    padding: 20px 0 70px 0px;
    position: relative;
    background-attachment: fixed !important;
    background-size: cover !important;
}

#home h3 {
    color: #f0f0f0;
}

#home .overlay {
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#js-rotating {
    border: 1px solid #fff;
    padding: 10px 20px;
    display: inline-block;
}

/*********************************************************/


.blog-single {
    position: relative;
}

.blog-single .inner-box {
    position: relative;
}

.blog-single .inner-box .post-info {
    position: relative;
}

.blog-single .inner-box .post-info li {
    position: relative;
    color: #222222;
    font-size: 13px;
    margin-right: 10px;
    display: inline-block;
}

.blog-single .inner-box .post-info li .icon {
    position: relative;
    margin-right: 4px;
    color: #777777;
}

.blog-single .inner-box .post-info li:last-child {
    margin-right: 0px;
}

.blog-single .inner-box h3 {
    position: relative;
    color: #000048;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.4em;
    margin-top: 14px;
    margin-bottom: 10px;
}

.blog-single .inner-box .text {
    position: relative;
    margin-bottom: 15px;
}

.blog-single .inner-box .text p {
    position: relative;
    color: #777777;
    font-size: 14px;
    margin-top: 12px;
    line-height: 1.9em;
}

.blog-single .inner-box .image {
    position: relative;
    margin-bottom: 30px;
}

.blog-single .inner-box .image img {
    position: relative;
    width: 100%;
    display: block;
}

.blog-single .inner-box h4 {
    position: relative;
    color: #000048;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4em;
    margin-top: 14px;
    margin-bottom: 10px;
}

.blog-single .inner-box blockquote {
    position: relative;
    padding: 0px;
    border: 0px;
    padding-left: 70px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.blog-single .inner-box .text blockquote .quote-icon {
    position: absolute;
    content: '';
    left: 0px;
    top: -20px;
    color: #000048;
    font-size: 44px;
    line-height: 1em;
}

.blog-single .inner-box .text blockquote .blockquote-text {
    position: relative;
    color: #414857;
    font-size: 18px;
    font-style: italic;
    line-height: 1.7em;
    padding-top: 22px;
    border-top: 1px solid #e6e6e6;
}



.blog-single .post-share-options {
    position: relative;
    margin-top: 0px;
}

.blog-single .post-share-options .post-share-inner {}

.blog-single .post-share-options .tags span {
    font-size: 16px;
    color: #443986;
    font-weight: 700;
    margin-right: 8px;
    text-transform: uppercase;
}

.blog-single .post-share-options .tags a {
    position: relative;
    color: #777777;
    font-size: 16px;
    font-weight: 600;
    line-height: 1em;
    padding-right: 12px;
    margin-right: 10px;
    display: inline-block;
    text-transform: capitalize;
    border-right: 1px solid #ebebeb;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.blog-single .post-share-options .tags a:last-child {
    border-right: none;
    margin-right: 0px;
    padding-right: 0px;
}

.blog-single .post-share-options .tags {
    position: relative;
    color: #ff4800;
    font-size: 16px;
    font-weight: 400;
    margin-top: 3px;
}

.blog-single .post-share-options .tags a:hover {
    color: #020e28;
}

.blog-single .post-share-options .social-box {
    position: relative;
}

.blog-single .post-share-options .social-box li {
    position: relative;
    margin-left: 15px;
    display: inline-block;
}

.blog-single .post-share-options .social-box li a {
    position: relative;
    font-size: 14px;
    color: #888888;
    display: inline-block;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.blog-single .post-share-options .social-box li a:hover {
    color: #000048;
}


.blog-single .inner-box .news-posts {
    position: relative;
    padding: 25px 0px;
    margin-top: 40px;
    margin-bottom: 60px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
}

.blog-single .inner-box .news-posts h4 {
    position: relative;
    color: #222222;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.7em;
    margin: 0px;
    margin-bottom: 10px;
}

.blog-single .inner-box .news-posts .prev-post a {
    position: relative;
    color: #000048;
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.blog-single .inner-box .news-posts .prev-post .image {
    position: absolute;
    left: 0px;
    top: 8px;
    width: 70px;
    height: 70px;
}

.blog-single .inner-box .news-posts .next-post {
    position: relative;
    text-align: right;
    padding-right: 90px;
}

.blog-single .inner-box .news-posts .next-post .image {
    position: absolute;
    right: 0px;
    top: 8px;
    width: 70px;
    height: 70px;
}

.blog-single .inner-box .news-posts .next-post a {
    position: relative;
    color: #000048;
    font-size: 15px;
    font-weight: 700;
    text-transform: capitalize;
    transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
}

.blog-single .inner-box .news-posts .prev-post {
    position: relative;
    padding-left: 90px;
}

.blog-single .inner-box .news-posts .prev-post a:hover,
.blog-single .inner-box .news-posts .next-post a:hover {
    color: #ffaa00;
}


/**=======================Author Box=====================**/


.author-box {
    position: relative;
    margin-bottom: 45px;
}

.author-box .author-comment {
    position: relative;
}

.author-box .author-comment .inner-box {
    position: relative;
    padding-left: 165px;
}

.author-box .author-comment .inner-box .image {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 130px;
    overflow: hidden;
    margin-bottom: 20px;
}

.author-box .author-comment .inner-box h3 {
    position: relative;
    color: #1a1d1f;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px
}

.author-box .author-comment .inner-box .text {
    position: relative;
    color: #888888;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.7em;
    margin-bottom: 10px
}

.author-box .author-comment .inner-box .social-icon-four li {
    margin-left: 0px;
    margin-right: 15px;
}





.comments-area {
    position: relative;
    margin-bottom: 50px;
}

.group-title {
    position: relative;
}

.group-title h2 {
    position: relative;
    font-size: 18px;
    color: #222222;
    font-weight: 700;
    text-transform: capitalize;
}

.group-title h3 {
    position: relative;
    font-size: 16px;
    color: #414857;
    font-weight: 400;
    margin-bottom: 50px;
    text-transform: capitalize;
}

.comments-area .comment-box {
    position: relative;
    padding: 0px 0px 0px;
    margin-bottom: 40px;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -moz-transition: all 300ms ease;
    transition: all 300ms ease;
}

.comments-area .comment {
    position: relative;
    padding: 0px 0px 30px 110px;
    font-size: 14px;
    border-bottom: 1px solid #f5f5f5;
}

.comments-area .reply-comment {
    margin-left: 120px;
}

.comments-area .comment-box .author-thumb {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 80px;
    border-radius: 50%;
    margin-bottom: 20px;
    overflow: hidden;
}

.comments-area .comment-box .author-thumb img {
    width: 100%;
    display: block;
}

.comments-area .comment-info {
    margin-bottom: 10px;
}

.comments-area .comment-box strong {
    font-size: 17px;
    font-weight: 600;
    color: #1a1d1f;
    display: block;
    line-height: 1.3em;
    text-transform: capitalize;
}

.comments-area .comment-box .text {
    color: #888888;
    font-size: 14px;
    line-height: 1.9em;
    margin-bottom: 0px;
}

.comments-area .comment-info .comment-time {
    font-size: 12px;
    color: #888888;
}

.comments-area .comment-box .theme-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 2px 22px;
    font-size: 13px;
    color: #888888;
    font-weight: 400;
    border: 2px solid #f6f7f7;
    text-transform: capitalize;
    background-color: #f6f7f7;
}

.comments-area .comment-box .theme-btn:hover {
    background: #000048;
    color: #ffffff;
    border-color: #000048;
}




/**=======================Responsive Section=======================**/
@media only screen and (max-width:5000px) {
    .page-wrapper {
        overflow: hidden;
    }
}

@media only screen and (max-width:1600px) {}

@media only screen and (max-width:1340px) {
    .page-wrapper {
        overflow: hidden;
    }
}

@media screen and (max-width: 1204px) {
    .main-menu .navigation>li {
        margin-right: 23px;
    }
}

@media screen and (max-width: 1183px) {
    .main-header .outer-box {
        margin-left: 30px;
    }
}

@media screen and (max-width: 1177px) {
    .main-menu .navigation>li {
        margin-right: 22px;
    }
}

@media screen and (max-width: 1168px) {
    .main-menu .navigation>li {
        margin-right: 20px;
    }
}

@media screen and (max-width: 1148px) {
    .main-menu .navigation>li {
        margin-right: 18px;
    }
}

@media only screen and (max-width:1140px) {
    .main-header {
        margin: 0px !important;
    }

    .call-to-action h3 {
        font-size: 20px;
    }

    .main-footer .footer-info-section .info-block .inner .text {
        font-size: 13px;
    }

    .commingsoon-section .left-column .inner-column {
        padding: 100px 120px 100px 0px;
    }

    .commingsoon-section .right-column .inner-column {
        padding-left: 60px;
    }

    .main-slider .slide.style-two {
        padding-top: 150px;
    }

    .pricing-section .title-column .inner-column {
        padding-right: 15px;
    }

    .welcome-section .content-column .inner-column .counter-box {
        margin-top: 25px;
    }

    .project-block .inner-box .content-column .inner-column h3 {
        font-size: 20px;
    }

    .page-wrapper {
        overflow: hidden;
    }

    .service-single .inner-box .lower-content .two-column .list-style-two {
        margin-top: 25px;
    }

    .main-menu .navigation>li {
        margin-left: 0px;
    }

    .main-header .info-box strong {
        font-size: 13px;
    }

    .main-header .header-upper .upper-right .header-lower::after {
        left: 0px;
        background-color: inherit
    }

    .main-header.header-style-two .header-upper {
        background: none;
    }

    .main-slider .mouse-btn-down,
    .main-slider .left-title,
    .main-header .header-lower .btn-box,
    .main-header .header-upper .upper-right::before,
    .header-style-two .nav-outer::before,
    .choice-section .image-column .inner-column .image::before,
    .header-style-two .nav-outer .side-curve {
        display: none;
    }

    .main-header .header-upper {
        background-color: rgba(0, 0, 0, 0.60);
    }

    .main-header.header-style-two .outer-box {
        display: block;
    }

    .main-header .outer-box .buttons-box .theme-btn {
        font-size: 16px;
    }

    .main-header .outer-box .option-box>li {
        margin-left: 15px;
    }

    .main-header.header-style-two .outer-box .option-box {
        margin-right: 0px;
    }

    .choice-section .content-column .inner-column {
        padding-left: 0px;
        padding-top: 0px;
    }

    .main-header .header-upper .upper-right {
        padding-left: 0px;
    }

    .default-section .form-column .inner-column {
        padding-left: 15px;
    }

    .shop-form .billing-inner {
        padding-right: px;
    }

    .news-block .inner-box .content-column .post-info li {
        margin-right: 10px;
    }

    .news-block .inner-box .content-column .column-inner h3 {
        font-size: 19px;
    }

    .section-title .text {
        font-size: 15px;
    }

    .testimonial-style-one .testi-desc p {
        min-height: 90px;
    }

    .main-header .header-upper .pull-right {
        float: none !important;
    }

    .main-header .nav-outer {
        float: none !important;
    }

}

@media screen and (max-width: 1033px) {
    .main-header .outer-box {
        margin-left: 10px;
    }

}

@media only screen and (min-width:768px) {

    .main-menu .navigation>li>ul,
    .main-menu .navigation>li>ul>li>ul {
        display: block !important;
        visibility: hidden;
        opacity: 0;
    }

}

@media only screen and (max-width:1199px) {
    .testimonial-style-one .testi-desc p {
        min-height: 90px;
    }

    .blog_share_details {
        padding: 35px 10px 30px;
    }

    #home_particle {
        height: 80vh;
    }

    .tc-testimonial-style5 .testi-desc p {
        min-height: 110px;
    }
}

@media only screen and (max-width: 1063px) {
    .blog_share_details p {
        min-height: 170px;
    }

    .bdt-post-card-excerpt p {
        min-height: 120px;
    }
}

@media only screen and (max-width:1023px) {
    .main-header .outer-box {
        margin-left: 3px;
    }

    .main-menu .navigation>li {
        margin-right: 15px;
    }

    .main-header .outer-box .option-box .cart-box {
        margin-right: 15px;
    }

}

@media only screen and (max-width:1024px) {
    .main-header .main-box .logo-box {
        position: relative;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        margin: 0px;
        text-align: left;
    }

    .commingsoon-section .left-column .inner-column {
        padding-right: 15px;
    }

    .time-counter .time-countdown .counter-column {
        width: 40%;
        float: left;
    }

    .commingsoon-section .left-column .inner-column .logo {
        margin-bottom: 100px;
    }

    .commingsoon-section .right-column .inner-column {
        padding-top: 80px;
        padding-bottom: 60px;
    }

    .project-block .inner-box .content-column .inner-column {
        margin-left: 0px;
        margin-top: -40px;
        margin-left: 30px;
        margin-right: 30px;
    }

    .main-slider .slide {
        padding: 150px 0px 200px;
    }

    .commingsoon-section .left-column {
        max-width: 100%;
        width: 100%;
    }

    .commingsoon-section .right-column {
        position: elative;
        width: 100%;
    }

    .main-slider .slide.style-three {
        padding-top: 150px;
    }

    .main-header.header-style-two .outer-box .option-box {
        margin-left: 15px;
    }

    .pricing-section .title-column {
        width: 100%;
    }

    .pricing-section .price-column {
        width: 100%;
    }

    .main-header.header-style-two .header-upper .upper-right {
        padding-top: 0px;
    }

    .main-header.header-style-two .info-box {
        margin-right: 20px;
    }

    .main-header .info-box {
        margin-top: 15px !important;
        margin-right: 30px;
    }

    .main-header .outer-box {
        display: block;
    }

    .main-header .header-upper .logo-box {
        margin-top: 20px;
    }

    .partner-block .inner-box {
        padding-top: 0px;
    }

    .main-header .nav-outer {
        float: left;
    }

    .main-header .nav-toggler {
        display: block;
    }

    .choice-section:before,
    .main-slider .tparrows,
    .fixed-header .sticky-header {
        display: none;
    }

    .header-style-two {
        background: none !important;
    }

    .main-header .header-lower .search-box,
    .main-header.header-style-two .outer-box .buttons-box {
        display: none;
    }

    .main-header.header-style-three .nav-outer {
        padding-left: 15px;
    }

    .main-menu .navigation>li>a {
        font-size: 14px;
    }

    .main-header .options-box {
        margin-top: 0px;
        position: absolute;
        left: 0px;
        top: 25px;
        z-index: 12;
        display: none;
        right: auto;
    }

    .main-header .header-upper .upper-right {
        padding-top: 0px;
        width: 100%;
    }

    .main-menu .navigation>li {
        margin-right: 18px;
    }

    .header-style-two .main-menu .navigation>li {
        margin-right: 15px;
    }

    .main-header .header-upper .logo-box {
       margin-bottom: 0;
    margin-right: 0px;
    width: 100%;
    text-align: center;
    }

    .main-header .header-upper .outer-container {
        padding: 0px 15px;
    }

    .main-slider h3 span {
        font-size: 50px;
    }

    .header-top .top-left,
    .header-top .top-right {
        width: 100%;
        text-align: center;
    }

    .main-header {
        position: relative;
        background-color: #222222;
    }

    .main-header.header-style-three .nav-outer {
        margin-top: 0px;
        padding-left: 0px;
        border-radius: 0px;
    }

    .main-header.header-style-three .header-upper {
        padding-bottom: 0px;
    }

    .header-style-three .header-lower {
        background-color: #ffffff;
    }

    .main-header.header-style-three .header-upper .logo-box {
        margin-bottom: 0px;
    }

    .welcome-section .image-column .inner-column {
        margin-bottom: 50px;
    }

    .welcome-section .content-column .inner-column .counter-box {
        margin-left: 0px;
    }

    .call-to-action-section-two .pull-left,
    .call-to-action-section-two .pull-right {
        width: 100%;
        text-align: center;
    }

    .call-to-action-section-two h2 {
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .default-section .form-column,
    .default-section .news-column {
        width: 100%;
        position: relative;
    }

    .default-section .news-column .inner-column,
    .default-section .form-column .inner-column {
        max-width: 100%;
    }

    .footer-style-two .footer-bottom .copyright,
    .main-footer .footer-bottom .copyright {
        text-align: center;
        margin-bottom: 8px;
    }

    .footer-style-two .footer-bottom .footer-nav,
    .main-footer .footer-bottom .footer-nav {
        text-align: center;
    }

    .team-section .carousel-column .owl-nav {
        position: relative;
        bottom: 0px;
        left: auto;
    }

    .choice-section .image-column {
        margin-bottom: 35px;
    }

    .choice-section {
        padding-bottom: 0px;
    }

    .project-tab .sec-title {
        margin-bottom: 40px;
    }

    .project-tab .sec-title .pull-right {
        width: 100%;
        display: block;
    }

    .project-tab .product-tab-btns .p-tab-btn {
        margin-left: 0px;
        margin-right: 20px;
    }

    .newsletter-section .title-column {
        margin-bottom: 30px;
    }

    .heading_inner_right {
        font-size: 25px;
    }

    .team-section .carousel-column .heading_style_right .heading_inner_right {
        font-size: 20px;
    }

    .welcome-section .image-column .inner-column .image img {
        display: inline-block;
    }

    .testimonial-style-one .testi-desc p {
        min-height: 110px;
    }

    .blog_share_box {
        -webkit-transition: .3s;
        -o-transition: .3s;
        margin: 10px 0px;
    }

    .min-content {
        padding: 10px;
    }

    .min-content p {
        line-height: 19px;
    }

    .second-pro .col-md-4 {
        padding-right: 15px;
    }

    .second-pro .col-md-8 {
        padding-left: 15px;
    }

    .min-content h6 a {
        font-size: 18px;
        line-height: 25px;
    }

    .whychoose-wrap .video .matter h6 {
        font-size: 50px;
    }

    .services_item .inner-box .text {
        min-height: 145px;
    }

    .heading_style_right .heading_inner_right {
        font-size: 26px;
    }

    .heading_style_center .heading_inner_center {
        font-size: 26px;
    }

    .fact-counter .column .counter-title {
        font-size: 14px;
    }

    .blog_share_details p {
        font-size: 14px;
        min-height: 154px;
    }

    .welcome-section .image-column {
        margin-bottom: 0px;
    }

    .team-block .inner-box .lower-box {
        padding: 11px 0px
    }

    .videoWrp {
        height: 580px;
    }

    .videohover {
        left: 0;
    }

    .hero-wrapper:before {
        content: '';
        position: absolute;
        top: 0px;
    }

    .banner-info {
        padding: 45px 0px 25px;
        margin-top: 20px;
        width: 100%;
    }

    .slider-wrap p {
        color: #fff;
        font-size: 15px;
        font-weight: normal;
    }

    .tc-testimonial-style3 .testi-desc p {
        min-height: 160px;
    }
}

@media only screen and (max-width: 991px) {
    .pc_price {
        margin: 15px 0;
    }

    .services-box .services-post h2 {
        font-size: 18px;
        font-weight: bold;
    }
}

@media only screen and (max-width: 990px) {
    .comingSoon p {
        font-size: 70px;
    }

    .main-header .info-box {
        margin-top: 0px;
    }

    .welcome-section .image-column {
        margin-bottom: 0px;
    }

    .welcome-section .image-column .inner-column {
        padding-left: 0px;
    }

    .welcome-section .image-column .inner-column .image {
        position: relative;
        display: block;
        text-align: center;
    }

    .welcome-section .image-column .inner-column .image img {}

    .services_item .inner-box .text {
        min-height: 115px;
    }

    .testimonial-style-one .testi-desc p {
        min-height: 120px;
    }

    .team-block .inner-box .image img {
        margin-bottom: -50px;
    }

    .call_section h2 {
        font-size: 36px;
    }

    #home_particle {
        height: 70vh;
    }

    .featureLinks li {
        width: 100%;
        font-size: 15px;
    }

    .featureLinks {
        padding-bottom: 25px !important;
    }

    .tc-testimonial-style2 .testi-desc p {
        min-height: 120px;
    }

    .tc-testimonial-style3 .testi-desc p {
        min-height: 190px;
    }

    .bdt-post-card-item {
        margin: 10px 0px;
    }
}

@media only screen and (max-width: 860px) {
    .tc-testimonial-style5 .testi-desc p {
        min-height: 130px;
    }
}

@media only screen and (max-width: 767px) {
    .pricing-plan-7--column {
        margin: 20px 0
    }

    .services-box .services-post {
        padding-bottom: 0px;
        padding-right: 0px;
        text-align: left;
    }

    .services-box .services-post a {
        float: left;
    }

    .services-box .services-post h2,
    .services-box .services-post p {
        margin-left: 105px;
    }

    .services-box .services-post.right-post {
        padding-left: 0px;
    }

    .whychoose-wrap .video .matter h6 {
        font-size: 40px;
    }

    .innerWrap .container-filter li {
        display: block;
    }

    .call_section h2 {
        font-size: 30px;
    }

    .header-upper .logo-outer {
        position: relative;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
        width: 100%;
        margin: 0px;
    }

    .commingsoon-section .left-column .inner-column h2 {
        font-size: 60px;
    }

    .main-header .header-top .top-right {
        display: none;
    }

    .main-header .header-lower .btn-box {
        display: block;
    }

    .main-header.header-style-three .nav-outer,
    .header-style-three .header-lower {
        background-color: #000000;
    }

    .main-header .header-top .top-left {
        width: 100%;
    }

    .sec-title h2 {
        font-size: 22px;
    }

    .shop .product-img img {
        width: 100%;
    }

    .main-menu {
        width: 100%;
        display: block;
    }

    .main-menu .navbar-collapse {
        max-height: 350px;
        max-width: none;
        overflow: auto;
        float: none !important;
        width: 100% !important;
        padding: 0px 0px 0px;
        border: none;
        margin: 0px 0px 15px;
        -ms-border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
        box-shadow: none;
    }

    .commingsoon-section .left-column .text {
        font-size: 18px;
    }

    .main-menu .navbar-collapse.in,
    .main-menu .collapsing {
        padding: 0px 0px 0px;
        border: none;
        margin: 0px 0px 15px;
        -ms-border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        -o-border-radius: 0px;
        border-radius: 0px;
        box-shadow: none;
    }

    .main-menu .navbar-header {
        position: relative;
        float: none;
        display: block;
        text-align: right;
        width: 100%;
        padding: 12px 0px;
        right: 13px;
        z-index: 12;
    }

    .main-menu .navbar-header .navbar-toggle {
        display: inline-block;
        z-index: 12;
        border: 1px solid #cc8809;
        float: none;
        margin: 0px 0px 0px 0px;
        border-radius: 0px;
        background: #cc8809;
    }

    .main-menu .navbar-header .navbar-toggle .icon-bar {
        background: #ffffff;
    }

    .main-menu .navbar-collapse>.navigation {
        float: none !important;
        margin: 0px !important;
        width: 100% !important;
        background: #2c2c2c;
        border: 1px solid #ffffff;
        border-top: none;
    }

    .welcome-section .content-column .inner-column .counter-box {
        padding-left: 30px;
    }

    .main-menu .navbar-collapse>.navigation>li {
        margin: 0px !important;
        float: none !important;
        padding: 0px !important;
        width: 100%;
    }

    .main-menu .navigation>li>a,
    .main-menu .navigation>li>ul:before {
        border: none;
    }

    .main-menu .navbar-collapse>.navigation>li>a {
        padding: 10px 10px !important;
        border: none !important;
    }

    .main-menu .navigation li.dropdown>a:after,
    .main-menu .navigation>li.dropdown>a:before,
    .main-menu .navigation>li>ul>li>a::before,
    .main-menu .navigation>li>ul>li>ul>li>a::before {
        color: #ffffff !important;
        right: 15px;
        font-size: 16px;
        display: none !important;
    }

    .main-menu .navbar-collapse>.navigation>li>ul,
    .main-menu .navbar-collapse>.navigation>li>ul>li>ul {
        position: relative;
        border: none;
        float: none;
        visibility: visible;
        opacity: 1;
        display: none;
        margin: 0px;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        padding: 0px;
        outline: none;
        width: 100%;
        background: #2c2c2c;
        -webkit-border-radius: 0px;
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        transition: none !important;
        -webkit-transition: none !important;
        -ms-transition: none !important;
        -o-transition: none !important;
        -moz-transition: none !important;
    }

    .main-menu .navbar-collapse>.navigation>li>ul,
    .main-menu .navbar-collapse>.navigation>li>ul>li>ul {
        border-top: 1px solid rgba(255, 255, 255, 1) !important;
    }

    .main-menu .navbar-collapse>.navigation>li,
    .main-menu .navbar-collapse>.navigation>li>ul>li,
    .main-menu .navbar-collapse>.navigation>li>ul>li>ul>li {
        border-top: 1px solid rgba(255, 255, 255, 1) !important;
        border-bottom: none;
        opacity: 1 !important;
        top: 0px !important;
        left: 0px !important;
        visibility: visible !important;
    }

    .main-menu .navigation li>ul>li.dropdown:hover>ul {
        border-bottom: none !important
    }

    .main-menu .navbar-collapse>.navigation>li:first-child {
        border none;
    }

    .main-menu .navbar-collapse>.navigation>li>a,
    .main-menu .navbar-collapse>.navigation>li>ul>li>a,
    .main-menu .navbar-collapse>.navigation>li>ul>li>ul>li>a {
        padding: 10px 10px !important;
        line-height: 22px;
        color: #ffffff;
        background: #2c2c2c;
        text-align: left;
    }

    .main-menu .navbar-collapse>.navigation>li>a:hover,
    .main-menu .navbar-collapse>.navigation>li>a:active,
    .main-menu .navbar-collapse>.navigation>li>a:focus {
        background: #cc8809;
    }

    .main-menu .navbar-collapse>.navigation>li:hover>a,
    .main-menu .navbar-collapse>.navigation>li>ul>li:hover>a,
    .main-menu .navbar-collapse>.navigation>li>ul>li>ul>li:hover>a,
    .main-menu .navbar-collapse>.navigation>li.current>a,
    .main-menu .navbar-collapse>.navigation>li.current-menu-item>a {
        background: #2c2c2c;
        color: #ffffff !important;
    }

    .main-menu .navbar-collapse>.navigation li.dropdown .dropdown-btn,
    .header-style-two .nav-outer .btn-outer {
        display: block;
    }

    .sec-title .text br,
    .main-slider .owl-nav,
    .main-slider .schedule-box,
    .main-menu .navbar-collapse>.navigation li.dropdown:after,
    .main-menu .navigation>li>ul:before {
        display: none !important;
    }

    .main-header .btn-outer {
        left: 0px;
        top: 0px;
        right: auto;
        margin-top: 15px;
        text-align: left;
        z-index: 12;
    }

    .main-header .main-box .logo-box {
        float: none;
        text-align: center;
        padding-bottom: 10px;
    }

    .main-header .options-box {
        display: block;
    }

    .main-header .btn-outer {
        display: block;
    }

    .main-header.light-version .main-box .logo-box {
        padding-bottom: 0px;
    }

    .main-header .options-box .options-nav>li {
        margin-left: 0px;
        margin-right: 20px;
    }

    .main-header .search-box-outer .dropdown-menu {
        left: 0px;
        top: 47px;
    }

    .sidebar-page-container .comments-area .comment-box.reply-comment {
        margin-left: 0px;
    }

    .main-header .info-box {
        padding-left: 0px;
        text-align: center;
        width: 100%;
        margin-left: 0px;
        margin-bottom: 20px;
        display: none;
    }

    .main-header .info-box:last-child {
        margin-bottom: 0px;
    }

    .main-header .info-box .icon-box {
        position: relative;
        margin: 0 auto;
        margin-bottom: 15px;
    }

    .main-header .main-box .outer-container {
        padding: 0px;
    }

    .main-header .header-lower .outer-box {
        position: absolute;
        z-index: 12;
        display: block;
    }

    .main-menu .navbar-header .navbar-toggler {
        display: inline-block;
        z-index: 12;
        width: 50px;
        height: 40px;
        text-align: center;
        border-radius: 0px;
        background: none;
        float: none;
        border: 1px solid #ffffff;
        padding: 0px;
    }

    .main-menu .navbar-header .navbar-toggler .icon-bar {
        position: relative;
        background: #ffffff;
        height: 2px;
        width: 26px;
        display: block;
        margin: 0 auto;
        margin: 5px 11px;
    }

    .main-header .header-lower .outer-box .appointment-box .appointment-btn {
        padding: 23px 25px 22px 25px;
    }

    .main-header .nav-outer {
        width: 100%;
    }

    .main-menu .cart-box {
        position: absolute;
        left: 0px;
        top: 0px;
        padding-left: 0px;
        margin: 26px 0px;
        border-left: none;
        z-index: 30;
    }

    .main-slider h3 {
        font-size: 20px;
    }

    .main-slider h3 span {
        font-size: 0px;
    }

    .main-slider .text {
        font-size: 16px;
    }

    .header-top .top-righ,
    .main-header .outer-box .buttons-box,
    .main-slider .text br {
        display: none;
    }

    .main-slider .slide {
        padding: 120px 0px;
    }

    .main-header .outer-box .option-box>li {
        margin-left: 0px;
        margin-right: 20px;
    }

    .main-header.header-style-two .header-upper .logo-box {
        width: 100%;
        text-align: center;
    }

    .main-header.header-style-two .header-upper .upper-right {
        width: 100%;
        padding-top: 0px;
    }

    .header-style-two .nav-outer {
        padding-right: 15px;
    }

    .header-top .top-left .text {
        text-align: center;
        padding: 10px 0px
    }

    .main-header .header-lower .search-box-outer .dropdown-menu {
        left: 0px !important;
        top: 45px !important;
    }

    .main-header .outer-box .option-box .cart-box .cart-panel {
        left: 0px !important;
        right: auto;
    }

    .blog-single .inner-box .lower-content h2 {
        font-size: 22px;
    }

    .blog-single .inner-box .lower-content .post-meta li {
        font-size: 14px;
    }

    .main-footer .footer-info-section .info-block {
        margin-bottom: 0px;
    }

    .main-footer .footer-info-section .info-block:last-child {
        margin-bottom: 10px;
    }

    .main-footer .footer-bottom .copyright,
    .main-footer .footer-bottom .nav-column {
        text-align: center;
    }

    .main-slider .text {
        font-size: 15px;
    }

    .main-slider .title {
        font-size: 24px;
    }

    .main-slider h2 {
        font-size: 36px;
    }

    .author-box .author-comment .inner-box,
    .sidebar-page-container .comments-area .comment,
    .shop-page .prod-tabs .reviews-container .review-box {
        padding-left: 0px;
    }

    .sidebar-page-container .comments-area .comment-box .author-thumb,
    .author-box .author-comment .inner-box .image {
        position: relative;
        margin-bottom: 20px;
    }

    .blog-single .inner-box .lower-content .text blockquote {
        margin-left: 0px;
    }

    .cart-section .coupon-outer .pull-right {
        width: 100%;
    }

    .news-block-two .inner-box .content-column .inner-column {
        padding-left: 15px;
        padding-right: 15px;
    }

    .page-title h1 {
        font-size: 34px;
    }

    .nav-toggler {
        top: 12px;
    }

    .info-section .info-column .inner-box .info-box .inner {
        padding-left: 0px;
        text-align: center;
    }

    .main-header.header-style-two .outer-box .option-box,
    .main-header .outer-box .option-box {
        margin-left: 0px;
    }

    .header-top-two .top-right {
        display: none;
    }

    .header-top-two .top-left {
        width: 100%;
        text-align: center;
    }

    .call-to-action-section h2 {
        font-size: 34px;
    }

    .testimonial-block .inner-box {
        padding-top: 0px;
        padding-left: 190px;
    }

    .shop-page .prod-tabs .reviews-container .rev-thumb {
        position: relative;
    }

    .news-block .inner-box .content-column .column-inner {
        padding-top: 25px;
    }

    .blog-single .inner-box h3 {
        font-size: 24px;
    }

    .blog-single .inner-box .news-posts .prev-post .image,
    .blog-single .inner-box .news-posts .next-post .image {
        position: relative;
        margin: 0 auto;
        margin-bottom: 25px;
    }

    .blog-single .inner-box .news-posts .prev-post,
    .blog-single .inner-box .news-posts .next-post {
        width: 100%;
        padding: 0px;
        text-align: center;
    }

    .post-grid-img img {
        width: 100%
    }

    .login-btn {
        float: none;
        width: 100%;
    }

    .register-btn {
        float: none;
    }

    .fact-counter .column {
        text-align: center;
    }

    .slider-wrap h2 {
        font-size: 40px;
    }

    .section-title .heading_style_center .text {
        font-size: 14px;
    }

    .team-section .carousel-column .heading_style_right .heading_inner_right {
        font-size: 19px;
    }

}

@media only screen and (max-width: 599px) {

    .call-to-action-section .text br,
    .welcome-section .image-column .inner-column::before {}

    .shop-page .prod-tabs .tab-btns .tab-btn {
        width: 100%;
        margin-right: 0px;
    }

    .main-slider h2 {
        font-size: 34px;
    }

    .main-slider .theme-btn {
        margin-right: 10px;
    }

    .testimonial-section-two .owl-nav {
        position: relative;
        top: 0px;
        margin-top: 30px;
    }

    .testimonial-section-two .owl-prev,
    .testimonial-section-two .owl-next {
        margin-left: 0px;
        margin-right: 10px;
    }

    .testimonial-block .inner-box .image {
        position: relative;
        margin-bottom: 25px;
    }

    .testimonial-block .inner-box,
    .welcome-section .image-column .inner-column {}

    .accordion-box .block .acc-btn {
        line-height: 24px;
    }

    .time-counter .time-countdown .counter-column {
        width: 100%;
        margin-left: 0px;
    }

    .commingsoon-section .right-column .inner-column {
        padding-left: 15px;
    }

    .time-counter .time-countdown {
        margin-left: 0px;
    }

    .commingsoon-section .left-column .inner-column h2 {
        font-size: 40px;
    }

    .styled-form .pull-right {
        width: 100%;
        margin-top: 0px;
    }

    .cart-section .coupon-outer .theme-btn,
    .cart-section .apply-coupon .form-group input[type="text"],
    .cart-section .coupon-outer .pull-left {
        width: 100%;
    }

    .cart-section .apply-coupon .form-group {
        margin-right: 0px;
        width: 100%;
    }

    .page-title h2 {
        font-size: 30px;
    }

    .blog-single .post-share-options .tags {
        width: 100%;
    }

    .blog-single .post-share-options .social-box {
        width: 100%;
        margin-top: 12px;
    }

    .blog-single .post-share-options .social-box li {
        margin-left: 0px;
        margin-right: 12px;
    }

    .blog-single .inner-box blockquote {
        padding-left: 0px;
        padding-top: 50px;
    }

    .whychoose-wrap .video .matter h5 {
        font-size: 38px;
    }

    .whychoose-wrap .video .matter h6 {
        font-size: 28px;
    }

}

@media only screen and (max-width: 599px) {
    .prod-tabs .tab-btns .tab-btn {
        display: block !important;
        margin-top: 10px;
        text-align: center;
    }

    .product_summary h1 {
        font-size: 24px;
    }

}

@media only screen and (max-width: 479px) {
    .main-header .search-box-outer .dropdown-menu {
        top: 44px;
    }

    .totals-table li .col-title {
        padding: 0px;
    }

    .cart-total-box {
        padding-left: 15px;
        padding-right: 15px;
    }

    .main-slider .theme-btn {
        margin-bottom: 10px !important;
    }

    .notify-form .form-group input[type="submit"],
    .notify-form button {
        position: relative;
        width: 100%;
        margin-top: 15px;
        border-radius: 50px;
    }

    .shop-page .prod-tabs .reviews-container .rev-header .time {
        position: relative;
        width: 100%;
        margin-top: 0px;
    }

    .testimonial-block-two .inner-box .author-info .info-inner {
        padding-top: 15px;
        padding-left: 115px;
    }

    .main-header .outer-box .option-box .cart-box .cart-panel {
        min-width: 275px;
    }

    .services-block-two .inner-box {
        padding-right: 25px;
    }

    .newsletter-section .title-column .inner-column .icon-box {
        position: relative;
        margin-bottom: 20px;
    }

    .newsletter-section .title-column .inner-column,
    .subscribe-form .form-group {
        padding: 0px;
    }

    .project-info-block .block-info {
        padding-left: 20px;
    }

    .subscribe-form .form-group input[type="submit"],
    .subscribe-form button {
        position: relative;
        margin-top: 15px;
        width: 100%;
    }

    .services-block-two .inner-box .image {
        margin-bottom: 25px;
    }

    .project-section .owl-nav {
        position: relative;
        top: 0px;
    }

    .project-section .owl-prev,
    .project-section .owl-next {
        margin-left: 0px;
        margin-right: 12px;
    }

    .services-block-two .inner-box .image,
    .services-block-two .inner-box .image img {
        position: relative;
        width: 100%;
    }

    .cart-section .coupon-outer .pull-left,
    .cart-section .apply-coupon .form-group,
    .cart-section .apply-coupon .form-group input[type="text"],
    .cart-section .apply-coupon .form-group .coupon-btn,
    .cart-section .coupon-outer .cart-btn,
    .cart-section .apply-coupon .form-group {
        width: 100%;
    }

    .main-header .header-lower .search-box-outer .dropdown-menu {
        width: 240px;
    }

    .new-posts .grid-view,
    .main-header.header-style-two .header-lower .btn-box,
    .main-slider .text br {
        display: none;
    }

    .project-block .inner-box .content-column .inner-column {
        margin: 0px;
    }

    .business-widget .widget-content .pull-right {
        width: 100%;
    }

    .heading_style_right .heading_inner_right {
        font-size: 20px;
    }

    .heading_style_center .heading_inner_center {
        font-size: 20px;
    }

    .fact-counter .column {
        text-align: center;
    }

    .slider-wrap h4 {
        font-size: 32px;
    }

    .services_item .inner-box .text {
        min-height: 125px;
    }

    .tc-testimonial-style2 .testi-desc p {
        min-height: 140px;
    }
}

@media only screen and (max-width: 400px) {
    .services_item .inner-box .text {
        min-height: 125px;
    }

    .testimonial-style-one .testi-desc p {
        min-height: 140px;
    }

    .tc-testimonial-style2 .testi-desc p {
        min-height: 160px;
    }
}

@media only screen and (max-width: 380px) {
    .services_item .inner-box .text {
        min-height: 145px;
    }

    .testimonial-style-one .testi-desc p {
        min-height: 170px;
    }

    .tc-testimonial-style2 .testi-desc p {
        min-height: 180px;
    }

    .tc-testimonial-style3 .testi-desc p {
        min-height: 210px;
    }

    .tc-testimonial-style5 .testi-desc p {
        min-height: 160px;
    }
}

@media only screen and (max-width: 330px) {
    .testimonial-style-one .testi-desc p {
        min-height: 180px;
    }

    .tc-testimonial-style3 .testi-desc p {
        min-height: 230px;
    }
}

@media only screen and (max-width: 308px) {
    .services_item .inner-box .text {
        min-height: 175px;
    }

    .testimonial-style-one .testi-desc p {
        min-height: 180px;
    }

    .tc-testimonial-style2 .testi-desc p {
        min-height: 200px;
    }
}

.aims {
    background: #fff;
    padding: 46px;
    text-align: center !important;
    border-radius: 16px 0;
    border: 1px dashed #6258a5;
    color: #000 !important;
    width: 86%;
    margin: 0 auto;
}