/** Shopify CDN: Minification failed

Line 87:0 All "@import" rules must come first
Line 2868:5 Expected ":"

**/
@font-face {
    font-family: 'ubuntubold';
    src: url('font/ubuntu-b-webfont.woff2') format('woff2'),
         url('font/ubuntu-b-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'charlie_displayregular';
    src: url('/cdn/shop/files/charlie_display-black-webfont.woff2') format('woff2'),
         url('/cdn/shop/files/charlie_display-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'charlie_displaybold';
    src: url('/cdn/shop/files/charlie_display-bold-webfont.woff2') format('woff2'),
         url('/cdn/shop/files/charlie_display-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'charlie_displaylight';
    src: url('/cdn/shop/files/charlie_display-light-webfont.woff2') format('woff2'),
         url('/cdn/shop/files/charlie_display-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'charlie_displayregular';
    src: url('/cdn/shop/files/charlie_display-regular-webfont.woff2') format('woff2'),
         url('/cdn/shop/files/charlie_display-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'charlie_displaysemibold';
    src: url('/cdn/shop/files/charlie_display-semibold-webfont.woff2') format('woff2'),
         url('/cdn/shop/files/charlie_display-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'charlie_displaythin';
    src: url('/cdn/shop/files/charlie_display-thin-webfont.woff2') format('woff2'),
         url('/cdn/shop/files/charlie_display-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'charlie_displayultra';
    src: url('/cdn/shop/files/charlie_display-ultra-webfont.woff2') format('woff2'),
         url('/cdn/shop/files/charlie_display-ultra-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{
    padding: 0;
    font-family: 'charlie_displayregular';
    margin: 0px;overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6{
   font-family: 'charlie_displayregular'; 
}
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
/*=======================   header css     ===========================*/
#main-h {
    float: left;
    padding: 0px 0;
    /*box-shadow: 0 0 9px 0 #ccc;*/
    background-color: #f4f4f2;
    transition: 05s;
    text-align: center;
    width: 100%;
}
.custom_container {
    display: inline-block;
    max-width: 1450px;
    margin: 0 auto;
    width: 100%;
}
.header_main .navbar-default {
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0px 0;
}
.navbar-default .navbar-nav > li > a {
    color: #172934;
    font-size: 16px;
    padding: 36px 35px;
}
.header_main .navbar-brand {
    color: transparent;
    padding: 15px 0;
    margin: 0;
    position: relative;
    top: 0;
    display: inline-block;
    height: 100%;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #0078ae;
    background-color: transparent;
}
.header_main.sticky {
    position: fixed;
    top: 0;
    background-color: #fff;
    transition: 0.5s !important;
    padding: 8px 0 !important;
    z-index: 99;
}
.navbar-default .navbar-nav > li.social_media > a.fb:hover{
    color: #194794;
}
.navbar-default .navbar-nav > li.social_media > a.lin:hover{color: #194794;}
.navbar-default .navbar-nav > li.social_media > a.ins:hover{color: #c9524c;}
.navbar-default .navbar-nav > li.social_media > a.pin:hover{color: #ca3737;}

/*====  */
#demo-2  input[type=search] {
  background: transparent;
  border: solid 1px #ccc;
  padding: 9px 10px 9px 32px;
  width: 55px;
  
  -webkit-border-radius: 10em;
  -moz-border-radius: 10em;
  border-radius: 10em;
  
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}
#demo-2  input[type=search]:focus {
  width: 130px;opacity: 1;
  background-color: #fff;
  border-color: #66CC75;
  
  -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
  -moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
  box-shadow: 0 0 5px rgba(109,207,246,.5);
}
#demo-2 {
    position: relative;
    display: inline-block;
    width: 35px;
    float: right;
}
input:-moz-placeholder {
    color: #999;
}
input::-webkit-input-placeholder {
    color: #999;
}
#demo-2 input[type="search"] {
    width: 35px;
    color: transparent;
    cursor: pointer;
    padding: 8px 13px;
    opacity: 0;
    height: 35px;
    z-index: 2;
    border-radius: unset;
    position: absolute;
    right: 0;
}
#demo-2 input[type=search]:hover {
    background-color: #fff;
}
#demo-2 input[type="search"]:focus {
    width: 190px;
    padding-left: 10px;
    color: #000;
    background-color: #fff;
    cursor: auto;
    z-index: 1;
    border-color: #40b8ee;
    box-shadow: unset;
    position: absolute;
    right: 0;
}
#demo-2 input:-moz-placeholder {
    color: transparent;
}
#demo-2 input::-webkit-input-placeholder {
    color: transparent;
}
.custom_container {
    display: inline-block;
    max-width: 1400px;
    margin: 0 auto;
}
* {
    box-sizing: border-box;
}
.navbar-default .navbar-nav > li.social_media > a {
    padding: 36px 5px;
    display: inline-block;
    color: #172934;
    font-size: ;
}
.social_media {
    margin-left: 90px;
}
.headersearch_bar {
    float: right !important;
    margin-left: 50px;
}
.headersearch_bar {
    padding: 28px 0;
}
.headersearch_bar .icon {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 8px;
    line-height: normal;
}
.dropdown-menu.aspec-drop {
    top: 148%;
}
.navbar-default .navbar-nav > .open > a:focus{
    color: #0078ae;background-color: transparent !important;
}
#navbar-collapse-1 li.dropdown .dropdown-toggle {
    position: initial;
}
#navbar-collapse-1 li.dropdown {
    position: initial;
}
#main-h .container {
    position: relative;
}
.dropdown-menu.aspec-drop {
    top: 100%;
    left: 0;
    right: 0;
    min-width: 400px;
    max-width: 1170px;
    margin: 0 auto !important;
    border: unset;
    box-shadow: 0 2px 0px rgba(0, 0, 0, .175);
    padding: 40px 70px;border-radius: unset;
}
.dropdown-menu.aspec-drop > li {
    width: 20%;
    float: left;
}
.main_linkhead .autoscroll {
    color: #132632;
    font-family: 'charlie_displaysemibold';
    font-size: 16px;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: 9px;
}
.main_linkhead .autoscroll:hover,.main_linkhead .autoscroll:active,.main_linkhead .autoscroll:focus{text-decoration: unset;}
.main_linkhead {
    float: left;
    width: 100%;
    position: relative;
}
.main_linkhead::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 43px;
    height: 2px;
    background-color: #feb811;
    content: "";
}
.asect_inner_ul {
    padding-left: 0;margin-top: 15px;
    display: inline-block;
    float: left;
    width: 100%;
}
.asect_inner_ul > li {
    width: 100%;
    float: left;
    line-height: 30px;
    display: inline-block;
}
.asect_inner_ul > li a {
    color: #333;display: inline-block;
    font-size: 15px;transition: 0.2s;
    letter-spacing: 0.5px;width: 100%;
}
.asect_inner_ul > li a:hover,.asect_inner_ul > li a:active,.asect_inner_ul > li a:focus {
    text-decoration: unset;
    color: #0078ae;transition: 0.2s;
}
.dropdown-menu.aspec-drop > li.clearfix {
    clear: both;
    margin-top: 20px;
}
.margin-top{margin-top:20px;}
#navbar-collapse-1 li.dropdown .dropdown-toggle .fa.fa-angle-down {
    position: relative;
    top: 1px;
}
#people_drop {
    position: relative !important;
}
#people_drop .dropdown-menu {
    border: unset;padding: 20px;
    border-radius: unset;
    min-width: 230px;
    left: 0px;
}
#people_drop .dropdown-menu li {
    display: inline-block;
    line-height: 35px;
    width: 100%;
    float: left;
}
#people_drop li a {
    color: #333;
    display: inline-block;
    font-size: 15px;
    transition: 0.2s;
    letter-spacing: 0.5px;
    width: 100%;
}
#people_drop li a:hover,#people_drop li a:focus{
    text-decoration: unset;color: #0078ae;transition: 0.2s;background: transparent;
}
/*===========  header css ends here =============*/




