@font-face {
    font-family: 'Conv_Gotham-Book';
    src: url('fonts/Gotham-Book.eot');
    src: local('☺'), url('fonts/Gotham-Book.woff') format('woff'), url('fonts/Gotham-Book.ttf') format('truetype'), url('fonts/Gotham-Book.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Conv_Gotham-Light';
    src: url('fonts/Gotham-Light.eot');
    src: local('☺'), url('fonts/Gotham-Light.woff') format('woff'), url('fonts/Gotham-Light.ttf') format('truetype'), url('fonts/Gotham-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Conv_Gotham-Medium';
    src: url('fonts/Gotham-Medium.eot');
    src: local('☺'), url('fonts/Gotham-Medium.woff') format('woff'), url('fonts/Gotham-Medium.ttf') format('truetype'), url('fonts/Gotham-Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothambook';
    src: url('gotham-book-1361523257-webfont.woff2') format('woff2'),
    url('gotham-book-1361523257-webfont.woff') format('woff'),
    url('gotham-book-1361523257-webfont.svg#gothambook') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Conv_GothamNarrow-Black';
    src: url('fonts/GothamNarrow-Black.eot');
    src: local('☺'), url('fonts/GothamNarrow-Black.woff') format('woff'), url('fonts/GothamNarrow-Black.ttf') format('truetype'), url('fonts/GothamNarrow-Black.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Conv_Gotham-Bold';
    src: url('fonts/Gotham-Bold.eot');
    src: local('☺'), url('fonts/Gotham-Bold.woff') format('woff'), url('fonts/Gotham-Bold.ttf') format('truetype'), url('fonts/Gotham-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}





/******************* Backgrounds *******************/

.background_e51451{background-color:#262262!important}
.background_fff2f6{background-color:#fff2f6!important}
.background_fff{background-color:#fff!important}


/******************* Colors *******************/
.color_fff{color:#fff!important}
.color_262262{color:#262262!important}
.color_000{color:#000!important}
.color_555555{color:#555555!important}


/******************* Gothum *******************/

.gothum_light {
    font-family: 'Conv_Gotham-Light' !important;;
}

.gothum_book {
    font-family: 'Conv_Gotham-Book' !important;
}
.gothum_medium {
    font-family: 'Conv_Gotham-Medium' !important;
}

.gothum_bold {
    font-family: 'Conv_Gotham-Bold' !important;;
}
.gothum_black {
    font-family: 'Conv_GothamNarrow-Black' !important;;
}


/******************* Font Weight *******************/

.font_weight300{font-weight:300!important}
.font_weight400{font-weight:400!important}
.font_weight500{font-weight:500!important}
.font_weight600{font-weight:600!important}
.font_weight700{font-weight:700!important}
.font_weight900{font-weight:900!important}


/******************* Font Sizes *******************/
.font_size14{font-size:14px}
.font_size16{font-size:16px}
.font_size18{font-size:18px}
.font_size20{font-size:20px}
.font_size22{font-size:22px}
.font_size24{font-size:24px}
.font_size26{font-size:26px}
.font_size28{font-size:28px}
.font_size30{font-size:30px}
.font_size32{font-size:32px}
.font_size34{font-size:34px}
.font_size36{font-size:36px}
.font_size38{font-size:38px}
.font_size42{font-size:42px}
.font_size40{font-size:40px}
.font_size48{font-size:48px}
.font_size50{font-size:50px}
.font_size60{font-size:60px}
.font_size72{font-size:72px}


/******************* Line Height *******************/

.line_height0{line-height:0}
.line_height14{line-height:14px}
.line_height16{line-height:16px}
.line_height18{line-height:18px}
.line_height20{line-height:20px}
.line_height24{line-height:24px}
.line_height26{line-height:26px}
.line_height28{line-height:28px}
.line_height30{line-height:30px}
.line_height32{line-height:32px}
.line_height36{line-height:36px}
.line_height42{line-height:42px}
.line_height40{line-height:40px}
.line_height46{line-height:46px}
.line_height48{line-height:48px}
.line_height52{line-height:52px}
.line_height54{line-height:54px}
.line_height60{line-height:60px}
.line_height72{line-height:72px}


/******************* Margins *******************/

.no_margin{margin:0!important}
.margin_auto{margin:0 auto!important}
.margin_top0{margin-top:0}
.margin_top5{margin-top:5px}
.margin_top10{margin-top:10px}
.margin_top15{margin-top:15px}
.margin_top17{margin-top:17px}
.margin_top20{margin-top:20px}
.margin_top25{margin-top:25px}
.margin_top30{margin-top:30px}
.margin_top35{margin-top:35px}
.margin_top40{margin-top:40px}
.margin_top45{margin-top:45px}
.margin_top50{margin-top:50px}
.margin_top55{margin-top:55px}
.margin_top60{margin-top:60px}
.margin_top65{margin-top:65px}
.margin_top70{margin-top:70px}
.margin_top75{margin-top:75px}
.margin_top80{margin-top:80px}
.margin_top85{margin-top:85px}
.margin_top90{margin-top:90px}
.margin_bottom0{margin-bottom:0}
.margin_bottom5{margin-bottom:5px}
.margin_bottom10{margin-bottom:10px!important}
.margin_bottom15{margin-bottom:15px}
.margin_bottom20{margin-bottom:20px}
.margin_bottom25{margin-bottom:25px}
.margin_bottom28{margin-bottom:28px}
.margin_bottom30{margin-bottom:30px}
.margin_bottom35{margin-bottom:35px}
.margin_bottom40{margin-bottom:40px}
.margin_bottom45{margin-bottom:45px}
.margin_bottom50{margin-bottom:50px}
.margin_bottom55{margin-bottom:55px}
.margin_bottom60{margin-bottom:60px}
.margin_bottom65{margin-bottom:65px}
.margin_bottom70{margin-bottom:70px}
.margin_bottom75{margin-bottom:75px}
.margin_bottom80{margin-bottom:80px}
.margin_bottom85{margin-bottom:85px}
.margin_bottom90{margin-bottom:90px}

/******************* Padding *******************/

.no_padding{padding:0}
.padding_top5{padding-top:5px}
.padding_top10{padding-top:10px}
.padding_top15{padding-top:15px}
.padding_top20{padding-top:20px}
.padding_top25{padding-top:25px}
.padding_top30{padding-top:30px}
.padding_top35{padding-top:35px}
.padding_top40{padding-top:40px}
.padding_top45{padding-top:45px}
.padding_top50{padding-top:50px}
.padding_top55{padding-top:55px}
.padding_top60{padding-top:60px}
.padding_top65{padding-top:65px}
.padding_top70{padding-top:70px}
.padding_top75{padding-top:75px}
.padding_top80{padding-top:80px}
.padding_top85{padding-top:85px}
.padding_top90{padding-top:90px}
.padding_top95{padding-top:95px}
.padding_top100{padding-top:100px}
.padding_top120{padding-top:120px}
.padding_top150{padding-top:150px}
.padding_top200{padding-top:200px}

.padding_tb30{padding-top:30px;padding-bottom:30px}
.padding_tb70{padding-top:70px;padding-bottom:70px}
.padding_tb150{padding-top:150px;padding-bottom:150px}
.padding_tb120{padding-top:120px;padding-bottom:120px}
.padding_top200 {padding-top: 200px !important;}


.padding_bottom5{padding-bottom:5px}
.padding_bottom10{padding-bottom:10px}
.padding_bottom15{padding-bottom:15px}
.padding_bottom20{padding-bottom:20px}
.padding_bottom25{padding-bottom:25px}
.padding_bottom30{padding-bottom:30px}
.padding_bottom35{padding-bottom:35px}
.padding_bottom40{padding-bottom:40px}
.padding_bottom45{padding-bottom:45px}
.padding_bottom50{padding-bottom:50px}
.padding_bottom55{padding-bottom:55px}
.padding_bottom60{padding-bottom:60px}
.padding_bottom65{padding-bottom:65px}
.padding_bottom70{padding-bottom:70px}
.padding_bottom75{padding-bottom:75px}
.padding_bottom80{padding-bottom:80px}
.padding_bottom85{padding-bottom:85px}
.padding_bottom90{padding-bottom:90px}
.padding_bottom95{padding-bottom:95px}
.padding_bottom100{padding-bottom:100px}
.padding_bottom120{padding-bottom:120px}
.padding_bottom200{padding-bottom:200px}



.text_lowercase{text-transform:lowercase}
.text_capitalize{text-transform:capitalize}
.text_uppercase{text-transform:uppercase}

.display_table {display: table}
.v_align{vertical-align: middle}
.display_tbl_cell {display: table-cell}
.font_style_italic{font-style: italic}


/******************* Reset*******************/
html,body {
    webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}



ul {margin: 0; padding: 0; list-style-type: none}

a {text-decoration: none ;   box-shadow:  none !important;}
a:hover{text-decoration: none ;
    color: #000;
    -webkit-box-shadow: none !important;
    box-shadow:  none !important;
}

/******************* Body*******************/

body  {
    font-family: 'Conv_Gotham-Book' !important;
    font-size: 16px;
    line-height: 24px;
    color: #555;
    background-color: #fff;
}

h1, h2, h3, h4, h5, h6 {
    padding:0;
}

.wrap {
    max-width: 1170px !important;
    width: 100% !important;
    padding: 0 !important;

}

.entry-content {
    width: 100% !important;
}

.entry-header {
    display: none;
}

.entry .entry-content, .entry .entry-summary {
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}
.entry .entry-content > *, .entry .entry-summary > * {
    max-width: 100% !important;
    margin: 0 !important;
}

.acticolo_textblock  {
    width: 700px;
    box-shadow: -20px 20px 30px rgba(0,0,0,0.07);
    background-color: #fff;
    padding: 100px 130px;
    position: absolute;
    left: 330px;
    z-index: 9;
    top: 100px;
}
h1:not(.site-title):before {
    display: none;
}


.primary_btn  a ,
.primary_btn  button {
    color: #fff !important;
    line-height: 16px !important;
    text-align: center !important;
    padding: 16px 60px 16px 30px !important;
    text-decoration: none !important;
    border-radius: 30px !important;
    background-color: #262262 !important;
    position: relative;
    background-image: none !important;
    font-family: 'Conv_Gotham-Book' !important;
    border: none !important;

}

.primary_btn  a:before ,
.primary_btn  button:before {
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 32px;
    font-size: 14px;
    display: inline-block;
    text-align: right;
    margin-right: 10px;
    content: "\f178";
    right: 24px;
    top: 18px;
}


.secondary_btn a ,
.secondary_btn button {
    color: #262262 !important;
    line-height: 16px !important;
    text-align: center !important;
    padding: 0 !important;
    text-decoration: none !important;
    background-color: transparent !important;
    position: relative;
    background-image: none !important;
    font-family: 'Conv_Gotham-Book' !important;
    border: none !important;
    border-radius: 0 !important;
}

.secondary_btn a:hover, .secondary_btn button:hover {
    box-shadow: 0 2px 0 #262262 !important;

}



.secondary_btn a:before ,
.secondary_btn button:before {
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 32px;
    font-size: 14px;
    display: inline-block;
    text-align: right;
    margin-right: 10px;
    content: "\f178";
    right: -36px;
    top: 2px;
}


.primary_btn  a:hover ,
.primary_btn  button:hover {
    color: #262262 !important;
    background: none !important;
    box-shadow: 0 0 0 2px #262262 inset !important;
}

.primary_btn  a:hover:before  ,
.primary_btn  button:hover:before  {
    color: #262262 !important;
}

.page:not(.home) #content {
    padding-top: 0;
    padding-bottom: 0;
}

.services_sep > .vc_figure ,
.services_sep > .vc_figure .vc_single_image-wrapper ,
.services_sep > .vc_figure .vc_single_image-wrapper  img{
    width: 100%;
}

.acticolo_textblock.acticolo_textblock2 {
    left: -330px;
}

#testimonail_outer_box {
    padding-left: 375px !important;
    overflow: hidden !important;
}
.client_img_box {
    width: 18%;
    float: left;
    margin-top: 100px;

}
.client_img_box figure{
    position: relative;
    z-index: 2;
}

.client_reviews_box {
    width: 82%;
    float: left;
    padding: 45px 310px 145px 125px;
    position: relative;
}

.client_reviews_box:before{
    right: 0;
    top: 0;
    content: '';
    width: 110%;
    height: 100%;
    position: absolute;
    background-color: #f4f4f7;
}

#testimonail_outer_box .carousel-control {
    width: 16px;
    height: 29px;
    background-image: none;
    opacity: 1;
    right: -680px;
    left: 0;
    margin: 0 auto;
    top: 110px;
    background: transparent;
    box-shadow: none !important;
    border: none !important;
    text-shadow: none;
    font-size: 0;
    color: transparent;
}
#testimonail_outer_box .carousel-control.left {
    left: -60px;
}
#testimonail_outer_box .carousel-control img {
    box-shadow: none !important;
}



.client_reviews_box h3 ,
.client_reviews_box p ,
.client_reviews_box  figure{
    position: relative;
    z-index: 2;
}
#testimonail_outer_box .quote_sign {
    margin-bottom: 25px;
}
#testimonail_outer_box .designation {
    margin: 10px 0 40px;
}
#testimonail_outer_box .client_reviws {
    font-style: italic;
}


/**********************Header****************************/
#bb-header-container-header .menu_box2   {
    display: block;
}
p:empty {
    display: none;
}

#header_bx {
    padding-top: 20px;
}
#header_bx .menu_box {
    margin-top: 25px;
}

#header_bx .menu_box  li {
    padding: 0;
    margin: 0 15px;
    line-height: 0;
}
#header_bx .menu_box  li a {
    font-size: 14px;
    line-height: 14px;
    text-transform: uppercase;
    font-family: 'Conv_Gotham-Book' !important;
    padding: 0 12px;
}
#header_bx .menu_box  li:hover a ,
#header_bx .menu_box  li.active a ,
#header_bx .menu_box  li.current_page_item  a{
    color: #262262;
}

