body { margin:0px; padding:0px;}


/* Breadcrumb Area*/

.breadcrumb-area.breadcrumb-bg {
    background-image: url(../images/brodcast.jpg);
    background-size: cover;
    background-position: center;
}
.breadcrumb-area {
    padding: 5px 0;
    position: relative;
    z-index: 0;
}

.breadcrumb-area2 {
    padding: 10px 0; margin-bottom:10px;

}

.breadcrumb-inner2 { width:70%;}

.breadcrumb-area .title {
    color: #fff;
    font-size: 25px;
    font-weight: 700;color: #fff;
    margin-top: 0;
    margin-bottom: 0px;
    text-transform: uppercase;
}
.breadcrumb-area .page-navigation {
    color: #fff; display:none;
}
.breadcrumb-area .page-navigation a {
    color: #fff;
}
.breadcrumb-area .page-navigation .colored-text {
    color: #0495d6;
}


/* About us Area*/

.parallax-landing {
    background-image: url(../images/parallax-landing.jpg);
}

.parallax-landing-development { background-image: url(../images/website-development.jpg);}
.parallax-landing-MobileApps { background-image: url(../images/MobileApps-Development.jpg);}
.parallax-landing-crm { background-image: url(../images/crm-Development.jpg);}
.parallax-landing-custom { background-image: url(../images/custom-development.png);}
.parallax-landing-social { background-image: url(../images/social-media.png); background-size:cover;}
.parallax-landing-ivr { background-image: url(../images/website-development.jpg); background-size:cover;}


.parallax {
    background-position: 50% 50%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    position: relative;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
}

.bg-overlay.bg-overlay-dark {
    background: #000;
}

.bg-overlay {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

.white-space.space-big {
    padding: 0px 0;
}

.white-space {
    display: block;
    width: 100%;
}
.animation.animation-active.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

.animation.animation-active {     

}
.color-white {
    color: #ffffff !important;
}
.color-white a { color:#fff; border:1px solid #fff; padding:2px 10px; border-radius:5px; }
.color-white a:hover { color:red; border:none; }




.fancy-title {
    text-transform: uppercase;
    margin-bottom: 10px; margin-top:4px;
}

.animation {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 0;
}

.text-center.fancy-title span:after {
    content: "";
    display: block;
    height: 5px;
    margin: 0px auto -3px;
    position: relative;
    width: 10%;
}

.fancy-title span:after {
    content: "";
    display: block;
    height: 5px;
    margin: 20px 0 -3px;
    position: relative;
    width: 10%;
    z-index: 2;
}

.text-center.fancy-title:after {
    content: "";
    background: #ececec;
    display: block;
    height: 1px;
    margin: 0 auto;
    position: relative;
    width: 30%;
}

.fancy-title:after {
    content: "";
    background: #ececec;
    display: block;
    height: 1px;
    margin: 0;
    position: relative;
    width: 100%;
}

.mega-menu-list > li.active > a, .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus, .fancy-title span:after, .text-center.fancy-title span:after, .text-right.fancy-title span:after, .carousel .owl-controls .owl-buttons div, .carousel .owl-controls .owl-page span, .btn-primary, .btn-primary.btn-alt:hover, .btn-primary.btn-alt:focus, .btn-primary.btn-alt:active, .btn-primary.btn-alt.active, .open .dropdown-toggle.btn-primary.btn-alt, .progress-bar, hr.hr-fancy:after, .label-primary, .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus, .pricing-table .pricing-table-head .pricing-head-title, .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus, .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .blog-post .blog-post-side .blog-post-date, ul#filters li a.filter.selected, .colio-theme-gfx .colio-close, .colio-theme-gfx .colio-navigation a, .nav-tabs.tabs-alt > li.active > a:after, .accordion.accordion-alt .accordion-toggle, .accordion.accordion-alt .accordion-toggle.collapsed:hover, .overlay-bg, .o-tooltip-inner, .cl-effect-2 a::before, .cl-effect-2 a::after, .cl-effect-5 a::before, .cl-effect-5 a::after, .cl-effect-6 a::before, .cl-effect-6 a::after {
    background-color: ;
}
.lead {
    font-size: 15px;
    line-height: 25px;
    font-weight: normal; text-align:justify;

}
.color-default {
    color: #24a8c9 !important;
}


/* customer / our team tab menu*/
        
#custom_carousel .item {
color: #000;
background-color: #fff; 
}
        