/*========= footer css start here ========= */
.cus_footer {
    float: left; width: 100%;padding: 40px 0 0;background-color: #696a6c;text-align: center;
}
.page_logo {
    float: left;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 30px;
}
.page_logo p {
    font-size: 15px;
    color: #5c6b74;
    padding-right: 10px;
    text-align: justify;
    margin-top: 11px;
}
.wrap_footerlink h3 {
    margin: 0;text-align: left;
    font-size: 17px;
    color: #e7d4a4;
    font-family: 'charlie_displaysemibold';
    text-transform: uppercase;
    font-weight: normal;position: relative;
    letter-spacing: 0.5px;margin-bottom: 20px;
}
.wrap_footerlink h3::before {
    float: left;
    width: 100%;
    margin-top: 10px;
    height: 1px;
    background-color: #838383;
    content: "";
    bottom: -18px;
    position: absolute;
}
.wrap_footerlink h3::after {
    height: 1px;
    width: 70px;
    background-color: #e7d4a4;
    content: "";
    float: left;
    position: absolute;
    bottom: -18px;
    left: 0;
}
.footerlink_ul {
    padding: 0;text-align: left;
    display: inline-block;
    margin-top: 15px;
}
.footerlink_ul li {
    display: inline-block;
    width: 100%;
    line-height: 35px;
}
.footerlink_ul li a {
    color: #e4e5e6;
    font-size: 16px;
}
.footerlink_ul li a:hover, .footerlink_ul li a:focus, .footerlink_ul li a:active {
    text-decoration: none;
    color: #e7d4a4;
}
.footerlink_ul li a .fa {
    margin-right: 5px;
}
.fllow_us .footerlink_ul {
    margin-top: 23px;
    margin-bottom: 0;
}
.fllow_us .footerlink_ul li {
    margin-right: 10px;
    width: 25px;
    text-align: center;
    height: 25px;
    border-radius: 2px;
    background-color: transparent;
    color: #fff;
}
.fllow_us .footerlink_ul li a {
    color: #fff;
    display: block;
    text-align: center;
    font-size: 21px;
}
.fllow_us .footerlink_ul li a:hover{
    color: #e7d4a4;
}
#contact_us .fllow_us .footerlink_ul li a i {
    margin: 0;
    position: relative;
    top: -4px;
    color: #fff;
}
#contact_us ul li a i {
    color: #f36621;
}
#contact_us .footerlink_ul li a {
    font-family: 'charlie_displaysemibold';
}
.bottom_footer p {
    margin: 0;
}
.bottom_footer {
    text-align: center;
    margin-top: 20px;
    padding: 20px 0;
    background-color: #545659;
    color: #bfbfc1;
    font-size: 14px;
    letter-spacing: 1px;
    font-family: 'charlie_displaylight';
}
.fllow_us {
    float: left;
    width: 100%;text-align: left;
}
.table_cell h1 {
    font-size: 62px;
    color: #33e1b8;
    font-family: 'bariolregular';
    margin-top: 0;
    margin-bottom: 120px;
}
.asect_inner_ul {
    padding-left: 0;
    display: inline-block;
}
.wrap_footerlink {
    float: left;
    width: 100%;
    color: #fff;
    margin-top:0px;
}
#locationsul {
    float: left;
    width: 50%;
}
.onlu_heading {
    font-family: 'charlie_displaysemibold';
}
.onlu_heading:hover,.onlu_heading:focus{
    color: #e4e5e6 !important;
    cursor: unset;
}
#australia{margin-top:10px;}
/* ===========  ends  = ====*/

/*======  start css banner sec ===*/
.home_baner {
    float: left;
    width: 100%;
    text-align: center;
    background-color: #f4f4f2;
    padding-bottom: 90px;
}
.common_arrow {
    position: absolute;
    left: auto;
    top: 50%;
    height: auto;
}
.left_arrow.common_arrow {
    left: 20px;
}
.right-arrow.common_arrow {
    right: 20px;
}
.carousel-control {
    text-shadow: unset;
    filter: unset;
    opacity: 1;
}
.carousel-control.left,.carousel-control.right{background-image:unset;}
.carousel-caption {
    right: 0;
    left: auto;
    padding-bottom: 40px;
    bottom: 0;
    width: 410px;
    text-align: left;
    background-color: #f4f4f2;
    padding-left: 40px;
    padding-top: 40px;
    text-shadow: unset;
}
.carousel-caption h3 {
    color: #172934;
    text-shadow: unset;
    font-size: 28px;
    margin: 0;
    font-family: 'charlie_displaysemibold';
    font-weight: normal;
}
.carousel-caption h2 {
    color: #172934;font-weight: normal;
    font-family: 'charlie_displaythin';
    font-size: 28px;margin: 0px;
}
.home_baner .carousel-indicators {
    bottom: -68px;
}
.home_baner .carousel-indicators li {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 1px 14px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #c9c9c9;
    border: unset;
    border-radius: 10px;
}
.home_baner .carousel-indicators .active {
    width: 10px;
    height: 10px;
    background-color: #132632;
    border-color: #132632;
}

/*=======  product section css start here =====*/
#img_part {
    overflow: hidden;
}
.aspect_furniture {
    float: left;
    width: 100%;
    text-align: center;
}
.div_wrap_pro {
    float: left;
    width: 100%;
    text-align: left;
}
.cusom_col6 {
    float: left;overflow: hidden;
    width: 50%;
}
.pro_cotable {
    display: table;
    height: 589px;
    background-color: #e7d4a4;
    width: 100%;
}
.pro_con_cel {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    padding: 0 10%;
}
.pro_con_cel h4 p {
    color: #132632;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'charlie_displaysemibold';
    word-spacing: 1px;
    margin-bottom: 0;
}
.pro_con_cel h1 {
    color: #132632;
    font-size: 44px;
    font-family: 'charlie_displaylight';
    margin-top: 5px;
    margin-bottom: 20px;
}
.pro_con_cel p {
    color: #5d5133;font-size: 16px;font-family: 'Open Sans', sans-serif;
    line-height: 28px;margin-bottom: 20px;text-align: justify;
}
.btn.common_btna {
    background-color: #0078ae;
    color: #fff;transition: 0.5s;
    padding: 9px 30px;
    border-radius: 50px;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'charlie_displaysemibold';
    margin-top: 20px;position: relative;
}
#img_part img {
    width: 100%;
    transition: 0.4s;
}
.even #img_part img {
    width: 100%;
    transition: 0.4s;
    height: 589px;object-fit: scale-down;
}
.even #img_part {
    background-color: #eff0f5;
}
#img_part:hover img {
    transition: 0.4s;
    transform: scale(1.1);
}
.btn.common_btna:hover::after{
    left: 120%;transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);    
}
.btn.common_btna::after {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: .2;
    position: absolute;
    top: -50px;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: -10;
}
.btn.common_btna:hover {
    background-color: #1088be;
    transition: 0.5s;
}

/*=======  second block css start ===*/
.even .pro_cotable {
    background-color: #0078ae;
    color: #fff;
}
.even h4 p{
    color: #fff;
}
.even p {
    color: #fff;
}
.even h1 {
    color: #fff;
}
.even h2 {
    font-size: 23px;
    margin-bottom: 15px;
    font-family: 'charlie_displaysemibold';
    letter-spacing: 1px;
}
.even .btn.common_btna {
    background-color: #e7d4a4;
    color: #705207;
}
.even .btn.common_btna:hover {
    background-color: #f7e4b4;
    transition: 0.5s;
}

/*=======  grand sec css start here ===*/
.grand_centralcel img {
    width: 100%;
    position: relative;
    top: 0px;
}
.grand_centralcel {
    float: left;
    width: 100%;
    position: relative;
}
.desking_block {
    display: table;
    width: 100%;
    height: 457px;
}
.desking_cel {
    display: table-cell;
    vertical-align: middle;
}
.p-0 {
    padding: 0;
}
.grand_centtext {
    position: absolute;
    right: 0;
    top: -1px;
    padding: 31px 30px 37px;
    background-color: rgba(244, 244, 242,0.9);
    width: 500px;
    text-align: left;
}
.grand_centtext h2 {
    color: #132632;
    font-family: 'charlie_displaythin';
    font-size: 30px;
    font-weight: 200;
    margin-top: 0;
    margin-bottom: 5px;
}
.grand_centtext p {
    color: #546068;
    font-size: 21px;
    font-family: 'charlie_displaylight';
    margin-top: 0px;position: relative;
}
.grand_centtext p::after {
    position: absolute;
    left: 0;
    top: auto;
    content: "";
    width: 73px;
    height: 2px;
    float: left;
    background-color: #feb811;
    bottom: -14px;
}
.desking_cel h1 {
    color: #132632;
    font-family: 'charlie_displaythin';
    font-size: 41px;
    text-transform: uppercase;
    margin-bottom: 4px;
    margin-top: 40px;
}
.desking_cel h3 {
    color: #546068;
    font-size: 21px;
    font-family: 'charlie_displaylight';
    margin: 0;
    margin-bottom: 20px;
}
.orange_divider {
    display: inline-block;
    margin: 0 auto;
    width: 73px;
    height: 2px;
    background-color: #feb811;
}
.btn_block {
    float: left;
    width: 100%;
    position: relative;
    top: 10px;
    margin-top: 30px;
}
.btn_block a {
    color: #8d9296;
    font-size: 21px;
    font-family: 'charlie_displaylight';
    position: relative;
    display: inline-block;
}
.btn_block a img {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: inline-block;
    bottom: -40px;transition: 0.5s;
}
.btn_block a:hover,.btn_block a:focus{
    text-decoration: none;
}
.btn_block a:hover img{transition: 0.5s;bottom:-30px;}