/**************************************************/


#contact_form_box  {
    background-color: #fff;
    z-index: 1;
    padding: 80px 65px;
    box-shadow: 5px 5px 30px rgba(0,0,0,0.07);
    position: relative;
}



#footer_cont {
    padding-top: 486px;
    padding-bottom: 200px;
    margin-top: -335px;
    background: url(https://www.designingmedia.com/Articolo/wp-content/uploads/2019/08/footer.jpg) no-repeat center bottom #262262 !important;
}

#footer_cont p.copy_right_cont {
  font-size: 12px;
    line-height: 20px;
    color: #fff;
    margin-top: 20px;
}

#footer_cont h5 ,
#footer_cont  h3.vc_custom_heading {
    font-size: 24px;
    line-height: 24px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 30px;
    text-transform: capitalize !important;
    letter-spacing: normal;
}

#footer_cont ul  li ,
#footer_cont ul  li a ,
.footer_email_info a{
    color: #fff !important;
}


#footer_cont .footer_email_info  {
    margin-bottom: 0 !important;
}



#footer_cont .footer_menu_box li a ,
.footer_email_info  a{
        font-size: 14px;
        line-height: 30px;

}

.contact_info_box   p  {
   font-size: 16px;
    line-height: 30px;
    margin-bottom: 45px;
    margin-top: -20px;
}
.contact_info_box  ul  li a {
    font-size: 18px;
    line-height: 18px;
    color: #262262;
    font-family: 'Conv_Gotham-Medium';
}
.contact_info_box  ul  li {
    margin-bottom: 10px;
}
.contact_info_box  ul  li:last-child{
    margin-bottom: 0;
}
.contact_info_box  ul  li i  {
    color: #262262;
    font-size: 18px;

}
.contact_info_box  ul  li:nth-child(2) i {
    border: 1px solid #262262;
    padding: 2px 4px;
    border-radius: 100%;
}

