@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600&display=swap');
/*font-family: 'Roboto Condensed', sans-serif;*/
/*font-family: 'Poppins', sans-serif;*/

body, html{font-family: 'Roboto Condensed', sans-serif; font-size:16px; line-height:24px;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
img {  border: 0;  vertical-align: top;  max-width: 100%;  height: auto;}
html, body {  height: 100%;}
ul{display:block;list-style-type:disc; margin-block-start:0; margin-block-end:0; margin-inline-start:0px; margin-inline-end:0px; padding-inline-start:0;}
a:hover, a:active, a:focus {
    outline: none;
    -webkit-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; -moz-transition: all 0.35s; -ms-transition: all 0.35s;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family: 'Roboto Condensed', sans-serif;}

#innercontainer { padding-bottom: 293px;}
.outersection { min-height: 100%; position: relative; height: auto;}
.footer { position: absolute; width: 100%; left: 0px; bottom: 0px;}
.bx-wrapper .item img{ width:100%;}
.banner-text img{ width:auto !important;}
.display_table_cell {
    display: table-cell;
    vertical-align: middle;
    float: none;
    overflow: hidden;
    zoom: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.display_table {
    display: table;
    min-width: 100%;
    height: 100%;
    margin: auto;
    border-collapse: collapse;
}
.table_section > [class*="container"] > .row > [class*="col-"] {
    display: table-cell;
    vertical-align: middle;
    float: none;
}

.load-hidden {
    visibility: hidden;
}
.container {
    padding-left: 50px;
}
/*----header----*/



#box_wrapper, #canvas {
    overflow: hidden;
    position: relative;
}
#box_wrapper {
    counter-reset: number;
}
.page_header_side_fixed {
    width: 50px;
}
.page_header_side_fixed { background: #0957a4 !important;  position: fixed; left: 0; top: 0; height: 100vh; z-index: 1001; padding-top:14px; padding-bottom: 30px; display: flex; flex-direction: column; justify-content: space-between; align-items: center;width: 48px;}
.page_header_side_fixed .toggle_menu_side { position: static; display: flex; justify-content: center; align-items: center; flex-direction: column;   background-color: transparent !important; box-shadow: none !important;}
.toggle_menu_side { position: absolute; top: 15px; right: -65px; background-color: #fff; width: 50px; height: 50px; text-align: center; line-height: 50px;
    cursor: pointer; box-shadow: 0 0 4px 0 rgba(50, 50, 50, 0.5);}
.page_header_side_fixed .toggle_menu_side span { display: inline-block; height: 3px; width: 34px; background-color: #fff; margin: 3px 0; border-radius:15%;
    transition: all 0.3s ease-in-out;}
.page_header_side_fixed .social-icons { display: flex; flex-direction: column; align-items: center; justify-content: center;}
.social-icons a { color: #fff; display: inline-block; line-height: 1; text-align: center; vertical-align: middle; font-size:20px; margin-top:10px;}
.toggle_menu_side.inner{
    width: 50px;
    height: 43px;
    display: block;
    position: absolute;
    right: 0px;
    background: #2657a3;
    top: 0px;
    z-index: 9999;line-height: 8px; padding-top:6px!important; border-left:1px solid #3c3c3c;
}
.toggle_menu_side.inner span { display: inline-block; height: 3px; width: 34px; background-color: #fff; margin: 3px 0; border-radius:15%;
    transition: all 0.3s ease-in-out;}
.home .main-header-wrap {
    position: absolute;
    width: 100%;
}
.page_header_wrapper { height:124px;}
.header_left_logo {
    white-space: nowrap;
    padding: 0 15px;
    overflow: visible;
    position: relative;
}
a.logo {
    display: inline-block;
    white-space: nowrap;
    line-height: 1;
    position: relative;
    z-index: 2;
    padding: 5px 0;
}
.header_left_logo .logo img {
    max-width: 268px;
}
.header_right_buttons {
    white-space: nowrap;
    text-align: right;
    overflow: visible; margin-top:8px;
}
.header_right_buttons a{ color:#fff;}
.page_header {
    height: auto;
    top: 0;
    left: 0;
    right: 0;
    position: relative;
    z-index: 1000;padding-bottom: 10px;padding-top: 10px;
}
.main-header-wrap {
    position: absolute;
    width: 100%;
}

.bannercontainer {
	width:100%;
	position:relative;
	padding:0;
}
 
.banner{
	width:100%;
	position:relative;
}
.fullscreen-container {
width:100%;
position:relative;
padding:0;
}
.fullscreenbanner{ height:100vh;}
.fullscreenbanner img{ height:100vh;}

.call_now{ font-size:30px; font-weight:bold; line-height:40px; margin-right:15px;}
.call_now:hover{ text-decoration:none;}
.banner_slider{ height:100vh;}
.banner_slider img{ display:none;}

.banner_slider_new{ height:100vh; padding-top:100px;}
.banner_slider_new img{ display:none;}

.wide_button{ font-size:18px; font-weight:bold; background:#0957a4; padding:7px 20px; border:2px solid #fff; border-radius:25px; vertical-align:top; margin-top: 0px; display: inline-block;}
.wide_button:hover{ background:none; text-decoration:none;}
.banner_text{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); color:#fff; width:1012px; text-align:center;}
.banner_text h3{font-family: 'Poppins', sans-serif; font-weight:100; text-transform:uppercase; font-size:60px; display:inline-block;color:#fff;}

/*.home .banner_text .read_more{display:inline-block; font-size:18px; text-transform:uppercase; background:#0957a4; padding:12px 20px; border:2px solid #fff; border-radius:25px; vertical-align:top; margin-top: 0px; color:#fff; font-weight:400; margin-top:9px; margin-top:9px;}*/

.banner_text .read_more{display:block; font-size:18px; text-transform:uppercase; background:#0957a4; padding:12px 20px; border:2px solid #fff; border-radius:25px; vertical-align:top; margin-top: 0px; color:#fff; font-weight:400; margin-top:9px; margin: 9px auto;  width: 275px;}
.banner_text .read_more:hover{ background:none; text-decoration:none;}


.banner_text .read_more.dark_border{display:inline-block; font-size:18px; text-transform:uppercase; background:#333; padding:12px 20px; border:2px solid #0957a4; border-radius:25px; vertical-align:top; margin-top: 0px; color:#fff; font-weight:400; margin-top:9px;}
.banner_text .read_more.dark_border:hover{ background:#0957a4!important; color:#fff; text-decoration:none;}



.main_services{ min-height:60vh; padding:50px 0px; overflow:hidden;}
.main_services.small_height{ min-height:70vh;}
.main_services .left-column{}
.main_services .middle-column{ text-align:center;}

.icon-box.icon_right {
    flex-direction: row-reverse;
    text-align: right;
}
.icon-box {
    display: flex; margin-bottom:55px;
}
.icon-box.icon_left .box_icon + .box-wrap {
    margin-left: 20px;
}
.icon-box.icon_right .box_icon + .box-wrap {
    margin-right: 20px;
}

.icon-box.icon_left .box_icon + .box-wrap h3{ color:#fff; font-weight:200; font-size:40px; margin-top:0px;}
.icon-box.icon_right .box_icon + .box-wrap h3{ color:#fff; font-weight:200; font-size:40px; margin-top:0px;}

.icon-box.icon_left .box_icon,
.icon-box.icon_right .box_icon{ -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;}

.icon-box.icon_left .box_icon + .box-wrap p,
.icon-box.icon_right .box_icon + .box-wrap{ color:#b5daff; font-size:22px; font-weight:200;}

.button_pan { text-align:center; display:block;}
.button_pan .read_more{display:inline-block; font-size:24px; text-transform:uppercase; background:#0957a4; padding:12px 20px; border:2px solid #fff; border-radius:25px; vertical-align:top; margin-top: 0px; color:#fff; font-weight:400; margin-top:25px;}
.button_pan .read_more:hover{ background:none; text-decoration:none;}

.we_hear{ min-height:100vh;padding:50px 0px; overflow:hidden;}
.we_hear h3{ font-size:60px; color:#fffefe; font-weight:200; display:block; margin-bottom:45px;}
.we_hear ul{ list-style-type:none;}
.we_hear ul li{ display:block; font-size:30px; font-weight:200; line-height:1.2; padding-top:10px; color:#b5daff; padding-left:120px; position:relative; min-height:100px; margin-bottom:20px;}
.we_hear ul li img{ position:absolute; left:0px; top:0px;}
.button_pan2 { text-align:left; display:block; padding-left:10%;}
.button_pan2 .read_more{display:inline-block; font-size:24px; text-transform:uppercase; background:#0957a4; padding:12px 20px; border:2px solid #fff; border-radius:25px; vertical-align:top; margin-top: 0px; color:#fff; font-weight:400; margin-top:25px;}
.button_pan2 .read_more:hover{ background:none; text-decoration:none;}

.button_pan3 { text-align:left; display:block; padding-left:15%;}
.button_pan3 .read_more{display:inline-block; font-size:24px; text-transform:uppercase; background:#0957a4; padding:12px 20px; border:2px solid #fff; border-radius:25px; vertical-align:top; margin-top: 0px; color:#fff; font-weight:400; margin-top:25px;}
.button_pan3 .read_more:hover{ background:none; text-decoration:none;}

.success_pan{padding:70px 0px 40px; overflow:hidden;}
.success_pan h3{ font-size:60px; color:#fffefe; font-weight:200; display:block; margin-bottom:25px; padding-top:45px;} 
.success_pan .icon_box{ background:#fff; padding:25px; margin-bottom:25px; min-height:281px;}
.success_pan .icon_box p{ font-size:20px; font-weight:400; margin-bottom:0px;}
.success_pan .icon_box img{ margin-bottom:15px;}
.success_pan .icon_box.last{ min-height:inherit;}
.success_pan .icon_box.last img{ display:inline-block; vertical-align:top; margin-bottom:0px;}
.success_pan .icon_box.last p{ display:inline-block; width:calc(100% - 130px); padding-left:15px; padding-top:30px; margin-bottom:0px;}

.client_review_sec{ background:#1f2732; padding:50px 0px; text-align:center;}
.client_review_sec h3{ font-size:60px; color:#fffefe; font-weight:200; display:block; margin-bottom:45px;} 

.logo_carousel_sec{ padding:50px 0px 80px; text-align:center;}
.logo_carousel_sec h3{ font-size:60px; color:#0e0e0e; font-weight:400; display:block; margin-bottom:45px;}
.logo_carousel_sec .item{ background:#f4f4f6 !important;}
.logo_carousel_sec .item img {mix-blend-mode: multiply; /*-webkit-filter: grayscale(100%);   filter: grayscale(100%);   filter: gray;*/}
.logo_carousel_sec .item img:hover{filter: none;}
.owl-carousel .owl-nav button.owl-prev{ position:absolute; left:-25px; top:40%; background:none; outline:none;}
.owl-carousel .owl-nav button.owl-next{ position:absolute; right:-25px; top:40%; background:none; outline:none;}
.owl-carousel .owl-nav button.owl-prev:hover{background:none; outline:none; color:#0957a4;}
.owl-carousel .owl-nav button.owl-next:hover{background:none; outline:none; color:#0957a4;}
.owl-carousel .owl-nav button.owl-prev span, .owl-carousel .owl-nav button.owl-next span{ font-size:40px;}

.est-sec{padding:50px 0px 50px; overflow:hidden; position:relative; text-align:center; }
.est-sec .icon-box-new{ width:23%; display:inline-block; vertical-align:top; margin-top:50px;}
.est-sec .icon-box-new figure{ display:block; border:3px solid #3498fb; background:#fff; width:230px; height:230px; border-radius:100%; margin:0px auto 15px;}
.est-sec .icon-box-new figure img{ margin-top:35px;}
.est-sec .icon-box-new figcaption{ display:block; color:#fff; margin:0px auto; font-size:24px; font-weight:300; line-height:32px;}


.our_process_sec{ background-color:#1f2732; min-height:100vh; padding:50px 0px;counter-reset: number; overflow:hidden;}
.our_process_sec h3{ font-size:60px; color:#fff; font-weight:400; display:block; margin-bottom:45px; text-align:center;}

.steps{ display:block; width:100%; text-align:center;}
.steps .left_step{ width:35%; display:inline-block; vertical-align:top; padding-top:70px;}
.steps .left_step span {
    font-size: 134px;
    color: #0957a4;
    font-weight: bold;
    display: inline-block;
    width: 120px;
	vertical-align:top;
}
.steps .left_step h4 {
    font-size: 48px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    width: 70%;
    text-align: left;
    padding-left: 25px;
}
.steps .middle_step{ width:31%; display:inline-block; vertical-align:top;}
.steps .middle_step figure{
    width: 280px; height:280px;
    border: 15px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%; display:table; margin:0px auto; position:relative;
}
.steps .middle_step figure:after {
    content: '';
    background-image: url(../images/right_arrow.png);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 34px;
    height: 136px;
    z-index: 4;
    bottom: -100px;
    right: 20px;
}
.steps .middle_step figure span{ background:#fff; display:block;width: 250px; height:250px;border-radius: 50%; display:table-cell; vertical-align:middle;}
.steps .right_step{ width:33%; display:inline-block; vertical-align:top;}
.steps .right_step p{ font-size:30px; color:#fff; font-weight:400; line-height:40px; text-align:left; padding-right:50px; padding-top:100px;}


.steps2{ display:block; width:100%; text-align:center; padding-top:100px;}
.steps2 .right_step{ width:33%; display:inline-block; vertical-align:top; padding-top:70px;}
.steps2 .right_step span {
    font-size: 134px;
    color: #4c7700;
    font-weight: bold;
    display: inline-block;
    width: 120px;
	vertical-align:top;
}
.steps2 .right_step h4 {
    font-size: 48px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    width: 69%;
    text-align: right;
    padding-right: 25px;
}
.steps2 .middle_step{ width:33%; display:inline-block; vertical-align:top;}
.steps2 .middle_step figure{
    width: 280px; height:280px;
    border: 15px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%; display:table; margin:0px auto; position:relative;
}
.steps2 .middle_step figure:after {
    content: '';
    background-image: url(../images/left_arrow.png);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 34px;
    height: 136px;
    z-index: 4;
    bottom: -100px;
    left: 20px;
}
.steps2 .middle_step figure span{ background:#fff; display:block;width: 250px; height:250px;border-radius: 50%; display:table-cell; vertical-align:middle;}
.steps2 .left_step{ width:33%; display:inline-block; vertical-align:top;}
.steps2 .left_step p {
    font-size: 30px;
    color: #fff;
    font-weight: 400;
    line-height: 40px;
    text-align: right;
    padding-left: 50px;
    padding-top: 100px;
}




.steps3{ display:block; width:100%; text-align:center; padding-top:100px; padding-bottom:100px;}
.steps3 .left_step{ width:35%; display:inline-block; vertical-align:top; padding-top:98px;}
.steps3 .left_step span {
    font-size: 134px;
    color: #c67400;
    font-weight: bold;
    display: inline-block;
    width: 120px; vertical-align:middle;
}
.steps3 .left_step h4 {
    font-size: 48px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    width: 70%;
    text-align: left;
    padding-left: 25px;
}
.steps3 .middle_step{ width:31%; display:inline-block; vertical-align:top;}
.steps3 .middle_step figure{
    width: 280px; height:280px;
    border: 15px solid rgba(255, 255, 255, 0.1);
    border-radius: 50%; display:table; margin:0px auto; position:relative;
}
.steps3 .middle_step figure:after {
    content: '';
    background-image: url(../images/right_arrow.png);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 34px;
    height: 136px;
    z-index: 4;
    bottom: -100px;
    right: 20px;
}
.steps3 .middle_step figure span{ background:#fff; display:block;width: 250px; height:250px;border-radius: 50%; display:table-cell; vertical-align:middle;}
.steps3 .right_step{ width:33%; display:inline-block; vertical-align:top;}
.steps3 .right_step p{ font-size:30px; color:#fff; font-weight:400; line-height:40px; text-align:left; padding-right:10px; padding-top:100px;}



.lets_talk{ padding:50px 0px;}
.lets_talk h3{ font-size:36px; color:#fff; font-weight:400; display:block; margin-bottom:15px; text-align:center;}

.lets_talk h4{color: #fff;padding-top: 0px;padding-bottom: 20px;}
.lets_talk form{ margin:0px auto; display:block;}
.lets_talk form input[type="text"], .lets_talk form input[type="email"], .lets_talk form input[type="tel"], .lets_talk form input[type="number"], .lets_talk form select {
    width: 100%;
    display: block;
    margin-bottom: 7px;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    padding: 10px;
    border-radius: 4px;
    border: none; color:#959595;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.lets_talk form input[type="text"]::placeholder, .lets_talk form input[type="email"]::placeholder, .lets_talk form input[type="tel"]::placeholder, .lets_talk form input[type="number"]::placeholder, .lets_talk form select::placeholder{font-weight:300;}
.lets_talk form input[type="submit"]{display: block; font-size: 21px; text-transform:uppercase; background:#0957a4; padding:12px 20px; border:2px solid #fff; border-radius:25px; vertical-align:top; margin-top: 0px; color:#fff; font-weight:400; margin-top:25px; margin-left:auto; margin-right:auto;}
.lets_talk form input[type="submit"]:hover{ background:none; text-decoration:none;}

#wpcf7-f6421-o1 .col-sm-6 {
    padding: 0px 5px;
}
#wpcf7-f6421-o1 .col-sm-12 {
    padding: 0px 5px;
}



.footer{ padding:50px 0px 0px;}
.footer h3{ font-size:24px; color:#fff; border-bottom:1px solid #fff; padding-bottom:8px; margin-bottom:8px;}
.footer p{ color:#fff; font-weight:300;}

.social_list{ list-style-type:none;}
.social_list li{ margin-bottom:8px; margin-top:8px;}
.social_list li a{ color:#fff;}
.social_list .facebook .fa{ width:40px; height:40px; border-radius:100%; background:#005297; color:#fff; text-align:center; font-size:20px; line-height:40px;}
/*.social_list .twitter .fa{ width:40px; height:40px; border-radius:100%; background:#0383f0; color:#fff; text-align:center; font-size:20px; line-height:40px;}*/
.social_list .twitter .twitter-panel{width: 40px;height: 40px;border-radius: 100%;background: #0383f0;color: #fff;text-align: center;font-size: 20px;line-height: 46px;display: inline-block;margin-right: 5px;vertical-align: middle;}
.social_list .twitter .twitter-panel svg{fill:#FFF}
.social_list .linkedin .fa{ width:40px; height:40px; border-radius:100%; background:#003c6f; color:#fff; text-align:center; font-size:20px; line-height:40px;}
.footer .links{ list-style-type:none;}
.footer .links li{ padding:5px 0px;}
.footer .links a{ color:#fff;}
.copy_right{ background:#162134; text-align:center; padding:25px 0px; margin-top:50px;}
.copy_right p{ margin-bottom:0px;}
.footer .fourth .left{ width:52%; display:inline-block; vertical-align:top; position:relative; padding-left:15px;}
.footer .fourth .left:before{ position:absolute; left:0px; top:1px; content:'\f041'; display:block; font-family:'FontAwesome'; color:#0383f0; font-size:18px;}
.footer .fourth .left address{ color:#fff; font-weight:300; font-size:16px; line-height:28px;}
.footer .fourth .right{ width:44%; display:inline-block; vertical-align:top;}
.footer .fourth .right ul{ list-style-type:none;}
.footer .fourth .right ul li{ color:#fff;}



/* Animation */
@keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 40px, 0);
            transform: translate3d(0, 40px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes fadeInUp {
  from {
    -webkit-transform: translate3d(0, 40px, 0);
            transform: translate3d(0, 40px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
}

.animatedFadeInUp {
  opacity: 0;
}

.fadeInUp {
  opacity: 0;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
}


/*--inner page--*/
.inner .page_header{
    background-color: #0b254e;
}

.page_breadcrumbs {
    position: relative; margin-top:96px;
}
.ds.page_breadcrumbs::before {
    background: url(../images/breadcrumbs-bg.jpg) no-repeat center / cover;
}

.page_breadcrumbs::before {
    content: '';
    position: absolute;
    background: url(../images/breadcrumbs-bg.jpg) no-repeat center / cover;
    /*clip-path: polygon(0% 0%, 0% 100%, 0% 100%, 100% 50%, 100% 0%);*/
    width: 100%;
    height: 100%;
    z-index: 5;
}

.page_breadcrumbs .breadcrumbs_inner {
    padding-top: 26px;
    padding-bottom: 0px;
    position: relative;
    z-index: 5;
}
.page_breadcrumbs .breadcrumbs-title {
    display: inline;
    font-size: 54px;
    text-transform: none;
    word-wrap: break-word;
    line-height: 1;
	color:#fff;
}
.breadcrumb {
    margin: 5px 0 10px 0;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
    color: #0957a4 ;
    font-size: 12px;
    font-weight: 500;
    line-height: 40px;
    text-transform: uppercase;
}
.breadcrumb li {
    display: inline-block;
}
.breadcrumb .last-item {
    color: #fff;
}
.breadcrumb > li + li:before {
    color: #fff;
    padding: 0 34px 0 34px;
    font-family: FontAwesome;
    content: "\f111";
    font-size: 5px;
    position: relative;
    top: -2px;
}
.teaser_icon_wrap {
    width:150px;
    height:150px;
    text-align: center;
    vertical-align: bottom;
    padding: 4px;
    border: 4px solid #fff;
    border-radius: 50%; margin:0px auto;
}
.inner{background-color: #1f2732;color: #d7dcea;}
.inner_container{ padding:150px 0px 50px;}
#web-design-packages.inner_container{ padding:50px 0px 50px;}
.teaser_icon_wrap i{ font-size:80px; color:#fff; line-height:130px;}
.bg_color.color_2 {
    color: #fff;
    background-color: #4f8eef;
}
.bg_color.color_3 {
    color: #fff;
    background-color: #22a256;
}
.bg_color.color_4 {
    color: #fff;
    background-color: #ea7b3a;
}
.teaser_icon{ padding:4px;width:158px;
    height:158px; border-radius:50%; margin:0px auto;}
.threeyes h6{ text-align:center; color:#fff; font-size:28px; margin:25px 0px;}
#about h2{ text-align:center;color:#fff; font-size:40px; margin:0px 0px 35px;}
#about h1{ text-align:center;color:#fff; font-size:40px; margin:0px 0px 35px;}
.threeyes ul{ list-style-type:none; color:; text-align:center; font-weight:300;}
.threeyes ul li{ padding-bottom:10px;}
.threeyes ul li i {
    color: #4f8eef;
    font-size: 24px;
    padding-top: 0px;
    display: inline-block;
    vertical-align: top;
    padding-right: 4px;
}

.threeyes{
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

.threeyes:hover .teaser_icon {
  -webkit-animation: scaleDisappear 0.5s;
  -moz-animation: scaleDisappear 0.5s;
  -ms-animation: scaleDisappear 0.5s;
  -o-animation: scaleDisappear 0.5s;
  animation: scaleDisappear 0.5s;
}
.bottom_con_left h3{ font-size:35px; color:#fff; margin-bottom:15px;}
.bottom_con_left p{ font-size:18px; font-weight:300; line-height:1.5;}
.bottom_con_left ul{ list-style-type:none; padding-top:25px;}
.bottom_con_left ul li{ color:#fff;font-size:18px; font-weight:300; margin-bottom:10px;}
.bottom_con_left ul li i{color: #4f8eef; padding-right:4px; font-size:24px; padding-top:0px; display:inline-block; vertical-align:top;}
.bottom_con_left {
    background: #163256;
    padding: 15px 35px; margin:45px 0px 0px;
}
.inner_container .right_pan{}
.inner_container .right_pan ul{ list-style:none;}
.inner_container .right_pan ul li{ color:#fff; font-size:18px;font-weight:300; margin-bottom:10px;}
.inner_container .right_pan ul li i{color:#337ab7; font-size:20px; display:inline-block; vertical-align:top; padding-right:5px;}
.inner_container .right_pan h3{font-size:35px; color:#fff; margin-bottom:15px;}
.inner_container .left_pan figure{ text-align:center; position:relative;}
.inner_container .left_pan figure figcaption{ position:absolute; left:50%; bottom:0px; background:rgba(255,255,255,0.8); padding:25px; color:#172541; margin-bottom:-25px; font-size:24px;}



.our_speciality{
    background-image: url(../images/services-bg1.jpg);
    background-position: center center;
    background-size: cover;padding:170px 0px 80px 0px;
}
.our_speciality.no_bg_image{
    background-image:none;
    background-position: center center;
    background-size: cover;padding:170px 0px 80px 0px;
	background-color:#353535;
}
.our_speciality h3{ color:#1f2732; font-size:45px; padding-top:98px;}
/*.brand_icon_box {
    background-color: #ffffff;
    padding: 35px 40px 30px 40px;
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    border-color: #d5e2f5;
    border-radius: 0px 0px 0px 0px;
    width: 33%;
    display: inline-block;
    min-height: 200px;
    vertical-align: top;
}*/
.brand_icon_box {
    background-color: #ffffff;
    padding: 15px 10px 15px 10px;
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    border-color: #d5e2f5;
    border-radius: 0px 0px 0px 0px;
    width: 19%;
    display: inline-block;
    min-height: 150px;
    vertical-align: top;
    text-align: center; margin-bottom:3px;
}
.brand_icon_box i{ font-size:80px; color:#0957a4;}
.brand_icon_box figcaption{color: #1f2732; font-size:22px; line-height:1.5;}
.brand_icon_box:hover i{
  -webkit-animation: scaleDisappear 0.5s;
  -moz-animation: scaleDisappear 0.5s;
  -ms-animation: scaleDisappear 0.5s;
  -o-animation: scaleDisappear 0.5s;
  animation: scaleDisappear 0.5s;
}
.brand_icon_box:hover img{
  -webkit-animation: scaleDisappear 0.5s;
  -moz-animation: scaleDisappear 0.5s;
  -ms-animation: scaleDisappear 0.5s;
  -o-animation: scaleDisappear 0.5s;
  animation: scaleDisappear 0.5s;
}

.auto_box {
    width: 22%;
    margin: 0px 0.5%;
    height: 370px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    transition: all .5s ease;
    border: 1px solid #24384c;
    padding: 25px 25px 45px;
    background: #1d2229;
    margin-bottom: 25px;
}
.auto_box figure{ margin-bottom: 15px; display: block; min-height: 180px; }
.auto_box figure img{ height: 180px; }
.auto_box h4{ color: #fff; }
/*svg {
  height: 100%;
  width: 100%;
}

path {
  stroke-dasharray: 300;
  animation: draw 2s;
}

@keyframes draw {
  from {
    stroke-dashoffset: 0
  }
  to {
    stroke-dashoffset: 300;
  }
}*/


.faq_sec{ padding:50px 0px; background: #1d2228;}
.faq_sec h3{ color:#fff; font-size: 40px;}
.faq_icon_box{ display: block; width: 272px; height: 200px; margin: 15px 0px;  border: 1px solid #24384c;
    padding: 45px 25px 45px; background: #1d2229; text-align: center; cursor: pointer;}
.tabs .active .faq_icon_box{ background: #10151b; }
.faq_icon_box i{ font-size: 80px;color: #0957a4; }
.tabs .active .faq_icon_box i{color:#037ff9;}
.faq_sec .left_pan ul{ list-style-type: none; }







.faq_sec .tab_container {
    border-top: none;
    clear: both;
    float: left;
    width: 100%;
    overflow: auto; height:auto;
}

.faq_sec .tab_content {
    padding: 20px 0px;
    display: none;
}

.faq_sec .tab_drawer_heading { display: none; }
.accordian_head{background: #0957a4; padding: 5px 15px; margin-top: 5px; cursor: pointer;}
.accordian_head i{ display: inline-block; vertical-align: top;color: #fff; padding-right: 5px; font-size: 24px; padding-top: 8px; }
.accordian_head h4{ display: inline-block;vertical-align: top; color: #fff; }
.accordian_content{ padding: 20px 20px 10px; border: 1px solid #0957a4; margin-bottom: 5px;}
.accordian_content p{ font-weight: 300; }
.accordian_content ul{list-style-type: none;}
.accordian_content ul li{padding-left: 35px; position: relative;font-weight: 300; padding-bottom: 5px;}
.accordian_content ul li i{ position: absolute; left: 5px; top: 0px;color: #337ab7; }

.faq_icon_box{
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.faq_icon_box figure{position: relative; height: 100px;  width: 80px; margin: 0px auto;}
.faq_icon_box figure i{ position: absolute; left:0;}
.faq_icon_box:hover figure i {
  -webkit-animation: floating 1s;
  -moz-animation: floating 1s;
  -ms-animation: floating 1s;
  -o-animation: floating 1s;
  animation: floating 1s;
}

.sample_of_work{ cursor: pointer;  position: relative;  overflow: hidden;border: 1px solid #24384c;
    padding: 25px 25px 45px;
    background: #1d2229;}
.sample_of_work .fadedbox {
        position: absolute;
        top: 0;
        left: 0;
        color: #fff;
        -webkit-transition: all 300ms ease-out;
        -moz-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
        width: 100%;
        height: 100%;
        padding: 130px 20px; text-align:center;
      }
.sample_of_work:hover .fadedbox { background:rgba(1,1,1,0.8)}
.sample_of_work h3, .sample_of_work p{
        -webkit-transition: all 300ms ease-out;
        -moz-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
        transform: translateY(30px);
        -webkit-transform: translateY(30px);
      }
.sample_of_work a {
        -webkit-transition: all 300ms ease-out;
        -moz-transition: all 300ms ease-out;
        -o-transition: all 300ms ease-out;
        -ms-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
        transform: translateY(60px);
        -webkit-transform: translateY(60px);
		position:relative;
      }
.sample_of_work h3{
        opacity: 0;
        transition-delay: 0.2s;
        transition-duration: 0.3s;
      }
.sample_of_work p {
        opacity: 0;
        transition-delay: 0.3s;
        transition-duration: 0.4s;
      }
.sample_of_work a{
    font-size: 20px;
    text-transform: uppercase;
    background: #0957a4;
    padding: 8px 15px;
    border: 2px solid #fff;
    border-radius: 25px;
    color: #fff;
    font-weight: 400;
	opacity: 0;
	transition-delay: 0.4s;
	transition-duration: 0.5s; margin-top:5px; display:inline-block;
  }
.sample_of_work:hover h3,
.sample_of_work:focus h3,
.sample_of_work:hover p,
.sample_of_work:focus p,
.sample_of_work:focus a,
.sample_of_work:hover a {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
      }


.loop-pagination {
    margin-top: 60px;
    display: block;
    clear: both;
    overflow: hidden;
    padding-top: 38px;
}
.pagination {
    margin: 0;
    display: block;
    line-height: 0;
}
.pagination > li {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.pagination > li.active > a, .pagination > li.active > span, .pagination > li > a:hover,  .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    background-color: #2657a2;
    color: #fff;
}
.pagination > li > span {
    color: #a4a9b9;
    background-color: transparent;
    border: 1px solid rgba(164, 169, 185, 0.3);
}
.pagination > li a.prev:before, .pagination > li span.prev:before {
    font-size: 12px;
    font-family: FontAwesome;
    content: "\f104";
    position: relative;
    top: 0;
    color: #fff;
}
.pagination > li a.prev, .pagination > li span.prev {
    font-size: 0;
}
.pagination > li > a, .pagination > li > span {
    text-align: center;
    padding: 0;
    color: #1f2732;
    background-color: transparent;
    border: 1px solid #f4f4f5;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 0.2em;
    text-indent: 0.2em;
    line-height: 54px;
    margin-left: 0;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-transform: uppercase;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    -ms-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.pagination > li:first-child > span {
    border-radius: 50%;
    background-color: #2657a3;
    border: 4px solid #2657a3;
}

.pagination > li > a, .pagination > li > span {
    color: #a4a9b9;
    background-color: transparent;
    border: 1px solid rgba(164, 169, 185, 0.3);
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-radius: 50%;
    background-color: #2657a2;
    border: 4px solid #2657a2;
}
.pagination > li a.next:before, .pagination > li span.next:before {
    font-size: 12px;
    font-family: FontAwesome;
    content: "\f105";
    position: relative;
    top: 0;
    color: #fff;
}
.pagination > li a.next, .pagination > li span.next {
    font-size: 0;
}


/*--our_process--*/
.our_process {
    padding: 50px 0px 80px;
    background: #00112b;
}
.info_graphic_pan_one {
    position: relative;
    width: 27%;
    display: inline-block;vertical-align: top;
}
.info_graphic_pan_one h4{  color: #599aff; font-size:24px; }
.our_process h3{font-size: 35px;}
.info_graphic_pan_one .step_one { display: inline-block; margin-right: 60px; text-align: center; position: relative; }
.info_graphic_pan_one .step_one:after {
    position: absolute;
    left: 100%;
    top: 29%;
    width: 60px;
    display: block;
    content: '- - - - - - - -';
}
.info_graphic_pan_one .step_one.last::before {
    content: '\ebab'!important;
    font-family: 'boxicons' !important;
    display: block;
    position: absolute;
    right: -60px;
    font-size: 43px;
    top: 41px;
    color: #009688;
    z-index: 1;
}
.info_graphic_pan_one .step_one i {
    border: 1px solid #efefef;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    display: block;
    font-size: 50px;
    line-height: 100px;
    text-align: center;
    color: #5b98f7; margin-bottom: 15px;
}
.step_one_icon{position: absolute; right: 0px; top: 30%;}




.info_graphic_pan_two{
    position: relative;
    width: 39%;
    display: inline-block; vertical-align: top;
}
.info_graphic_pan_two h4{ color: #599aff; font-size:24px; }
.info_graphic_pan_two .step_one { display: inline-block; margin-right: 60px; text-align: center; position: relative; }
.info_graphic_pan_two .step_one:after {
    position: absolute;
    left: 100%;
    top: 29%;
    width: 60px;
    display: block;
    content: '- - - - - - - -';
}
.info_graphic_pan_two .step_one:before {
    content: '\ea60'!important;
    font-family: 'remixicon' !important;
    display: block;
    position: absolute;
    right: -52px;
    font-size: 43px;
    top: 41px;
    color: #009688;
    z-index: 1;
}
.info_graphic_pan_two .step_one.last::before {
    content: '\ebab'!important;
    font-family: 'boxicons' !important;
    display: block;
    position: absolute;
    right: -60px;
    font-size: 43px;
    top: 41px;
    color: #009688;
    z-index: 1;
}
.info_graphic_pan_two .step_one i {
    border: 1px solid #efefef;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    display: block;
    font-size: 50px;
    line-height: 100px;
    text-align: center;
    color:#61dee0; margin-bottom: 15px;
}




.info_graphic_pan_three{
    position: relative;
    width: 33%;
    display: inline-block; vertical-align: top; 
}
.info_graphic_pan_three h4{ padding-bottom: 30px; color: #599aff; font-size:24px; }
.info_graphic_pan_three .step_one { display: inline-block; margin-right: 30px; text-align: center; position: relative; }

.info_graphic_pan_three .step_one:before {
    content: '\eb7a'!important;
    font-family: 'remixicon' !important;
    display: block;
    position: absolute;
    right: -22px;
    font-size: 43px;
    top: 11px;
    color: #ff9800;
    z-index: 1;
}

.info_graphic_pan_three .step_one i {
    border: 1px solid #efefef;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    display: block;
    font-size: 50px;
    line-height: 100px;
    text-align: center;
    color: #4caf50; margin-bottom: 15px;
}
.info_graphic_pan_one .step_one:hover i, .info_graphic_pan_two .step_one:hover i, .info_graphic_pan_three .step_one:hover i{
  -webkit-animation: scaleDisappear 0.5s;
  -moz-animation: scaleDisappear 0.5s;
  -ms-animation: scaleDisappear 0.5s;
  -o-animation: scaleDisappear 0.5s;
  animation: scaleDisappear 0.5s;
}




.simplesmart{padding: 100px 0px;}
.industry-pie-outer{
    width: 480px;
    height: 480px;
    opacity: 1; margin: 0px auto; position: relative;
}
.industry-pie {
    position: relative;
    padding: 50%;
    border-radius: 50%;
    background: #2657a3;
    max-width: 0;
    max-height: 0;
    overflow: hidden;
}

.slice {
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 50%;
    -webkit-transform-origin: 0% 100%;
    -moz-transform-origin: 0% 100%;
    -o-transform-origin: 0% 100%;
    transform-origin: 0% 100%;
}
.slice:first-child {
    -webkit-transform: rotate(-20deg) skewY(-50deg);
    -moz-transform: rotate(-20deg) skewY(-50deg);
    -o-transform: rotate(-20deg) skewY(-50deg);
    transform: rotate(-20deg) skewY(-50deg);
}
.slice:nth-child(2) {
    -webkit-transform: rotate(40deg) skewY(-50deg);
    -moz-transform: rotate(40deg) skewY(-50deg);
    -o-transform: rotate(40deg) skewY(-50deg);
    transform: rotate(40deg) skewY(-50deg);
}
.slice:nth-child(3) {
    -webkit-transform: rotate(100deg) skewY(-50deg);
    -moz-transform: rotate(100deg) skewY(-50deg);
    -o-transform: rotate(100deg) skewY(-50deg);
    transform: rotate(100deg) skewY(-50deg);
}
.slice:nth-child(4) {
    -webkit-transform: rotate(160deg) skewY(-50deg);
    -moz-transform: rotate(160deg) skewY(-50deg);
    -o-transform: rotate(160deg) skewY(-50deg);
    transform: rotate(160deg) skewY(-50deg);
}
.slice:nth-child(5) {
    -webkit-transform: rotate(220deg) skewY(-50deg);
    -moz-transform: rotate(220deg) skewY(-50deg);
    -o-transform: rotate(220deg) skewY(-50deg);
    transform: rotate(220deg) skewY(-50deg);
}
.slice:nth-child(6) {
    -webkit-transform: rotate(280deg) skewY(-50deg);
    -moz-transform: rotate(280deg) skewY(-50deg);
    -o-transform: rotate(280deg) skewY(-50deg);
    transform: rotate(280deg) skewY(-50deg);
}




.slice .slice-contents{ cursor: pointer; }

.slice .slice-contents:hover, .slice-contents.active {
    background: #071e44;
}
.slice-contents {
    position: absolute;
    left: -100%;
    width: 200%;
    height: 200%;
    border-radius: 50%;
    text-align: center;
    overflow: hidden;
    -webkit-transform: skewY(50deg) rotate(20deg);
    -o-transform: skewY(50deg) rotate(20deg);
    -moz-transform: skewY(50deg) rotate(20deg);
    transform: skewY(50deg) rotate(20deg);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.slice-contents-inner {
    height: 96px;
}
.centre-circle {
    width: 50%;
    height: 50%;
    border-radius: 50%;
    background: #9fe0ff;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -o-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1);
}
.centre-circle-inner {
    width: 90%;
    height: 90%;
    border-radius: 50%;
    background: none;
    margin: 5% auto;
    border: 1px solid #95c3da;
    overflow: hidden;
}
.half-slice {
    width: 100%;
    height: 100%;
    background: none;
    display: block;
    position: relative;
    overflow: hidden;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.half-slice h3 {
    bottom: auto;
    top: 33%; position: absolute;  text-align: center;color: #000; font-size: 30px;
}


.prod-label-outer.for-slice1 {
    width: 265px;
    top: -49px;
    left: 295px;
    background: #5b97f7;
    padding: 0px 25px 10px;
}
.prod-label-outer.for-slice2 {
    width: 275px;
    top: 97px;
    left: 461px;
    background: #173e7b;
    padding: 0px 25px 10px;
}
.prod-label-outer.for-slice3 {
    width: 307px;
    top: 353px;
    left: 443px;
    background: #5b97f7;
    padding: 0px 25px 10px;
}
.prod-label-outer.for-slice4 {
    width: 245px;
    top: 454px;
    left: -58px;
    background: #173e7b;
    padding: 0px 25px 10px;
}

.prod-label-outer.for-slice5 {
    width: 290px;
    bottom: 114px;
    left: -267px;
    background: #5b97f7;
    padding: 0px 25px 10px;
}

.prod-label-outer.for-slice6 {
    width: 290px;
    top: 100px;
    left: -266px;
    background: #173e7b;
    padding: 0px 25px 10px;
}

.icon-arrow.inverse {
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.icon-arrow {
    width: 29px;
    height: 20px;
    background: url(../images/icon_arrow.svg) no-repeat;
    display: inline-block;
    margin-left: 6px;
}
.prod-label-outer .prod-label .icon-arrow {
    left: 30px;
}
.prod-label-outer .prod-label .icon-arrow, .prod-label-outer .prod-label-left .icon-arrow {
    position: absolute;
    top: 11px;
    opacity: 0;
    transition: none;
}
.prod-label-outer{opacity: 1;}
.prod-label-outer p{opacity: 0; font-size: 0px; margin: 0px; padding: 0px; height: 0px;}
.prod-label-outer.active p{opacity: 1;font-size: 14px; height: auto;-webkit-transition: all 30ms ease-in-out 30ms;
    -moz-transition: all 30ms ease-in-out 30ms;
    -o-transition: all 30ms ease-in-out 30ms;
    transition: all 30ms ease-in-out 30ms; margin-bottom: 10px; }
.prod-label-outer.active {
    opacity: 1;background: #071e44;
}
.prod-label-outer {
    position: absolute;
    z-index: 999;
    -webkit-transition: transform 300ms ease-in-out;
    -moz-transition: transform 300ms ease-in-out;
    -o-transition: transform 300ms ease-in-out;
    transition: transform 300ms ease-in-out;
}
.white_bg{background: #fff; padding-top: 70px!important;}
.white_bg h3{ color:#2657a3!important; }
.white_bg h4{  font-size: 24px;}
.white_bg .read_more {
    display: inline-block;
    font-size: 24px;
    text-transform: uppercase;
    background: #0957a4;
    padding: 12px 20px;
    border: 2px solid #000;
    border-radius: 25px;
    vertical-align: top;
    margin-top: 0px;
    color: #fff;
    font-weight: 400;
    margin-top: 25px;
}
.white_bg .read_more:hover {
    background: #000;
}


.reporting_tool {
    display: flex;
}
.reporting_tool .left_pan {
    display: inline-block;
    padding-left: 25px;
}
.reporting_tool .left_pan h3, .reporting_tool .right_pan h3 {
    color: #5799ff;
    font-size: 40px;
    text-align: left;
    margin-bottom: 15px;
}
.reporting_tool .left_pan p, .reporting_tool .right_pan p {
    color: #fff;
    font-size: 26px;
    text-align: left;
    font-weight: 300;
    line-height: 1.3;
}
.reporting_tool .right_pan.pic, .reporting_tool .left_pan.pic {
    width: 60%;
}
.reporting_tool .left_pan i{ border:2px solid #fff; border-radius: 100%; padding: 8px; font-size: 22px; line-height: 26px; 
    vertical-align: top; margin-top: 0px; display: inline-block; width: 47px; text-align: center; background:#5799ff;
color: #fff;}
.reporting_tool .right_pan i{ border:2px solid #fff; border-radius: 100%; padding: 8px; font-size: 22px; line-height: 26px; 
    vertical-align: top; margin-top: 0px; display: inline-block; width: 47px; text-align: center; background:#5799ff;
color: #fff;}
.reporting_tool .left_pan{ position: relative; }
.reporting_tool .right_pan{ position: relative; }
.reporting_tool.one .left_pan:after {
    content: '';
    background-image: url(../images/right_arrow.png);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 34px;
    height: 136px;
    z-index: 4;
    bottom: 0px;
    right: 20px;
}
.reporting_tool.two{ padding-bottom: 50px; }

.reporting_tool.two .right_pan:after {
    content: '';
    background-image: url(../images/left_arrow.png);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 34px;
    height: 136px;
    z-index: 4;
    bottom: -50px;
    left:-35px;
}
.reporting_tool_outer{background: #1f2732;
    padding: 50px 0px;
    text-align: center;}
.reporting_tool_outer h3{color: #fff;font-size: 50px; margin-bottom:55px; font-weight: 200;}




/*---------------*/
/***** Bubba *****/
/*---------------*/
figure.effect-bubba { padding:50px;}

figure.effect-bubba img {
  opacity:1;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s; margin: 0px auto; display: block; width: 200px;
}

figure.effect-bubba:hover img {
  opacity: 0.8;
}
figure.effect-bubba figcaption{border:1px solid #183263; padding: 0px 15px; margin-top: 15px; min-height: 180px;}
figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}

figure.effect-bubba figcaption::after {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
}

figure.effect-bubba h2 {
  padding-top:0px;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, 16px, 0);
  transform: translate3d(0, 16px, 0); text-align: center; font-size: 26px;
}

figure.effect-bubba p {
  padding: 20px 0;
  /*opacity: 0;*/
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 0px, 0); text-align: center;
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

figure.effect-bubba:hover h2{
  opacity: 1;
  -webkit-transform: translate3d(0, 10px, 0);
  transform: translate3d(0, 10px, 0);color: #037ff9;
}
figure.effect-bubba:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0px, 0);
  transform: translate3d(0, 0px, 0);
}

.hover-appear-block{ position: relative; width: 32%; display: inline-block; vertical-align: top; }
.simplesmart h3{ font-size: 36px; }
.circle_chart h3{font-size: 20px!important;}

.rank_block{border:1px solid #183263; width: 46%; padding: 25px; display: inline-block;vertical-align: top; margin-right: 1.5%; position: relative;}
.rank_block h3{ font-size: 20px; }
.rank_block img{ width: 150px; margin:0px auto; display: block; }
.half-slice h3{ font-size: 36px!important; text-align: center; width: 100%; }






.rank_block:hover::before, .rank_block:hover::after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.rank_block::before {
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
}
.rank_block::before, .rank_block::after {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}


.yext-sec ul{ list-style-type: none; text-align: center; }
.yext-sec ul li img {
    transition: all .2s ease-in-out; border-radius: 100%; margin:0px auto; display: block;
}
.yext-sec ul li img:hover {
    transform: scale(1.1);
}
.yext-sec ul li span {
    display: block;
    font-size: 14px;
    text-align: center;
    padding-top: 10px;
    color: #fff;
    line-height: 14px;
}

.yext-sec ul li {
    display: inline-block;
    width: 11%;
    min-height: 120px;
    margin-bottom: 15px;
    vertical-align: top;
}

.simplesmart.pricing .rank_block big {
    font-size: 40px;
    color: #2f98ff;
    margin-top: 30px;
    display: block;
}
.simplesmart.pricing .rank_block{ width: 43%; }
.simplesmart.pricing .plus{width: 5%;display: inline-block; min-height: 100px; padding-top: 80px;}


/*--for blog--*/
.widget_categories.special {
    background-color: #071c3e;
}

aside .widget + .widget, .before-loop-area .widget + .widget {
    margin-top: 52px;
}
.widget_categories.special {
    padding: 20px 40px 20px 40px;
}
.widget > h3, .widget-title {
    font-size: 24px;
    margin: 0 0 20px;
    text-transform: none;
    font-weight: 500;
    position: relative;
    line-height: 32px;
}
.widget_meta > ul, .widget_pages > ul, .widget_archive > ul, .widget_categories > ul {
    margin-top: -10px;
}

.widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
}


.widget_categories ul > li {
    border-top: 1px solid #304971;
}
.widget_categories ul > li:last-child{border-bottom: 1px solid #304971;}
.widget_archive a, .widget_categories a, .widget_meta a, .widget_nav_menu a, .widget_pages a {
    color: #a4a9b9;
}

.widget_archive a, .widget_categories a, .widget_meta a, .widget_nav_menu a, .widget_pages a {
    display: inline-block;
    padding: 9px 0 10px 15px;
    position: relative;
    color: #1f2732;
}
.widget_categories ul > li > a{color: #a4a9b9;}
.widget_categories ul > li > a:hover{ color: #fff; text-decoration: none; }
.widget_categories a:before{
    font-family: FontAwesome;
    content: "\f111";
    font-size: 5px;
    color: #4188f7;
    position: absolute;
    left: 0;
    top: 10px;
}
.item-content {
    padding: 20px 25px;
    background-color: #191f28;
}
h5.entry-title {
    text-transform: none;
    margin-top: 10px;
    margin-bottom: 23px;
    line-height: 1.1;
    width: 100%;font-size: 28px;
}
h5.entry-title a:hover{ color: #fff; text-decoration-line: none;  }

.entry-header h1.entry-title {
    text-transform: none;
    margin-top: 10px;
    margin-bottom: 23px;
    line-height: 1.1;
    width: 100%;font-size: 28px !important; text-align:left !important;
}
.entry-header h1.entry-title a:hover{ color: #fff; text-decoration-line: none;  }

.entry-meta.with_padding {
    padding: 25px 25px;
}
.dark {
    background-color: #191f28;
}
.border-top {
    border-top: 1px solid #4a4a4a;
}
.entry-date{
    display: inline-block;
    margin-right: 5px;
    margin-top: 0;
    line-height: 1.6;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 600;
}
.entry-meta .entry-date:before {
    content: "\f073"; font-family: 'FontAwesome';font-size: 14px; color: #4589f3;
    margin-right: 5px; font-weight: 400;
}
.entry-date a{color: #fff;}
.read_more_inner{ float: right; }
.read_more_inner a{font-size: 18px;
    font-weight: 400;
    background: #0957a4;
    padding: 7px 20px;
    border: 2px solid #fff;
    border-radius: 25px;
    vertical-align: top;
    margin-top: 0px; color: #fff; margin-left: 15px;}
.read_more_inner a:hover{ text-decoration-line: none; background: #333; }
article + article {
    margin-top: 60px;
}
article .entry-content p{color: #cccccc;}

.three_block:first-child{padding:2px 0px!important;}
.three_block.dark{ padding: 5px 25px 38px!important; border-radius: 8px;}
.three_block.dark h3 {
    color: #2a87e2;
    font-size: 28px;
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #444;
}
.page-template-paid-listing-campaigns-page .simplesmart h3 {
    font-size: 22px;
}


/*--pagination--*/
.pagination-style .page-numbers {
    border: 1px solid #0957a4;
    color: #0957a4;
    display: inline-block;
    margin: 0 2px;
    padding: 6px 15px;
    line-height: 25px;
    font-size: 18px;
}
.pagination-style .page-numbers.current, .pagination-style .page-numbers:hover{background:#0957a4; color:#fff;}
.pagination-style {
  margin-top: 8px;
  margin-bottom:8px; text-align:center; line-height:25px;
}
.pagination-style .page-numbers{ float:none; vertical-align:top;}
.link-more{ display:none!important;}
.entry-footer{ display:none;}
/*.entry-meta .read_more_inner a{ display:none;}
.entry-meta .read_more_inner a + a{ display:block;}*/
h2.screen-reader-text{ display:none;}
.navigation.pagination{ margin-top:50px;}
.page-numbers{ padding:5px 8px; border:1px solid #337ab7;}

ul.list01{ list-style-type:none;}
ul.list01 li{ position:relative; padding-left:30px; margin-bottom:8px; display:block;color: #cccccc; overflow:hidden;}
ul.list01 li:before{
	position:absolute; left:0px; top:0px; content: "\eb73"; display:block;
	font-family: 'remixicon' !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; color:#337ab7; font-size:18px;}
	
#search_main{ width:100%!important;background-image:none!important;
    background-repeat: repeat-x!important;
    background-color: #1d2228!important;
    border: 1px solid #2657a3!important;}
#search_block .item {
    padding: 2px 0!important;
    width: 210px!important;
    display: inline-block!important;
    margin-right: 5px;
}
.search_text{ width:auto!important;}
.search_input #item1 {
    width: 100%!important;
    height: 40px!important;
}
.search_input #item2 {
    width: 100%!important;
    height: 40px!important;
}
.search_input #item5 {
    width: 100%!important;
    height: 40px!important;
}
.search_input #item6 {
    width: 100%!important;
    height: 40px!important;
}
#search_block {
    padding: 4px 6px 32px 17px!important;
    width: 73%!important;
    display: inline-block!important;
}
#search_button {
    clear: none!important;
    width: 100px!important;
    font-size: 18px!important;
    font-weight: bold!important;
    background: #0957a4!important;
    padding: 7px 20px!important;
    border: 2px solid #fff!important;
    border-radius: 25px!important;
    margin: 12px 0 3px 0px!important;
    padding: 3px 0;
    display: inline-block!important;
    vertical-align: bottom!important;
	margin-bottom: 33px!important;
}
#search_button a{ color:#fff!important;font-family: 'Roboto Condensed', sans-serif!important; text-decoration:none !important;}
#search_title {
    font-weight: 500!important;
    padding: 17px 0 3px 20px!important;
    font-size: 24px;
    color: #fff;
}
.search_text {
    width: auto!important;
    font-size: 18px!important;
    color: #fff!important;
    padding-bottom: 10px!important;
    display: block!important;
    float: none!important;
}

ul.sitemap, ul.sitemap ul, ul.sitemap ul ul, .sitemap li, .sitemap ul li , .sitemap ul ul li{
  padding: 0;
}
.sitemap > li > ul {
  margin-top: 1.5rem;
}

ul.sitemap {
  list-style: none;
}
ul.sitemap li {
  line-height: 1.8rem;
  vertical-align: top;
  position: relative;
}
ul.sitemap li a {
  text-decoration: none;
  color:#fff;
  display: inline-block;
}
ul.sitemap li a:hover{ color:#06C;}
ul.sitemap ul {
  margin-left: 1.5rem;
  margin-bottom: 1.5rem; list-style-type:none;
}
ul.sitemap ul li {
  position: relative;
}
ul.sitemap ul li::before {
  content: "";
  display: inline-block;
  width: 3rem;
  height: 100%;
  border-left: 1px #ccc solid;
  position: absolute;
  top: -0.75rem;
}
ul.sitemap ul li::before {
  content: "";
  display: inline-block;
  width: 3rem;
  height: 1.5rem;
  border-bottom: 1px #ccc solid;
  position: absolute;
  top: -0.75rem;
}
ul.sitemap ul li a {
  margin-left: 3.75rem;
}
.thank .fa {
    font-size: 50px;
    border: 2px solid #69F;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    color: #fff;
    line-height: 70px;
}
.bootstrap-wrapper.for-form {
    width: 394px;
    margin: 0px auto;
}
.mobile_nav_trigger{ display:none;}

.termly-consent-banner-termly-banner-774e7d {
    width: calc(100% - 48px) !important;
    min-height: 54px !important;
    margin: 0px 0px 0px 48px !important;
    padding: 5px 5px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    border-radius: 0px !important;
    border-width: 0 !important;
    box-shadow: 0 0 35px 0 rgba(0,0,0,.2) !important;
    left: 0 !important;
}
.simple-banner .simple-banner-text a {
    color: #ffffff;
    font-weight: 300;
    font-size: 14px;
}
.simple-banner .simple-banner-text {
    font-weight: 700;
    padding: 2px !important;
}
.termly-style-consent-banner-bd066f{ width:100px !important;}
.simple_heading{font-size: 23px; text-align:center;}
.auto_box.simple{min-height:380px;text-align: center;width: 23.9%;}

ul.list{ list-style-type:none;}
ul.list li{padding-left: 35px;
    position: relative;
    font-weight: 300;
    padding-bottom: 5px;}
ul.list li i {
    position: absolute;
    left: 5px;
    top: 0px;
    color: #337ab7;
}
.pdflist{ list-style-type:none;}
.pdflist li {
    display: block;
    vertical-align: top;
    padding: 15px 15px 15px 50px;
    border: 1px solid #2657a4;
    margin-bottom: 10px;
    position: relative;
    font-size: 18px;
}
ul.pdflist li i {
    position: absolute;
    left: 10px;
    top: 12px;
    color: #fff;
    font-size: 30px;
}
.pdflist li a{ display:block;}
.pdflist li a:hover, .pdflist li a:focus{ color:#fff; text-decoration:none;}
.p25 {
    padding: 18px;
    background: #212e42;
    clear: both;
    overflow: hidden;
    margin-top: 25px;
    min-height: 282px;
    border-bottom: 4px solid #2657a4;
}
.clearfix{ display:block; clear:both; width:100%;}
.page-id-5746 .wide_button{ display:none !important;}


.flexable_plan_box {
    background: #1f2732;
    display: inline-block;
    vertical-align: top;
    width: 23%;
    height: 221px;
    margin: 15px 0px;
    border: 1px solid #41668a;
    padding: 25px 25px 45px;
    text-align: center;
    margin-right: 0.5%;
}
.flexable_plan_box.small{ width:19%;}
.flexable_plan_box.small figcaption {
    padding-bottom: 8px;
    color: #fff;
    font-size: 18px;
}
.flexable_plan_box figure {
    position: relative;
    height: 100px;
    width: 80px;
    margin: 0px auto;
}
section.flexable_plan {
    background: #2b3542;
    padding: 40px;
}
.flexable_plan_box figcaption {
    padding-bottom: 8px;
    color: #fff;
}
.flexable_plan h3 {
    color: #fff;
    font-size: 50px;
    font-weight: 300;
    text-align: center;
}
.flexable_plan_box h4 {
    padding-bottom: 8px;
    color: #4e8cef;
    font-size: 21px;
}
.flexable_plan .button_pan2 {
    text-align:center;
    display: block;
    padding-left:0;
}


.flexable_plan_box figure img{
  -webkit-transition: all 0.2s ease-in-out 0s;
  -moz-transition: all 0.2s ease-in-out 0s;
  -o-transition: all 0.2s ease-in-out 0s;
  -ms-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}
.flexable_plan_box figure{position: relative;}
.flexable_plan_box:hover figure img {
  -webkit-animation: floating 1s;
  -moz-animation: floating 1s;
  -ms-animation: floating 1s;
  -o-animation: floating 1s;
  animation: floating 1s;
}


.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: 1px solid #0957a4!important;
    padding: 6px 12px!important;
    margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #0957a4!important;
    background: #0957a4!important;
	color:#fff !important;
}

.firstfield_block input[type="text"] {
    width: calc(100% - 650px);
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
    height: 45px;
    background: #1d2229;
    border: 1px solid #2657a4;
    color: #fff;
}
.firstfield_block input[type="submit"]{ width:100px; display:inline-block; vertical-align:top;
    font-size: 18px;
    font-weight: bold;
    background: #0957a4;
    padding: 7px 20px;
    border: 2px solid #fff;
    border-radius: 25px; text-align:center;
    margin-top: 0px; margin-right:10px;
}
.firstfield_block .advance_search_button{ width:340px; display:inline-block; vertical-align:top;}
.firstfield_block .advance_search_button a{font-size: 18px;
    font-weight: bold;
    background: #0957a4;
    padding: 7px 13px;
    border: 2px solid #fff;
    border-radius: 25px; text-align:center;
    margin-top: 0px; margin-right:10px; color:#fff; display:block;
}
.firstfield_block .advance_search_button a:hover{ text-decoration:none;}
::placeholder {
  font-size: 18px;
}
.firstfield_block {
    margin-bottom: 15px;
}
.advance_search_block {
    background: #1d2229;
    padding: 15px;
    border: 1px solid #1e4985;
    margin-bottom: 15px;
}
.advance_search_block h3{ margin-top:0px !important;color: #5d97f1;}
.advance_search_block{ display:none;}
.advance_search_block .checkbox-inline{ margin-bottom:15px;}

.checkbox-inline, .checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline {
    margin-top: 0;
	margin-left:auto !important;
    margin-right: 10px;
}

.advance_search_block input[type="submit"] {
    width: 100px;
    display: inline-block;
    vertical-align: top;
    font-size: 18px;
    font-weight: bold;
    background: #0957a4;
    padding: 7px 20px;
    border: 2px solid #fff;
    border-radius: 25px;
    text-align: center;
    margin-top:-8px;
    margin-right: 10px;
}

.we_specialize{ background: #1f2732;
padding: 50px 0px;
text-align: center;}
.we_specialize h3 {
    font-size: 60px;
    color: #fffefe;
    font-weight: 200;
    display: block;
    margin-bottom: 0px;
}
h3.specialize {
    font-size: 60px;
    color: #fffefe;
    font-weight: 200;
    display: block;
    margin-bottom: 40px;
    text-align: center;
}


.scroll_arrow strong {
    display: block;
    position: relative;
    width: auto;
    margin: 0 auto 10px;
    cursor: pointer;
    font-size: 18px;
    line-height: 14px;
    color: #fff;
    letter-spacing: 1px;
    -webkit-animation: arr 4s infinite;
    animation: arr 4s infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    font-weight: 400; text-transform:uppercase;
}
.scroll_arrow div {
    display: inline-block;
    position: relative;
    width: auto;
    height: auto;
    margin: 0 auto;
    cursor: pointer;
}
.page-template-website-designers-page .scroll_arrow {
    display: block;
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100%;
    height: auto;
    z-index: 990;
    margin: 0;
    text-align: center;
}
.scroll_arrow {
    display: block;
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 100%;
    height: auto;
    z-index: 990;
    margin: 0;
    text-align: center;
}
.scroll_arrow img {
    display: block;
    position: relative;
    width: auto;
    height: 20px;
    margin: 0 auto 30px;
    cursor: pointer;
    -webkit-animation: arr 4s infinite;
    animation: arr 4s infinite;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
}
@-webkit-keyframes arr {
  from{-webkit-transform: translateY(0);}
  50%{-webkit-transform: translateY(10px);}
  to{-webkit-transform: translateY(0);}
}
@keyframes arr {
  from{transform: translateY(0);}
  50%{transform: translateY(10px);}
  to{transform: translateY(0);}
}
.simple-banner{ display:none !important;}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: #ffb900;
	color:#ffb900;
    overflow: hidden;
    /* display: block; */
    width: 418px;
    margin: 0px auto;
    clear: both;
}
.wpcf7-not-valid-tip {
    color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    display: block;
    text-align: center;
}
.wpcf7 form.sent .wpcf7-response-output {
    border-color: #46b450; color:#46b450;
    overflow: hidden;
    clear: both;
    width: 320px;
    margin: 0px auto;
    font-size: 98%;
}

/*.govt_logo { list-style-type:none; padding-top:10px;}*/
.govt_logo {
    list-style-type: none;
    padding-top: 10px;
    text-align: center;
    margin-bottom: 7px;
}
/*.govt_logo li.logo1{ width:35%; display:inline-block; vertical-align:top;}
.govt_logo li.logo1 a { display: block; text-align: center; padding: 15px; padding-bottom:0px;}
.govt_logo li.logo1 a img{ width:100%}
.govt_logo li.logo2{ width:64%; display:inline-block; vertical-align:top;}
.govt_logo li.logo2 a{ margin-bottom:15px;display:block; text-align:center; padding:15px; padding-bottom:0px;}
.govt_logo li.logo2 a:nth-child(1){ padding-top:15px;}
.govt_logo li.logo2 a:nth-child(2){ padding-top:20px;}
.govt_logo li.logo2 a img{ width:100%}*/
.rounded-image{ border-radius:100%;}
.govt_logo li.logo1{ width:100%; display:block;}
.govt_logo li.logo2{ width:100%; display:block;}
.govt_logo li.logo1 .customer_logo_pan {
    display: inline-block;
    vertical-align: top;
    width: 125px;
    margin-bottom: 15px;
}
/*.govt_logo li.logo2 .customer_logo_pan {
    display: inline-block;
    vertical-align: top;
    width: 46%;
    margin-bottom: 7px;
}*/
.govt_logo li.logo2 .customer_logo_pan {
    display: inline-block;
    vertical-align: top;
    width: 47.5%;
    margin: 7px;
    margin-bottom: 15px;
}
.mb-2{ margin-bottom:30px;}
.three-grid-panel .p25{ min-height:100%!important; padding-bottom:0px;}

.customer_logo_pan a img{ border-radius: 5px; }

.page-template-mobile-app-page.inner .page_header{ background-color: transparent; }
.page-template-web-design-packages-page-new.inner .page_header{ background-color: transparent; }
/*.page-template-mobile-app-page .banner_slider .banner_text h3{
    font-size: 48px;
}
.page-template-web-design-packages-page-new .banner_slider .banner_text h3{
    font-size: 48px;
}
.page-template-mobile-app-page .banner_slider .banner_text h3 strong{
    font-weight: 400;
}
.page-template-web-design-packages-page-new .banner_slider .banner_text h3 strong{
    font-weight: 400;
}*/
.page-template-mobile-app-page .banner_slider .banner_text h3 .read_more{
    margin-top: 50px;
}
/*.page-template-web-design-packages-page-new .banner_slider .banner_text h3 .read_more{
    margin-top: 50px;
}*/
.page-template-mobile-app-page .banner_slider .mobile-button{
    position: absolute;
    bottom: 50px;
    left: 10%;
}
.page-template-web-design-packages-page-new .banner_slider .mobile-button{
    position: absolute;
    bottom: 50px;
    left: 10%;
}
.page-template-mobile-app-page .banner_slider img{ display: inline-block; }
.page-template-mobile-app-page .banner_slider .mobile-button ul{ list-style: none; padding: 0; }
.page-template-mobile-app-page .banner_slider .mobile-button ul li{ display: inline-block; }

.page-template-web-design-packages-page-new .banner_slider img{ display: inline-block; }
.page-template-web-design-packages-page-new .banner_slider .mobile-button ul{ list-style: none; padding: 0; }
.page-template-web-design-packages-page-new .banner_slider .mobile-button ul li{ display: inline-block; }
.app-back{
    background: url('../images/appmobile-back.jpg');
    background-size: cover;
}
.app-back h3{ font-size: 50px; color: #fffefe; font-weight: 300; margin-bottom: 25px}
.app-back p{ font-size: 25px; color: #ffffff; font-weight: 300; line-height: 30px;}
.app-back .button_pan2{ padding-left: 0; }
.app-back .three-dot{ margin-top: 30px; }
.app-back .three-dot ul{ padding: 0;  list-style: none;}
.app-back .three-dot ul li{ width: 10px; margin: 0 2px; height: 10px; border-radius: 50%; background-color: #FFF; display: inline-block; }
.app-back .three-dot ul li:last-child, .app-back .three-dot ul li:nth-last-child(2){ background-color: #b7dbff; }
section.flexable_plan.webuild-section{ background: url('../images/we-build-back.jpg'); background-size: cover; }
.webuild-section .build-box{
        margin: 15px 0px;
    background: #000000;
    display: inline-block;
    vertical-align: top;
    width: 32.53%;
    padding: 25px 20px;
    text-align: left;
    border-radius: 20px;
    margin-right: 0.5%;
    border: 0;
    min-height: 285px;
    position: relative;
}
.webuild-section .build-box figcaption{ font-size: 30px; font-weight: 300; color: #b5daff; margin-bottom: 23px;}
.webuild-section .build-box ul.double-tick-list li{
    background: url('../images/double-tick.png');
    background-repeat: no-repeat;
    background-position: 0 5px;
}
.webuild-section .build-box .logo-panel{
    position: absolute;
    bottom: 20px;
}
.webuild-section .build-box .logo-panel ul{ list-style: none; padding: 0; }
.webuild-section .build-box .logo-panel ul li{display: inline-block;
    padding: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 60px;
    background-color: #FFF;
    border-radius: 5px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    /* width: 20%; */
    float: left;
    margin-right: 5px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;}
.webuild-section .build-box .logo-panel ul li img{ width: 100%; }
.techstacks-section { background-color: #1d2731; }
.techstacks-section .flexable_plan_box{ width: 32.53%;  border: 0; background-color: transparent;}
.double-tick-list li{
    text-align: left;
    background: url(../images/double-tick.png);
    background-repeat: no-repeat;
    background-position: 0 5px;
    padding-bottom: 25px;
    height: auto;
}
.page-template-mobile-app-page .banner_slider img.banner-img{ opacity: 0; }
.page-template-web-design-packages-page-new .banner_slider img.banner-img{ opacity: 0; }
.page-template-mobile-app-page .techstacks-section .tech-panel {width: 100%;height: auto; padding-bottom: 25px;}
.page-template-mobile-app-page .techstacks-section .tech-panel .list{ display: -webkit-box;display: -ms-flexbox;display: flex;width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;}
.page-template-mobile-app-page .techstacks-section .tech-panel .list li{float: left;
    padding-left: 0;
    font-size: 20px;
    width: 25%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
.page-template-mobile-app-page .techstacks-section .tech-panel .list li .icon-panel{ float: none; margin-bottom: 15px;width: 100%;}
.page-template-mobile-app-page .app-back .left_pan .mobile-mode{ display: none; }


.est-sec.different_space{ margin-top:97px;}
.est-sec.different_space h3{font-size: 28px; padding-top:5px;}
.est-sec.different_space .read_more {
    display: block;
    vertical-align: top;
    text-transform: uppercase;
    background: rgb(9, 87, 164);
    padding: 8px 14px;
    border: 2px solid rgb(255, 255, 255);
    border-radius: 25px;
    vertical-align: top;
    color: rgb(255, 255, 255);
    font-weight: 400;
    margin: 0px auto;
    width: 366px;
    margin-top: 20px;
}
.est-sec.different_space .read_more:hover{ background:none; text-decoration:none;}

.first_h1{font-size: 60px;
    color: #fffefe;
    font-weight: 200;}
.text-white{color:#FFF;}
time.updated{display:none;}
.byline{text-transform: uppercase;font-size: 12px;letter-spacing: 0.2em;}
.byline .author.vcard{letter-spacing: 0.2em;font-weight: 600;margin-left:5px;font-size: 12px;}
.page-id-6801 .entry-header .entry-title{display:none;}



.our_speciality_new{
    background-image: url(../images/services-bg1.jpg);
    background-position: center center;
    background-size: cover;padding:170px 0px 80px 0px;
	color:#000;
}
.our_speciality_new_less{
    background-image: url(../images/services-bg1.jpg);
    background-position: center center;
    background-size: cover;padding:40px 0px 80px 0px;
	color:#000;
}
.our_speciality_new h3 {
    color: #0b254e;
    font-size: 33px;
    margin: 6px 0px 15px;
}
.our_speciality_new_less h3 {
    color: #0b254e;
    font-size: 33px;
    margin: 6px 0px 15px;
}
.boxed_content {
    padding:15px 15px;
    background: #fff;
    border: 2px solid #d5e2f5;
	margin-bottom:25px;
}
.boxed_content .card-header {
    background: #0957a4;
    border-bottom: 2px solid #0b254e;
    padding: 10px;
}
.boxed_content .card-header h3 {
    color: #fff;
    font-size: 25px;
    margin: 0px;
}
.boxed_content .card-body {
    background: #f5f5f5;
    padding: 15px;
	overflow:hidden;
}
.boxed_content.no_padding{ padding:0px;}
.boxed_content .card-body ul.list.two_col{ max-width:538px; width:100%; margin-bottom:11px;}
.boxed_content .card-body ul.list.two_col li{ width:265px; display:inline-block; vertical-align:top;}
.boxed_content .card-body ul.list li {
    padding-left: 35px;
    position: relative;
    font-weight: 500;
    padding-bottom: 5px;
}
.boxed_content .card-body ul.list ul{ list-style-type:none!important;}
.boxed_content .card-body ul.list ul li {
    padding-left: 25px;
    position: relative;
    font-weight: 500;
    padding-bottom: 5px;
    margin-left: 30px;
}
.boxed_content .card-body h4{font-size: 20px;}
.tech_list{ list-style-type:none;}
.tech_list li .brand_icon_box{ width:100%;}
.tech_list li {
    display: inline-block;
    vertical-align: top;
    width: 32.9%;
}
.tech_list li .brand_icon_box figure img {
    height: 100%;
}
.tech_list li .brand_icon_box figure {
    height: 100px;
}
.tech_list li .brand_icon_box figcaption {
    color: #1f2732;
    font-size: 19px;
    padding-top: 10px;
}



.tech_list_two{ list-style-type:none;}
.tech_list_two li .brand_icon_box{ width:100%;}
.tech_list_two li {
    display: inline-block;
    vertical-align: top;
    width: 32.9%;
}
.tech_list_two li .brand_icon_box figure img {
    height: 100%;
}
.tech_list_two li .brand_icon_box figure {
    height: 100px;
}
.tech_list_two li .brand_icon_box figcaption {
    color: #1f2732;
    font-size: 19px;
    padding-top: 10px;
}

.our_speciality_new .button_pan .read_more:hover {
    background: #1f2732;
    text-decoration: none;
}
.button_pan{ clear:both;}
.boxed_content p em{ font-size:20px;}
.box_subheading{color: #0b254e;font-size: 25px;}
.intro_card{height: 100%;min-height: 190px;background: #f5f5f5;}
.intro_card .card{background: #f5f5f5;}
.page-template-web-design-packages-page-new .our_speciality_new{padding: 80px 0px 80px 0px;}
.tech_list_icon{display: table; width: 100%; list-style: none;}
.tech_list_icon li{background-color: #f5f5f5;float: left;padding: 10px;width: 31.73%;margin-right: 8px;border-radius: 7px;margin-bottom: 8px;text-align: center;min-height: 130px;padding-top: 20px;}
.tech_list_icon li img{width: 70px;margin: 0;}
/* .tech_list_icon li:nth-child(5n+5){margin-right: 0;} */
.tech_list_icon li:hover img{-webkit-animation: scaleDisappear 0.5s;-moz-animation: scaleDisappear 0.5s;-ms-animation: scaleDisappear 0.5s;
-o-animation: scaleDisappear 0.5s;animation: scaleDisappear 0.5s;}
.tech_list_icon li span{color: #1f2732;font-size: 16px;padding-top: 10px;display: inline-block;width: 100%;}

/*--for new bluelodge page--*/
.content_bluelodge {
  position: relative;
  width:100%;
  max-width: 300px;
  margin: auto;
  overflow: hidden;
}

.content_bluelodge .content-overlay {
  background: rgba(11,37,78,0.64);
  position: absolute;
  height:100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content_bluelodge:hover .content-overlay{
  opacity: 1;
}

.content-image{
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content_bluelodge:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.content-details p{
  color: #fff;
  font-size: 0.8em;
}

.fadeIn-bottom{
  top: 80%;
}

.fadeIn-top{
  top: 20%;
}

.fadeIn-left{
  left: 20%;
}

.fadeIn-right{
  left: 80%;
}
.bluelodge_slider {
    max-width: 1200px;
    width: 90%;
    margin: 0px auto;
	margin-top: 6%;
	/*position:absolute;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);*/
}
.owl-item figure{
	background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px #0003;
	overflow:hidden; 
	border:1px solid #333;}
.bluelodge_slider h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    text-transform: uppercase;
    font-size: 38px;
    display: block;
    color: #fff;
	text-align:center;
	margin-bottom:20px;
}
.preview{
    font-size: 18px;
    font-weight: bold;
    background: #0957a4;
    padding: 7px 20px;
    border: 2px solid #fff;
    border-radius: 25px;
    vertical-align: top;
    margin-top: 0px;
    display: inline-block;
	color:#fff;
}
.boxed_content .card-body ul.list ul li li {
    margin-left: 0px;
}
.spon_by_section{ display:block!important; padding-top:30px;}
.spon_by_section img{ display:block!important;}

.spon_by_section h3 {
    font-size: 27px;
}
.spon_by_section figure {
    background: #fff;
    padding: 11px;
    text-align: center;
    display: block;
    max-width: 500px;
    margin: 0px auto;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 4px #0003;
	overflow:hidden; 
	border:1px solid #333;
}
.owl-carousel .owl-nav.disabled{ display:block!important;}
.boxed_content .card-body ul.list li img {
    margin-top: 3px;
}
.page-template-blue-lodge-program .boxed_content .card-body ul.list li {
    padding-left: 10px;
    position: relative;
    font-weight: 500;
    padding-bottom: 5px;
}
.page-template-blue-lodge-program .boxed_content .card-body ul.list ul li{ padding-left:30px;}
.banner_slider.medeium_height{ height:60vh; margin-top: 98px;}
.our_speciality_new.less_padding{ padding-top:40px;}
.simplesmart.less_padding{ padding-top:40px;}

/*label#label-3, label#label-16, label#label-18, label#label-19, label#label-21, label#label-22, label#label-23, label#label-24, label#label-25, label#label-26, label#label-27, label#label-28, label#label-29, label#label-30, label#label-31, label#label-32{ display:none;}*/

.flex { display: flex; flex-wrap:wrap;}
#label-1{ order: 1;margin-left: 0px!important;}
#label-2{order: 2;margin-left: 0px!important;}
#label-3{order: 17;margin-left: 0px!important;}
#label-4{order: 4;margin-left: 0px!important;}
#label-5{order: 5;margin-left: 0px!important;}
#label-6{order: 6;margin-left: 0px!important;}
#label-7{order: 7;margin-left: 0px!important;}
#label-8{order: 8;margin-left: 0px!important;}
#label-9{order: 9;margin-left: 0px!important;}
#label-10{order: 10;margin-left: 0px!important;}
#label-11{order: 11;margin-left: 0px!important;}
#label-12{order: 12;margin-left: 0px!important;}
#label-13{order: 13;margin-left: 0px!important;}
#label-14{order: 14;margin-left: 0px!important;}
#label-15{order: 3;margin-left: 0px!important;}
#label-16{order: 16;margin-left: 0px!important;}
#label-18{order: 15;margin-left: 0px!important; width:100%; clear:both;}
.col-sm-12.project_search {
    padding: 0px;
}



.flex input[type="submit"]{order:18;margin-left: 0px!important;}
.accessibility-card{width: 70%;display: table;margin: 0 auto;padding-top: 50px;overflow: hidden;vertical-align: middle;}
.accessibility-card .card{background-color: #FFF;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;    padding: 15px;
    border-radius: 15px;}
.accessibility-card .card .card-image-panel{width: 15%;margin-right: 20px;display: inline-block;}
.accessibility-card .card .card-body{width: 60%;display: table-cell;}
.accessibility-card .card .card-body h5{font-size:21px;font-weight:600;}
.accessibility-card .card .card-body h5 span{font-weight: 300;font-size: 17px;text-transform: uppercase;}
.accessibility-card .col-sm-4{margin-bottom:30px;}
.accesswidget h3{font-size: 33px;margin: 6px 0px 25px;}
.accessibility-statement-section .card{width: 60%;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.accessibility-statement-section .card .card-image{width:20%;display:inline-block;margin-right:15px;}
.accessibility-statement-section .card .card-image img{width:150px;}
.accessibility-statement-section .card .card-body{width:80%;}
.accessibility-statement-section .card .card-body h5{font-size: 23px;margin-bottom: 25px;}
.accessibility-statement-section .card .card-body a.link{font-size:18px;}
.accessibility-interface-section{margin-top:80px;}
.accessibility-interface-section p{font-size: 25px;color: #ffffff;font-weight: 300;line-height: 30px;}
.interface-capabilities h3{margin-bottom: 35px;}
.interface-capabilities .card{padding: 15px;background-color: #FFF;min-height: 235px;}
.interface-capabilities .card .card-image-section{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 25px;}
.interface-capabilities .card .card-image-section span{width: 65px;height: 65px;border-radius: 50%;background-color:#0957a4;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-right: 15px;}
.interface-capabilities .card .card-image-section span img{width: 50px;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.interface-capabilities .card .card-image-section h4{font-weight: 500;font-size: 22px;color: #0957a4;text-transform: capitalize;}
.interface-capabilities .col-sm-4{margin-bottom:30px;}
.chat-sections img{display:table;margin:0 auto;}
.chat-sections .list li{font-size:18px;border-bottom:1px solid #CCC; padding:15px 0;}
.chat-sections .list li:last-child{border-bottom:0;}
.page-id-7133 .banner_text h3{color: #0b254e;margin-left: -640px;}
.affected-sector{margin-top:45px;}
.affected-sector .card .card-image-section span img{filter:none;}
.affected-sector .col-sm-6{margin-bottom:30px;}
.affected-sector p{font-size:20px;}
.affected-sector .card .chat-lavels{list-style:none;padding:0;}
.affected-sector .card h5{font-size:35px; margin-bottom:35px;}
.affected-sector .card .chat-lavels li span{width: 10px;height: 10px;border-radius: 50%;margin-right: 15px;display: inline-block;}
.affected-sector .card .chat-lavels li{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: 26px;padding: 15px 0;}
.affected-sector .card .chat-lavels li:nth-child(1) span{background-color:#2bc9c8;}
.affected-sector .card .chat-lavels li:nth-child(2) span{background-color:#ee526a;}
.affected-sector .card .chat-lavels li:nth-child(3) span{background-color:#a7acfd;}
.affected-sector .card .chat-lavels li:nth-child(4) span{background-color:#1b83f2;}
.affected-sector .card .chat-lavels li:nth-child(5) span{background-color:#fcd093;}
.affected-sector .card .chat-lavels li:nth-child(6) span{background-color:#4817ef;}
.affected-sector .card .paichat{width: 70%;}
.affected-sector .row .col-sm-6:last-child .card{background-color:transparent;border:0;}
.page-id-7133 .banner_text .read_more:hover{background: #0b254e}
.social-icons .twitter svg{fill:#FFF;}
.bottom_con_left .bottom_con_left_list{padding-top:15px; padding-bottom:15px;}

/*--for web development page--*/
/*----------------------------*/
.page-template-web-development-page.inner .page_header,
.page-template-web-develop-page.inner .page_header,
.page-template-web-design-services-page.inner .page_header,
.page-template-web-design-company-page.inner .page_header,
.page-template-new-home-page .page_header{
    background-color: inherit;
}
.page-template-web-development-page.inner .banner_slider,
.page-template-web-develop-page.inner .banner_slider,
.page-template-web-design-services-page.inner .banner_slider,
.page-template-web-design-company-page.inner .banner_slider{
    height:550px;
}
.page-template-web-development-page.inner .banner_text h3,
.page-template-web-develop-page.inner .banner_text h3,
.page-template-web-design-services-page.inner .banner_text h3,
.page-template-web-design-company-page.inner .banner_text h3{
    font-size: 40px;
    font-weight: 300;
}
.page-template-web-development-page.inner .client_review_sec h3,
.page-template-web-develop-page.inner .client_review_sec h3,
.page-template-web-design-services-page.inner .client_review_sec h3,
.page-template-web-design-company-page.inner .client_review_sec h3,
.page-template-new-home-page .client_review_sec h3 {
    font-size: 45px;
    color: #1f2732;
    font-weight: 200;
    display: block;
    margin-bottom: 20px;
}
.page-template-web-development-page.inner .client_review_sec,
.page-template-web-develop-page.inner .client_review_sec,
.page-template-web-design-services-page.inner .client_review_sec,
.page-template-web-design-company-page.inner .client_review_sec,
.page-template-new-home-page .client_review_sec {
    background: #ffffff;
    padding: 30px 0px 0px;
    text-align: center;
}
.page-template-web-development-page.inner .scroll_arrow,
.page-template-web-develop-page.inner .scroll_arrow,
.page-template-web-design-services-page.inner .scroll_arrow,
.page-template-web-design-company-page.inner .scroll_arrow{
    display: none;
}

.page-template-web-development-page.inner .banner_text,
.page-template-web-develop-page.inner .banner_text,
.page-template-web-design-services-page.inner .banner_text,
.page-template-web-design-company-page.inner .banner_text   {
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    color: #fff;
    width: 1012px;
    text-align: center;
}

.page-template-web-development-page.inner h3.specialize,
.page-template-web-develop-page.inner h3.specialize,
.page-template-web-design-services-page.inner h3.specialize,
.page-template-web-design-company-page.inner h3.specialize,
.page-template-new-home-page h3.specialize   {
    font-size: 45px;
    color: #0957a4;
    font-weight: 200;
    display: block;
    margin-bottom: 40px;
    text-align: center;
}
.page-template-web-development-page.inner .icon-box,
.page-template-web-develop-page.inner .icon-box,
.page-template-web-design-services-page.inner .icon-box,
.page-template-web-design-company-page.inner .icon-box,
.page-template-new-home-page .icon-box {
    background: #2b3546;
    border-radius: 5px;
    height: 100%;
    padding: 15px;
    display: block!important;
    margin-bottom: 0px;
    height: 100%!important;
    padding: 10px;
    min-height: 300px;
    text-align: center;
}

.page-template-web-development-page.inner .icon-box .box_icon img,
.page-template-web-develop-page.inner .icon-box .box_icon img,
.page-template-web-design-services-page.inner .icon-box .box_icon img,
.page-template-web-design-company-page.inner .icon-box .box_icon img,
.page-template-new-home-page .icon-box .box_icon img{
    height: 120px;
}

.page-template-web-development-page.inner .table_section > [class*="container"] > .row > [class*="col-"],
.page-template-web-develop-page.inner .table_section > [class*="container"] > .row > [class*="col-"],
.page-template-web-design-services-page.inner .table_section > [class*="container"] > .row > [class*="col-"],
.page-template-web-design-company-page.inner .table_section > [class*="container"] > .row > [class*="col-"],
.page-template-new-home-page .table_section > [class*="container"] > .row > [class*="col-"]  {
    display: table-cell;
    vertical-align: top;
    float: none;
}
.page-template-web-development-page.inner .box_icon,
.page-template-web-develop-page.inner .box_icon,
.page-template-web-design-services-page.inner .box_icon,
.page-template-web-design-company-page.inner .box_icon,
.page-template-new-home-page .box_icon {
    padding: 20px 0px 0px 10px;
}
.page-template-web-development-page.inner .box-wrap h3,
.page-template-web-develop-page.inner .box-wrap h3,
.page-template-web-design-services-page.inner .box-wrap h3,
.page-template-web-design-company-page.inner .box-wrap h3,
.page-template-new-home-page .box-wrap h3{
    color: #ffffff;
}
.page-template-web-development-page.inner .our_process_sec h3,
.page-template-web-develop-page.inner .our_process_sec h3,
.page-template-web-design-services-page.inner .our_process_sec h3,
.page-template-web-design-company-page.inner .our_process_sec h3,
.page-template-new-home-page .our_process_sec h3  {
    font-size: 45px;
    color: #fff;
    font-weight: 300;
    display: block;
    margin-bottom: 20px;
    text-align: center;
}
.page-template-web-development-page.inner .our_process_sec,
.page-template-web-develop-page.inner .our_process_sec,
.page-template-web-design-services-page.inner .our_process_sec,
.page-template-web-design-company-page.inner .our_process_sec,
.page-template-new-home-page .our_process_sec{
    padding-top: 20px;
    min-height: inherit;
}



.process_heading h4{
    color: #a8d4ff;
    font-size: 29px;
}
.process_detail p {
    color: #fff;
    font-size: 25px;
    font-weight: 300;
    margin-bottom: 25px;
    line-height: 1.2;
}
.process_step {
    margin-top: 24px;
    color: #ffffff;
    font-size: 30px;
    display: block;
}

.process_step {
    margin-top: 24px;
    color: #0957a4;
    font-size: 30px;
    display: inline-block;
    width: 53px;
    height: 53px;
    background: #fff;
    line-height: 53px;
    border-radius: 100%;
    border: 3px solid #0957a4;
    text-align: center;
}


.page-template-web-development-page.inner .logo_carousel_sec,
.page-template-web-develop-page.inner .logo_carousel_sec,
.page-template-web-design-services-page.inner .logo_carousel_sec,
.page-template-web-design-company-page.inner .logo_carousel_sec,
.page-template-new-home-page .logo_carousel_sec  {
    padding: 20px 0px 80px;
    text-align: center;
    background: #fff;
}
.page-template-web-development-page.inner .logo_carousel_sec h3,
.page-template-web-develop-page.inner .logo_carousel_sec h3,
.page-template-web-design-services-page.inner .logo_carousel_sec h3,
.page-template-web-design-company-page.inner .logo_carousel_sec h3,
.page-template-new-home-page .logo_carousel_sec h3   {
    font-size: 45px;
    color: #0e0e0e;
    font-weight: 300;
    display: block;
    margin-bottom: 20px;
}
.es-widget-details-container-template {
    margin: 0px auto;
    text-align: center;
    display: block;
}
.es-widget-header-details-title {
    display: block;
    margin: 0px auto;
}

.services_list_sec {
    display: block;
    margin: 20px auto;
    width: 100%;
    text-align: center;
}

.page-template-web-development-page.inner .brand_icon_box,
.page-template-web-develop-page.inner .brand_icon_box,
.page-template-web-design-services-page.inner .brand_icon_box,
.page-template-web-design-company-page.inner .brand_icon_box,
.page-template-new-home-page .brand_icon_box  {
    background-color: #2b3546;
    padding: 15px 10px 15px 10px;
    border-style: solid;
    border-width: 0px 1px 1px 0px;
    border-color: #d5e2f5;
    border-radius: 5px;
    width: 19%;
    display: inline-block;
    min-height: 150px;
    vertical-align: top;
    text-align: center;
    margin-bottom: 6px;
    margin: 2px 2px 6px 2px;
}

.page-template-web-development-page.inner .brand_icon_box i,
.page-template-web-develop-page.inner .brand_icon_box i ,
.page-template-web-design-services-page.inner .brand_icon_box i,
.page-template-web-design-company-page.inner .brand_icon_box i,
.page-template-new-home-page .brand_icon_box i {
    font-size: 80px;
    color: #ffffff;
}
.page-template-web-development-page.inner .brand_icon_box figcaption,
.page-template-web-develop-page.inner .brand_icon_box figcaption,
.page-template-web-design-services-page.inner .brand_icon_box figcaption,
.page-template-web-design-company-page.inner .brand_icon_box figcaption,
.page-template-new-home-page .brand_icon_box figcaption {
    color: #ffffff;
    font-size: 22px;
    line-height: 1.5;
}
.page-template-web-development-page.inner .services_list_sec h3,
.page-template-web-develop-page.inner .services_list_sec h3,
.page-template-web-design-services-page.inner .services_list_sec h3,
.page-template-web-design-company-page.inner .services_list_sec h3,
.page-template-new-home-page .services_list_sec h3 {
    font-size: 45px;
    color: #0957a4;
    font-weight: 300;
    display: block;
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
}
.page-template-web-development-page.inner .button_pan .read_more:hover,
.page-template-web-develop-page.inner .button_pan .read_more:hover ,
.page-template-web-design-services-page.inner .button_pan .read_more:hover,
.page-template-web-design-company-page.inner .button_pan .read_more:hover,
.page-template-new-home-page .button_pan .read_more:hover {
    background: #333;
    text-decoration: none;
}
.process_icon span {
    display: inline-block;
    padding: 20px;
    border: 3px solid #0957a4;
    border-radius: 100%;
    background: #fff;
}

.process_box img {
    height: 70px;
    width: auto;
    margin: 0px;
}
.process_box {
   /* background: #fff;*/
    border-radius: 5px;
    padding: 20px;
    min-height: 269px;
    text-align: center;
}
.process_icon figure{
    position: relative;
}
.process_icon figure:after {
    content: '';
    background-image: url(../images/step-arrow.png);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 272px;
    height: 60px;
    z-index: 4;
    bottom: 32px;
    left: 116px;
}
.process_last_step .process_icon figure:after{
    display: none;
}
.page-template-web-development-page.inner .lets_talk h3,
.page-template-web-develop-page.inner .lets_talk h3,
.page-template-web-design-services-page.inner .lets_talk h3,
.page-template-web-design-company-page.inner .lets_talk h3,
.page-template-new-home-page .lets_talk h3 {
    font-size: 45px;
    color: #fff;
    font-weight: 300;
    display: block;
    margin-bottom: 15px;
    text-align: center;
}
.process_box{
    position: relative;
}
.process_box::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 4px;
    top: 26%;
    left: 57%;
    border: 2px #0957a4 solid;
    -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
    z-index: 0;
}
.process_last_step .process_box::after {
    display: none;
}