/*CSS DOCUMENTS*/

/*
    Craeted on : 19/06/2020.
    Theam Name : Interior.
    Version    : 1.0.
    Auther     : HTSM.
*/

/*****
    Importing Necessary Style
*****/

/*--------------Front----------------*/
@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800&display=swap");
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap");
@import url("https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900&display=swap");
/*-------------Bootstrap-css-----------------*/
@import url(../vendor/bootstrap-4.3.1/css/bootstrap.css);
/*--------------Font Awesome Css----------------*/
@import url("https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
/*-------------Animation-css-----------------*/
@import url(../vendor/animate/animate.css);
/*-------------Animation-on-scroll-css-----------------*/
@import url(../vendor/animation_on_scroll/aos.css);
/*-------------Owl-Carousel-css-----------------*/
@import url(../vendor/owl-carousel/css/owl.carousel.min.css);
@import url(../vendor/owl-carousel/css/owl.theme.default.min.css);

/*===========================Global Variables===========================*/


:root{
    --base-color: #18191b;
    --second-base-color: #bdd134;
}


/*=================== Generic CSS Code =======================*/


body{
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    color: var(--second-base-color);
    box-sizing: border-box;
    position: relative;
}

dl, ol, ul{
    padding: 0;
    margin: 0;
}

p{
    margin: 0;
}

h1, h2, h3, h4, h5{
    color: #333333;
}

p{
    color: #cccccc;
}

a {
    color: #333333;
    text-decoration: none;
}

.container--padding{
    padding: 50px 0;
}

.sec-heading{
    text-align: center;
}

.sec-heading>h2{
    padding-top: 30px;
    font-size: 30px;
    font-family:"arial";
    font-weight: bolder;
    color:#ffffff;
    letter-spacing: 4px;
}

.separator {
    line-height: 0.5;
    text-align: center;
    margin: 30px 0 50px 0;
    position: relative;
}

.separator span:before {
    right: 50%;
    margin-right: 15px;
}

.separator span:after {
    left: 50%;
    margin-left: 15px;
}

.separator span:before, .separator span:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid rgba(255,255,255,.1);
    top: 5px;
    width: 20%;
}

.separator span>i{
    font-size: 9px;
}


.sec-heading2{
    text-align:center;
}

.sec-heading2>h2{
    padding-top: 30px;
    font-size: 30px;
    font-family:"arial";
    font-weight: bolder;
    color:#222222;
    letter-spacing: 4px;
}

.separator2 {
    line-height: 0.5;
    text-align: center;
    margin: 30px 0 50px 0;
    position: relative;
}

.separator2 span:before {
    right: 50%;
    margin-right: 15px;
}

.separator2 span:after {
    left: 50%;
    margin-left: 15px;
}

.separator2 span:before, .separator2 span:after {
    content: "";
    position: absolute;
    border-bottom: 1px solid rgba(0,0,0,.2);
    top: 5px;
    width: 20%;
}

.separator2 span>i{
    font-size: 9px;
    color:#000;
}


/*===========================HOME PAGE START============================*/


/*---------------Header Top Section Start-----------------*/

header{
    width: 100%;
    height: auto;
    background: var(--base-color);
    font-family: 'Open Sans', sans-serif;
}


/*---------------Bootstrap Nav Bar Customization-----------------*/