/*======  product ====*/
.produt_row {
    float: left;  width: 100%;
}
.product_content {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    height: 454px;
}
.product_content img {
    width: 100%;transition: 0.5s;
    float: left;
}
.product_name {
    position: absolute;
    top: 30px;
    left: 0;
    text-align: left;
    width: 100%;
    padding-left: 40px;
}
#runway_cell {
    background-color: #132632;
    height: 454px;
}
#runway_cell h1 {
    color: #fff;
}
#runway_cell h3,#runway_btn a{
    color: #acbfcb;
}
.product_name h1 {
    color: #132632;
    font-family: 'charlie_displaylight';
    font-size: 26px;
    text-transform: uppercase;
    margin-top: 15px;
    margin-bottom: 0;
}
.product_name h4 {
    font-size: 17px;
    color: #546068;
    font-family: 'charlie_displaylight';
    margin-top: 5px;
}
.diveider_pro {
    float: left;
    width: 44px;
    height: 2px;
    background-color: #feb811;
    transition: 0.3s;
    margin-top: 10px;
}
.product_content:hover img {
    transform: scale(1.1);
    transition: 0.5s;
}
.product_content:hover .diveider_pro{
    width: 55px;transition: 0.3s;
}

/*========  news section start here =======*/
.news_section {
    float: left;
    width: 100%;
}
.news_section h1 {
    color: #132632;
    font-size: 41px;
    margin: 50px 0 55px;
    display: inline-block;
    font-family: 'charlie_displaythin';
    line-height: 38px;
    text-transform: uppercase;
}
.p-l-0 {
    padding-left: 0;
}
.p-r-0{padding-right: 0px;}
.news_block {
    float: left;text-align: left;
    width: 100%;padding-bottom: 40px;
}
.news_block h1 {
    font-family: 'charlie_displaysemibold';
    font-size: 28px;
    text-transform: capitalize;
    margin-top: 15px;
    margin-bottom: 15px;
    line-height: normal;
}
.news_block p.date_blog {
    color: #132632;
    font-size: 18px;
    font-family: 'charlie_displaysemibold';
    line-height: normal;
    margin: 0;
}
.news_section {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}
.news_block p {
    color: #696a6c;
    margin-top: 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 400;
}
.blog_readmore.btn {
    padding: 0;
    text-transform: uppercase;
    color: #132632;
    font-family: 'charlie_displaysemibold';
    font-size: 15px;transition: 0.3s;
    text-decoration: underline;
    margin-top: 5px;
}
.blog_readmore.btn:hover {
    color: #1088be;
    transition: 0.3s;
}
.news_block img:hover {
    filter: grayscale(80%);
    transition: 0.3s;
    cursor: pointer;
}
/*=======  newsletter ===*/
.newsletter {
    float: left;
    width: 100%;
}
.newsletter_table {
    background-image: url("http://demo.suffescom.com/grant/aspectfurniture/img/subscrib.png");
    float: none;
    width: 100%;
    background-position: center;
    background-size: cover;
    height: 535px;
    display: table;
    position: relative;
    top:0;
}
.newsletter_cell {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.news_inputblock {
    max-width: 850px;
    display: inline-block;
    margin: 0 auto;
    padding: 50px 70px;
    background-color: rgba(0, 120, 174,0.9);
    width: 709px;
}
.news_inputblock h1 {
    margin: 0;
    font-size: 42px;
    color: #fff;
    font-family: 'charlie_displaythin';
    font-weight: normal;
    letter-spacing: 1px;
}
.news_inputblock p {
    font-size: 21px;
    font-family: 'charlie_displaylight';
    color: #fff;
    margin-bottom: 20px;
    display: inline-block;
    margin-top: 3px;
    letter-spacing: 1px;
}
.newsletter_form .btn.btn-default {
    background-color: #feb811;
    border-color: #feb811;
    height: 60px;
    width: 182px;
    font-size: 21px;
    color: #664800;
    font-family: 'charlie_displayregular';
    border-radius: unset;
    z-index: 1;
    text-align: center;
}
.newsletter_form .input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
    height: 63px;
    border: unset;
    border-radius: unset;
    color: ;
    font-size: 21px;
    font-family: 'charlie_displaylight';
    padding: 6px 20px;
    line-height: normal;
}
.newsletter_form  .input-group-btn{
    background-color: #feb811;
}
.newsletter_form  .input-group-btn:hover {
    background-color: #ffc821;
}
.newsletter_form .btn.btn-default:hover {
    background-color: #ffc821;
    border-color: #ffc821;
}


/*===========  single product page =========*/
.product-bansec {
    float: left;
    width: 100%;
    background-color: #f4f4f2;
    padding-bottom: 70px;
}
.single_prtable {
    display: table;
    height: 565px;overflow: hidden;
    position: relative;
    width: 100%;
}
.single_probanner img{
    float: left;width: 100%;
}
#sigpro_inner {
    padding-left: 0;
}
.single_probanner {
    float: left;
    width: 100%;
    height: 565px;
    position: relative;
    overflow: hidden;
}
.single_probanner img {
    float: left;
    width: 100%;
    height: 565px;
    object-fit: scale-down;
}
#sigpro_inner{
    display: table-cell;vertical-align: middle;
}
#sigpro_inner h4 {
    color: #132632;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'charlie_displaysemibold';
    word-spacing: 1px;
    margin-bottom: 0;
}
#content-vw ul {
    list-style: none;
    margin: 0 0 0 0px;
    padding: 10px 0 0;
    font-size: 16px;
    margin-bottom: 20px;
}
.blue_div {
    float: left;
    width: 113px;
    height: 4px;
    margin: 24px 0 24px;
    background-color: #0078ae;
}
#sigpro_inner p {
    max-width: 600px;
    color: #5d5133;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 20px;
    text-align: justify;
    line-height: 35px;
}
.single_prtable::after {
    position: absolute;
    right: -34%;
    top: 11%;
    display: inline-block;
    bottom: 0;
    margin: 0 auto;
    height: 430px;
    width: 400px;
    border: 1px solid #0582ba;
    content: "";
    border-radius: 50%;
    opacity: 0.3;
}
.single_prtable::before {
    position: absolute;
    right: -41%;
    top: 17%;
    display: inline-block;
    bottom: 0;
    margin: 0 auto;
    height: 360px;
    width: 397px;
    border: 1px solid #0582ba;
    content: "";
    border-radius: 50%;
    opacity: 0.3;
}