.footer_socail_media {
    margin-top: 50px;
}
.footer_socail_media .bbfb-social-item {
    padding:0 10px

}

.footer_socail_media .bbfb-social-item:first-child{
    padding-left: 0;
}
.footer_socail_media .bbfb-social-item a {
    width: 36px;
    height: 36px;
    display: table;
    background: #eeeeee;
    color: #262262;
    text-align: center;
     border-radius: 100%;
}
.footer_socail_media .bbfb-social-item a:hover ,
.team_social_media li a:hover{
    background: #262262;
    color: #fff ;
}
.team_social_media li a:hover i {
    color: #fff;
}
.footer_socail_media .bbfb-social-item a i {
    display: table-cell;
    vertical-align: middle;
}

.form_group {
    margin-bottom: 18px;
}

.form_group .form_text_bl {
    width: 100%;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    padding: 0 20px;
    border: 1px solid #dddddd;
    border-radius: 0 ;
}

.form_group .form_text_bl.form_msg_bx {
    height: 130px;
    resize: none;
}

#contact_form_box .col-xs-12  {
    padding-left: 0 ;
}

.primary_btn [type="submit"] {
    color: #fff !important;
    line-height: 16px !important;
    text-align: center !important;
    padding: 16px 30px 16px 30px !important;
    text-decoration: none !important;
    border-radius: 30px !important;
    background-color: #262262 !important;
    position: relative;
    background-image: none !important;
    font-family: 'Conv_Gotham-Book' !important;
    border: none !important;
    font-size: 16px;
    font-weight: 400;
}
.primary_btn [type="submit"]:hover {
    background-color: #fff !important;
    color: #262262 !important;
    box-shadow: 0 0 0 2px #262262 inset !important;
}