.navbar-light .navbar-toggler {
    background: var(--second-base-color);
    border-color: var(--second-base-color);
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active {
    color: #ffffff;
}

.navbar-light .navbar-nav .nav-link{
    color: #ffffff;
    line-height: 35px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
    color: var(--second-base-color);
}

.navbar-expand-lg .navbar-nav>li{
    margin-right: 40px;
}

.navbar-expand-lg .navbar-nav>li:last-child{
    margin-right: 0px;
}

.navbar-expand-lg .navbar-nav .nav-item>a>i{
    font-size: 9px;
    margin-left: 10px;
    color: var(--second-base-color);
} 

.navbar-expand-lg .logo{
    width: 140px;
    height: auto;
}

.dropdown-menu.show {
    margin-top: 0px;
}


/*---------------Header Top Section End-----------------*/



/*---------------Slider Section Start-----------------*/

.slider_sec{}

.slider_sec .carousel .carousel-inner .carousel-item .carousel_img{
    width: 100%;
    height: 100vh;
    position: relative;
}

.slider_sec .carousel .carousel-inner .carousel-item .carousel_img>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slider_sec .carousel .carousel-inner .carousel-item .carousel_img::after{
    position: absolute;
    content:"";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
}

.slider_sec .carousel .carousel-inner .carousel-item .carousel_text{
    position: absolute;
    content:"";
    top: 40%;
    left: 18%;
    z-index: 1;
}

.slider_sec .carousel .carousel-inner .carousel-item .carousel_text>h5{
    font-family: 'Playfair Display', serif;
    font-size: 18px;
    color: #ffffff;
    letter-spacing: 2px;
}

.slider_sec .carousel .carousel-inner .carousel-item .carousel_text>h2{
    font-family: 'Playfair Display', serif;
    font-size: 48px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #ffffff;
    margin-bottom: 20px;
}

.slider_sec .carousel .carousel-inner .carousel-item .carousel_text>a{
    display: inline-block;
    font-size: 14px;
    background: var(--second-base-color);
    border: 2px solid var(--second-base-color);
    padding: 7px 15px;
    margin-top: 20px;
    color: #ffffff;
}

.slider_sec .carousel .carousel-inner .carousel-item .carousel_text>a:hover{
    color: var(--second-base-color);
    background: #ffffff;
    text-decoration: none;
}

.carousel-control-prev, .carousel-control-next {
    top: 50%;
}

.carousel-control-next-custom{
    width: 50px;
    height: 50px;
    background: var(--second-base-color);
}

.carousel-control-prev-custom{
    width: 50px;
    height: 50px;
    background: var(--second-base-color);
}

/*---------------Slider Section Start-----------------*/


/*---------------What We Do Section Start-----------------*/

.do_sec{
    width: 100%;
    height: auto;
    background: var(--base-color);
}

.do_sec .panel .text_panel>p{
    padding-top: 40px;
    font-family: "Arial", Helvetica, sans-serif;
    font-size: 15px;
    line-height: 30px;
}

.do_sec .panel .panel .img_panel{
    height:300px;
    width:auto;
}

.do_sec .panel .panel .img_panel>img{
    height:100%;
    width:auto;
}


/*---------------What We Do Section End-----------------*/


/*---------------Process Section End-----------------*/

.process-sec{
    width: 100%;
    height: 700px;
    background: linear-gradient(to right, rgba(0, 0, 0,.75), rgba(0, 0, 0,.75)), url(../images/process-bg.jpeg) top fixed;
    background-size: cover;
    background-repeat: no-repeat;
}

.process-sec .tab_panel{
    padding: 30px 0;
}

/*---------------Bootstrap Tab Customization-----------------*/

.tab-content .tab-pane>p{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #cccccc;
    line-height: 24px;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    color: var(--second-base-color);
    background-color: transparent;
    border-color:  var(--second-base-color);
}

.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    border-color: var(--second-base-color);
}

.nav-tabs .nav-link {
    text-align: center;
    line-height: 125px;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    color: #ffffff;
    background-color: var(--second-base-color);
    border-color: var(--second-base-color);
    margin-right: 75px;
    position: relative;
    margin-bottom: 60px;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 1.2px;
    color: #111;
}

.nav-tabs .nav-link.active::after{
    position: absolute;
    content: "";
    height: 60px;
    border-left: solid 1px var(--second-base-color);
    display: inline-block;
    top: 100%;
    left: 50%;
    
}

.nav-tabs {
    border-bottom: 5px solid var(--second-base-color);
}

.tab-content{
    padding: 20px;
    background: rgba(24, 25, 27,.75);
    border-bottom: 5px solid var(--second-base-color);
}


/*---------------Process Section End-----------------*/


/*---------------Team Section Start-----------------*/

.team-sec{
    width: 100%;
    height: auto;
    background: var(--base-color);   
}

.team-sec .team_img{
    text-align:center;
    height:420px;
    width:100%;
}

.team-sec .team_img>img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.team-sec .team_text{
    padding:60px 20px;
}

.team-sec .team_text>h2{
    font-size:24px;
    font-weight:500;
    color:#eee;
}

.team-sec .team_text>h6{
    font-size:16px;
    font-weight:500;
    color:var(--second-base-color);
    margin:20px 0;
}