/*=====  sec download section start here ======*/
.download_sec {
    float: left;width: 100%;
}
.download_videsec {
    float: left;
    width: 100%;
    position: relative;
    top: -68px;
}
.download_text {
    float: left;
    width: 100%;
    min-height: 170px;
    background-color: #132632;
    padding: 0 30px 20px;
}
.download_text h2 {
    font-size: 26px;
    color: #fff;
    margin: 30px 0 20px;
    font-family: 'charlie_displaylight';
    text-transform: uppercase;
    position: relative;
}
.download_text h2::after {
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 43px;
    height: 2px;
    background-color: #feb811;
    content: "";
}
.download_text ul {
    float: left;
    width: 100%;
    margin: 30px 0;
    position: relative;
}
.download_text ul li {
    display: inline-block;
    width: 100%;
    line-height: 45px;
    position: relative;
}
.download_text ul li a {
    color: #fff;
    font-size: 18px;
    font-family: 'charlie_displaylight';
}
.download_text ul li a:hover{
    text-decoration: unset;
}
.download_text ul li a .fa.fa-cloud-download {
    position: absolute;
    left: -30px;
    top: 16px;
    float: left;
    width: auto;
}
.download_text ul li:first-child {
    border-bottom: 1px solid #2a4b60;
    padding-bottom: 5px;
}
.wrap_dowvideo {
    float: left;
    width: 100%;
}
.vide_sec {
    float: left;
    width: 100%;
    position: relative;
}
.vide_sec img {
    width: 100%;
}
.play_icon {
    position: absolute;
    left: 40%;
    top: 37%;
    margin: 0 auto;
    display: inline-block;
}
.colo-main-sec {
    float: left;
    width: 100%;
}
.col-descrip {
    float: left;
    width: 100%;
    padding: 0 30px 20px;
    background-color: #0582ba;
}
.col-descrip h2 {
    color: #fff;
    margin: 60px 0 13px;
    text-transform: uppercase;
    position: relative;
    font-size: 21px;
}
.col-descrip p {
    color: #c2e5f5;
    font-size: 18px;
    font-family: 'charlie_displaylight';
    padding-right: 30px;
    letter-spacing: 0.5px;
    line-height: 24px;
    margin-bottom: 30px;
}
.addit_info h2 {
    color: #fff;
    margin: 13px 0 20px;
    text-transform: uppercase;
    position: relative;
    font-size: 21px;
}
.additional_ul {
    display: inline-block;
    float: left;
    padding: 0;
    width: 100%;
    margin-bottom: 0; 
}
.addit_info {
    float: left;
    width: 100%;
    padding: 30px;
    background-color: #0078ae;
}
.additional_ul li {
    display: inline-block;
    width: 100%;
    line-height: 50px;
    font-size: 18px;
    color: #c2e5f5;
    font-family: 'charlie_displaylight';
    padding-bottom: 0;
    border-bottom: 1px solid #2992c1;
}
.additional_ul li:last-child{
    border-bottom: none;
}
.additional_ul li span {
    float: right;
}
.play_icon .fa.fa-play {
    font-size: 53px;
    color: #fff;
    z-index: 2;
    padding-top: 28px;
    left: 5px;
    position: relative;
}
.cricle_vide {
    width: 108px;
    height: 108px;
    border-radius: 50%;
    background-color: rgba(0, 120, 174,0.4);
    display: inline-block;
    text-align: center;
    z-index: 1;transition: 0.4s;
    position: relative;
}
.play_icon:hover .cricle_vide{background-color: rgba(0, 120, 174,0.6);transition: 0.4s;}

/*========   worktot sec start here =======*/
.worktotoban_sec img {
    width: 100%;
}
.worktotoban_sec {
    float: left;
    width: 100%;
}
.worktot_content {
    float: left;
    width: 100%;
    padding: 0 50px;
    position: relative;
    background-color: #fff;
    top: -80px;
}
.worktot_content h1 {
    color: #132632;
    font-size: 41px;
    font-family: 'charlie_displaythin';
    text-transform: uppercase;
    margin-top: 53px;
}
.worktot_content h3 {
    font-size: 21px;
    color: #546068;
    font-family: 'charlie_displaylight';
    margin: 0 0 30px;
}
.work_div {
    width: 100%;
    display: inline-block;
    float: left;margin-bottom: 25px;
}
.work_div span {
    width: 73px;
    height: 2px;
    background-color: #feb811;
    display: inherit;
}
.worktot_content p {
    color: #696a6c;
    font-family: 'Open Sans', sans-serif;
    line-height: 30px;text-align: justify;
    font-size: 16px;margin-bottom: 0;
}

/*==========  accordion sec ====*/
.pro_accordsec {
    float: left;
    width: 100%;
    background-color: #f4f4f2;
    padding: 60px 0;
}
.img_acc {
    float: left;overflow: hidden;
    width: 100%;
}
.img_acc img {
    width: 100%;
    transition: 0.5s;
    height: 585px;
    object-fit: scale-down;
}
.img_acc:hover img {
    transition: 0.5s;
    transform: scale(1.1);
}
.product_acc {
    float: left;
    width: 100%;
    padding-left: 10px;
}
#accordion {
    margin: 0;
}
.product_acc .panel-group .panel {
    border-radius: 0;
    box-shadow: none;
    border-color: transparent;
    background-color: transparent;
}
.product_acc .panel-default > .panel-heading {
    padding: 0;
    border-radius: 0;
    color: #212121;
    background-color: transparent;
    border-color: transparent;
    margin-top: 20px;
}
.product_acc .panel-title {
    font-size: 19px;
    color: #132632;
    font-family: 'charlie_displaylight';
    font-weight: 400;
    text-transform: uppercase;
}
.product_acc .panel-title > a {
    display: block;
    padding: 15px 0px 15px 15px;
    text-decoration: none;
    position: relative;
}
.product_acc .panel-title > a::after {
    position: absolute;
    left: 15px;
    bottom: 0;
    width: 43px;
    height: 2px;
    background-color: #feb811;
    content: "";
}
.product_acc .more-less {
    float: right;
    color: #696a6c;
    font-size: 14px;
    margin-top: 5px;
}
.product_acc .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: transparent;
    color: #5d5133;
    font-size: 14px;
    line-height: 23px;
    text-align: justify;
    font-family: 'Open Sans', sans-serif;
}

/*========  arm sec =====*/
.arm_img {
    width: 100%;
    float: left;
    overflow: hidden;

}
.arm_img img {
    width: 100%;transition: 0.5s;
    height: 540px;
}
.arm_img:hover img{
    transition: 0.5s;transform: scale(1.1);
}
.monitor_armsec {
    float: left;
    width: 100%;
    margin-bottom: 60px;
}
.arm_content {
    display: table;
    height: 540px;
    width: 100%;
    background-color: #0078ae;
    padding: 0 45px;
}
.arm_livcel {
    display: table-cell;
    vertical-align: top;
}
.arm_livcel h3 {
    font-size: 26px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 70px;
    font-family: 'charlie_displaylight';
    position: relative;
}
.arm_livcel h1 {
    margin-top: 70px;
    font-size: 44px;
    font-family: 'charlie_displaylight';
    color: #fff;
    margin-bottom: 20px;
}
.arm_livcel h3::after {
    position: absolute;
    left: 0;
    bottom: -17px;
    width: 43px;
    height: 2px;
    background-color: #feb811;
    content: "";
}
.arm_livcel p {
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    line-height: 28px;
    margin-bottom: 0px;
    color: #fff;
}
.btn.common_btna.yellow {
    background-color: #e7d4a4;
    color: #705207;
}
.btn.common_btna.yellow:hover {
    background-color: #f7e4b4;
    transition: 0.5s;
}

/*======  start case studies section === */
.case_bann {
    background-image: url("../img/case-banner.jpg");
    background-size: cover;
    background-position: center;
    height: 254px;
    position: relative;
    float: left;overflow: hidden;
    width: 100%;
}
.case_bann::after {
    position: absolute;
    left: -1px;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url("../img/case-banover.png");
    content: "";
}
.case_bansec {
    background-color: #f4f4f2;
    float: left;
    width: 100%;
}
.case_batable {
    display: table;
    width: 100%;
    height: 254px;
    position: relative;
    z-index: 1;
}
.case_banncel {
    display: table-cell;
    vertical-align: middle;
}
.case_studiestext h1 {
    font-size: 46px;
    color: #132632;
    font-family: 'charlie_displaythin';
    position: relative;
    padding-bottom: 40px;
}
.case_banncel .breadcrumb {
    background: transparent;
    margin: 0;
    padding: 0;
}
.case_banncel .breadcrumb a {
    color: #fff;
    font-size: 18px;
    font-family: 'charlie_displaylight';
}
.case_banncel .breadcrumb > .active {
    color: #fff;
    font-size: 18px;
    font-family: 'charlie_displaylight';
}
.case_banncel .breadcrumb > li + li::before {
    color: #fff;
}
.case_stumain {
    background-color: #f4f4f2;float: left;width: 100%;
}
.case_studies {
    float: left;width: 100%;padding: 55px 0;
}
.case_studiestext p {
    color: #5d5133;
    font-size: 20px;
    letter-spacing: 0.5px;
    text-align: justify;
    margin-top: 20px;
    font-family: 'charlie_displaylight';
    padding-right: 70px;
    font-weight: 500;
    line-height: 35px;
}
.case_studiestext h1::after {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 113px;
    height: 4px;
    background-color: #0078ae;
    content: "";
}
.case_stuiesimg {
    float: left;
    width: 100%;
    display: inline-block;
}
/*.case_stuul {
    padding: 0;
    display: inline-block;
    width: 100%;
    float: left;
}
.case_stuul li {
    display: inline-block;
    width: 50%;
    float: left;
}
.case_stuul li img {
    width: 100%;object-fit: scale-down;
}
.case_stuul li:nth-child(1),,.case_stuul li:nth-child(3){
    padding-right: 5px;
}
.case_stuul li:nth-child(2),.case_stuul li:nth-child(4) {
    padding-left: 4px;
}
.case_stuul li:nth-child(3){
    clear: both;
}*/
.img_case {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-bottom: 10px;
}
.case_stuiesimg img {
    width: 100%;
    object-fit: scale-down;
    transition: 0.5s;
}
.img_case:hover img {
    transform: scale(1.1);
    transition: 0.5s;
}
.p-r-5 {
    padding-right: 5px;
}
.p-l-5 {
    padding-left: 5px;
}

