/************************************Raj************************************/
.top-banner-sec { background-image: url("../png/banner-top.png"); background-position: center top; background-repeat: no-repeat; padding: 255px 0 0; position: relative; text-align: center; }
.top-banner-sec p { color: rgb(255, 255, 255); display: inline-block; font-size: 16px; max-width: 100%; min-height: 80px; text-align: center; width: 500px; }
.fashipn-image {
  display: inline-block;
  margin: 10px 0 0 -60px;
}
.botm-shape { padding: 80px 0 30px; text-align: center; }
.web-detil-sec { background-image: url("../png/bg-patern.png"); background-position: center 670px; background-repeat: no-repeat; background-size: 1390px auto; }
.botm-shape h5 { color: rgb(234, 10, 6); font-size: 38px; font-weight: 300; }
.botm-shape h5 { color: rgb(234, 10, 6); font-size: 36px; font-weight: 300; line-height: normal; margin: 0 0 15px; }
.fot-mensu { border: 1px solid rgb(192, 192, 192); border-radius: 5px; display: inline-block; margin: 25px 0; padding: 10px 15px; }
.fot-mensu a { color: rgb(145, 145, 145); display: block; font-size: 16px; text-transform: uppercase; }
.fot-mensu li { display: inline-block; }
.fot-mensu a:hover { color: rgb(234, 10, 6); }
.fot-mensu a { border-right: 1px solid rgb(173, 173, 173); color: rgb(145, 145, 145); display: block; font-size: 16px; padding: 0 10px; text-transform: uppercase; }
.fot-mensu li:last-child a { border-right: 0 none; }
.fot-app > li { border: 1px solid rgb(136, 189, 234); border-radius: 5px; display: inline-block; }
.fot-app > li a { display: block; padding: 8px; }
.testim-mon { background-color: #fff; -webkit-box-shadow: 0 0 11px rgba(0,0,0,.23); -moz-box-shadow: 0 0 11px rgba(0,0,0,.23); box-shadow: 0 0 11px rgba(0,0,0,.23); }
.testim-mon { background-image: url("../png/cout-icon.png"); background-position: 98% 85%; background-repeat: no-repeat; border-radius: 50px; display: table; width: 100%; }
.test-texts { overflow: hidden; padding: 30px 30px 30px 0; text-align: left; vertical-align: middle; width: 100%; }
.test-texts > a { color: rgb(33, 33, 33); font-size: 20px; }
.test-texts i { color: rgb(237, 21, 17); font-size: 16px; font-style: normal; }
.test-image { display: table-cell; vertical-align: middle; width: 250px; }
.test-texts > p { color: rgb(81, 81, 81); line-height: 25px; margin: 10px 0 0; }
.botm-shape .over-sec h5::before { background-color: rgb(184, 184, 184); bottom: -5px; content: ""; height: 4px; left: 0; margin: auto; position: absolute; right: 0; width: 80px; }
.botm-shape .over-sec h5 { color: rgb(29, 29, 29); font-size: 25px; font-weight: 500; position: relative; text-transform: uppercase; }
.over-sec { margin: 50px 0 20px; }
.over-sec > p { line-height: 25px; }
.fot-app { margin: 10px 0 40px; }
h5.po-titt::before { background-color: rgb(184, 184, 184); bottom: -5px; content: ""; height: 4px; left: 0; margin: auto; position: absolute; right: 0; width: 80px; }
h5.po-titt {
  color: rgb(29, 29, 29);
  font-size: 25px;
  font-weight: 500;
  margin: 10px 0 35px;
  position: relative;
  text-align: center;
  text-transform: uppercase;
}
.por-dex { /* background-image: url("../images/portfolios/moni-.png"); background-position: center top; background-repeat: no-repeat; */ padding: 12px 0 10px; position: relative; transition: all 0.2s ease 0s; }
.por-secion p { color: rgb(74, 71, 71); font-size: 15px; font-weight: 300; margin: 10px 0 0;   text-align: center;}
.por-dex::before { /* background-image: url("../images/portfolios/shadow.png"); background-position: center center; background-repeat: no-repeat;*/ bottom: -5px; content: ""; height: 25px; left: 0; margin: auto; position: absolute; right: 0; transition: all 0.2s ease 0s; }
.por-secion a:hover .por-dex { transform: translateY(-10px); }
.por-secion a:hover .por-dex { transform: translateY(-10px); }
.por-secion a:hover .por-dex::before { bottom: -15px; }
.por-folio { margin: 0 0 40px; }

.input-secion .form-control { border: 0 none; box-shadow: none; font-weight: 400; height: 45px; padding: 0 10px 0 45px; }
.input-secion i { left: 0; position: absolute; top: 0; }
.input-secion { border: 1px solid rgb(217, 217, 217); position: relative; }
.input-secion i { bottom: 0; color: rgb(197, 197, 197); font-size: 18px; height: 15px; left: 0; margin: auto 15px; position: absolute; top: -5px; }
.phone-nu { display: table; width: 100%; }
.input-secion select.form-control { -moz-text-size-adjust: none; color: rgb(153, 153, 153); padding: 0 10px; text-align: center; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.phone-nu .input-secion { display: table-cell; vertical-align: middle; }
.phone-nu .input-secion:first-child { border-right: 0 none; width: 70px; }
.input-secion textarea { border: 0 none; height: 170px; padding: 5px 10px; width: 100%; }
.inp-files { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; background-color: rgb(244, 244, 244); border-color: -moz-use-text-color rgb(197, 197, 197) rgb(197, 197, 197); border-image: none; border-radius: 3px; border-style: none solid solid; border-width: medium 1px 1px; padding: 15px; text-align: left; }
.inp-files > input { float: left; width: 53%; }
.cha-radio { overflow: hidden; text-align: left; }
.cha-radio > p { display: inline-block; margin: 0 0 0 5px; vertical-align: middle; }
.cha-radio > input { display: inline-block; vertical-align: middle; }
.sub-con {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f15733+0,e32223+100 */ background: #f15733; /* Old browsers */ background: -moz-linear-gradient(top, #f15733 0%, #e32223 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #f15733 0%, #e32223 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #f15733 0%, #e32223 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15733', endColorstr='#e32223', GradientType=0 ); /* IE6-9 */
}
.sub-con { border: 0 none; border-radius: 3px; color: rgb(255, 255, 255); font-size: 18px; font-weight: 500; margin: 30px 0 0; padding: 10px 45px; }
.newx-previdous a { -webkit-border-radius: 17px 18px 18px 17px/17px 17px 18px 18px; -moz-border-radius: 17px 18px 18px 17px/17px 17px 18px 18px; border-radius: 17px 18px 18px 17px/17px 17px 18px 18px; background-color: rgba(255,255,255,0); -webkit-box-shadow: 3px 4px 10px rgba(0,0,0,.44); -moz-box-shadow: 3px 4px 10px rgba(0,0,0,.44); box-shadow: 3px 4px 10px rgba(0,0,0,.44); }
.newx-previdous a { float: left; height: 35px; line-height: 35px; padding: 0 10px; }
.newx-previdous a { background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); float: left; height: 35px; line-height: 35px; margin: 0 6px; padding: 0 20px; text-align: center; transition: all 50ms ease 0s; }
.newx-previdous {
  left: 0;
  margin: auto;
  max-width: 100%;
  position: absolute;
  right: 0;
  top: 25px;
  width: 1140px;
  z-index: 9;
}
.newx-previdous > span { float: right; }
.newx-previdous a i { margin: 0 5px 0 0; }
.newx-previdous > span a:last-child i { margin: 0 0 0 5px; }
.newx-previdous a:active { box-shadow: 3px 0 10px rgba(0, 0, 0, 0.44); transform: translateY(3px); }
.contact- h5.po-titt::before { bottom: -40px; }
.contact- h5.po-titt { margin: 10px 0 5px; }
.contact- .col-lg-12 > p { margin: 0 0 50px; }

.sub-con:hover{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e32223+0,f15733+100 */
background: #e32223; /* Old browsers */
background: -moz-linear-gradient(top, #e32223 0%, #f15733 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e32223 0%,#f15733 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e32223 0%,#f15733 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e32223', endColorstr='#f15733',GradientType=0 ); /* IE6-9 */}
.phone-nu { margin: 0 0 15px;}

/**/
.mobile-app-detail .top-banner-sec {
  background-image: url("../png/banner-top-app.png");
  background-position: center top;
  background-repeat: no-repeat;
  padding: 20px 0 0;
  position: relative;
  text-align: center;
}
.mobile-app-detail .fot-mensu { background-color: rgba(255, 255, 255, 0.2); border: 0 solid rgb(192, 192, 192);}
.mobile-app-detail .fot-mensu a { color: rgb(255, 255, 255);}
.mobile-app-detail .fot-mensu a:hover {color: rgb(51, 51, 51);}
.mobile-app-detail .top-banner-sec .botm-shape h5 { color: rgb(255, 255, 255);}
.web-detil-sec .top-banner-sec .botm-shape { padding: 80px 0 0; text-align: center;}
.web-detil-sec .botm-shape { padding: 30px 0;}
.mobile-app-detail .web-detil-sec { background-image:none;}

.mobile-app-detail .fot-app > li a {border: 0 none; padding: 0;}
.mobile-app-detail .fot-app > li{border: 0 none;}
.mobile-app-detail .input-secion i, .mobile-app-detail .input-secion select.form-control{ color:#3eb7f3;}
.mobile-app-detail .portfolio-content { padding: 0;}
/**************************************************/
.cls_brs{
height:250px;
overflow:hidden;
}