.team-sec .team_text>p{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #cccccc;
    line-height: 30px;
    font-weight:400;
}

/*.team-sec .slide-sec{*/
/*    width: 100%;*/
/*    height: auto;*/
/*    background: #111111;*/
/*    border: 20px solid #111111;*/
/*    margin-bottom: 30px;*/
/*}*/

/*.team-sec .slide-sec .slider-panel{*/
/*    width: 100%;*/
/*    height: 400px;*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*}*/

/*.team-sec .slide-sec .slider-panel>img{*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    object-fit: cover;*/
/*    display: block;*/
/*}*/

/*.team-sec .slide-sec .slider-panel .slider-hover{*/
/*    position: absolute;*/
/*    content: "";*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    top: 0;*/
/*    left: 0;*/
/*    z-index: 1;*/
/*    transition:  all .3s;*/
/*    transform: translateX(-100%);*/
/*}*/

/*.team-sec .slide-sec .slider-panel:hover .slider-hover{*/
/*    background: rgba(24, 25, 27,.9);*/
/*    transform: translateX(0);*/
/*}*/

/*.team-sec .slide-sec .slider-panel .slider-hover>h2{*/
/*    text-align: center;*/
/*    letter-spacing: 1px;*/
/*    padding: 20px 0 10px 0;*/
/*    font-size: 20px;*/
/*    color: var(--second-base-color);*/
/*    text-transform: uppercase;*/
/*}*/

/*.team-sec .slide-sec .slider-panel .slider-hover>h6{*/
/*    text-align: center;*/
/*    font-size: 16px;*/
/*    font-weight: lighter;*/
/*    letter-spacing: 2px;*/
/*    color: #ffffff;*/
/*}*/

/*.team-sec .slide-sec .slider-panel .slider-hover>p{*/
/*    text-align: center;*/
/*    font-size: 13px;*/
/*    letter-spacing: 0.5px;*/
/*    font-family: 'Open Sans', sans-serif;*/
/*    font-weight: 300;*/
/*    color: #ffffff;*/
/*    padding: 10px 10px;*/
/*    text-align: justify;*/
/*}*/

/*.team-sec .slide-sec .slider-panel .slider-hover>ul{*/
/*    padding: 10px 10px;*/
/*    list-style: none;*/
/*    text-align: center;*/
/*}*/

/*.team-sec .slide-sec .slider-panel .slider-hover>ul>li{*/
/*    display: inline-block;*/
/*    padding: 10px;*/
/*}*/

/*.team-sec .slide-sec .slider-panel .slider-hover>ul>li>a{*/
/*    color: #ffffff;*/
/*}*/

/*.team-sec .slide-sec .slider-panel .slider-hover>ul>li>a:hover{*/
/*    color: var(--second-base-color);*/
/*}*/



/*---------------Owl Carousel Customization-----------------*/


/*.owl-theme .owl-dots .owl-dot span {*/
/*    background: #ffffff;*/
/*}*/

/*.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {*/
/*    background: var(--second-base-color);*/
/*}*/



/*---------------Team Section End-----------------*/


/*---------------Gallery Section Start-----------------*/


.gallery-sec{
    width: 100%;
    height: auto;
    background: #222222;
    overflow: hidden;
}

.gallery-sec .image_block{
    width: 100%;
    height: auto;
    position: relative;
    overflow: hidden;
}

.gallery-sec .image_block:hover .image{
    transform: scale(1.1);
    background: #222222;
    opacity: .75;
}

.gallery-sec .image_block .image{
    width: 100%;
    height: 300px;
    transform: scale(1);
    transition: all .4s;
}

.gallery-sec .image_block .image>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery_btn{
    width: 100%;
    height: auto;
    padding: 50px 0;
    background: var(--second-base-color);
}

.gallery_btn .btn_area{
    text-align: center;
}

.gallery_btn .btn_area>a{
    display: inline-block;
    padding: 12px 25px;
    border:1px solid #222222;
    font-size: 14px;
    font-weight: 400;
    color:#222222;
    text-decoration: none;
}

.gallery_btn .btn_area>a:hover{
    background: #222;
    color: #eee;
}

/*---------------Gallery Section End-----------------*/

/*---------------Testimonial Section Start-----------------*/

.testimonial_sec{
    width: 100%;
    height: auto;
    background: url(../images/testimonial-bg.jpg);
    background-size: cover;
    background-attachment: fixed;
    font-family: 'Open Sans';
}