/*========  filter gallery css start here ==========*/

.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter_tabbtul li .filter-button {
    font-size: 27px;
    text-align: center;
    color: #778793;
    margin-bottom: 0;
    font-family: 'charlie_displaylight';
    border: unset;
    padding: 0 15px;
}
.filter_tabbtul li .filter-button:hover,.filter_tabbtul li .filter-button:active,.filter_tabbtul li .filter-button:focus {
    background-color: transparent;
    box-shadow: unset;
    color: #0078ae;
}
.btn-default:active .filter-button:active
{
    background-color: #42B32F;
    color: white;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}
.img_filter {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;border-radius: 5px;
}
.img_filter:hover img {
    filter: grayscale(50%);
    transform: scale(1.1);
    transition: 0.4s;
}
.img_filter img{transition: 0.4s;}
.filter_gallery {
    float: left;
    width: 100%;
    padding: 50px 0;
}
.filter_wrap {
    float: left;
    width: 100%;
}
.filter_tabbtul {
    display: inline-block;
    width: 100%;
    padding: 0px;
    margin: 20px 0 40px;
}
.filter_tabbtul li {
    display: inline-block;
    width: auto;position: relative;
}
.filter_concel {
    position: absolute;
    bottom: 0;
    padding: 0px 10px 10px;
    width: 100%;
    float: left;
}
.wrap_co {
    float: left;
    width: 100%;
    background-color: rgba(0,0,0,0.4);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 15px 12px;
}
.filter_concel h2 {
    color: #ffffff;
    font-size: 16px;
    margin: 0;
    text-transform: uppercase;
    font-family: 'charlie_displayregular';
}
.filter_concel p {
    color: #fff;
    font-size: 14px;
    font-style: italic;
    text-overflow: ellipsis;
    overflow: hidden;
    margin: 0;
}
.filter_tabbtul li::after {
    position: absolute;
    right: -3px;
    content: "";
    height: 60%;
    width: 2px;
    background-color: #c2c2c2;
    transform: rotate(18deg);
    z-index: 1;
    top: 11px;
}
.filter_tabbtul li:last-child::after{
    display: none;
}
.case_banncel h1 {
    color: #fff;
    font-family: 'charlie_displaysemibold';
    margin: 0;
}
/*=======  ends =====*/

/*========  about us page css start here =========*/
.abutus_bansec {
    background-color: #f4f4f2;
    float: left;
    width: 100%;
}
.abutus_bann {
    background-image: url("../img/case-banner.jpg");
    background-size: cover;
    background-position: center;
    height: 254px;
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
}
.abutus_bann::after {
    position: absolute;
    left: -1px;
    top: 0;
    height: 100%;
    width: 100%;
    background-image: url("../img/about-overlay.png");
    content: "";
}
.about_storysec {
    float: left;
    width: 100%;
    padding: 70px 0;
    position: relative;
}
.aboutus_story {
    float: left;
    width: 100%;
    padding-right: 30px;
}
.aboutus_story h1 {
    font-size: 40px;
    color: #132632;
    font-family: 'charlie_displaysemibold';
    margin-top: 9px;position: relative;padding-bottom: 25px;
}
.aboutus_story span {
    color: #0078ae;
}
.aboutus_story h1::after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    content: "";
    width: 113px;
    background-color: #0078ae;
    border-radius: 50px;
}
.aboutus_story h1::before {
    position: absolute;
    left: 10px;
    bottom: -2px;
    height: 9px;
    content: "";
    width: 41px;
    background-color: #0078ae;
    border-radius: 50px;
}
.aboutus_story h3 {
    color: #132632;
    text-transform: uppercase;
    font-size: 24px;
    margin-bottom: 4px;
    margin-top: 26px;
}
.aboutus_story h4 {
    color: #556976;
    font-size: 22px;
    font-style: italic;
    letter-spacing: 0.5px;
    margin-bottom: 15px;
    margin-top: 0;
}
.aboutus_story p {
    color: #657c86;
    font-size: 16px;
    line-height: 23px;
    text-align: justify;
    letter-spacing: 0.5px;
    margin-bottom: 0;
}
.range_client {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
}  
.range_client li {
    display: inline-block;
    width: 100%;
    color: #657c86;
    font-size: 16px;
    line-height: 26px;
    position: relative;
    padding-left: 20px;
}
.range_client li i {
    margin-right: 5px;
    position: absolute;
    left: 0;
    top: 5px;
}
.ou_stroy_img {
    float: left;width: 100%;
    height: 623px;position: relative;
    border: 8px solid #ccc;overflow: hidden;
}
.ou_stroy_img img {
    width: 100%;transition: 0.4s;height: 100%;
}
.about_storysec::before {
    position: absolute;right: -20px;width: 400px;border: 5px solid #0078ae;
    height: 685px;content: "";top: 40px;z-index: -1;
}
.ou_stroy_img:hover img {
    transform: scale(1.1);transition: 0.5s;
}
.envir_com_sec {
    float: left;
    width: 100%;
}
.wrap_envir {
    float: left;
    width: 100%;
}
.envir_com_img {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.envir_com_img img {
    width: 100%;
    height: 687px;
    min-height: 687px;
}
.envir_com_text {
    width: 100%;
    display: table;
    height: 687px;
    padding-left: 15px;
    padding-bottom: 15px;
}
.wrap_envicel {
    display: table-cell;
    vertical-align: middle;
    padding-left: 12%;padding-right: 20px;
    background-color: #f4f4f2;
}
.wrap_envicel h1 {
    color: #132632;
    font-size: 41px;
    font-family: 'charlie_displaythin';
    line-height: 40px;
    margin: 0;
    padding-bottom: 20px;
    position: relative;
}
.wrap_envicel h1::after {
    position: absolute;
    left: 3px;
    bottom: 0px;
    height: 4px;
    content: "";
    width: 113px;
    background-color: #0078ae;
}
.sub_heading {
    color: #556976;
    margin-top: 20px;
    font-size: 24px;
    font-family: 'charlie_displaylight';
    margin-bottom: 15px;
}
.wrap_envicel p {
    font-size: 16px;
    color: #657c86;
    letter-spacing: 0.5px;
    line-height: 25px;
    text-align: justify;
}
.content_img {
    position: absolute;
    top: 0;
    right: 0;
    width: 400px;
}
#communit {
    padding: 15px 15px 0 0;
}
#communit h1 {
    margin-bottom: 20px;
}
/*========  start testmonials ======*/
#quote-carousel {
    padding: 0 10px 0px 10px;
    margin-top: 0px;
    float: left;
    width: 100%;
}
#quote-carousel .carousel-control {
    background: none;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 0;
    top: 40%;
    opacity: 1;
}
#quote-carousel .carousel-indicators {
    position: relative;
    right: 0;
    top: auto;
    bottom: 0px;
    float: left;
    width: 100%;
    left: 0;
    margin: 24px 0 0 0;
}
#quote-carousel .carousel-indicators li {
    width: 88px;
    height: 88px;
    cursor: pointer;
    border: 5px solid #e3e3e3;
    box-shadow: unset;
    border-radius: 50%;
    opacity: 1;
    overflow: hidden;
    transition: all .4s ease-in;
    vertical-align: middle;
    margin-right: 30px;
    float: left;
}
#quote-carousel .carousel-indicators .active {
    width: 88px;
    height: 88px;
    opacity: 1;
    transition: all .2s;
    border-color: #2fa5da;
    box-shadow: 0 3px 5px 0 #47b7e9;
}
#quote-carousel .item blockquote {
    border-left: none;
    margin: 0;
}
#quote-carousel .item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
.author-img {
    overflow: hidden;
    margin: 0 auto 25px;
    width: 50px;
    height: 50px;
    border: unset;
}
.author-img img {
    display: block;
    max-width: none;
    width: 100%;
    height: auto;
}
#quote-carousel .carousel-inner blockquote {
    margin: 0;
    border: 0;
    color: #929292;
    padding: 0 0 0px;
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    font-family: 'charlie_displaythin';
}
#quote-carousel .carousel-inner blockquote .btn-more {
    font-size: 20px;
    cursor: pointer;
    font-weight: normal;
    font-style: normal;
    text-transform: capitalize;
    text-decoration: underline;
}
#quote-carousel .carousel-inner blockquote .btn-more:hover{
    color: #E92B26;    
}