#map_box {
    overflow: hidden !important;
}

.page-id-105  #contact_form_box {
    margin-top: -130px;
}

.histroy_box  .vc_col-sm-6 > .vc_column-inner > .wpb_wrapper .history_details {
    background-color: #fff;
    padding: 40px;
    border: 1px solid #262262;
}

.histroy_year  {
    position: relative;
}
.histroy_year:before{
    bottom: -60px;
    content: "";
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 100%;
    border: 1px solid #262262;
    position: absolute;
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;

}
.histroy_year.histroy_year18:before ,
.histroy_year.histroy_year17:before {
    top: -303px;
    bottom: auto;
}

.histroy_year:after {
    width: 1px;
    height: 20px;
    background-color: #262262;
    content: "";
    position: absolute;
    bottom: -40px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.histroy_year.histroy_year18:after ,
.histroy_year.histroy_year17:after {
    top: -283px;
    bottom: auto;
}
.team_social_media {
    margin-top: 30px;
}
.team_social_media   li {
    padding: 0 5px;}
.team_social_media   li a {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    display: table;
    background-color: #eeeeee;
    color: #262262;
}
.team_social_media   li a i {
    display: table-cell;
    vertical-align: middle;
    color: #262262;
}



div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    display: none !important;
}
.invalid  .form_group .form_text_bl {
    border-color: red;
}
span.wpcf7-not-valid-tip {
    display: none !important;
}