.testimonial_sec .testimonial_block{
    margin: 0;
    border: none;
    padding: 30px 30px 30px 80px;
    background: rgba(0,0,0,0.5);
    position: relative;
}

.testimonial_sec .testimonial_block>p{
    font-size: 15px;
    line-height: 25px;
    font-weight: 400;
}

.testimonial_sec .testimonial_block>h5{
    font-size: 12px;
    font-weight: normal;
    color: var(--second-base-color);
    padding-top: 20px;
}

.testimonial_sec .testimonial_block .icon{
    position: absolute;
    top: 0;
    left: 0;
    display: inline-block;
    height: 50px;
    width: 50px;
    background: var(--second-base-color);
}

.testimonial_sec .testimonial_block .icon>i{
    font-size: 30px;
    color: #222222;
    text-align: center;
    left: 10px;
    position: absolute;
    top: 10px;
}

/*---------------Testimonial Section End-----------------*/


/*---------------Network Section Start-----------------*/

.network_sec{
    width: 100%;
    height: auto;
    padding: 50px 0;
    background: var(--second-base-color);
}

.network_sec .network_text>p{
    font-size:16px;
    font-weight:400;
    color:#222;
}

.network_sec .network_text>p{
    font-size:16px;
    font-weight:400;
    color:#222;
}

.network_sec .contact_btn{
    text-align:right;
    margin-top:5px;
}

.network_sec .contact_btn>a{
    display:inline-block;
    padding:12px 25px;
    border:1px solid #111;
    text-decoration: none;
}

.network_sec .contact_btn>a:hover{
    color:#eee;
    background: #222222;
}


/*---------------Network Section End-----------------*/


/*---------------Footer Section Start-----------------*/


.footer_sec{
    width: 100%;
    height: auto;
    background: #222222;
}

.footer_sec .footer_about>img{
    height: 90px;
    width: auto;
}

.footer_sec .footer_about>p{
    font-family: 'Open Sans';
    font-size: 13px;
    font-weight: 400;
}

.footer_sec .footer_news>h3{
    font-size: 20px;
    font-weight: 400;
    color: #eee;
    padding-bottom: 50px;
}

.footer_sec .footer_news>ul{
    list-style: none;
}

.footer_sec .footer_news>ul>li{
    display: block;
    margin-bottom: 10px;
    padding-bottom: 7px;
    border-bottom: 1px solid #333;
}

.footer_sec .footer_news>ul>li>a{
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 400;
    color: #ccc;
    text-decoration: none;
    transition: all .3s;
}

.footer_sec .footer_news>ul>li>a:hover{
    color: var(--second-base-color);
    padding-left: 5px;
}

.footer_sec .footer_contact>h3{
    font-size: 20px;
    font-weight: 400;
    color: #eee;
    padding-bottom: 50px;
}

.footer_sec .footer_contact>ul{
    list-style: none;
}

.footer_sec .footer_contact>ul>li{
    display: block;
    margin-bottom: 20px;
    font-family: 'Open Sans';
    font-size: 14px;
    font-weight: 400;
    color: #ccc;
}

.footer_sec .footer_contact>ul>li>i{
    margin-right: 10px;
    color: var(--second-base-color);
}

.footer_sec .footer_contact .social{
    text-align:center;
}

.footer_sec .footer_contact .social>ul{
    margin-top:20px;
    list-style:none;
}

.footer_sec .footer_contact .social>ul>li{
    display:inline-block;
    margin-right:10px;
}

.footer_sec .footer_contact .social>ul>li:last-child{
    margin-right:0px;
}

.footer_sec .footer_contact .social>ul>li>a{
    display:inline-block;
    width:35px;
    height:35px;
    background:var(--second-base-color);
    color:#fff;
    line-height:35px;
    color:#111;
    transition:all .7s;
    border-radius:5px;
}

.footer_sec .footer_contact .social>ul>li>a:hover{
    border-radius:50%;
}

.footer_sec .footer_bottom{
    background:#00000030;
    line-height:50px;
}

.footer_sec .footer_bottom .copy>p{
    text-align:center;
    font-size:14px;
    color:#999999;
}

/*===========================SERVISE PAGE START============================*/


/*---------------Banner Section Start---------------*/