#quote-carousel .carousel-inner blockquote .btn-more .less {
    display: none;
}
#quote-carousel .carousel-inner blockquote .rank {
    opacity: .65;
    display: block;
    font-size: 14px;
    font-weight: 400;
}
.testimonial-clients-name {
    width: 100%;
    float: left;
    padding: 10px 0;
    color: #717171;
    font-size: 20px;
    text-align: center;
    display: block;
    font-weight: 500;
}
.ven_video h3 {
    float: left;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
    width: 100%;
    color: #3a3939;
    font-size: 18px;
    text-transform: uppercase;
}
.ven_video p {
    font-size: 12px;
    color: #898989;
    text-transform: uppercase;
    text-align: center;
    margin-top: 10px;
    display: inline-block;
    width: 100%;
}
.testimonial-clients-name span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: #9A9A9A;
    font-weight: normal;
}
#quote-carousel .carousel-inner blockquote q {
    display: block;
    padding: 0 5px;
    overflow: hidden;
    max-width: 854px;
    min-height: auto;
    position: relative;
    margin: 0 auto 0;
    text-align: justify;
    text-align-last: center;
}
.testmonials {
    float: left;
    width: 100%;
    background-color: #fff;
    padding:80px 0 60px;
}
.wrap_indi_name {
    float: left;
    width: 100%;
    margin-bottom: 60px;
}
#quote-carousel .carousel-indicators li:nth-child(1){
    background-image: url("../img/customer1.png");
}
#quote-carousel .carousel-indicators li:nth-child(2){
    background-image: url("../img/customer2.png");
}
#quote-carousel .carousel-indicators li:nth-child(3){
    background-image: url("../img/customer3.png");
}
#quote-carousel .carousel-indicators li:nth-child(4){
    background-image: url("../img/customer4.png");
}
.testmonials_heading {
    float: right;
    width: 100%;
    position: relative;
}
.carousel-inner > .item {
    transform: initial;
    float: left;width: 100%;
}
.carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active{
    transform: initial;
}
.bor_testhead {
    float: right;
    width: 346px;
    height: 88px;
    border:1px solid #d7d7d7;
    padding: 0 20px;
}
.testmonials_heading > span {
    float: right;
    font-size: 16px;
    color: #6f6f6f;
    letter-spacing: 3px;
    font-family: 'charlie_displaysemibold';
    margin-bottom: 2px;
}
.bor_testhead h1 {
    margin: 0;
    line-height: 84px;
    text-align: right;
    color: #505050;
    font-size: 24px;
    font-family: 'charlie_displaysemibold';
    word-spacing: 5px;
    letter-spacing: 1px;
    position: relative;
}
.bor_testhead h1 span {
    color: #0078ae;
}
.bor_testhead h1::after {
    position: absolute;
    left: 45px;
    top: 50%;
    height: 2px;
    width: 55px;
    background-color: #505050;
    content: "";
}
.bor_testhead h1 span.count_num {
    float: left;
    color: #505050;
}
.quote_icon i {
    font-size: 78px;
    color: #e0e0e0;
}
.wrap_quote {
    float: left;
    width: 100%;
    margin-bottom: 0;
    margin-top: 50px;
}
.let_arrow {
    float: left;
    width: 40%;
    top: 43%;
    position: relative;
}
.let_arrow i,.right_arrow i {
    font-size: 62px;color: #d7d7d7;
}
.right_arrow {
    float: right;width: 40%;top: 43%;position: relative;
}
#quote-carousel .carousel-inner blockquote h2 {
    color: #292929;
    font-size: 26px;
    margin: 10px 0 30px;
}
.cust_name {
    color: #243b45;
    font-size: 26px;
    margin-top: 30px;
    word-spacing: 6px;
    letter-spacing: 1px;
    margin-bottom: 20px;
}
.cust_name span {
    color: #0078ae;
}
.content_img {
    position: absolute;
    top: 20px;
    left: 0;
    width: 600px;
    background-color: rgba(255,255,255,0.7);
    padding: 15px 0 15px 50px;
}
.content_img span {
    width: 100%;
    float: left;
    color: #0078ae;
    font-family: 'charlie_displaythin';
}
.content_img h1 {
    margin: 0;
    color: #505050;
    font-family: 'charlie_displaysemibold';
}
#communi_img .content_img {
    right: 0;
    left: auto;
    padding: 15px 50px 15px 0;
    text-align: right;
}
/*======  ends testmonials */