#banner_section .wpb_single_image ,
#banner_section .wpb_single_image .wpb_wrapper  ,
#banner_section .wpb_single_image .vc_single_image-wrapper  ,
#banner_section .wpb_single_image .vc_single_image-wrapper img{
    width: 100%;
}


.acticolo_textblock.acticolo_textblock_test {
    left: -460px;
}

.serverices_img_box {
    overflow: hidden;
}
.serverices_img_box img {
    transition: .3s ease-in-out;
}

#services_detail_box .vc_col-sm-4 > .vc_column-inner > .wpb_wrapper:hover .serverices_img_box  img{
transform: scale(1.10);

}


#footer_cont .footer_menu_box li a {
    position: relative;
}
#footer_cont .footer_menu_box li a:before,
#footer_cont .footer_menu_box li a:after{
    content: '';
    position: absolute;
    transition: transform .5s ease;
}
#footer_cont .footer_menu_box li a:before {
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 1px;
    background: #fff;
    transform: scaleX(0);
}
#footer_cont .footer_menu_box li a:hover:before {
    transform: scaleX(1);
}
.contact_info_box ul li a:hover {
    box-shadow: 0 2px 0 #262262 !important;
}

#team_box  .vc_col-sm-4  > .vc_column-inner > .wpb_wrapper:hover .serverices_img_box img {
    transform: scale(1.10);
}

.logo_bx img , .footer_logo img{
    width: 205px;
}