#custom_carousel .controls {
overflow-x: auto;
overflow-y: hidden;
padding: 0;
margin: 0;
white-space: nowrap;
text-align: center;
position: relative;

}
        
#custom_carousel .controls li {
display: table-cell;
width: 1%;
max-width: 25%; 
}
        
#custom_carousel .controls li.list1 { background:#efefef;}
#custom_carousel .controls li.list2 { background:#dddddd; }

        
#custom_carousel .controls li.active {
background-color: #efefef;

}
        
#custom_carousel .controls a small {
overflow: hidden;
display: block;
font-size: 18px; font-weight:bold; text-transform:uppercase;
}

.iconbox-wrapper.circle.iconbox-3x {
    font-size: 60px !important;
    width: 110px !important;
    height: 110px !important;
    line-height: 110px !important;
}

.iconbox-wrapper.circle.border {
    background: none;
    border: 2px solid #2191bb;
}
.iconbox.vertical .iconbox-wrapper {
    float: none;
    margin: 0 auto;
}
.iconbox-wrapper.circle {
    background: #f2f2f2;
    height: 36px;
    width: 36px;
    line-height: 36px;
    font-size: 18px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.iconbox-wrapper.iconbox-3x {
    font-size: 60px;
    width: 60px;
    height: 60px;
    line-height: 60px;
}
.iconbox .iconbox-wrapper {
    float: left;
    margin-right: 20px;
    font-size: 20px;
    line-height: 1;
    text-align: center;
}

.iconbox .iconbox-content { overflow: hidden;}
.iconbox.vertical { text-align: center;}

.customerList { width:100%; float:left; }
.customerList ul { list-style:none;}
.customerList li { text-align:left; font-size:15px; color:#000; cursor:pointer; border-bottom:1px solid #000; padding:4px; }
.customerList li:hover { padding-left:10px; font-weight:bold;}
.customerAnimated { box-shadow: -1px 0px 9px 3px #c3c3c3; padding:10px 30px;}

.customerAnimated:hover {  background:#ccc; box-shadow:none; }


/*about / value tab menu*/
.parallax-background8 {
    background-image: url(../images/parallax-back8.jpg);
}

section.about-us { padding:0px 0 30px 0;}
.parallax-background12 {
    background-image: url(../images/parallax-back12.jpg);
}
.parallax-background13 {
    background-image: url(../images/parallax-back13.jpg);
}


.animation.animation-active.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}
.timer {
    margin-bottom: 20px;
}
.no-pading { margin:0px;}
.achivement { padding:20px 0;}
h4.textsize { font-size:24px; font-weight:bold;}



/* Industry > communiactions */

.padding {
    padding: 20px 0 0 0;
}

.single-sidebar-widget ul {
    list-style: none;
    padding-left: 0;
}

.single-sidebar-widget .special-links li a {
    background: #f9f9f9;
    color: #323232;
    border: 1px solid #e9e9e9;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
    line-height: 50px;
    position: relative;
    padding: 0 20px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
}
.single-sidebar-widget .special-links li a {
    background: #f9f9f9;
    color: #323232;
    border: 1px solid #e9e9e9;
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    margin-bottom: 5px;
    line-height: 50px;
    position: relative;
    padding: 0 20px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
}

single-sidebar-widget .special-links li a:after {
    content: '\f101';
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    right: 20px;
    line-height: 50px;
    color: #6A6969;
    font-weight: normal;
}
.single-sidebar-widget .special-links li a:after {
    content: '\f101';
    font-family: 'FontAwesome';
    position: absolute;
    top: 0;
    right: 20px;
    line-height: 50px;
    color: #6A6969;
    font-weight: normal;
}

.single-sidebar-widget .special-links li:hover a, .single-sidebar-widget .special-links li a.active {
    background: #fff;
    color: #2196f3;
}
.single-sidebar-widget .special-links li:hover a, .single-sidebar-widget .special-links li a.active {
    background: #fff;
    color: #2196f3;
}

.paddingBox {
    padding: 20px 0;

}
.business-box {
    margin: 50px 0 0;
}
.no-margin-top {
    margin-top: 0 !important;
}

.business-box p {
    margin: 0 0 20px; text-align:justify;
}
.regular-font {
    font-weight: 400;
}
.blue-color {
    color: #2ea4cb !important;
}
.business-box ul li {color: #0f1923;
    margin: 0 0 10px;
    padding: 0 0 0 22px;
    font-weight: 400;
    background: url(../images/industries/li-icon.png) no-repeat left 7px;
}

li.solutiolist { list-style:none; margin-bottom:8px;}
img.solution-img { margin-bottom:10px; border-radius:5px;}
p.solution-text { color:#000;}


.PPTSection {
    float: left;
    width: 100%;
    box-shadow: -2px 3px 8px -4px rgba(0, 0, 0, 0.53);
    border: 1px solid #dadada;
    margin-bottom: 10px;
    min-height: 236px;
    padding: 0px 10px;
    background: #FFF;
}
.PPTSection h3 {
    color: #000;
    font-size: 18px;
    padding-bottom: 10px;
    background: url(../images/line.html) left bottom no-repeat;
}
.PPTSection ul {
    list-style: none;
    padding: 0px 0 0 5px;
}
.PPTSection li {
    font-size: 14px;
    color: #000;
    padding: 0 0 5px 16px;
    list-style: none;
    background: url(../images/arw.png) left top 7px no-repeat;
}
.PPTSection li a {
    color: #0037AA;
    text-decoration: none;
}




.award {
    float: left;
    width: 100%;
    box-shadow: -2px 3px 8px -4px rgba(0, 0, 0, 0.53);
    border: 1px solid #dadada;
    margin-bottom: 10px;
    min-height: 236px;
    padding: 0px 10px;
    background: #FFF;
}
.award h3 {
    color: #000;
    font-size: 18px;
    padding-bottom: 10px;
    background: url(../images/line.html) left bottom no-repeat;
}
.award ul {
    list-style: none;
    padding: 0px 0 0 5px;
}
.award li {
    font-size: 16px;
    color: #000;
    padding: 0 0 10px 16px;
    list-style: none;
    background: url(../images/arw.png) left top 7px no-repeat;
}
.award li a {
    color: #0037AA;
    text-decoration: none;
}
.award li a:hover { color:#000;}







.accordion-color { background-color:#fff;}
.fagsection2 { background:#fff;}
.carrertext {
    color: #000;
}
.accordion-title2 { font-weight:bold; background-color: #bdbdbd;

}

.Description h3 {
    font-size: 17px;
    font-weight: bold;
    color: #d41717;
    margin: 0px;
    padding: 5px 0;
}
.Description p {
    padding: 0px 0;
    margin: 0px; color:#000;
}
.Description li {
    font-size: 14px;
     padding-left: 20px;
    background: url(../images/arw.png) left top 8px no-repeat;
}
.panel-body li {
    padding-left: 20px;
    background: url(../images/arw.png) left top 8px no-repeat;
}
.carrerform { margin-top:10px;}
input.ceptha-code { width:80%; float:left; margin-right:5px;}


.pt-30 {
    padding-top: 20px;
}
.text-center {
    text-align: center!important;
}
.contact .icon-circle {
    border: 1px solid #2196f3;
    color: #2196f3;
}
i.icon-circle {
    font-size: 50px;
    border: 1px solid #d5d5d5;
    height: 89px;
    width: 89px;
    text-align: center;
    line-height: 89px;
    margin: 0 auto;
    border-radius: 100%;
    display: block;
}
.i-block {
    display: inline-block;
}

.mt-15 {
    margin-top: 15px;
}
.mt-15 img {
    margin: 0 auto;
}



.SectionInner {
    float: left;
    width: 100%;
    box-shadow: -2px 3px 8px -4px rgba(0, 0, 0, 0.53);
    border: 1px solid #dadada;
    margin-bottom: 10px;
    min-height: 130px;
    padding: 0px 10px;
    background: #FFF;
}

.SectionInner h3 {
    color: #000;
    font-size: 18px;
    padding-bottom: 10px;
    background: url(../images/line.html) left bottom no-repeat;
}
.SectionInner ul {
    list-style: none;
    padding: 0px 0 0 5px;
}
.SectionInner li {
    font-size: 14px;
    color: #000;
    padding: 0 0 5px 16px;
    list-style: none;
    background: url(../images/arw.png) left top 7px no-repeat;
}
.SectionInner li a {
    color: #0037AA;
    text-decoration: none;
}

.teb-icon-edit {
    height: 170px;
    width: 170px;
    margin: 0px auto;
    color: #64D0F9; margin-bottom:10px;
}

.tabnav { width:100%; float:left;}
.nav-tabs {border-bottom: 1px solid #8c8c8c; margin-top:20px;}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border: 1px solid #8c8c8c;
    border-bottom-color: transparent;
    color: #000;
    font-weight: bold;
}

.nav-tabs>li>a { color:#000; font-weight:500;}


.tab-content { margin-bottom:20px; border: 1px solid #8c8c8c; padding:10px; border-top:none;}
.tabmenu {}
.tabmenu ul li {
    color: #0F1923;
    margin: 0px 0px 10px;
    padding: 0px 0px 0px 22px;
    font-weight: 400; font-size:15px;
    background: url("../images/industries/li-icon.png") no-repeat scroll left 7px transparent;
}

.tabmenutop {}
.tabmenutop ul li {
    color: #0F1923;
    margin: 0px 0px 10px;
    padding: 0px 0px 0px 22px;
    font-weight: 400; color:#fff; font-size:15px;
    background: url("../images/industries/li-icon.png") no-repeat scroll left 7px transparent;
}

.menutabclound ul li {
margin: 0px 0px 10px;
padding: 0px 0px 0px 22px;
font-weight: 400; 
color:#000;
background: url("../images/industries/li-icon.png") no-repeat scroll left 7px transparent;
}


 .video-area {border-radius:10px; width:100%; height:350px;}
.topareapa { margin-top:15px;}


.fancy-collapse-panel .panel-default {
    margin-bottom:10px;
}

.fancy-collapse-panel .panel-default > .panel-heading {
    padding: 0px; margin-bottom:0px;
}
.fancy-collapse-panel .panel-heading a.brochure {
    background-color: #2876D0;
}
.fancy-collapse-panel .panel-heading a {
    padding: 8px 15px; border-radius:3px;
    display: inline-block;
    width: 100%;
    background-color: #139CAF;
    color: #FFF;
    position: relative;
    text-decoration: none;
}

.fancy-collapse-panel .panel-heading a.apk 
{    padding: 8px 15px; border-radius:3px;
    display: inline-block;
    width: 100%;
    background-color: #059e00;
    color: #FFF;
    position: relative;
    text-decoration: none;
}


.margin-010 { margin-bottom:15px;}



.ServiceSection { width:100%; float:left;}


/* Start Website development page */

.flex-bdr {
    margin: 20px; text-align:justify;
}
.asp-right-box {
    width: 100%;
    float: left;
    padding-bottom: 18px;
}
.asp-right-box h4.web {
    font: 700 23px/45px 'Open Sans';
    letter-spacing: -1px;
    text-align: left;
}


#wpcont4-outer .container .asp-right-box p {
    padding: 5px 0 6px;
}
#wpcont4-outer .container p {
    color: #334654;
    font: 16px/29px 'Open Sans';
    padding: 0;
}
.sign-box {
    width: 100%;
    float: left;
    margin-top: 12px;
}
.sign-box ul {
    padding-top: 5px;
    margin: 0;
    width: 100%;
}
.sign-box ul li {
    background: url(../images/service/sign-icon.png) no-repeat left 9px;
    display: block;
    float: none;
    font: 16px/29px 'Open Sans';
    margin: 0;
    padding: 0 0 3px 35px;
    width: auto;
    text-align: left;
    border: none;
    color: #424b59;
}
.asp-right-box ul li {
    color: #3E3E48;
    float: left;
    font: 16px/29px 'Open Sans';
    padding-bottom: 10px;
    width: 100%;
}
.asp-float-panel {
    float: right;
}
.asp-left-box {
    width: 100$;
    float: left;
    padding: 0;
}
.PRICARD {
    width: 100%;
    float: left;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    margin: 10px 0;
    padding: 5px;
}
.PRICARD h3 { font-weight:bold; text-align:center;}
.modalDiv .PRICARD img { margin:0 auto;}




/*customer speack start */

.personal_detail {
    position: relative;
}
.sign-block .inner-comment {
    width: 100%;
    display: inline-block;
    clear: both;
    margin-top: 40px;
}

.sign-block .inner-comment .box {
    background: #f8f9fa;
    display: inline-block;
    padding: 10px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 100%;
    clear: both;
    border-bottom: 1px solid #d2d2dd;
    margin-bottom: 20px;
}

.sign-block .inner-comment .box .left {
    float: left;
}

.sign-block .inner-comment .box .left span {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background: #000;
    display: inline-block;
}

#leftColumn img {
    float: left;
}

.sign-block .inner-comment .box .right {
    float: right;
    width: 86%;
}
.sign-block .inner-comment .box .right::before {
    content: "";
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0px;
    left: 0px;
}
.sign-block .inner-comment .box .right h5 {
    font-size: 18px;
    font-weight: 700;
    color: #ff7149;
    line-height: 40px;
}

.sign-block .inner-comment .box .right h5 a {
    font-size: 15px;
    font-weight: normal;
    color: #746981;
}
.sign-block .inner-comment .box .right p {
    margin: 0;
    padding: 0;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: justify;
}

/*customer speack End */



/*News and event start */
.buttondiv { width:100%; padding:10px 0; box-shadow:4px 0px 5px 2px #ababab; margin-bottom:10px;}
.buttondiv h3 { margin:0px; padding:0px;}

.blogsection { padding:0px; margin:20px; width:100%; }
.newsSection { padding:0px; margin-top:20px; width:100%; }

.newsform { width:100%; float:left;}
.newsform input[type=file] { display: block;  height: 34px;}


.news_row { width: 100%; float: left; border-bottom: 1px solid #E1E1E1;  padding-bottom: 5px; margin-bottom: 15px; position: relative;}
.news_row .news_imgs { width: 90px;height: 80px; text-align: center;  overflow: hidden; float: left;}
.news_row .news_imgs img { width: 100%;  height: auto; vertical-align: middle;  display: table-cell;}

.news_row .news_imgs_txt { width: 82%;  float: left;  margin-left: 15px;  margin-right: 40px;  position: relative;}
.news_row .news_imgs_txt h3 {  width: 100%;  float: left;  font-size: 16px; color: #222; margin: 0px; padding: 0px 0px 0px;  font-weight: bold;}
.news_row .news_imgs_txt h3 a { text-decoration: none;}
.news_row .news_imgs_txt p {color: #797979; font-size: 11px; letter-spacing: 0.2px; line-height: 23px; margin: 5px 0px;}
.news_row .news_imgs_txt h5 { padding: 0px; margin: 0px;}
.news_row .news_imgs_txt h5 a { text-dec oration: none; color: #000;}

.news_row .forward_icon { width: 30px; float: right;  position: absolute;  right: 0px;  top: 40px;}

/*News and event End */



.form-control:focus {
  border-color: #FF0000;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

.validationText { font-size: 12px; visibility: visible; color: red; display:block;}


.SiteMap { width:100%; float:left; padding:10px 0 0 0;}
.SiteMap h2 { margin:0px 0 10px 0; padding:0px; font-size:24px; font-weight:bold;}
.SiteMap ul { list-style:none;}
.SiteMap li {
    font-size: 16px;
    color: #000;
    padding-bottom: 5px;
    border-bottom: 1px solid #c3c3c3; margin-bottom:10px;
}
.SiteMap li a {color: #000; display:block;}
.SiteMap li a:hover { font-weight:bold; display:block;}

.videoFrame { width:100%; min-height:270px; margin-bottom:10px;}
.videoFrame2 { width:100%; min-height:400px; margin-bottom:10px;}
.videoFrame3 { width:100%; min-height:370px; margin-bottom:10px;}

.clints { width:100%; float:left; margin-bottom:20px;}
.clints img { border-radius:5px; border:1px solid #000; }

.color-black { color:#000;}
p.color-black { font-size:16px;}


.rating-section { background:#000;}

.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
    color: inherit;
    display: block;
}

.bg-overlay-2 { box-shadow: 2px 3px 5px #948a8a; margin:0px 0;}
.parallax-new { margin-top:10px; width:100%; }



#example_wrapper {
    overflow-x: scroll;
}

find the code then replace

#example_wrapper {
    overflow: scroll;
    height: 2000px;
}


.leftproductimg img { width:100%; border-radius:5px; }

.boxoverlay {
    box-shadow: -2px 0px 4px 3px #c5c5c5;
}

.bgcolorContanior {
    background: #f3f3f3;
    padding: 10px 0 20px 0;
}

.sticky { background: white; box-shadow: 1px 2px 2px 0px #cecccc;}

.fixed {
  position: fixed;  z-index:999;
  top:0; left:0;
  width: 100%; }