/*=======  news post page css start here ====*/
.news_bann {
    background-image: url("../img/new_ban.png");
    background-size: cover;
    background-position: center;
    height: 254px;
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
}
.wrap_news {
    float: left;
    width: 100%;
    margin-top: 50px;
}
.news-postinner {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.news_postsec {
    float: left;
    width: 100%;
}
.newimg_part {
    float: left;
    width: 100%;
    overflow: hidden;
}
.newimg_part img {
    width: 100%;
    transition: 0.5s;
    -webkit-transform: rotate(10deg) scale(1.4);
    transform: rotate(10deg) scale(1.4);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.newimg_part img:hover {
    transition: 0.4s;
    -webkit-transform: rotate(0) scale(1);transform: rotate(0) scale(1);
}
.blog_posttext .date_time {
    color: #696a6c;
    font-size: 16px;
}
.blog_posttext .date_time i {
    margin-right: 6px;
}
.blog_posttext {
    float: left;
    width: 100%;
    margin: 30px 0;
    padding: 20px 20px 15px;
    border: 1px solid #dddddd;
}
.blog_posttext h1 {
    color: #2d3b41;
    font-size: 21px;
    letter-spacing: 0.5px;
    margin: 15px 0 10px;
    display: inline-block;
}
.blog_posttext p {
    color: #696a6c;
    font-size: 16px;
    line-height: 25px;
    text-align: justify;
}
.post_bootom {
    float: left;margin-top: 15px;width: 100%;
}
.post_bootom .like_comm {
    float: right;
    width: 75%;
    padding: 0;
    margin: 5px 0 0;
    text-align: right;
}
.post_bootom .like_comm li {
    display: inline-block;
    margin-right: 10px;
}
.post_bootom .like_comm li:last-child{margin: 0px;}
.left_btnpost {
    float: left;width: 25%;
}
.left_btnpost .blog_readmore.btn {
    margin: 0;
}
.post_bootom .like_comm li a {
    font-size: 13px;transition: 0.3s;
    color: #909090;
}
.post_bootom .like_comm li a i {
    margin-right: 4px;
}
.post_bootom .like_comm li a:hover,.post_bootom .like_comm li a:focus,.post_bootom .like_comm li a:active{
    color: #1088be;transition: 0.3s;text-decoration: unset;
}
.new_sidebar {
    float: left;
    width: 100%;
}
.search_form .form-control {
    border: 1px solid #dddddd;
    box-shadow: ;
    box-shadow: unset;
    border-radius: unset;
    height: 45px;
    color: #2d3b41;
    font-size: 20px;
    font-family: 'charlie_displaylight';
}
.search_form .form-control::-moz-placeholder{
    color: #2d3b41;
}
.search_form .form-control::-webkit-input-placeholder{
    color: #2d3b41;
} 
.search_form {
    float: left;
    width: 100%;
}
.search_form .input-group {
    width: 100%;position: relative;
}
.search_form .btn.btn-outline-secondary {
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 11;
    height: 45px;
    border-radius: unset;
    background-color: #0078ae;
}
.postcon_sec {
    float: left;
    width: 100%;
    margin-top: 10px;
}
.postcon_sec .main_sideh {
    font-size: 26px;
    color: #172934;
    position: relative;
    margin: 30px 0 40px;
}
.main_sideh::after {
    position: absolute;
    left: 0;
    bottom: -15px;
    width: 43px;
    height: 2px;
    background-color: #feb811;
    content: "";
}
.rigght_by {
    float: right;
    width: auto;
    color: #6d6d6d;
    font-size: 16px;
    display: inline-block;
    line-height: 30px;
}
.rigght_by a {
    color: #0078ae;
    letter-spacing: 0.5px;
    margin-left: 4px;
}
.vertical_slider {
    float: left;
    width: 100%;
    background-color: #f4f4f2;
    min-height: 500px;
    padding: 0 30px;
}
.vertical_slider #myCarousel {
    float: left;
    width: 100%;
    margin-top: 20px;
    padding: 0;
    text-align: center;
    margin-bottom: 20px;
}
.vertical_slider .btn-vertical-slider {
    margin-left: 0px;
    cursor: pointer;
    width: 47px;
    height: 47px;
    background-color: #fff;
    display: inline-block;
    font-size: 30px;
    color: #696a6c;
    border-radius: 50%;
    padding: 3px;
    box-shadow: 0 0 4px 0 #dcdcdc;
}
.wrap_verticainner {
    display: inline-block; padding: 20px;
    background-color: #fff;margin: 20px 0;
}
.vertical_slider .carousel-inner {
    float: left;
    width: 100%;
}
.content_twitter {
    width: 100%;
    display: inline-block;
}
.content_twitter {
    width: 100%;
    display: inline-block;
}
.header_twi span {
    font-size: 20px;
    color: #172934;
    font-family: 'charlie_displaylight';
}
.header_twi {
    float: left;
    width: 100%;
    text-align: left;
}
.wrap_icontwii {
    float: left;
    width: 16%;
}
.wrap_head {
    float: left;
    width: 83%;
}
.wrap_head a {
    float: left;
    width: 100%;
    font-size: 15px;
    color: #1d87b7;
    line-height: normal;
}
.content_twitter p {
    float: left;
    width: 100%;
    margin-top: 20px;
    text-align: left;
    margin-bottom: 20px;
    font-size: 14px;
    color: #696a6c;
    min-height: 100px;
    line-height: 25px;
}
.wrap_head a:hover,.wrap_head a:focus{text-decoration: none;}
.img_postw {
    width: 100%;
}
.footer_twitter {
    float: left;
    width: 100%;
    text-align: left;
    padding-top: 20px;
}
.footer_twitter ul {
    display: inline-block;
    width: auto;
    padding: 0;
    margin: 0;
}
.footer_twitter li a {
    color: #696a6c;
    font-size: 19px;
}
.footer_twitter li a:hover,.footer_twitter li a:focus{
    color: #1d87b7;
}
.footer_twitter ul li {
    display: inline-block;
    margin-right: 15px;
}
.date_twit {
    float: right;
    font-size: 16px;
    color: #696a6c;
}
.twit_icon i {
    color: #c3c2c2;
    font-size: 21px;
}
.twit_icon {
    position: absolute;
    right: 0;
    top: 10px;
}
.vertical_slider .btn-vertical-slider:hover {color: #1d87b7;}
.new_tag_sec {
    float: left;
    width: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid #ccc;
}
.new_tag_sec ul {
    display: inline-block;
    padding-left: 0;
}
.new_tag_sec ul li {
    display: inline-block;
    width: auto;
    background-color: #f4f4f2;
    margin-bottom: 10px;
    margin-right: 10px;
    transition: 0.5s;
}
.new_tag_sec ul li a {
    color: #a7a7a7;line-height: normal;
    font-size: 16px;display: inline-block;
    padding: 10px 16px;text-transform: capitalize;
}
.new_tag_sec ul li a:hover,.new_tag_sec ul li a:focus{
    text-decoration: none;
}
.new_tag_sec ul li:hover {
    background-color: #0078ae;transition: 0.5s;
}
.new_tag_sec ul li:hover a {
    color: #fff;transition: 0.5s;
}
.view_more {
    font-size: 16px;
    color: #0078ae;
}
.view_more:hover{text-decoration: none;}

.recent_sec {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.recent_ul {
    float: left;
    width: 100%;
    padding-left: 0;
}
.recent_ul li {
    display: inline-block;
    width: 100%;margin-bottom: 20px;
}
.recent_imng {
    float: left;
    width: 108px;
}
.recent_con {
    float: right;
    width: calc(100% - 110px);
    padding-left: 16px;
}
.recent_con h2 {
    font-size: 18px;
    margin: 0 0 10px;
    color: #172934;
    font-family: 'charlie_displaylight';
}
.recent_con p {
    color: #696a6c;
    padding-right: 30px;
    font-size: 14px;
    font-family: 'charlie_displaylight';
}
.recent_da {
    color: #696a6c;
    font-size: 14px;
}
/*======  craousel ===*/

.vertical .carousel-inner {
  height: 100%;
}

.vertical_slider .carousel.vertical .item {
  -webkit-transition: 0.6s ease-in-out top;
     -moz-transition: 0.6s ease-in-out top;
      -ms-transition: 0.6s ease-in-out top;
       -o-transition: 0.6s ease-in-out top;
          transition: 0.6s ease-in-out top;
}
.carousel.vertical .active {
  top: 0;
}

.carousel.vertical .next {
  top: 400px;
}

.carousel.vertical .prev {
  top: -400px;
}

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
  top: 0;
}

.carousel.vertical .active.left {
  top: -400px;
}

.carousel.vertical .active.right {
  top: 400px;
}

.carousel.vertical .item {
    left: 0;
}

/*========  craousel vertical ===*/

/*=========  news details page ====*/
.news_detailpost {
    float: left;width: 100%;
}
.detailimg_full {
    width: 100%;
    overflow: hidden;
    height: 382px;
}
.detailimg_full img {
    width: 100%;object-fit: scale-down;
}
.details_posttext {
    float: left;width: 100%;
}
.date_postde {
    float: left;width: 100%;margin: 18px 0 10px;
    font-size: 16px;color: #696a6c;
}
.date_postde i {
    margin-right: 5px;
}
.details_posttext h1 {
    color: #2d3b41;
    font-size: 21px;
    display: inline-block;
    margin: 0 0 15px;
}
.details_posttext p {
    color: #696a6c;
    font-size: 16px;
    line-height: 25px;
    text-align: justify;
    margin-bottom: 0;
}
.info_typetext {
    float: left;
    width: 100%;
    padding: 20px 40px;
    background-color: #f4f4f2;
    margin: 25px 0;
    position: relative;
}
.info_typetext::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 70%;
    background-color: #feb811;
    content: "";
}
.share_block {
    float: left;
    width: 100%;
    padding: 13px 0;
    text-align: right;
    border-top: 1px dashed #d6d6d6;
    border-bottom: 1px dashed #d6d6d6;
    margin-top: 40px;
}
.share_block ul {
    width: auto;padding: 0px;
    display: inline-block;
    margin: 0;
}
.info_typetext p {
    font-style: italic;
}
.share_block ul li {
    display: inline-block;
    margin-right: 15px;
}
.share_block ul li:last-child{
    margin-right: 0px;
}
.share_block ul li a {
    color: #909090;transition: 0.5s;
    font-size: 14px;
    font-family: 'charlie_displaylight';
}
.share_block ul li a i {
    margin-right: 6px;
}
.share_block ul li a:hover,.share_block ul li a:focus{
    color: #1d87b7;text-decoration: none;transition: 0.5s;
}


/*======  our team css start here ====*/
.our_teamban {
    float: left;
    width: 100%;
    background-color: #f4f4f2;
}

.ourteam_bann {
    background-image: url("../img/our-team.png");
    background-size: cover;
    background-position: center;
    height: 550px;
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
}
.our_team_text {
    position: absolute;
    bottom: 0;
    padding: 30px 30px;
    width: 100%;
    float: left;
}
.our_team_text h1 {
    font-size: 35px;
    text-transform: uppercase;
    color: #fff;
    font-family: 'charlie_displaysemibold';
    margin-bottom: 0;
}
.our_team_text h3 {
    font-size: 35px;
    margin: 0;
    font-family: 'charlie_displaylight';
    color: #fff;
}
.staff_sec {
    float: left;
    width: 100%;
    padding: 70px 0;
}
.case_studiestext h4 {
    color: #132632;
    font-size: 15px;
    text-transform: uppercase;
    font-family: 'charlie_displaysemibold';
    word-spacing: 1px;
    margin-bottom: 0;
    margin-top: 40px;
}
.staff_slider_sec {
    float: left;
    width: 100%;
    background-color: #f9f9f9;
    padding: 80px 0 40px;
}
.wrap_staffinfo {
    float: left;
    width: 100%;
    text-align: center;
}
.circimg_staff {
    width: 226px;
    height: 226px;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 50%;
    box-shadow: 0 0 5px 0 #ececec;
}
.wrap_staffinfo h1 {
    color: #132632;
    font-size: 36px;
    font-family: 'charlie_displaysemibold';
    font-style: italic;
    margin-top: 30px;
    margin-bottom: 0;
}
.wrap_staffinfo h5 {
    color: #404041;
    font-size: 20px;
    font-family: 'charlie_displaylight';
}
.staff_img {
    float: left;
    width: 100%;
    overflow: hidden;
}
#staff_carousel .owl-prev {
    height: 75px;transition: 0.4s;
    width: 75px;
    background-color: #0078ae;
    line-height: 95px;
    padding: 8px !important;
    text-align: center;
    margin-right: 30px;
}
#staff_carousel .owl-next {
    height: 75px;transition: 0.4s;
    width: 75px;
    background-color: #0078ae;
    line-height: 95px;
    padding: 8px !important;
    text-align: center;
    margin-right: 0;
}
#staff_carousel .owl-prev i,#staff_carousel .owl-next i {
    color: #fff;
    height: auto;
    line-height: 56px;
    display: inherit;
    font-size: 70px;
}
#staff_carousel .owl-nav {
    text-align: center;
    margin-top: 60px;
}
.staff_img img {
    width: 100%;
    transform: rotate(10deg) scale(1.3);
    transition: 0.4s;
}
.staff_img img:hover {
    transform: rotate(0deg) scale(1);
    c
}

