@charset "utf-8";

/*ashishcss:start*/
.entry-content h2.mh_l, .entry-summary h2.mh_l, .comment-content h2.mh_l, .textwidget h2.mh_l{font-size:30px; font-weight:800; line-height:36px;}

.entry-content h3.sh_c, .entry-summary h3.sh_c, .comment-content h3.sh_c, .textwidget h3.sh_c{font-size: 20px; font-weight: 800;line-height: 24px;}

.choose_other_cont .col-md-6{margin-top:15px;margin-bottom:15px;}

.nav_bar ul li.has_menu{padding-right:14px;}

.nav_bar ul li.has_menu:after{content:"\f107"; font:normal normal normal 14px/1 FontAwesome; position: absolute; right: 0; top: 3px;}

.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {margin-bottom:0px;}

.header2 .submenu_box.mega ul#menu-header_digital_dev_menu{width:100%;}

#menu-header_digital_dev_menu > li{margin:0; width: 33.33%; float: left;}

#menu-header_digital_dev_menu > li > a{pointer-events: none;font-size: 15px;text-transform: uppercase; font-weight: 700;

    margin-bottom: 5px !important;padding-left: 10px;}

.header2 .submenu_box.mega ul#menu-header_digital_dev_menu ul{padding:0; width:100%;}

.header2 .submenu_box.mega ul{margin:0; width: 33.33%; float: left; padding: 10px 15px;}



.vc_row.wpb_row.vc_row-fluid.directors{margin-top:50px;}
/*.directors .wpb_single_image .vc_figure, .directors .wpb_single_image .vc_single_image-wrapper, .directors .wpb_single_image img{width:100%;}
.directors.wpb_single_image .vc_figure, .directors.wpb_single_image .vc_single_image-wrapper, .directors.wpb_single_image img{width:100%;}*/