.servise_hero{
    width: 100%;
    height: 400px;
    background: url(../images/servise/banner.jpg);
    background-size: cover;
}

.servise_hero .banner_contain>h2{
    font-size: 42px;
    font-weight: 400;
    color: #eee;
    line-height: 300px;
}

/*------------------------Servise Section Start-----------------------*/


.service_sec .column{
    column-count: 4; 
    width:100%
}

.service_sec .single-service-style2 {
    margin-bottom: 40px;
}

.service_sec .single-service-style2 .img-holder {
    position: relative;
    display: block;
    z-index: 1;
}

.service_sec .single-service-style2 .img-holder .overlay-style-two:after {
    background-color: rgba(40, 41, 46, 0.90);
}

.service_sec .single-service-style2:hover .img-holder .overlay-style-two:before {
    opacity: 1;
    transform: perspective(400px) rotateX(0deg);
    transition: all .7s;
}

.service_sec .single-service-style2:hover .img-holder .overlay-style-two:after {
    opacity: 1;
    transform: perspective(400px) rotateX(0deg);
    transition: all .7s;
}

.service_sec .single-service-style2:hover .text-holder .icon-holder {
    border: 4px dotted var(--second-base-color);
    transition: all .7s;
}

.service_sec .single-service-style2:hover .text-holder .icon-holder span:before {
    color: var(--second-base-color);
    transition: all .7s;
}

.service_sec .single-service-style2:hover .text-holder .inner .read-more a {
    color: #ffffff;
    background: var(--second-base-color);
    transition: all .7s;
}

.service_sec .single-service-style2 .img-holder img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    transition: all 700ms ease;
}

.service_sec .overlay-style-two {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: 0px;
    top: 0px;
    z-index: 2;
    opacity: 0;
    transition: all 900ms ease;
}

.service_sec .overlay-style-two:before {
    position: absolute;
    content: '';
    top: 0px;
    left: 0px;
    width: 100%;
    height: 50%;
    display: block;
    opacity: 0;
    text-align: center;
    transform: perspective(400px) rotateX(-90deg);
    transform-origin: top;
    transition: all 0.5s;
    background-color: rgba(0, 0, 0, 0.80);
}

.service_sec .single-service-style2 .img-holder .overlay-style-two:before {
    background-color: rgba(40, 41, 46, 0.90);
}

.service_sec .single-service-style2 .text-holder {
    position: relative;
    display: block;
    background: transparent;
    z-index: 10;
}

.service_sec .single-service-style2 .text-holder .icon-holder {
    position: relative;
    display: block;
    width: 110px;
    height: 110px;
    border-radius: 50%;
    margin: -55px auto 0;
    border: 4px dotted #c9c9c9;
    background: #ffffff;
    text-align: center;
    z-index: 2;
}

.service_sec .single-service-style2 .text-holder .icon-holder>span>i{
    font-size: 48px;
    font-weight: bold;
    line-height: 100px;
    color:#ccc;
}

.service_sec .single-service-style2:hover .icon-holder>span>i{
    color:var(--second-base-color);
}

.service_sec .single-service-style2 .text-holder .icon-holder span:before {
    display: block;
    color: #b3b3b3;
    font-size: 50px;
    line-height: 102px;
}

.service_sec .single-service-style2 .text-holder .inner {
    position: relative;
    display: block;
    padding: 26px 0px 0px;
    text-align: center;
    background: #ffffff;
    z-index: 1;
}

.service_sec .single-service-style2 .text-holder .inner:before {
    position: absolute;
    top: -55px;
    left: 0;
    bottom: 0;
    right: 0;
    background: #ffffff;
    content: "";
    z-index: -1;
}

.service_sec .single-service-style2 .text-holder .inner h3 {
    color: #27282c;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 18px;
}

.service_sec .single-service-style2 .text-holder .inner .text {
    position: relative;
    display: block;
    padding: 20px 10px;
    text-align: justify;
}

.service_sec .single-service-style2 .text-holder .inner .text p {
    margin: 0;
    color: #444;
    font-size: 14px;
}

.single-service-style2 .text-holder .inner .read-more a {
    color: var(--second-base-color);
    background: #f6f6f6;
    display: block;
}