#staff_carousel .owl-next:hover {
    background-color: #1088be;transition: 0.4s;
}
#staff_carousel .owl-prev:hover {
    background-color: #1088be;transition: 0.4s;
}
/*==========  start css carrers page */
.career_bann {
    background-image: url("../img/car-ban.jpg");
    background-size: cover;
    background-position: center;
    height: 550px;
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
}
.career_accor {
    padding-top: 40px;
    float: left;
    width: 100%;
        
    padding-bottom: 50px;
    background: #f9f9f9;
}
.career_accor h2 {
    font-size: 41px;
    color: #132632;
    margin-bottom: 50px;
    padding-bottom: 20px;
    position: relative;
    font-family: 'charlie_displaythin';
}
.career_accor h2::after {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    width: 113px;
    background-color: #feb811;
    content: "";
}
.career_accor .panel-default {
    border-color: #ddd;border: 0px;background: #fff;margin-bottom: 30px;
    box-shadow: 0px 2px 5px #f2f2f2;border-radius: 0px !important;
}
.career_accor .panel-heading {
    position: relative;padding: 0px;border: 0px;
}
.career_accor .panel-heading a {
    padding: 23px 16px;
    background: #fff;
    display: block;
    box-shadow: 0px 0px 8px #dddddd;
}
.career_accor .panel-heading a:hover{text-decoration: none;}
.career_accor .panel-heading a:focus {
    outline: none;
    text-decoration: unset;
}
.career_accor .panel-heading a h4 {
    color: #01588a;
    font-weight: normal;
    letter-spacing: 0;
    font-family: 'charlie_displaylight';
    font-size: 26px;
}
.career_accor .panel-heading a[aria-expanded="true"] h4,.career_accor .panel-heading a[aria-expanded="true"]::after{
    color: #01588a;
}
.career_accor .collapsed:focus ,.career_accor .collapsed:hover{
    text-decoration: unset;
}
.career_accor .panel-heading a::after {
    content: "\f107";font-family: FontAwesome;
    font-size: 32px;position: absolute;color: #01588a;
    right: 10px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);
    -webkit-transition: 0.3s;transition: 0.3s;
}
.career_accor .panel-heading a.collapsed::after {
    content: "\f106";position: absolute;right: 10px;
}
.career_accor .panel-heading a.collapsed{
    color: #e24a49;
}
.career_accor .panel-body p {
    font-size: 17px;
    color: #6d6d6d;
    letter-spacing: 0.5px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
.career_accor .panel-body {
    padding: 30px 40px;
}
.career_accor .panel-body h4 {
    font-size: 18px;
    color: #132632;
    font-family: 'Open Sans', sans-serif;
    margin: 20px 0;
}
.case_studiestext p a {
    text-decoration: unset;
    color: #0078ae;
}
.info_care {
    float: left;
    width: 100%;
    padding-left: 15px;
}
.info_care li {
    font-size: 17px;
    color: #6d6d6d;
    letter-spacing: 0.5px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;margin-bottom: 10px;
}
.career_accor .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #efefef;
}
/*=======  careers  ends ==*/

/*======  contact us =====*/
.contactmap_view {
    float: left;
    width: 100%;
    background-color: #f4f4f2;
}
#contact_usban{background-color: #f4f4f2;}

.contactmap_view iframe {
    width: 100%;
    height: 400px;
}
.form_sec {
    float: left;background-color: #f4f4f2;width: 100%;
}
.wrap_mainform {
    float: left;border-radius: 5px;width: 100%;
    position: relative;background-color: #ffffff;
    padding: 40px;top: -160px;
    box-shadow: 0 0 8px 0 #d2d2d2;
}
.wrap_mainform h1 {
    color: #132632;
    font-family: 'charlie_displaythin';
    font-size: 41px;
    margin: 0;
    display: inline-block;
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.wrap_mainform h1::after {
    position: absolute;
    left: 0;
    height: 4px;
    width: 113px;
    background-color: #feb811;
    content: "";
    bottom: 0;
}
.wrap_mainform p {
    color: #6d6d6d;
    font-size: 20px;
    font-family: 'charlie_displaylight';
    margin-bottom: 30px;
}
.form_contact {
    float: left;
    width: 100%;
    padding: 50px 30px;
    background-color: #fafafa;
    margin-top: 20px;
}
.form_contact .form-control {
    height: 55px;
    border: 1px solid #f0f0f0;
    box-shadow: unset;
    border-radius: unset;
    font-size: 20px;
    font-family: 'charlie_displaylight';
    font-weight: 400;
    letter-spacing: 0.5px;
}
.form_contact .form-group {
    margin-bottom: 26px;
}
.cust_slect .form-control {
    position: relative;
    -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}
.cust_slect .caret {
    border-top: 8px dashed;
    border-top: 8px solid #a5a5a5;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-color: ;
    position: absolute;
    right: 32px;
    top: 23px;
    pointer-events: none;
}
.form_contact textarea.form-control {
    height: 220px;
    display: inline-block;
    resize: initial;
}
.custom_button {
    background-color: #0078ae;
    color: #fff;
    border: unset;
    padding: 9px 48px;
    border-radius: 50px;
    line-height: 30px;
    text-transform: uppercase;
    font-family: 'charlie_displaysemibold';
    font-size: 16px;margin-top: 20px;
    transition: 0.5s;
}
.custom_button:hover{
    background-color: #1088be;
    transition: 0.5s;
}

/*=== Pricing page css =====*/
.pricing_bann {
    background-image: url("../img/pricing_ban.png");
    background-size: cover;
    background-position: center;
    height: 550px;
    position: relative;
    float: left;
    overflow: hidden;
    width: 100%;
}
.pricing_sec {
    float: left;
    width: 100%;
    background-color: #f9fafc;
}
.pricing_textblock {
    float: left;
    width: 100%;
    background: #f9fafc;
    padding: 40px 0px;
}
.pricing_ul {
    padding: 0;
    text-align: center;
    margin-top: 70px;
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0 0 8px 0 #ccc;
    overflow: hidden;
}
.pricing_ul li {
    padding: 20px;
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #ededed;
    font-size: 16px;
    color: #787878;
}
.heading_pr {
    background-color: #0078ae;
    color: #fff !important;
    font-size: 38px !important;
    padding: 14px !important;
    font-family: 'charlie_displaysemibold';
}
.pricetext h1 {
    display: inline-block;
    font-size: 72px;
    margin: 0;
    color: #000000;
}
.get_btn {
    border-radius: 50px;
    border: unset;
    padding: 12px 60px;
    text-transform: uppercase;
    background-color: #0078ae;
    color: #fff;transition: 0.5s;
    margin: 15px 0;
}
.get_btn:hover{
     background-color: #1088be;
    transition: 0.5s;
}
.pricetext sup {
    font-size: 40px;
    position: relative;
    top: -30px;
    margin-right: 6px;
}
.pricetext sub {
    font-size: 18px;
    color: #787878;
}
.pricetext {
    padding-top: 30px !important;
}
.request_sec {
    float: left;
    width: 100%;
    background-color: #f9fafc;
    padding-top: 60px;
    padding-bottom: 120px;
}
.wrap_request {
    float: left;
    width: 100%;
    text-align: center;
    background-color: #fff;
    padding: 60px 0 40px;
}

.wrap_request h1 {
    display: inline-block;
    margin: 5px 0px 20px 0;
    color: #333333;
    font-family: 'charlie_displaybold';
    font-size: 39px;
    letter-spacing: 1px;
    text-transform: capitalize;
}
.wrap_request p {
    font-size: 18px;
    color: #787878;
    font-family: 'charlie_displaylight';
    line-height: 32px;
    word-spacing: 1px;
    margin-bottom: 20px;
}
.even .even-col { float: right; }