.wpb_single_image img{background: #fff; border: 4px solid #fff; position: relative; border-radius: 4px; -o-box-shadow: 0 1px 4px rgba(0,0,0,.2);  box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;}
.vc_row{margin:0;}
.harshitsir_info {padding-left: 40px;}
.shrisir_info {padding-right: 40px;}



.section.tms_bt{padding:40px 0 0;}

.team_s{float:left; width:100%; padding-top:40px;}

.team_s img{float:left; width:100%;}



/* .wpb_wrapper {padding-right: 15px;padding-left: 15px; margin-right: auto; margin-left: auto;} */

/* @media (min-width: 768px){ */

/* .wpb_wrapper {width: 750px;} */

/* } */

/* @media (min-width: 992px){ */

/* .wpb_wrapper {width: 970px;} */

/* } */

/* @media (min-width: 1200px){ */

/* .wpb_wrapper {width: 1230px;} */

/* } */


/*ashishcss:end*/
@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap");

* {margin: 0; padding: 0; box-sizing: border-box; list-style:none;}

:focus {outline:0; border:0;}

a:focus, a:hover{outline:0; border:0; text-decoration:none;}

ol, ul {margin-bottom: 0;}

.clr {clear:both;}

a img {border: none;}

img {max-width: 100%; vertical-align: middle; height:auto;}

body {background: #fff; font-family: "Archivo", sans-serif; font-weight: 400; font-size: 16px; color:#333;}

h1, h2, h3, h4, h5, h6 {font-weight: 400; color:#333;}

p {margin-bottom: 15px; font-weight: 400; line-height: 24px; font-size: 16px;}

p:empty, p.mr_none{margin-bottom: 0;}

p:last-of-type {margin-bottom: 0;}

.wrapper_big{margin: 0 auto; width:98%; max-width: 1400px;}

.post-thumbnail {display: block; margin-bottom: 10px; margin-top: 10px;}
.blog_ls_cont .entry-content {width: 100%; float: left;}
.blog_ls_cont article {width: 100%; float: left;  margin-bottom: 20px;}
.entry-header h2.entry-title {font-weight: 700; font-size: 22px; text-transform: uppercase; margin: 0;}

.top_row{width:100%; float:left; background:#505050; padding:5px 0;}

.top_row_cont{float:right;}

.top_ph{font-weight:700; color:#FFF;}

.social_top{display:inline-block; margin:0 24px;}

.social_top li{display:inline-block; font-size:16px; margin:0 6px;}

.social_top li a{display:inline-block; color:#FFF;}

.social_top li a:hover{color:rgba(255, 255, 255, 0.8);}

.top_mail{color:#FFF;}

.top_mail:hover{color:rgba(255, 255, 255, 0.8);}



.header {width:100%; float: left; background:linear-gradient(#fff, #eeeeee);}

.header1{width:100%; float:left; border-bottom:1px #d8d8d8 solid;}

.logo {float: left; padding:7px 0 2px; width:260px;}
.logo svg{width:100%;height:auto;}
.nav_bar {float: right; position: relative; transition:0.5s all;}

.nav_bar ul {float: left; margin:26px 0 0 0;}

.nav_bar ul li{margin:0 16px; position: relative; display:inline-block; vertical-align:middle; text-transform:uppercase;}

.nav_bar ul li a {color:#363842; display: block; font-size:14px; font-weight: 600;}

.nav_bar ul li a:hover{color:#337ab7;}

.nav_bar ul li.active a{color:#337ab7;}

.nav_bar ul li:last-child{margin-right:0;}



.nav_bar .submenu_box {display: none; position: absolute; top:100%; left:0; margin:0; width:200px; /*padding-top:10px;*/ z-index:99; box-shadow:0px 1px 5px rgba(0, 0, 0, 0.2);}

.nav_bar ul li .submenu_box ul{margin:0; width:100%; float:left;}

.nav_bar ul li .submenu_box li {width:100%; float: left; margin:0;}



.nav_bar ul li .submenu_box li a {font-size: 13px; padding:5px 10px; background: #fff; text-transform: none; border-top:1px #e2e2e2 solid;}

.nav_bar ul li .submenu_box li:first-child a {border:0;}

.nav_bar ul li .submenu_box li a:hover {background: #f5f5f5;}

.nav_burger{display:none; float:right; color:#000; font-size:24px; cursor: pointer;}



.header2 {width:100%; float:left; text-align: center;}

.header2 ul {width:100%; float: left;}

.header2 ul li {display: inline-block; vertical-align: middle; text-align: left; margin: 0px 0px; position: relative;}

.header2 ul li a {display: block; padding:10px 30px; border-left:1px solid rgba(0,0,0,0); border-right:1px solid rgba(0,0,0,0);}

.ser_icon {display: inline-block; vertical-align: middle;}

.ser_label {display: inline-block; vertical-align: middle; margin-bottom: 0; margin-left: 10px; font-size: 13px; text-transform: uppercase; color:#333; font-weight: 600; line-height: 14px;}

.ser_label i {display: none;}

.header2 ul li a:hover {background: #f6f6f6; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7;}

.header2 ul li a:hover .ser_label {color:#337ab7;}

.header2 .submenu_box {display: none; position: absolute; top:100%; left:0; margin:0; width:390px; min-height:230px; z-index:99; background:#f5f5f5; border:1px solid #d7d7d7; border-top:none; padding-top: 10px; }

.header2 ul li .submenu_box ul{margin:0; width:100%; float:left;}

.header2 ul li .submenu_box li {width:100%; float: left; margin:0;}

.header2 ul li .submenu_box li a {font-size: 13px; padding:5px 10px; color:#363842; border: none; font-weight: 600;}

.header2 ul li .submenu_box li a:hover {color:#337ab7; background:none;}

.header2 .submenu_box.mega {width:700px; left:inherit; right:0; padding-top: 0; padding-bottom: 80px;}

.header2 .submenu_box.mega::before {content:""; position: absolute; right:0; bottom:0px; width:690px; height: 316px; background: url(../png/mega-graphic-2.png) no-repeat bottom right;}



.header2 .submenu_box.wb_dev{background:#f5f5f5 url(../jpg/wb_dev-2.jpg) no-repeat right bottom;}

.header2 .submenu_box.ecom_dev{background:#f5f5f5 url(../jpg/ecom_dev-2.jpg) no-repeat right bottom;}

.header2 .submenu_box.web_des{background:#f5f5f5 url(../jpg/wb_des-2.jpg) no-repeat right top;}

.header2 .submenu_box.mb_dev{background:#f5f5f5 url(../png/mb_dev-2.png) no-repeat right 10px top 60px;}

.header2 .submenu_box.frm_dev{background:#f5f5f5 url(../jpg/frm_dev.jpg) no-repeat right 15px bottom 25px;}



.header2 .submenu_box.mega ul {width:33.33%; float: left; padding: 10px 15px;}

.mega_title {font-size: 15px; text-transform: uppercase; font-weight: 700; margin-bottom: 5px !important; padding-left:10px;}







.banner {width:100%; float: left; position: relative; z-index: 1; overflow:hidden;

background: #004064; /* Old browsers */

background: -moz-linear-gradient(left, #004064 1%, #008fe0 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left, #004064 1%,#008fe0 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right, #004064 1%,#008fe0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004064', endColorstr='#008fe0',GradientType=1 ); /* IE6-9 */}

.banner:after{content:""; position:absolute; right:0; top:0; width:620px; height:440px; z-index:2; background:url(../png/banner_pattern-2.png);}

.banner .container {position: relative; height: 100%;}

.banner ul li {list-style: none; height:440px; }

.b_info {position: absolute; top:calc(50% + 1px); transform: translateY(-50%); left:0; color:#fff; width:100%; max-width:550px; padding:0 15px;}

.b_info h1{font-size:46px; text-transform:uppercase; font-weight: 800; color:#fff; line-height:46px; margin-top:0;}



.banner .bx-prev{position: absolute; left:50px; z-index:99999; top:calc(50% - 23px); display:inline-block; background:url(../png/arrow_left-2.png) no-repeat left top; width:18px; height:46px; font-size:0; opacity:0.7;}

.banner .bx-next{position: absolute; right:50px; z-index:99999; top:calc(50% - 23px); display:inline-block; background:url(../png/arrow_right-2.png) no-repeat left top; width:18px; height:46px; font-size:0; opacity:0.7;}

.banner .bx-prev.disabled, .banner .bx-next.disabled{display:none;}

.banner .bx-prev:hover, .banner .bx-next:hover{opacity:0.9; cursor:pointer; }

.banner video{position:absolute; width:100%; left:0; top:-25%; opacity:0.15;}

.slide_webdev p {font-size:36px; color:#fff; line-height:40px; margin-bottom:20px; font-weight:300;}

.banner .slide_webdev img{float:right; margin-top:60px;}



.slide_digital p {font-size: 15px; line-height: 22px; font-weight: 400; color:#fff; margin-bottom:25px;}

.banner .slide_digital img {float:right; margin-top: 15px;}



.slide_app p {font-size: 15px; line-height: 22px; font-weight: 400; color:#fff; margin-bottom:25px;}

.banner .slide_app img {float:right; margin-top: 15px;}

ul.banner_slider {z-index: 3;}



.slide_clients p {font-size: 15px; line-height: 22px; font-weight: 400; color:#fff; margin-bottom:25px;}

.banner .slide_clients img {float:right; margin-top: 70px;}



.main_btn{background: #ffffff url(../png/arrow-2.png) no-repeat right 15px center; color:#1f1f1f; display:inline-block; left; text-transform: uppercase; font-size: 15px; line-height:45px; border-radius:4px; padding:0 60px 0 15px; border:0;}

.main_btn:hover{background: #ffffff url(../png/arrow_hover.png) no-repeat right 15px center; color: #066da7; text-decoration:none;}



.section{float:left; width:100%; padding:40px 0;}

.bg_bl{background:#edf4fa;}



.rate_us{text-align:center; padding:18px 0;}

.rate_us p{font-size:14px; line-height:27px; font-weight:600; letter-spacing:0.5px;}

.rate_us img{margin-right:15px;}

.rate_us a{margin-left:20px;}



.mh_c{font-size:44px; font-weight:800; line-height:50px; color:#040404; text-align:center; text-transform:uppercase; margin:0;}

.sh_c{font-size:20px; font-weight:800; line-height:24px; color:#040404; text-align:center; text-transform:uppercase; margin:0;}

.mh_l{font-size:30px; font-weight:800; line-height:36px; color:#ffffff; text-align:left; text-transform:uppercase; margin:0 0 10px;}

.mh_l_s{font-size:24px; font-weight:400; line-height:36px; color:#ffffff; text-align:left; text-transform:uppercase; margin:45px 0 5px;}

.mh_l_s strong{font-weight:800;}



.services{text-align:center;}

.services h5{font-size:16px; font-weight:800; text-transform:uppercase; line-height:20px; margin:10px 0 5px;}

.services p{font-size:14px; line-height:22px; max-height:70px; overflow:hidden;}

.services .ser_part{margin:45px 0 0; padding:0 15px 15px; border-left:1px solid #cbcbcb; position:relative;}

.services .ser_part:nth-child(1), .services .ser_part:nth-child(5){border-left-width:0;}

.services .ser_part a{position:absolute; left:0; top:0; width:100%; height:100%; z-index:888;}



.about_bt{background:url(../png/about_bt-2.png) no-repeat; background-size:cover; background-attachment:fixed;}

.about_bt p{color:#fff;}

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

.certificates li{float:left; margin-right:45px;}



.why_bt{float:left; width:100%; margin-top:10px;}

.why_bt li{float:left; margin-right:20px; color:#dadada; font-size:16px; font-weight:600;}

.why_bt li i{color:#feb813; font-size:16px; margin-right:5px;}



.tof_s{position:relative; text-align:center; background:#f5f5f5; border-bottom:5px solid #066da7; height:170px; overflow:hidden; margin:0 -10px;}

.tof_s video{display:none; position:absolute; left:0; top:-15px; z-index:999; width:100%;}

.tof_s:hover video, .slid_active .tof_s video{display:block;}

.tof_s a{position:absolute; z-index:20; left:0; top:0; width:100%; height:100%;}

.tof_s span{position:absolute; z-index:9999; width:100%; text-align:center; left:0; top:calc(50% - 0px); font-size:24px; font-weight:800; text-transform:uppercase;}

.tof_s span label{font-size:15px; display:block;}

.tof_s:hover span, .slid_active .tof_s span{top:inherit; bottom:0; background:#066da7; color:#fff; font-size:15px; padding-top: 5px;}

.tof_s:hover span label, .slid_active .tof_s span label{display:initial;}

.tof_s.df{ border-bottom:5px solid #1b9ae2;}

.tof_s.df:hover span, .slid_active .tof_s.df span{background:#1b9ae2;}



.mar_t60{margin-top:60px;}



.clients .bx-wrapper{border:1px solid #9bc3d6; margin:40px 0 60px; position:relative;}

.clients .bx-wrapper li{padding:10px 0; text-align:center;}

.clients .bx-wrapper .bx-prev{position:absolute; left:-30px; top:calc(50% - 20px); width:30px; height:40px; background:#193a4b url(../png/l_arrow-2.png) no-repeat -3px 0; color:#193a4b; border-radius:4px 0 0 4px; text-indent:-10000px; display:none;}

.clients .bx-wrapper .bx-next{position:absolute;right:-30px; top:calc(50% - 20px); width:30px; height:40px; background:#193a4b url(../png/r_arrow-2.png) no-repeat -3px 0; color:#193a4b; border-radius:0 4px 4px 0; text-indent:-10000px; display:none;}

.clients .bx-wrapper:hover .bx-next, .clients .bx-wrapper:hover .bx-prev{display:block;}

.footer_free_consult{float:left; width:100%; background:#619942; padding:25px 0 20px;}

.footer_free_consult h5{font-weight:300; font-size:36px; line-height:24px; margin:0 0 10px; color:#fff; text-transform:uppercase; letter-spacing:1px;}

.footer_free_consult h5 strong{font-weight:800;}

.footer_free_consult p{color:#fff;}

.footer_free_consult .main_btn{margin-top:5px;}

footer {float: left;width: 100%;background: #1d1d25;padding: 0px 0 0;position: relative;overflow: hidden;}

footer .container{position:relative; z-index:2;}

footer video{position:absolute; z-index:1; width:100%; visibility: visible; top: 0%; left: 0%; transform: translate(0%, -40%); opacity:0.2;}

footer p{color:#fff;}

footer h3 {font-size: 24px;color: #fff;letter-spacing: 0.5px;font-weight: 500;margin: 0 0 25px 0;}

footer .f_links li {font-size: 16px;line-height: 30px;color: #fff;padding-left: 14px;font-weight: 400;position: relative;}

footer .f_links li a{color:#ffffff;display: block;}

footer .f_links li a:hover{color: #619942;}

footer .f_links li:after{content:"\f105"; font-family:FontAwesome; color:#fff; position:absolute; left:0; top:0;}

footer .f_links li:hover:after{    color: #619942;}

footer .git a{color:#fff; letter-spacing:0.5px;}



.footer_btm{float:left; width:100%; text-align:center;}

.footer_btm .ft_container{ display:inline-block; padding:15px 25px 20px; border-top:1px solid #fff; margin-top:60px;}

.footer_btm p{font-size:13px; line-height:15px;}

.footer_btm li{display:inline-block; padding:0 5px; margin:0 0 10px;}

.footer_btm li a{float:left; width:48px; height:48px; line-height:44px; border:2px solid #ffffff; text-align:center; color:#fff; font-size:26px; border-radius:50%;}

.footer_btm li a:hover{color:#1b9ae2; border:2px solid #1b9ae2;}



.vc_column_container>.vc_column-inner{padding:0;}









.tof_s:hover .benefits_ind{display: none;}

.benefits_ind {margin-top: 35px; position: relative; z-index: 99;}

.benefits_ind .icon_cell {position: relative; display: block; padding: 0; text-align: center; color: #999;}

@-webkit-keyframes spin1 {

    0% {-webkit-transform: rotate(0); transform: rotate(0);}

    100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}

}

@keyframes spin1 {

    0% {-webkit-transform: rotate(0); transform: rotate(0);}

    100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}

}

@-webkit-keyframes spin2 {

    0% {-webkit-transform: rotate(72deg); transform: rotate(72deg);}

    100% {-webkit-transform: rotate(-288deg); transform: rotate(-288deg);}

}

@keyframes spin2 {

    0% {-webkit-transform: rotate(72deg); transform: rotate(72deg); }

    100% {-webkit-transform: rotate(-288deg); transform: rotate(-288deg);}

}

@-webkit-keyframes spin3 {

    0% {-webkit-transform: rotate(-144deg); transform: rotate(-144deg);}

    100% {-webkit-transform: rotate(216deg); transform: rotate(216deg);}

}

@keyframes spin3 {

    0% {-webkit-transform: rotate(-144deg); transform: rotate(-144deg);}

    100% {-webkit-transform: rotate(216deg); transform: rotate(216deg);}

}

@-webkit-keyframes spin4 {

    0% {-webkit-transform: rotate(216deg); transform: rotate(216deg);}

    100% {-webkit-transform: rotate(-144deg); transform: rotate(-144deg);}

}

@keyframes spin4 {

    0% {-webkit-transform: rotate(216deg); transform: rotate(216deg); } 

    100% {-webkit-transform: rotate(-144deg); transform: rotate(-144deg); } 

}

.gamba-circles {position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin: 0 auto; -webkit-transform: translate3D(-50%, -50%, 0); -moz-transform: translate3D(-50%, -50%, 0); -ms-transform: translate3D(-50%, -50%, 0); -o-transform: translate3D(-50%, -50%, 0); transform: translate3D(-50%, -50%, 0); }

.gamba-circles .circle {position: absolute; box-sizing: border-box; width: 100%; height: 100%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; border: 1px solid transparent; border-radius: 92% 110% 132% 88%; }

.gamba-circles .circle:nth-child(1) {-webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: spin1 6s linear infinite; animation: spin1 6s linear infinite; border-color: #c7c7c7; }

.gamba-circles .circle:nth-child(2) {-webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: spin2 6s linear infinite; animation: spin2 6s linear infinite; border-color: #c7c7c7; }

.gamba-circles .circle:nth-child(3) {-webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: spin3 6s linear infinite; animation: spin3 6s linear infinite; border-color: #c7c7c7; }

.gamba-circles .circle:nth-child(4) {-webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-animation: spin4 6s linear infinite; animation: spin4 6s linear infinite; border-color: #c7c7c7; }



/*directors:start*/

.inner_banner{width:100%; float:left;background: linear-gradient(90deg, #b4d3ff, #d7d6ff, #c9ffca); font-size:28px;color: #20182f; font-weight:700; text-transform:uppercase; text-align:center;padding: 25px 0 25px 0;}

.directors p{margin-bottom:20px;}

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

.directors_img{margin:0 40px 20px 0;}

.dedicated_asp_p{max-width:585px;}

.mh_l_bl{color:#040404; margin:0;}

.mh_l_s_bl{color:#040404;}

.directors .mh_l_s_bl{margin:0 0 10px 0;}

.director2{width:100%; float:left; margin-top:80px;}

.director2 .directors_img{float:right; margin:0 0 20px 40px;}



/*asp_net:start*/

.asp_net .sh_c{text-align:left;}

p.hiring_asp{margin:10px 0 0 0; line-height:32px;}

.Responsibilities_asp{margin:30px 0 0 0;}

.mh_c_l{text-align:left;}

.Responsibilities_asp ul{padding-top:10px;}

.Responsibilities_asp ul li{margin-top:10px;}

.Responsibilities_asp ul li:nth-child(even){padding-left:65px;}

.Responsibilities_asp ul li span{display:inline-block; width:calc(100% - 112px); vertical-align:middle; padding-left:20px;}

.resource_features .sh_c{text-align:left;}

.resource_features{background:#f4f4f4 url(../png/microsoft_net-2.png) no-repeat center right;}

.resource_features ul{padding-top:20px;}

.resource_features ul li{margin-bottom:10px; position:relative; padding-left:26px;}

.resource_features ul li:after{content:"\f058"; position:absolute; left:0; top:-3px; font-family:FontAwesome; font-size:20px; color:#066da7;}

.dedicated_asp p{line-height:32px; margin-top:5px;}

.main_btn.blue{background: -moz-linear-gradient(left, #066da7 0%, #0896d5 100%); background: -webkit-linear-gradient(left, #066da7 0%,#0896d5 100%); background: linear-gradient(to right, #066da7 0%,#0896d5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#066da7', endColorstr='#0896d5',GradientType=1 ); color:#FFF; position:relative;}

.main_btn.blue:after{content:""; background:url(../png/arrow_white-2.png) no-repeat left center; width:28px; height:100%; position:absolute; right:15px; top:0;}

.main_btn.blue:hover{background:#0896d5;}

.dedicated_asp .main_btn.blue{margin-top:20px;}

.dedicated_asp .container{position:relative;}

.dedicated_asp_image{position:absolute; right:0; bottom:-40px;}

/*  404 page*/
.pagenotfound {
    width: 100%;
    float: left;
    padding: 30px 0;
    text-align: center;
}
/*tradeshow:start*/

.gallery {width:50%; float: left; padding: 0 10px;}

.headtyp3 {text-transform: none; margin: 0 0 6px 0; font-size: 18px; font-weight: 600; line-height: 28px;     text-align: left; color:#040404;}

.gallery .flex-direction-nav a {font-size: 0px; width:30px; height: 30px; background: #fff; text-align: center !important; line-height: 30px; border-radius: 50%;}

.gallery .flex-direction-nav a:before {content:"\f104"; font-family:FontAwesome; font-size: 25px;}

.gallery .flex-direction-nav a.flex-next:before {content: '\f105';}

.thumbbox li {cursor: pointer;}

/*tradeshow:end*/



/*MAGENTO DEVELOPER:start*/

.resource_features.line_bg{background:#f4f4f4 url(../png/line_bg-2.png) no-repeat center right;}

.resource_features.line_bg .container{position:relative;}

.features_available_img{position: absolute; top: 50%; right: 0; transform: translateY(-50%); text-align:right;}



/*contact:start*/

.contact .left {float: left;}

.contact .left .social {float: left;     margin-top: 10px;}

.contact .left .social li a {float: left; width:38px; height: 38px; line-height: 38px;}

.contact .left > p {font-size:16px; color:#333333; line-height:24px;}

.contact h6.co {font-size: 16px; color: #040404; text-transform: uppercase; margin:0 0 8px 0; font-weight:600;}

.contact h5.fo {font-size: 16px; color:#333;}

.contact h5.fo.phone {margin: 0 0 0px 0;}

.contact h5.fo a {color: #333;}

.contact h5.fo a:hover {color: #333;}

.con_info {width:100%; float: left; margin:15px 0 0 0;}

.contact .left .con_info:first-of-type{margin-top:25px;}

.contact .right {float: left;}

.contact .form_control {width: 50%; padding:0 10px; float: left; margin-bottom:20px;}

.contact .form_control label {float: left; width: 100%; clear: both; font-size: 15px; color: #333333; margin-bottom: 3px; font-weight: 400;}

.contact .form_control .form_input {float: left; width: 100%; clear: both;}

.contact .form_control .form_input input {font-size: 14px; color: #333; float: left; width: 100%; clear: both; height: 50px; border: 1px solid #ebebeb; border-radius: 5px; padding: 0 15px; box-shadow: 0px 3px 8px -3px #dcdcdc;}

.contact .form_control.text_control {width: 100%;}

.contact .form_control.text_control textarea {font-size: 14px; color: #333; float: left; width: 100%; clear: both; height: 150px; border: 1px solid #ebebeb; border-radius: 5px; padding: 15px 15px; box-shadow: 3px 5px 8px -3px #dcdcdc; resize: none;}

.contact .left .mh_c.mh_c_l{margin-bottom:15px;}

.social_contact{width:100%; float:left; margin-top:20px;}

.social_contact li{float:left; padding:0 0 0 12px; margin: 0 0 10px;}

.social_contact li:first-child{padding-left:0;}

.social_contact li a{float: left; width: 42px; height: 42px; line-height: 40px; border:1px solid #8f8f8f; text-align: center; color: #8f8f8f; font-size: 26px; border-radius: 50%;}

.social_contact li a:hover{background:#8f8f8f; color:#FFF;}

.contact .right .form_button{width:100%; float:left; padding-left:10px; margin-top:5px;}

.inputfield::-webkit-input-placeholder {color:#b5b5b5;}

.inputfield::-moz-placeholder {color:#b5b5b5;}

.inputfield:-ms-input-placeholder {color:#b5b5b5;}

.inputfield:-moz-placeholder {color:#b5b5b5;}

.contact_address{width:100%; float:left; background:#f2f2f2; padding:30px 0;}

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

.contact_address_cont .left_side{width:72px; float:left;}

.contact_address_cont .right_side{width:calc(100% - 72px); float:left; padding-left:25px;}

.contact_address_cont .right_side ul{display:inline-block;}

.contact_address_cont .right_side ul li{width:100%; float:left; color:#000000; margin-bottom:6px; font-size:15px;}

.contact_address_cont .right_side ul li:last-child{margin-bottom:0;}

.contact_address_cont .right_side ul li span{float: right; width: calc(100% - 140px);}

.contact_address h4{font-size:18px; color:#000; font-weight:700; margin-bottom:25px;}

.contact_add_border{border-right:1px rgba(0, 0, 0, 0.1) solid;}



/*blog:start*/
.section.blog .container {max-width: 1024px;}
.blog .left_side{width:100%; float:left;} 
.blog .left_side iframe {width: 100% !important;}
.blog .left_side .blog_ls_cont > li{width:100%; float:left; margin-bottom:30px; border-bottom: 1px solid #d2d2d2; padding: 0 0 20px;}
.blogtop_info {text-align: center; width: 100%; float: left; margin-bottom: 15px;}
.blogtop_info h4 {font-weight: 700;font-size: 22px;text-transform: uppercase;margin: 0;line-height: 30px;}
.blog_img{width:100%; float:left; text-align: center;}
.blog_img img{width:100%;}
.left_side .blog_cont{width:100%; float:left; margin-top: 15px;}
.left_side .blog_cont h4{font-size:20px; line-height:26px; margin:0 0 5px 0;}
.left_side .blog_cont p{font-size:16px; font-weight:400; text-align: justify;}
.left_side .blog_cont a{font-size:13px; color:#222222; font-style:italic; display:inline-block; margin-top:2px;}
.left_side .blog_cont a:hover{text-decoration:underline;}
.date_comm{margin-top:5px; display:inline-block; font-size:14px; color:#333;}
.date_comm i{color:#066ea2; margin-right:5px;}
.date_comm strong {color:#066ea2;}
.blo_cate {color: #066ea2; margin: 0 0 5px 0; font-size: 15px; text-transform: uppercase; font-weight: 700;}
.blogbot_info {width:100%; float: left; font-size: 14px; margin-top: 20px}
.blogbot_info .more {display: inline-block; width: 36px; height: 36px; line-height: 36px; font-size: 18px; vertical-align: middle; text-align: center; border: 1px solid #337ab7; border-radius: 50%; -webkit-transition: all 380ms; transition: all 380ms; margin-right: 5px;}
.cont_reading {float: left;}
.cont_reading:hover .more {background:#337ab7; color:#fff;}
.blogbot_info .more:before { font-family: 'FontAwesome'; content: '\f0c9'; font-size: 14px; position: relative; top: -2px;}
.blog_social {float: right;}
.blog_social li {list-style: none; display: inline-block; width:36px !important; height: 36px; line-height: 36px; text-align: center; border: 1px solid #337ab7; margin: 0 3px; border-radius: 50%;}
.blog_social li a {display: block;}
.blog_social li:hover {background: #337ab7;}
.blog_social li:hover a {color: #fff;}
.blog_pager{width:100%; float:left; margin-top:10px;}
.blog_pager ul li{float:left; line-height:42px; min-width:42px; height:42px; font-size:14px; color:#222; text-align:center;}
.blog_pager ul li a{float:left; min-width:42px; height:42px; font-size:14px; color:#222;}
.blog_pager ul li a:hover{color:#066faa;}
.blog_pager ul li a.arrow{border:1px #cccccc solid; border-radius:50%; font-size:16px; color:#999999; line-height:40px;}
.blog_pager ul li a.arrow:hover{border:1px #066faa solid; color:#066faa;}
.blog .right_side{width:100%; float:left;}
.blog_search{width:100%; float:left; position:relative;}
.blog_search label {width:100%; float: left;} 
.blog_search a{position:absolute; right:20px; top:8px;}
.blog_search a:hover{position:absolute; right:20px; top:8px; opacity:0.8;}
.blog_search input{width:100%; float:left; height:42px; line-height:42px; border:1px #ced0d6 solid; border-radius:21px; padding:0 42px 0 20px; font-size:14px; color:#333;    font-weight: 500;}
.blog_search input::-webkit-input-placeholder {color:#999;}
.blog_search input::-moz-placeholder {color:#999;}
.blog_search input:-ms-input-placeholder {color:#999;}
.blog_search input:-moz-placeholder {color:#999;}
.recent_posts{width:100%; float:left;}
.recent_posts h3{width:100%; float:left; font-size:18px; color:#333; font-weight:600; text-transform:uppercase; padding:12px 0px; border-bottom:1px #ced0d6 solid;}
.recent_posts .blog_img{width:60px; float: left;     margin-top: 5px;}
.recent_posts ul li{width:100%; float:left; padding:10px 0;}
.recent_posts .blog_cont{width:calc(100% - 60px); padding:0 0 0 12px; float: right;}
.recent_posts .blog_cont h4{font-size:14px; line-height:20px; margin:0; font-weight: 600;}
.recent_posts .posted {font-size: 13px;}

.blog_categories h3 {width: 100%; float: left; font-size: 18px; color: #333; font-weight: 600; text-transform: uppercase; padding: 12px 0px; border-bottom: 1px #ced0d6 solid;}
.blog_categories ul li {width: 50%; float: left; font-size: 12px; margin-bottom: 10px; text-transform: capitalize;}
.detail_blog .blogbot_info {text-align: center;}
.detail_blog .blog_social {float: none; display: inline-block;}

.blog_nav {width:100%; float: left;}
.blog_nav i {margin: 0 5px;}
.blog_prev {float: left;}
.blog_next {float: right;}
.blog_nav .blog_control {display: inline-block; font-size: 14px;  color: #333; font-weight: 600; text-transform: uppercase;}
.blog.detail_blog .left_side .blog_ls_cont > li {margin-bottom: 15px; }
.blog_nav a:hover {color:#337ab7;}
.clucth_rev { color: #337ab7 !important; font-size: 15px !important; font-style: normal !important;}
 /*blog:end*/




/*portfolio:start*/

.portfolio_h{float:left; width:calc(100% - 476px);}

.portfolio_h h3 p{font-size:22px; color:#333; margin-top:0; line-height:30px;}

.custom_tab_link{width:476px; float:left;}

.custom_tab_cont1{width:100%; float:left; margin-top:26px;}

.custom_tab_link .nav-tabs>li{margin-bottom:0;}

.custom_tab_link .nav-tabs>li>a{font-size: 13px; color: #555555; font-weight:300; margin:0; position:relative; border:0;}

.custom_tab_link .nav-tabs>li>a:after{content:""; position:absolute; width:1px; height:60%; right:0; top:50%; transform:translateY(-50%); background:#dcdcdc;}

.custom_tab_link .nav-tabs>li:last-child>a:after{display:none;}

.custom_tab_link .nav-tabs>li>a span{width:24px; height:24px; background:#ededee; display:inline-block; border-radius:50%; text-align:center; line-height:24px; margin-left:6px;}

.custom_tab_link .nav-tabs>li>a:hover{color:#066da7; background:none;}

.custom_tab_link .nav-tabs>li>a:hover span{background:#066da7; color:#FFF;}

.custom_tab_link .nav-tabs>li.active>a{color:#066da7;}

.custom_tab_link .nav-tabs>li.active>a span{background:#066da7; color:#FFF;}

.custom_tab_link .nav-tabs>li.active>a, .custom_tab_link .nav-tabs>li.active>a:focus, .custom_tab_link .nav-tabs>li.active>a:hover{border:0;}

.custom_tab_link .nav.nav-tabs{border:1px #ededee solid; float:right;}



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

.custom_tab_link_inner .nav-tabs{text-align:center;}

.custom_tab_link_inner .nav-tabs>li{margin:0 4px 0 4px; display:inline-block; float:none;}

.custom_tab_link_inner .nav-tabs>li>a{font-size: 13px; color: #333; font-weight:600; margin:0; border:0; padding:8px 16px; border-radius:18px;}

.custom_tab_link_inner .nav-tabs>li>a:hover{background:#066da7; color:#FFF; box-shadow:1px 2px 6px rgba(0, 0, 0, 0.1);}

.custom_tab_link_inner .nav-tabs{border:0; margin-bottom:20px;}

.custom_tab_link_inner .nav-tabs>li.active>a, .custom_tab_link_inner .nav-tabs>li.active>a:focus, .custom_tab_link_inner .nav-tabs>li.active>a:hover{border:0; background:#066da7; color:#FFF; box-shadow:1px 2px 6px rgba(0, 0, 0, 0.1);}



.port_web li{width:33.33%; float:left; position:relative; border-right:1px #FFF solid; border-top:1px #FFF solid; height:230px; overflow:hidden;}

.port_web li:nth-child(6n+1),.bg_blue{background:#e9f1f5;}

.port_web li:nth-child(6n+2),.bg_green{background:#e6f2f0;}

.port_web li:nth-child(6n+3),.bg_yellow{background:#f5f3e9;}

.port_web li:nth-child(6n+4),.bg_red{background:#f7f0f0;}

.port_web li:nth-child(6n+5),.bg_purple{background:#e9ecf5;}

.port_web li:nth-child(6n+6),.bg_light_green{background:#ecf5e9;}

.port_img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:auto; height:auto; max-height:80%; max-width:80%;}

.port_link{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:1; opacity:0; transition:0.5s all;}

.port_link a{color:#FFF; width:44px; height:44px; float:left; line-height:40px; border:2px #FFF solid; border-radius:50%; font-size:20px; text-align:center; margin:0 5px;}

.port_link a:hover{background:#FFF; color:#066da7;}

.port_web li:after{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0); transition:0.5s all;}

.port_web li:hover:after{background:rgba(0, 0, 0, 0.2);}

.port_web li:hover .port_link{opacity:1;}





/*product development:start*/

.product_development{padding-top:0;}

.product_development .mh_l.mh_l_bl{margin-bottom:5px;}

.product_development_cont{background:#f7f6f6; padding:40px 0;}

.development_quik{width:100%; float:left; padding:40px 0 110px 0; overflow:hidden;}

.development_quik .image_side{position:absolute;}

.development_quik .headtyp3{margin:30px 0 12px 0;}

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

.quik_ul li{width:50%; float:left; font-size:15px; padding:0 0 10px 24px; position:relative;}

.quik_ul li:after{content:""; position:absolute; left:0; top:5px; width:13px; height:13px; border:2px #066da7 solid; border-radius:50%;}

.development_quik .main_btn.blue{margin-top:30px;}

.development_quik.quik_task{background:#fafafa; position:relative;}

.quik_task_img{position:absolute; right:0; padding-right:0; top:50%; transform:translateY(-50%); max-width:645px;}

.quik_task_img img{width:100%;}

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

.other_product_cont{margin-top:30px;}

.other_product_cont .left_side{width:140px; float:left;}

.other_product_cont .right_side{width:calc(100% - 140px); float:left; padding-left:20px;}

.other_product_cont .right_side h3{font-size:22px; font-weight:600; color:#333;}

.other_product_cont .right_side p{font-size:15px;}



/*Testimonials:start*/

.testimonials .mh_c.mh_c_l{margin-bottom:5px;}

.video_bt .mh_c.mh_c_l{margin-bottom:5px;}

.video_testimonial{width:100%; float:left; position:relative; margin-top:30px;}

/* .video_testimonial a{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);} */

.video_testimonial a:hover{opacity:0.8;}

.text_testimonials{width:100%; float:left; background:#f4f4f4; padding-bottom:60px;}

.text_testimonials li{text-align:center;}

.text_testimonials li p{background:url(../png/comma_left-2.png) no-repeat left top, url(../png/comma_right-2.png) no-repeat right bottom; padding:0 40px; margin-top:20px;}

.client_name{font-weight:700; line-height:22px; display:block; margin-top:20px;}

.client_name span{display:block; font-weight:400; font-style:italic; font-size:15px;}

.text_testimonials .flexslider{background:none; border:0;}

.text_testimonials .flex-direction-nav{display:none;}

.text_testimonials .flex-control-paging li{margin:0 2px;}

.text_testimonials .flex-control-paging li a{width:12px; height:12px; background:#000;}

.text_testimonials .flex-control-paging li a.flex-active{background:#619942;}

.video_bt_p{width:100%; float:left; text-align:center; font-size:14px; color:#000; background:#f2f2f2; padding:10px 0;}



/*ui-ux:start*/

.soft_deve{background:#f4f4f4 url(../jpg/book_bg-2.jpg) no-repeat right center;}

.soft_deve .sh_c{margin-bottom:20px;}

.resource_features.soft_deve ul{margin-top:5px; float:left; width:100%;}

.resource_features.soft_deve ul li{width:50%; float:left;}

.what_can{width:100%; float:left; background:#014b71;}

.what_can .row{background:url(../png/what_can-2.png) no-repeat left center;}

.what_can .right_side{padding:30px 0 40px 0;}

.what_can .right_side .sh_c{color:#FFF; margin-bottom:20px; text-align:left;}

.what_can .right_side .mh_l{margin-bottom:5px;}

.choose_other p{line-height:25px; margin-top:8px;}

.choose_other_cont{margin:25px 0; float:left;}

.choose_other_cont .left_side{float:left; width:70px; text-align:center;}

.choose_other_cont .right_side{float:left; width:calc(100% - 70px); padding-left:20px;}

.choose_other_cont .right_side h4{font-size:15px; font-weight:600; color:#333; margin:0;}

.choose_other_cont .right_side p{font-size:14px; font-weight:300; color:#333; margin:5 0 0 0; line-height:22px;}

.plane_h{line-height:32px;}

.development_p{margin-top:16px; line-height:32px;}







/*ourteam:start*/

.team_list {width:100%; float: left; margin-top: 20px;}

.team_list ul li {width:25%; float: left; list-style: none; background: #fff;}

.team_list article {position: relative; display: block;}

.team_list article:before, .team_list article .content:before {content: ''; display: block; padding-bottom: 100%; width: 100%;}

.team_list article:before {padding-bottom: 122%;}

.team_list article .leader {display: block; height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%;}

.team_list ul aside {box-sizing: border-box; display: block; z-index: 10; position: absolute; width: 100%; height: 100%; border-top: 0px solid transparent; border-left: 0px solid transparent; border-bottom: 1px solid #edf0f2; border-right: 1px solid #edf0f2; opacity: 1;}

.team_list article header {bottom: 0px; color: #161615; font-size: 15px; padding: 20px 15px 15px 15px; position: absolute; text-align: left; width: 100%; z-index: 40;}

.team_list article header .client, .team_list article header .title {opacity: 1;}



.team_list  .title strong, .team_list article header .client {position: relative;}

.team_list .title {font-size: 14px;}

.team_list .title span {font-size: 12px;}

.team_list article header .blurb {-ms-transform: translateY(50%); transform: translateY(50%); font-size: 14px; bottom: 10px; color: #fff; opacity: 0; position: absolute; padding-right: 20px; line-height: 16px;}

.team_list article header .blurb span {font-size: 12px;}



.team_list article, .team_list article .content {position: relative;}

.team_list article .content {-ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); left: 50%; position: absolute; top: 40%; width: 70%; z-index: 1;}

.team_list article:before, .team_list article .content:before {content: ''; display: block; padding-bottom: 100%; width: 100%;}

.team_list article .content .image {border-radius: 50%; height: 99%; left: 0; overflow: hidden; position: absolute; text-align: center; top: 0; width: 99%; transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; -webkit-mask-image: -webkit-radial-gradient(circle,white 100%,black 100%); z-index: 1;}

.team_list article .content .image:before {background-color: #2b9bdf; background-image: linear-gradient(to bottom,#2b9bdf,#0bbdd7,#a8dbe9); content: ''; display: block; height: calc(145.7 * 1.22%); left: -23%; opacity: 0; position: absolute; top: -19%; width: 145.7%;}

.team_list article .content .image img {transform: translate(-50%,-50%) translateZ(0) scale(1,1); -webkit-backface-visibility: hidden; height: 177%; left: 50%; opacity: 1; position: absolute; top: 70%; width: auto; z-index: 1; max-width: none;}

.team_list article .content .image:after {-ms-transform: scale(2); transform: scale(2); border: 1px solid; border-color: rgba(255,255,255,0); border-radius: 50%; content: ''; display: block; height: 100%; position: absolute; width: 100%; z-index: 20;}

.team_list article .leader:hover aside {opacity: 0;}

.team_list article .leader:hover .client, .team_list article .leader:hover .title {-ms-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; position: relative;}

.team_list article .leader:hover .client, section.work-cards article .leader:hover .title, section.work-cards article .leader:hover .blurb {transition: opacity 0.4s ease-out,transform 0.6s ease-in-out;}

.team_list article .leader:hover .blurb {-ms-transform: translateY(0); transform: translateY(0); opacity: 1;}

.team_list article .leader:hover .content .image {overflow: visible;}

.team_list article .leader:hover .content .image {-webkit-mask-image: none;}

.team_list article .leader:hover .content .image:before {opacity: 1;}

.team_list article .leader:hover .content .image img {transition: opacity 0.4s cubic-bezier(0.175,0.885,0.32,1.275); opacity: .7;}

.team_list article .leader:hover .content .image:after {transition: transform 0.2s ease-out; -ms-transform: scale(1); transform: scale(1); border-color: white;}

.team_list ul li:nth-child(4n) aside {border-right: 0px solid transparent;}

/*ourteam:end*/



/*IOS app development:start*/

.app_development_process{padding:100px 0 120px 0;}

.app_development_process .container{position:relative;}

.app_development_process .features_available_img{top: initial; transform: translateY(0); bottom: -120px;}

.app_development_process .features_available_img img{max-width:100%;}

.app_development_process .mh_c_l{margin-bottom:40px;}

.app_development_process p{font-size:18px;}

.app_journey{padding:20px 0; background:#f0f1ff;}

.app_journey .sh_c{text-align:left; margin:10px 0 20px 0;}

.circle_column{position:relative; padding-left:80px;}

.app_journey_cont{padding:70px 0;}

.circle-image{position: relative; width: 450px; height: 450px; -webkit-animation: rotation 24s infinite linear;}

@-webkit-keyframes rotation {

		from {

				-webkit-transform: rotate(0deg);

		}

		to {

				-webkit-transform: rotate(359deg);

		}

}





.mobile-image{position:absolute; left:-60px; -webkit-animation-name: map_animation; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-name: map_animation; animation-duration:2s; animation-iteration-count: infinite;}

@keyframes map_animation{

    0%   {bottom:-80px;}



    50%  {bottom:-70px;}



    100% {bottom:-80px;}

}

@-webkit-keyframes map_animation{

    0%   {bottom:-80px;}



    50%  {bottom:-70px;}



    100% {bottom:-80px;}

}



.need_app{text-align:center;}

.need_app .mh_c{margin-bottom:10px;}

.need_sub_h{line-height:32px; padding:0 110px;}

.need_app_cont{margin-top:40px;}

.need_app_cont h3{font-size:18px; color:#333333; font-weight:700;}

.need_app_cont p{font-size:16px; color:#333333; font-weight:300; line-height:22px;}





/*android:start*/

.android_sec {background: url(../jpg/androidsec_bg-2.jpg)no-repeat center center; background-size: cover; padding: 95px 0; }

.android_sec .container {position: relative;}

.app_about {float: left; width:100%; padding-right: 400px;}

.app_about .mh_c.mh_c_l {margin-bottom: 15px;}

.app_about .sh_c {text-align: left;}

.app_graphic {position: absolute; bottom: -95px; right: 0;}



.android_process .sh_c {text-align: left;}

.android_steps {list-style: none; margin: 50px 0 0 0; padding: 0; width: 100%; background: url(../png/common-doted-line-2.png) repeat-x center; position: relative;}

.android_steps li{display: inline-block; margin-left: -4px; padding: 70px 0; text-align: center; position: relative; width: 16.5%;}



.android_steps li .tech-circle{display: inline-block; width: 57px; height: 57px; line-height: 57px; text-align: center; border-radius: 50px; position: relative; z-index: 9; background:#0074a6;}

.android_steps li .tech-circle img{position:relative; z-index:2;}

.android_steps li .tech-circle:before{width: 57px; height: 57px; position: absolute; left: 0; top: 0; border-radius: 50%; background-color: #0074a6; content:""; z-index: 1; animation: pulse-animation 1.5s infinite ease-in-out;}

.android_steps li .tech-circle:after{width: 57px; height: 57px; position: absolute; left: 0; top: 0; border-radius: 50%; background-color: #0074a6; content:""; z-index: 1; animation: pulse-animation 1.5s infinite ease-in-out; animation-delay: 0.5s;}



@-webkit-keyframes pulse-animation{0%{-moz-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:0}9%{-moz-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:0}10%{-moz-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}100%{-moz-transform:scale(1.6);-o-transform:scale(1.6);-webkit-transform:scale(1.6);-ms-transform:scale(1.6);transform:scale(1.6);opacity:0}}



@keyframes pulse-animation{0%{-moz-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:0}9%{-moz-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:0}10%{-moz-transform:scale(1);-o-transform:scale(1);-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1}100%{-moz-transform:scale(1.6);-o-transform:scale(1.6);-webkit-transform:scale(1.6);-ms-transform:scale(1.6);transform:scale(1.6);opacity:0}}







.android_steps li span {display: block; position: absolute; width: 100%; text-align: center; font-size: 15px; font-weight:600; color: #333333; padding: 8px 0; white-space: nowrap; left: 0; bottom:18px;}

.android_steps li:nth-child(odd) span{top:18px; bottom:initial;}



.android_steps li:first-child {padding-left: 0; float: left; width: 9px}

.android_steps li:last-child {padding-left: 0; float: right; width: 9px}



.android_steps li .dot{display: inline-block; width: 9px; height: 9px; border-radius: 50px; margin: 23px 0;}



.android_steps li:first-child .dot {background: #555}

.android_steps li:last-child .dot {background: #555}





.android_steps li::after {

    content: "";

    width: 10px;

    height:50px;

    background: url(../png/home-arrow-down-2.png) no-repeat bottom;

    position: absolute;

    top: 0;

    left: 50%;

    margin-left: -5px;

}



.android_steps li:first-child::after {

    display: none

}



.android_steps li:last-child::after {

    display: none

}



.android_steps li:nth-child(3)::after {

    background: url(../png/home-arrow-up-2.png) no-repeat top;

    top: initial;

    bottom: 0

}



.android_steps li:nth-child(5)::after {

    background: url(../png/home-arrow-up-2.png) no-repeat top;

    top: initial;

    bottom: 0

}



.android_steps li:nth-child(7)::after {

    background: url(../png/home-arrow-up-2.png) no-repeat top;

    top: initial;

    bottom: 0

}





.android_steps li:nth-child(11)::after {

    background: url(../png/home-arrow-up-2.png) no-repeat top;

    top: initial;

    bottom: 0

}



.android_steps li:nth-child(11) span {

    top: 29px

}



.android_steps li:nth-child(13)::after {

    background: url(../png/home-arrow-up-2.png) no-repeat top;

    top: initial;

    bottom: 0

}



.android_steps li:nth-child(13) span {

    top: 29px

}





/*UX UI:Start*/

.ux_ui{background:#f7f7f7;}

.ux_ui .sh_c{text-align: left; margin: 10px 0 20px 0;}

.ux_ui .right_side{position:relative;}

.ux_ui .right_side .ux_ph{position:absolute; left:0; -webkit-animation-name: ux_animation; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; animation-name: ux_animation; animation-duration:2s; animation-iteration-count: infinite;}

@keyframes ux_animation{

    0%   {bottom:0;}



    50%  {bottom:5px;}



    100% {bottom:0;}

}

@-webkit-keyframes ux_animation{

    0%   {bottom:0;}



    50%  {bottom:5px;}



    100% {bottom:0;}

}

.ux_process{text-align:center;}

.ux_process .mh_c {margin-bottom:10px;}

.ux_process_cont{margin-top:50px;}

.ux_process_cont i{font-size: 64px; color:#006fa9; width: 140px; height: 140px; line-height: 139px; border:1px #cccccc solid; border-radius: 140px; background-color: rgba(0, 0, 0, 0); transition:all 0.5s;}

.ux_process_cont i:hover{color:#FFF; border:1px #006fa9 solid; background:#006fa9;}

.ux_process_cont h3{line-height: 24px; font-weight: 700; color: #303030; font-size: 22px; margin:25px 0 15px 0;}

.ux_process_cont p{font-size:15px;}









/*video:start*/

.client_video .left_side{width:calc(100% - 200px); float:left; padding-right:30px;}

.client_video .client_video_wra{padding:0 100px; width:100%; float:left;}

.client_video .left_side h3{margin: 10px 0 0 0; font-size: 26px;}

.client_video_cont{position:relative;}

.client_video_cont iframe{width:100%; height:470px;}

/* .client_video_cont:after{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.3); z-index:1;} */

.client_video_cont img{width:100%; margin-top:-20px;}

.client_video_cont .client_play{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:2;}

.client_video_cont .client_play img{width:auto;}



.client_video .right_side{width:200px; float:left; overflow-y:auto;}

.client_video .right_side h3{font-size: 12px; padding:5px; margin:0; font-weight:600; width:100%; float:left; line-height:14px; background: #477ea9; color:#fff;}

.client_video .right_side p{font-size:14px; line-height:20px; width:calc(100% - 180px); float:left;}

.client_video .right_side ul li{margin-bottom:15px; float:left; width:100%;}

.client_video .right_side ul li:last-child{margin-bottom:0;}

.client_video .right_side ul li .client_video_cont{width:100%; float:left; margin-right:20px; height:90px; overflow:hidden; border:2px solid #477ea9; border-top:0;}

.client_video .right_side ul li .client_video_cont .client_play img{width:30px;}

.client_video .right_side .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:rgba(0,0,0,.75);}

.client_video .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:rgba(0,0,0,.1);}

.client_video .mCSB_scrollTools .mCSB_buttonUp{background-image:url(../png/mcsb_buttons-2.png);}

.client_video .mCSB_scrollTools .mCSB_buttonDown{background-image:url(../png/mcsb_buttons-2.png);}





.port_web li{width:33.33%; float:left; position:relative; border-right:1px #FFF solid; border-top:1px #FFF solid; height:230px; overflow:hidden;}

.bg_blue{background:#e9f1f5;}

.bg_green{background:#e6f2f0;}

.bg_yellow{background:#f5f3e9;}

.bg_red{background:#f7f0f0;}

.bg_purple{background:#e9ecf5;}

.bg_light_green{background:#ecf5e9;}

.port_img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:auto; height:auto; max-height:80%; max-width:80%;}

.port_link{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:1; opacity:0; transition:0.5s all;}

.port_link a{color:#FFF; width:44px; height:44px; float:left; line-height:40px; border:2px #FFF solid; border-radius:50%; font-size:20px; text-align:center; margin:0 5px;}

.port_link a:hover{background:#FFF; color:#066da7;}

.port_web li:after{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0); transition:0.5s all;}

.port_web li:hover:after{background:rgba(0, 0, 0, 0.2);}

.port_web li:hover .port_link{opacity:1;}







/*Career:start*/

.career{text-align:center;}

.career .panel-group .panel{background:none; border-radius:0; border:1px #d0d0d0 solid; border-top:0; float:left; width:100%;}

.career .panel-heading{padding:0; border:0; background:none;}

.career .panel-group{text-align: left; background: #fbfbfb; padding:0; float:left; width:100%; margin:30px 0 0 0;}

.career .panel-group .panel-collapse{width:100%; float:left; position:relative;}

.career .panel-group .panel-title a{width: 100%; display: inline-block; text-align: left; padding:14px 20px; border-top:1px #d0d0d0 solid; font-size: 15px; color: #505050; font-weight:600;}

.career a.aria-expanded{background:#000;}

.career_cont .left_side{width:100%; padding:10px 20px 20px 20px; float:left; position:relative;}

.career_cont .right_side{width:100%; padding:10px 20px 20px 20px; float:left;}

.career_cont .sh_c{text-align:left; padding-bottom:15px;}

.career_cont{float:left; width:100%; position:relative; z-index:2;}

.career_cont ul li {margin-bottom: 10px; position: relative; padding-left: 26px;}

.career_cont ul li:after{content: "\f058"; position: absolute; left: 0; top: -3px; font-family: FontAwesome; font-size: 20px; color: #066da7;}

.panel-title a{position:relative;}

.career .panel-title a:after{content: "\f055"; position: absolute; right: 20px; top: 13px; font-family: FontAwesome; font-size: 20px; color: #066da7;}

.career .panel-title a.active:after{content: "\f056";}

.career .mh_c{margin-bottom:10px;}

.career_social{position:absolute; right:20px; top:0; z-index:9;}

.career_social a{margin-left: 6px; display: inline-block; background:none; width: 30px; height: 30px; border-radius: 50%; text-align: center; line-height: 30px; color:#000; border:1px #000 solid; transition:all 0.5s;}

.career_social a:hover{color:#FFF; background:#000;}

.inner_banner h1 {
    font-size: 24px;
    color: #20182f;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}




.nav_bar ul li.has_menu:hover .submenu_box {display: block;}
.header2 ul li.has_menu:hover .submenu_box {display: block;}


.blog_cont ul li {list-style: disc; margin-left: 25px; margin-bottom: 10px;}

.us_contact{float: right; border-left: 1px solid #2c8cc5; line-height: 26px; font-weight: 600; margin: 23px 0 0 20px; }
.us_contact a{color:#363842; background:url(../png/usa-2.png) no-repeat 15px center; font-size:15px; padding-left: 43px;}
.us_contact a:hover{color: #337ab7;}

.us_contact_p a{color:#363842; background:url(../png/usa-2.png) no-repeat left center; font-size:15px; padding-left:33px;}
.us_contact_p a:hover{color: #337ab7; font-weight:600;}

.header2 .submenu_box.dg.mb_dev {
    background: #f5f5f5 url(../png/mega-graphic-2.png) no-repeat right 10px top 60px;
}

/*New css 20-12-2024*/

:root {
  --primary-color: #619942;
  --secondary-color: #144d79;
}

.d-flex{display:flex;}
.align-items-center{align-items:center;}
.justify-content-center{justify-content:center;}
.justify-content-between{justify-content: space-between;}
.justify-content-end{justify-content:end;}

/*Button*/
.braintech_btn{font-size: 18px;font-weight: 500;padding: 11px 24px;text-decoration: unset;border-radius: 8px;}
.braintech_btn span{margin-left: 13px;}
.btn_white{background-color: #fff;color: #000000;}
.btn_green{background-color: var(--primary-color);color: #fff;padding: 15px 21px;}
.btn_white:hover img{filter: invert(100);}
.btn_border{border: 1px solid #e4e4e4;padding: 15px 21px;color: #fff;}
/* button hover animation */
.braintech_btn span img {transition: transform 0.3s ease;}
.braintech_btn:hover {background-color: var(--secondary-color);color:#fff;}
.braintech_btn:hover span img {transform: translateX(4px) translateY(-4px);}
/*Button*/

/*Footer Section*/
.footer-section-top {padding-top: 50px;padding-bottom: 50px;background: linear-gradient(-55deg, #01003d, #000000);;}
.location-img {padding-bottom: 20px;max-width: fit-content;border-bottom: 2px solid #fff;margin: 0 auto 20px;}
.location-name {text-transform: uppercase;font-size: 18px;color: #fff;margin-bottom: 16px;}
.location-des {font-size: 16px;color: #fff;}
.location-area{opacity: 0.7;}
.location-area:hover{opacity: 1;}
.footer_menu{padding:60px 0px;}
.footer-section-bottom {background-color: #15151f;padding: 30px 0px;}
.copyright {color: #fff;margin-bottom:0px !important;}
.footer-copyright{display:flex;align-items:center;justify-content: space-between;}
.footer-copyright .social-media a{color:#fff;}
/*Footer Section*/

.container-fluid.p-0{padding:0px!important;}
header{position: relative;z-index: 999;}

/*Top Section*/
.contact-info-top {padding: 8px 0;}
.contact-info-content {color: #555555;}
.contact-info-content span {color: #000000;}
.social-media a{color: #000;font-size: 18px;width: 30px;margin-left: 0px;text-align: center;line-height: 32px;height: 30px;position:relative;}
.social-media a:before{content:'';background-color:var(--secondary-color);width:0px;height:100%;position:absolute;left:0;right:0;transition: 0.5s all ease;z-index: -1;}
.social-media a:hover:before{width:100%;}
.social-media a:hover{color:#fff;}
/*Top Section*/

/*Menu Section*/
.open>.dropdown-menu {display: block!important;}
.menu_bar .navbar-brand{padding: 0px 14px;display: block;width: 270px;top: -5px;position: relative;}
.menu_bar .navbar-brand svg{width: 100%;height: auto;}
.menu_bar .navbar-collapse{padding:0px 0px;}
.menu_bar .navbar-collapse .navbar-nav{float:right;}
.menu_bar .navbar-collapse .navbar-nav li a{font-size: 15px;text-transform: uppercase;font-weight: 500;color: #000;padding: 12px 20px;position: relative;}
.menu_bar .navbar-collapse .navbar-nav li a.braintech_contact{background-color: var(--primary-color);border-radius: 8px;margin-left: 25px;padding: 12px 25px;color:#fff;}
.menu_bar .navbar-collapse .navbar-nav li a:hover, .nav .open>a{background-color:transparent!important;}
.icofont-rounded-down{padding-left:5px;}
.menu_bar{padding: 7px 0px 5px;}
.menu_bar .navbar{margin: 0px 40px 0px;}
.menu_bar .navbar-collapse .navbar-nav li a.braintech_contact:hover{background-color:var(--secondary-color)!important;}

@media(min-width:1200px){
	.menu_bar .navbar-nav .mega_dropdown{position: static;}
	.menu_bar .navbar-nav .mega_dropdown:hover .dropdown-menu{display:block !important;}
	.navbar-nav>li{padding:3px 0px;}
}

.menu_bar .navbar-nav .mega_dropdown .dropdown-menu{width: 99%;top: 100%;border-radius: 30px;border: none;padding: 40px;margin: 0 auto;right: 0;}
.menu_bar .navbar-nav .dropdown-menu{top: 120%;}
.scale h4{font-size: 24px;font-weight: 500;color: #000;margin: 0px 0px 14px;}
.scale h4 span{color:var(--primary-color);}
.scale{padding-right: 90px;}
.scale .served{background: linear-gradient(90deg, #fdd4a4, #ebb6ec, #a5afee);;border-radius: 10px;padding: 15px 20px;margin-bottom: 25px;margin-top: 25px;}
.scale .served h5{font-size: 18px;font-weight: 600;color: #000;margin: 0px;border-bottom: 2px solid rgb(255 255 255 / 50%);padding-bottom: 10px;margin-bottom: 14px;}
.scale .served span{display: block;font-size: 15px;color: #000;line-height: 28px;}
.scale .braintech_btn{display: block;color: #fff!important;margin-top: 25px;text-align: center;}
.menu_bar .navbar-collapse .navbar-nav .braintech_development h4{font-size: 16px;font-weight: 600;color: #20182f;margin: 0px 0px 10px;    line-height: 24px;}
.menu_bar .navbar-collapse .navbar-nav .braintech_development ul li a{text-transform: unset;font-weight: 400;padding: 0px;color: #555;line-height: 34px;transition: 0.5s all ease;}
.menu_bar .navbar-collapse .navbar-nav .braintech_development ul li a:hover{padding-left:6px;color:var( --primary-color);}
.menu_bar .navbar-collapse .navbar-nav .dropdown-menu .divider{margin: 20px 0 30px;}
.menu_bar .navbar-collapse .navbar-nav .scale .braintech_btn:hover{background-color:var(--secondary-color)!important;}
.menu_bar .navbar-nav .mega_dropdown.custom_dropdown .dropdown-menu{width: 100%;margin: 0 auto;right: 0;left: 0;float: none;max-width: 900px;}
.menu_bar .navbar-nav .mega_dropdown.custom_dropdown .dropdown-menu .scale{padding-right:0px;}
.about_menu{gap: 60px;padding-left: 45px;}
.about_menu .d-flex{gap: 60px;}
.about_menu .braintech_btn.btn_green{width: 100%;display: block;text-align: center;margin-top: 20px;color:#fff!important;}
.menu_bar .navbar-collapse .navbar-nav .about_menu .braintech_btn.btn_green:hover{background-color:var(--secondary-color)!important;}
header.is-sticky .menu_bar {position: fixed;box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);padding: 8px 0;backdrop-filter: blur(10px);animation: slideDown 0.35s ease-out;left: 0;right: 0;top: 0;z-index:9;background: #fff;padding: 12px 0px;}
.font-15 {font-size: 15px;font-weight: 400;}
@keyframes slideDown {from {transform: translateY(-100%);}to {transform: translateY(0);}}

.notforhomepage .contact-info-top .container div.row.d-flex.align-items-center{display:none;}
.notforhomepage .menu_bar{padding: 7px 0px 5px;}
.get_started_popup .mobile_app_form{padding: 0px 0!important;}
.get_started_popup .modal-body{padding: 2px;}
.get_started_popup .modal-content{border-radius: 10px;}
.hide-filed{display:none;}
.padding-left{padding-left:0px;}
.get_started_popup .mobile_app_form .padding-left form{padding: 0px 20px;}
.get_started_popup .mobile_app_form .padding-left .row .col-xs-12:nth-child(odd){padding-right:5px;}
.get_started_popup .mobile_app_form .padding-left .row .col-xs-12:nth-child(even){padding-left:5px;}
.get_started_popup .mobile_app_form .padding-left br{display:none;}
.get_started_popup .mobile_app_form .padding-left .form-group{margin-bottom: 15px;}
.get_started_popup .mobile_app_form .padding-left input, .get_started_popup .mobile_app_form .padding-left select, .get_started_popup .mobile_app_form .padding-left textarea{padding: 0px;border: none;border-bottom: 2px solid #838383;border-radius: 0px;box-shadow: none;font-size: 13px;font-weight: 400;color: #333;}
.get_started_popup .mobile_app_form .padding-left input::placeholder, .get_started_popup .mobile_app_form .padding-left textarea::placeholder{font-weight: 400;color: #333;}
.get_started_popup .mobile_app_form .padding-left textarea{padding: 0px !important;height: 50px !important;}
.get_started_popup .mobile_app_form .padding-left label{color: #333;font-weight: 500;}
.get_started_popup .mobile_app_form .padding-left input.btn-primary{background: #689737;border: none;text-transform: capitalize;color: #fff;font-size: 16px;font-weight: 500;padding: 11px 24px;text-decoration: unset;border-radius: 8px;margin-top: 0px;margin-bottom: 5px;}
.get_started_popup .mobile_app_form .padding-left input.btn-primary:hover{background-color: var(--secondary-color);}
.get_started_popup{top: 50%;transform: translateY(-50%)!important;}
.get_started-img{position:relative;}
.get_started-img button{left: 0;}
.get_started_popup .mobile_app_form.modal-custom .form-div p{display: block;}
.service_type .form-check p{display: flex !important;align-items: center;gap: 8px;}

.modal.show:before{content:'';position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: #000;opacity: .5;}

.about_growth{flex-wrap: wrap;}
.about_growth span{flex: 0 0 50%;}

.contact-section-main {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;border-radius: 26px;clear: both;margin-bottom: 60px;}
.contact-team-sec {background: #083456;background-image: url(../png/map-2.png);background-size: cover;background-repeat: no-repeat;background-blend-mode: multiply;padding: 60px;border-radius: 26px;}
.contact-team-sec h3 {font-size: 36px;color: #ffffff;margin-bottom: 25px;font-weight: 600;}
.contact-team-sec p {font-size: 16px;color: #e5e5e5;font-weight: 400;margin-bottom: 57px !important;}
.career-sec {padding: 60px;border-radius: 26px;}
.career-sec h3 {font-size: 36px;color: #20182f;margin-bottom: 25px;font-weight: 600;}
.career-sec p {font-size: 16px;color: #555555;font-weight: 400;margin-bottom: 40px!important;}
.clutch-section p{margin-left:5px;}

.footer_free_consult{display:none;}

@media(max-width:1600px){
	.scale {padding-right: 0px;}
	.menu_bar .navbar-nav .mega_dropdown .dropdown-menu{padding: 25px;}
	.scale h4{font-size: 20px;margin: 0px 0px 10px;}
	.scale .served{margin-bottom: 15px;margin-top: 12px;padding: 15px 15px;}
	.scale .served h5{padding-bottom: 8px;margin-bottom: 8px;}
	.scale p{font-size:15px;line-height: 22px;}
	.scale .braintech_btn{padding: 12px 10px!important;margin-top: 15px;}
	.menu_bar .navbar-collapse .navbar-nav .braintech_development ul li a{line-height: 30px;font-size: 14px;}
	.menu_bar .navbar-collapse .navbar-nav .dropdown-menu .divider {margin: 12px 0 15px;}
	.menu_bar .navbar-collapse .navbar-nav .braintech_development h4{margin: 0px 0px 8px;line-height: 22px;font-size: 15px;}
	header.is-sticky .menu_bar .navbar, .notforhomepage .menu_bar .navbar{margin: 0px 0px 0px;}
	.portfolio_description .portfolio_name p{font-size: 14px;line-height: 21px;min-height: 63px;}
	.portfolio-img{align-items: center;}
	.menu_bar .navbar {margin: 0px 25px 0px;}
	.menu_bar .navbar-collapse .navbar-nav .braintech_development ul li a:hover {padding-left: 2px;color: var(--primary-color);}
	
}

@media(max-width:1350px){
	footer .f_links li{line-height: 28px;}
}

@media(max-width:1300px){
	.scale .served h5{font-size:14px;}
	.scale .braintech_btn{font-size: 13px!important;}
	.scale .served span {font-size: 14px;line-height: 24px;}
	.menu_bar .navbar-nav .mega_dropdown .dropdown-menu {padding: 20px;}
	.braintech_btn span {margin-left: 6px;}
	.menu_bar .navbar-collapse .navbar-nav .braintech_development ul li a:hover{padding-left:0px;}
	.menu_bar .navbar-collapse .navbar-nav .braintech_development ul li a{line-height: 27px;}
	.menu_bar .navbar-collapse .navbar-nav .dropdown-menu .divider {margin: 8px 0 10px;}
	.menu_bar .navbar-collapse .navbar-nav .braintech_development h4 {line-height: 20px;font-size: 14px;}
	.portfolio_description .portfolio_name p{font-size: 13px;line-height: 19px;min-height: 57px;}
	.portfolio-img{margin-top:30px;}
	
	.career-sec h3, .contact-team-sec h3{font-size:30px;}
}

@media(max-width:1200px){
	.navbar-header {float: none!important;}
    .navbar-nav {float: none !important;}
    .navbar-nav > li {float: none!important;}
	.menu_bar .navbar-collapse {position: absolute;background: #fff;left: 0;right: 0;z-index: 1;padding: 10px 20px 20px;}
	.menu_bar .navbar-collapse .navbar-nav li a{padding: 12px 0px;}
	.menu_bar .navbar-collapse .navbar-nav li a.braintech_contact{margin-left: 0;}
	.about_menu, .services_menu {padding-left: 0px;margin-top: 20px;}
	header.is-sticky .menu_bar{position: static;box-shadow: none;background: transparent;backdrop-filter: unset;animation: none;padding: 0px;}
	.menu_bar .navbar-nav .mega_dropdown .dropdown-menu{width: 100%;}
	.git {margin-top: 0;}
	.contact-info-top .row.d-flex{display:block;}
	.get_started-img img{display:none;}
	.get_started_popup button.close{position:static!important;}
	.navbar-toggle .icon-bar {background: #000;}
	.navbar-toggle {display: block;}
	
	.contact-team-sec{padding: 30px;}
	.career-sec{padding: 25px;}
	.industry-img{height: 30px;}
	.clutch-section{padding: 25px;}
	.technologies-btn .technology-name h3 br{display:none;}
}

@media(max-width:991px){
	footer h3{font-size: 18px;margin: 15px 0 15px 0;}
	footer .f_links li a{font-size:14px;}
	footer .f_links li{line-height: 26px;}
	.git {text-align: left;}
}

@media(max-width:767px){
	.contact-info-top .row.d-flex, .free-quote {display: none;}
	.menu_bar .navbar {margin: 0px 15px 0px !important;}
	.menu_bar .navbar-brand{width: 180px;top: 0;padding: 0px 0;height: 42px;}
	.notforhomepage .menu_bar {padding: 0px 0px 0px;}
	.notforhomepage .menu_bar .navbar-brand{padding: 0px 0px;}
	.menu_bar {padding: 0px 0px 0px;}
	.braintech_btn{font-size:16px;padding: 10px 21px;display: inline-block;}
	.footer_menu {padding: 30px 0px;}
	.company_reviews div {padding-right: 15px;}
	.company_reviews div.good_firm {padding-left: 0px;}
	.footer-copyright{display:block;text-align:center;}
	.social-media{justify-content: center;margin-top: 8px;}
	.footer-section-bottom{ padding: 15px 0px;}
	.location-des br{display:none;}
	.location-des{font-size: 14px;}
	.location-name{margin-bottom: 8px;}
	.location-area{margin-top:30px;}
	.footer-section-top{padding-top: 0px;padding-bottom: 40px;}
	.footer_menu h3{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #4d4d4d;padding-bottom: 15px;}
	.widget_custom_html{display:none;}
	.active_menu .widget_custom_html{display:block;}
	.active_menu h3 i{transform: rotate(180deg);}
	.navbar-toggle{margin-bottom:0px;}
	.menu_bar .navbar-collapse{padding: 0px 33px 20px;}
	.menu_bar .navbar-nav .mega_dropdown .dropdown-menu {padding: 0px;}
	.scale{display:none;}
	.about_menu, .services_menu {margin-top: 0;}
	.about_menu .d-flex{gap: 0px;flex-direction: column;}
	.menu_bar .navbar-collapse .navbar-nav li a{display: flex;justify-content: space-between;}
	.menu_bar .navbar-collapse .navbar-nav li a.braintech_btn.btn_green{display:block;}
	.menu_bar .navbar-nav .mega_dropdown .dropdown-menu{border-bottom: 1px solid #000;padding-bottom: 20px;border-radius: 0px;}
	.braintech_development{margin-bottom: 10px;margin-top: 10px;}
	
	.career-sec h3, .contact-team-sec h3 {font-size: 20px;margin-bottom: 15px;}
	.career-sec p, .contact-team-sec p{margin-bottom: 32px ! Important;}
	.contact-section-main, .text_testimonials, .team-skills-approch{margin-bottom: 30px;}
	
}

@media(min-width:767px){
	footer h3 i{display:none;}
}
/*Menu Section*/

@media (min-width: 1200px) {
    .container {
        width: auto;
        max-width: 1330px;
    }
	.navbar-toggle {
        display: none;
    }
	
	.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}
}



/*New css 20-12-2024*/


/*responsive:start*/

@media (max-width: 1320px){
.header2 ul li a {
    padding: 10px 22px;
}
}

@media(max-width:1270px){

.header2 ul li a {padding: 10px 10px;}

footer video {transform: translate(0%, -20%);}

.banner .slide_webdev img {width:390px;  margin-top: 100px;}

.banner .slide_clients img {width:430px; margin-top: 120px;}

}



@media(max-width:1170px){

.header2 ul li a {padding: 10px 10px;}

.banner .bx-prev {left: 10px;}

.banner .bx-next{right: 10px;}

}



@media (max-width:1024px){

.nav_bar {width: 100%; max-height:0; overflow: hidden; transition:0.5s all;}

.nav_bar.open{max-height:2000px; transition:0.5s all;}

.nav_bar ul .submenu_box {position: static;width: 100%;}

.nav_bar ul {margin-top: 10px; margin-right: 0; width:100%;}

.nav_bar ul li {width:100%; margin:0; padding:0;}

.nav_bar ul li a {padding: 8px 0; border-top: 1px #ccc solid;} 

.nav_bar ul li:first-child a {border-top: none;}



.search, .nav_bar ul li.active a::after{display:none;}

.nav_bar ul li .submenu_box li{font-weight: 400;}

.nav_bar ul li .submenu_box li a{padding: 7px 5px; background: none; }

.header2 ul li .submenu_box li a {padding: 7px 5px; background: none;}

.nav_burger{display: block; margin-top: 17px; opacity:0.6;}

/*.nav_burger:hover{opacity:0.9;}*/

.nav_burger.cross .nav_bar_img{display:none;}

.nav_burger.cross .nav_cross{display:block !important;}

.nav_bar {text-align: left;}

.nav_bar ul .submenu_box {padding: 0; background: none; box-shadow: none;}

.header1 {border-bottom: none;}

.header2 {width: 100%; max-height:0; overflow: hidden; transition:0.5s all;}

.header2.open{max-height:2000px; transition:0.5s all;}

.header2 ul li {width:100%; margin:0; padding: 8px 0; border-top: 1px #ccc solid;}

.header2 ul .submenu_box {position: static;width: 100%; border: none; padding-top: 0; min-height: auto; background: none;}

.header2 ul li .submenu_box ul {background: none;}

.nav_bar ul li .submenu_box ul {background: none;}

.ser_label {margin-left: 0; font-weight: 600; font-size: 14px; width: 100%;}

.ser_label i {display: inline-block; float: right; margin-right: 8px; font-size:16px;}

.ser_label br {display: none;}

.ser_icon {display: none;}

.header2 ul li {padding: 0;}

.header2 ul li a {padding: 8px 0; font-weight: 600; font-size: 14px; border-left:0; border-right: 0;}

.header2 ul li a:hover {border:none; color:#337ab7; background: none;}

.header2 ul li .submenu_box li {border-bottom: none;}

.nav_bar ul li i {float: right; margin-right: 5px;}

.nav_bar ul li.has_menu:after {top:10px !important; font-size: 16px !important; right:8px !important;} 
.nav_bar ul li.has_menu {padding-right: 0}


.header2 .submenu_box.mega {width:100%;  padding-bottom: 0;}

.header2 .submenu_box.mega::before {display: none;}

.header2 .submenu_box.mega ul {width:100%; padding: 7px 5px;}

.header2 ul li .submenu_box ul li:first-child {border-top: none;}

footer video{display:none;}

.git{margin-top:25px;}

.footer_btm .ft_container {padding: 15px 0 20px; width:100%; margin-top: 30px;}

.banner .bx-prev {display: none;}

.banner .bx-next{display: none;}



.header2 .submenu_box.wb_dev{background:#f5f5f5;}

.header2 .submenu_box.ecom_dev{background:#f5f5f5;}

.header2 .submenu_box.web_des{background:#f5f5f5;}

.header2 .submenu_box.mb_dev{background:#f5f5f5;}

.header2 .submenu_box.frm_dev{background:#f5f5f5;}

.banner video {top: -15%;}




.nav_bar ul li.has_menu:hover .submenu_box {display: none;}
.nav_bar ul li a:hover {color:#363842;}
.nav_bar ul li .submenu_box li a:hover {background: none; color:#363842;}
.header2 ul li.has_menu:hover .submenu_box {display: none;}
.header2 ul li a:hover {color:inherit;}
.header2 ul li a:hover .ser_label {color:#333;} 
.header2 ul li .submenu_box li a:hover {color:#363842;}




}



@media (max-width:992px){

.b_info {max-width: 400px;}

/*.banner {height: 350px;}*/

.banner ul li {height: 350px;}

.banner:after {height: 350px;}

.slide_webdev p {font-size: 14px;  line-height: 20px;}

.b_info h1 {font-size: 28px; line-height: 30px;}



.banner .slide_webdev img {margin-top: 60px;}

.banner .slide_digital img {width:300px;}

.banner .slide_app img {width:235px;}

.slide_digital p {font-size: 14px;  line-height: 20px;}

.slide_app p {font-size: 14px;  line-height: 20px;}



.slide_clients .b_info {max-width: 365px;}

.banner .slide_clients img {width:370px; margin-top: 85px;}

}



@media (max-width:950px){

.services .ser_part:nth-child(1), .services .ser_part:nth-child(4), .services .ser_part:nth-child(7){border-left-width:0px;}

.services .ser_part:nth-child(5){border-left-width:1px;}

.services h5 {font-size: 14px;line-height: 16px;}

}



@media (max-width:768px){

.top_row {display: none;}





.footer_btm li a{width:34px; height:34px; line-height:30px; font-size:16px;}

.footer_free_consult .text-right{text-align:left;}

.footer_free_consult h5 {font-size: 24px; margin: 0 0 0;}

.main_btn{line-height: 34px;}

.mh_l, .mh_c {font-size: 24px; line-height: 25px;}

.sh_c {font-size: 14px; line-height: 15px;}

.services h5 {font-size: 14px; line-height: 16px;}

.services .ser_part {margin: 20px 0 0; padding: 0 15px 15px;}

.services p{display:none;}

.services .ser_part:nth-child(1), .services .ser_part:nth-child(5){border-left-width:0;}

.services .ser_part:nth-child(4){border-left-width:1px;}

.clients .bx-wrapper { margin: 15px 0 30px;}

.clients .bx-wrapper:hover .bx-next, .clients .bx-wrapper:hover .bx-prev{display:none;}

}



@media (max-width:767px){



.banner ul li {text-align: center; height: 300px;}

.b_info {position: static; width: 100%; max-width: 100%; transform: none;}

.b_info h1 {font-size: 16px; line-height: 20px; margin-bottom: 5px; margin-top: 5px;}

.slide_digital p {font-size: 12px; line-height: 16px; margin-bottom: 10px;}

.slide_app p {font-size: 12px; line-height: 16px; margin-bottom: 10px;}

.slide_clients p {font-size: 12px; line-height: 16px; margin-bottom: 10px;}

.banner .slide_webdev img {float: none; width:auto; margin-top: 40px; display: inline-block; height: 100px;}

.banner .slide_app img {float: none; width:auto; margin-top: 20px; display: inline-block; height: 100px;}

.banner .slide_digital img {float: none; width:auto; margin-top: 20px; display: inline-block; height: 100px;}

.banner video {display: none;}

.section {padding: 25px 0;}
.banner .slide_clients img {float: none; width: auto; margin-top: 40px; display: inline-block; height: 100px;}
.slide_clients .b_info {max-width: 100%;}

}







@media (max-width:600px){
.blog_nav {margin-bottom: 20px;}
.blogtop_info h4 {font-size: 18px;    line-height: 24px;}
.date_comm {font-size: 12px;}
.blogbot_info {text-align: center;}
.cont_reading {float: none; display: inline-block;  margin-bottom: 25px;}
.blog_social {float: none; display: inline-block;}
body {color:#000;}
.left_side .blog_cont {font-size: 13px; line-height: 20px;}
.left_side .blog_cont p {font-size:13px; line-height: 20px;}
.logo {width:180px; padding: 8px 0;}

.nav_burger {margin-top: 8px; width: 30px;}

body {font-size: 15px;}

p {margin-bottom: 12px; line-height:18px; font-size: 13px;}

.certificates li{width:100%; margin-top:10px; margin-right: 0}

.inner_banner {padding: 10px 0;}
.inner_banner h1 {font-size: 20px;}
.us_contact{margin: 16px 0 0 0;}
}

@media (max-width:450px){

.services h5{min-height:50px;}

.mh_l, .mh_c {font-size: 18px;}

.sh_c {font-size: 11px;line-height: 15px;}

.mh_l_s {font-size: 18px;line-height: 24px;}
.us_contact{display:none;}
	}
		
/* pagination test coment hide */
.screen-reader-text{
	display:none!important;
}
.page-numbers {
	display: inline-block;
	padding: 5px 10px;
	margin: 0 2px 0 0;
	border: 1px solid #eee;
	line-height: 1;
	text-decoration: none;
	border-radius: 2px;
	font-weight: 600;
}
.page-numbers.current, a.page-numbers:hover {background: #f9f9f9; border: 1px solid #eee;}

.entry-header h2.entry-title{font-size:18px;}