.service_sec .btn-one {
    position: relative;
    display: inline-block;
    background: #e9212e;
    color: #ffffff;
    font-size: 15px;
    line-height: 60px;
    font-weight: 500;
    text-transform: capitalize;
    font-family: 'Rubik', sans-serif;
    padding: 0 30px 0;
    transition: all 500ms ease;
}


/*------------------------Servise Section Start-----------------------*/



/*===========================PROFILE PAGE START============================*/

/*------------------------Hero Section Start-----------------------*/

.profile_hero{
    width: 100%;
    height: 400px;
    background: url(../images/profile/banner.jpg);
    background-size: cover;
}

.profile_hero .banner_contain>h2{
    font-size: 42px;
    font-weight: 400;
    color: #eee;
    line-height: 300px;
}

/*------------------------Hero Section End-----------------------*/


/*------------------------Profile Section End-----------------------*/

.profile_sec .profile_nav{
    padding: 10px 0;
}

.profile_sec .profile_nav .img_block{
    width: 100%;
    height: 300px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;r
}

.profile_sec .profile_nav .img_block>img{
    width: 100%;
    height: 100%;
        object-fit: cover;
}

.profile_sec .profile_nav .img_block:hover .overlay {
    opacity: .90;
}


.profile_sec .profile_nav .img_block .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    transition: .5s;
    padding: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: var(--second-base-color);
}

.profile_sec .profile_nav .img_block .border-one {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    transition: .5s;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: scaleX(0);
}

.profile_sec .profile_nav .img_block:hover .border-one {
    transform: scaleX(1);
}

.profile_sec .profile_nav .img_block:hover .border-two {
    transform: scaleY(1);
}

.profile_sec .profile_nav .img_block .border-two {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 20px;
    transition: .5s;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: scaleY(0);
}




/*------------------------Profile Section End-----------------------*/


/*===========================CONTACT PAGE START============================*/


/*------------------------Hero Section Start-----------------------*/


.hero_sec{
    width: 100%;
    height: 400px;
    background: url(../images/contact/banner.jpg);
    background-size: cover;
    background-position: center;
}


.hero_sec .hero_content>h2{
    font-size: 42px;
    font-weight: 400;
    color: #eee;
    line-height: 300px;
}

/*------------------------Hero Section End-----------------------*/

/*------------------------Contact Section Start-----------------------*/

.contact_sec{
    background:#111111;
}

.contact_sec .contact_img{
    width: 100%;
    height: 350px;
}

.contact_sec .contact_img>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact_sec .message>h3{
    font-size: 20px;
    font-weight: 400;
    color: #eee;
    margin-bottom: 20px;
}

.contact_sec .message .name{
    padding: 10px;
    margin-bottom: 20px;
    color: #fff;
    border: solid 1px rgba(0,0,0,.3);
    background: rgba(0,0,0,.2);
    border-radius: 0 !important;
    height: 40px;
    width: 100%;
}

.contact_sec .message .email{
    padding: 10px;
    margin-bottom: 20px;
    color: #fff;
    border: solid 1px rgba(0,0,0,.3);
    background: rgba(0,0,0,.2);
    border-radius: 0 !important;
    height: 40px;
    width: 100%;
}

.contact_sec .message .text{
    padding: 10px;
    color: #777;
    border: solid 1px rgba(0,0,0,.3);
    background: rgba(0,0,0,.2);
    border-radius: 0 !important;
    height: 100px;
    width: 100%;
}

.contact_sec .message .submit_btn{
    border:solid 1px rgba(255,255,255,.2);
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    padding: 3px;
    padding: 12px 25px;
    background: rgba(0,0,0,.2);
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    letter-spacing: 2px;
    text-decoration: none;
}

.contact_sec .address>h3{
    font-size: 20px;
    font-weight: 400;
    color: #eee;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.contact_sec .address>ul{
    list-style: none;
}

.contact_sec .address>ul>li{
    margin-bottom: 20px;
    font-size: 15px;
    color: #ccc;
}

.contact_sec .address>ul>li>i{
    margin-right: 10px;
}

/*------------------------Contact Section Start-----------------------*/


/*------------------------Contact Section Start-----------------------*/

.map_sec .map_area{
    width: 100%;
    height: 400px;
    border:5px solid #222;
}

.map_sec .map_area>iframe{
    width: 100%;
    height: 100%;
}

/*------------------------Contact Section End-----------------------*/