@charset "utf-8";

/* CSS Document */

@font-face {

    font-family: 'CircularStd-Medium';

    src: url('fonts/CircularStd-Medium.eot?#iefix') format('embedded-opentype'), 

         url('fonts/CircularStd-Medium.woff') format('woff'), 

         url('fonts/CircularStd-Medium.ttf')  format('truetype'), 

         url('fonts/CircularStd-Medium.svg#CircularStd-Medium') format('svg');

    font-weight: normal;

    font-style: normal;

  }

@font-face {

font-family: 'CircularStd-Bold';

src: url('fonts/CircularStd-Bold.eot?#iefix') format('embedded-opentype'),  

     url('fonts/CircularStd-Bold.woff') format('woff'), 

     url('fonts/CircularStd-Bold.ttf')  format('truetype'),

     url('fonts/CircularStd-Bold.svg#CircularStd-Bold') format('svg');

font-weight: normal;

font-style: normal;

}

@font-face {

    font-family: 'Graphik-Regular';

    src: url('fonts/Graphik-Regular.eot?#iefix') format('embedded-opentype'),  

         url('fonts/Graphik-Regular.woff') format('woff'), 

         url('fonts/Graphik-Regular.ttf')  format('truetype'), 

         url('fonts/Graphik-Regular.svg#Graphik-Regular') format('svg');

    font-weight: normal;

    font-style: normal;

  }

@font-face {

font-family: 'Merriweather-LightItalic';

src: url('fonts/Merriweather-LightItalic.eot?#iefix') format('embedded-opentype'),  

     url('fonts/Merriweather-LightItalic.woff') format('woff'), 

     url('fonts/Merriweather-LightItalic.ttf')  format('truetype'), 

     url('fonts/Merriweather-LightItalic.svg#Merriweather-LightItalic') format('svg');

font-weight: normal;

font-style: normal;

}



body { padding:0px; margin:0px; background:#ffffff; font-size:18px; color:#000000; line-height:30px; font-family: 'Graphik-Regular';}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, audio, video, source { display: block; margin: 0; padding: 0; }

a, img { border: medium none; }

a { color: #282828; text-decoration: none; outline:none; }

div { margin: 0; padding: 0; }

p { font-size:16px; line-height:20px; padding:0px; margin:0px; color:#606060;} 

h1, h2, h3, h4, h5, h6 { font-weight:normal; padding:0px; margin:0px;  line-height: 30px; }

strong {font-family: 'CircularStd-Bold';}

/*a:hover { color: #979796; }*/

ul, li { list-style:none;}

a:focus, :focus{ outline:none; }

ul,ol { list-style-type:none; padding:0px; margin:0px; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } 

.clearfix { display: inline-block; }

html[xmlns] .clearfix { display: block; } 

* html .clearfix { height: 1%; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.clear { clear: both; line-height: 1px; padding:0px; height:0px; font-size:1px; }

.left { float:left; }

.right { float:right; }

.anim { transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease; -o-transition:all 1s ease; }

.anim2 { transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }

.row { width:94%; margin:auto; padding:0px; max-width: 1296px;}





/* header css */

header {float:left; width:100%; padding:40px 0 20px; position:relative; z-index:9; transition:padding .25s ease;}

.logo { float:left; width:auto;}

.logo img { float:left; transition:all .5s ease;}

.is-sticky header { background:#ffffff; box-shadow:0px 13px 35px -12px rgba(35,35,35,0.15); padding:10px 0 0;}

.is-sticky .logo img { width:175px; padding-top:5px; }



.top-rgt { float:right; margin-right: 50px;}

.top-btns { float:right; width:auto; margin-top:5px;}

.top-btns a { float:left; width:auto; background:#0047ab; color:#ffffff; font-size:18px; line-height:24px; letter-spacing:0.5px; padding:7px 15px; border:1px solid #0047ab; font-family: 'CircularStd-Medium';border-radius:5px; transition:all .5s ease; margin-right:15px;}

.top-btns a:last-child { margin-right:0;}

.top-btns a:hover { background:#ff771c; border:1px solid #ff771c;}

.top-btns a.my-app { background:#ffffff; color:#0047ab; border:1px solid #e1e2e2;}

.top-btns a.my-app:hover { background:#0047ab; color:#ffffff; border:1px solid #0047ab;}



/* mobile menu */

.mobNav  { display:none; position:fixed; right:0px; overflow:hidden; }

.m-menu { float:right; position:relative; margin-top:4px; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; right:5px; margin-left:15px; display:none;}

.m-menu a { display:inline-block; text-align:right; outline:none;}

.m-menu div { color: #000000; cursor: pointer; display: inline-block; font-size: 18px; font-weight: bold; padding-right: 20px; position: absolute; right: 25px; text-transform: uppercase; top: 0px; }

.m-menu a span { display:block; background:#0047ab; width:27px; height:4px; margin-top:4px; border-radius:0px; }

.m-menu a:hover span{ background:#000000;}

.m-menu a:hover div{ color:#ffffff;}

.mobi-logo { height:auto; position:relative; z-index:9; text-align:center; background:#fff; }

.mobi-logo img { max-width: 250px;  z-index: 99; padding:5px 0;}



/* top banner css */

.top-banner { float:left; width:100%;}

#slide-banner { float:left; width:100%; min-height: 580px;}

#slide-banner .flex-cont img { float:right;}



.slide-btns { float:left; width:auto;}

.slide-btns a { float:left; width:auto; background:rgba(0, 0, 0, 0) linear-gradient(to right, rgb(255, 119, 28), rgb(251, 148, 0)) repeat scroll 0% 0%; color:#ffffff; font-size:18px; line-height:24px; letter-spacing:0.5px; padding:12px 22px; border:1px solid #ffffff; font-family: 'CircularStd-Medium'; border-radius:5px; transition:all .5s ease; margin-right:32px;}

.slide-btns a:last-child { margin-right:0;}

.slide-btns a:hover { background:rgba(0, 0, 0, 0) linear-gradient(to right, rgb(2, 163, 255), rgb(2, 210, 255)) repeat scroll 0% 0%;}

.slide-btns a.my-app { background:#0047ab; color:#ffffff; border:1px solid #0047ab;}

.slide-btns a.my-app:hover { background:#ffffff; color:#0047ab; border:1px solid #0047ab;}



/* Why Amoga css */

.why-amoga { float:left; width:100%; background:linear-gradient(180deg, rgb(239, 245, 255) 0%, rgb(253, 253, 253) 100%); margin:20px 0 50px; padding:70px 0 30px; border-bottom: 1px solid #f8f8f8;}

.why-amoga h1 { float:left; width:100%; text-align:center; font-size:48px; font-family: 'CircularStd-Bold';line-height:52px; padding-bottom:45px;}

#why-list { float:left; width:100%;}

#why-list .list-cont { float:left; width:100%; background:#ffffff;  margin-bottom: 20px; box-shadow:0px 0px 20px rgba(46, 65, 90, 0.1);}

/* #why-list .list-cont::after { position:absolute; left:0; content:""; background:url(../images/btm-arw-slide.png) repeat-x; bottom:-8px; width:100%; height:8px;} */

#why-list .list-cont .list-cont-main { float:left; width:100%; padding:30px 28px 50px;text-align:center; }

#why-list .list-cont .list-cont-main h2 { float:left; width:100%; font-size:20px; font-family: 'CircularStd-Medium'; line-height:28px; text-align:center;}

#why-list .list-cont .list-cont-main p { font-size:18px; color: #000000; line-height:24px; text-align:center;}

#why-list .list-cont .list-cont-main .list-img { float:left; width:100%; text-align:center; position:relative; display: flex; align-content: center; justify-content: center; height: 70px; z-index: 1; margin:40px 0px;}

#why-list .list-cont .list-cont-main .list-img::after {width:70px; height:70px; background:#e5ecff; position:absolute; content:""; left:0; right:0; top:0; border-radius:50%;margin: 0 auto; z-index: -1;}

#why-list .list-cont .list-cont-main span { float:none; background:url(../images/why-amoga-list.png) no-repeat scroll 0 0; display:inline-block; position:relative; top: 12px;}

#why-list .list-cont .list-cont-main span.passion-ico { width:43px; height:43px;}

#why-list .list-cont .list-cont-main span.passion-ico{ background-position:7px 0;}

#why-list .list-cont .list-cont-main .imgs-2 span.passion-ico{background-position:-44px 4px;}

#why-list .list-cont .list-cont-main .imgs-3 span.passion-ico{background-position:-92px 4px;}

#why-list .list-cont .list-cont-main .imgs-4 span.passion-ico{background-position:-147px 1px;}

#why-list .list-cont .list-cont-main .imgs-5 span.passion-ico{background-position:-204px 0px;}

#why-list .list-cont .list-cont-main .imgs-6 span.passion-ico{background-position:-259px 0px;}

#why-list .list-cont .list-cont-main .imgs-7 span.passion-ico{background-position:-312px 10px;}

#why-list.owl-carousel .owl-stage,#why-list.owl-carousel .owl-item,#why-list.owl-carousel .item{ display: flex;} 

.work-detail-rgt #why-list.owl-carousel .owl-item,.work-detail-rgt #why-list.owl-carousel .item{ display: block;} 



#why-list1.owl-carousel .owl-stage,#why-list1.owl-carousel .owl-item,#why-list1.owl-carousel .item{ display: flex;} 

.work-detail-rgt #why-list1.owl-carousel .owl-item,.work-detail-rgt #why-list1.owl-carousel .item{ display: block;} 





/* Our Services css */

.our-services { float:left; width:100%; background:#ffffff; }

.our-services h1 { float:left; width:100%; text-align:center; font-size:48px; font-family: 'CircularStd-Bold'; line-height:52px; padding-bottom:20px;}

.our-services p { float:left; width:100%; font-size:20px;font-family: 'CircularStd-Medium'; text-align:center; line-height:30px; padding-bottom:40px;}

.our-services ul { float:left; width:100%; display: flex; flex-wrap: wrap;}

.our-services ul li { float:left; width:32%; margin-right:2%; margin-bottom:40px;display: flex;}

.our-services ul li:nth-child(3n+3) { margin-right:0;}

.our-services ul li .lst-cont { float:left; width:100%; background:#fff; box-shadow:0px 0px 10px rgba(46, 65, 90, 0.05); text-align:center; padding:48px 32px 60px;/*min-height: 501px;*/transition: all .5s ease;}

.our-services ul li .lst-cont h2 { float:left; width:100%; font-size:26px; font-family: 'CircularStd-Medium'; line-height:33px; padding-bottom:20px;}

.our-services ul li .lst-cont p { float:left; width:100%; font-size:18px; line-height:30px; padding:0;font-family: 'Graphik-Regular';}

.our-services ul li .lst-cont .lst-ico { margin-bottom:10px;}

.our-services ul li .lst-cont .lst-ico span { float:none; background:url(../images/services-ico.png) no-repeat scroll 0 0; display:inline-block; position:relative; top: 0px; width:80px; height:90px;}

.our-services ul li .lst-cont .lst-ico span.app-dev {  width:80px; height:90px;}

.our-services ul li .lst-cont .lst-ico span::after { position:absolute; content:""; right:0; top:15px; background:url(../images/lst-bg.png) no-repeat; width:51px; height:51px;}



.our-services ul li .lst-cont .lst-ico span.ico-2:after,.our-services ul li .lst-cont .lst-ico span.ico-4:after,.our-services ul li .lst-cont .lst-ico span.ico-5:after,.our-services ul li .lst-cont .lst-ico span.ico-6:after{right: -14px;top: 0px;}

.our-services ul li .lst-cont .lst-ico span.ico-3:after{right: -11px;top: -17px;}

.our-services ul li .lst-cont .lst-ico span.ico-1{background-position: 0 0;}

.our-services ul li .lst-cont .lst-ico span.ico-2{background-position: -78px 0;}

.our-services ul li .lst-cont .lst-ico span.ico-3{background-position: -175px 0;}

.our-services ul li .lst-cont .lst-ico span.ico-4{background-position: -268px 0;}

.our-services ul li .lst-cont .lst-ico span.ico-5{background-position: -366px 0;}

.our-services ul li .lst-cont .lst-ico span.ico-6{background-position: -454px 0;}

.our-services ul li .lst-cont .lst-ico span.app-dev {  width:80px; height:90px;}

.our-services ul li:hover .lst-cont p{color: #fff;}

.our-services ul li:hover .lst-cont {background: #0047ab;color: #fff;}

.our-services ul li:hover .lst-cont .lst-ico span.ico-1 {  background-position: 0 -100px;}

.our-services ul li:hover .lst-cont .lst-ico span.ico-2{background-position: -78px -100px;}

.our-services ul li:hover .lst-cont .lst-ico span.ico-3{background-position: -175px -100px;}

.our-services ul li:hover .lst-cont .lst-ico span.ico-4{background-position: -268px -100px;}

.our-services ul li:hover .lst-cont .lst-ico span.ico-5{background-position: -366px -100px;}

.our-services ul li:hover .lst-cont .lst-ico span.ico-6{background-position: -454px -100px;}



/* Our Works css */

.our-works { float:left; width:100%; background:#eff5ff; margin-top:20px; padding:75px 0;}

.our-works h1 { float:left; width:100%; text-align:center; font-size:48px;font-family: 'CircularStd-Bold';line-height:52px; padding-bottom:20px;}

#work-list { float:left; width:100%; text-align:center; margin-top: 20px;}

#work-list img { float:none; display:inline-block;transition: all .5s ease;}

#work-list .item a:hover img { opacity:0.7;}

#work-list .item a.view-btn { position: absolute; bottom: 40px;left: 0px;right: 0px; margin: auto;

background: rgba(255,119,28,1);

background: -moz-linear-gradient(left, rgba(255,119,28,1) 0%, rgba(251,148,0,1) 100%);

background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,119,28,1)), color-stop(100%, rgba(251,148,0,1)));

background: -webkit-linear-gradient(left, rgba(255,119,28,1) 0%, rgba(251,148,0,1) 100%);

background: -o-linear-gradient(left, rgba(255,119,28,1) 0%, rgba(251,148,0,1) 100%);

background: -ms-linear-gradient(left, rgba(255,119,28,1) 0%, rgba(251,148,0,1) 100%);

background: linear-gradient(to right, rgba(255,119,28,1) 0%, rgba(251,148,0,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff771c', endColorstr='#fb9400', GradientType=1 );

  padding:6px 10px; border-radius: 5px; color: #fff;font-family: 'CircularStd-Medium'; font-size: 18px; display: inline-block; width: 120px; box-shadow: 3px 3px 5px rgba(0,0,0,0.2); }



#work-list .item:hover a.view-btn { background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(2, 163, 255), rgb(2, 210, 255)) repeat scroll 0% 0%;

}



/* Footer css */

footer{float: left; width: 100%; background:#eff5ff; padding: 70px 0 0 0 }

.foot-1{float: left; width: 46%;}

.foot-2{float: left; width: 54%;}

.foot-1 h1, .foot-2 h1{font-family: 'CircularStd-Medium'; font-size: 18px; color: #45446c; text-transform: uppercase; margin-bottom: 45px;}

.fo-but{float: left; width: 42%;}

.fo-cnt{float: left; width: 58%;}

.fo-but a{

background: rgba(255,119,28,1);

background: -moz-linear-gradient(left, rgba(255,119,28,1) 0%, rgba(251,148,0,1) 100%);

background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,119,28,1)), color-stop(100%, rgba(251,148,0,1)));

background: -webkit-linear-gradient(left, rgba(255,119,28,1) 0%, rgba(251,148,0,1) 100%);

background: -o-linear-gradient(left, rgba(255,119,28,1) 0%, rgba(251,148,0,1) 100%);

background: -ms-linear-gradient(left, rgba(255,119,28,1) 0%, rgba(251,148,0,1) 100%);

background: linear-gradient(to right, rgba(255,119,28,1) 0%, rgba(251,148,0,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff771c', endColorstr='#fb9400', GradientType=1 );

padding:6px 10px; border-radius: 5px; color: #fff;font-family: 'CircularStd-Medium'; font-size: 18px; margin-bottom: 15px; float: left;transition: all .5s ease; }

.fo-but a:hover {background:rgba(0, 0, 0, 0) linear-gradient(to right, rgb(2, 163, 255), rgb(2, 210, 255)) repeat scroll 0% 0%;}

.fo-but a.main{background:#216df0; transition: all .5s ease;}

.fo-but a.main:hover{background: #ff771c;}

.fo-cnt ul li{float: left; width: 100%; padding-left: 40px; color: #45446c; font-family: 'CircularStd-Medium';  font-size: 18px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #d7dce5;}

.fo-cnt ul li:last-child{border: none;}

.fo-cnt ul li.mail{background: url(../images/mail.png) no-repeat top 5px left;}

.fo-cnt ul li.address {background: url(../images/address.png) no-repeat top 5px left;}

.fo-cnt ul li.mail a{color: #45446c;font-family: 'CircularStd-Medium'; font-size: 18px;transition: all .5s ease;}

.fo-cnt ul li.mail a:hover{color: #216df0;}

.fo-cnt ul li.call {background: url(../images/call.png) no-repeat  top 5px left;}

.foot-1 p, .foot-2 p{float: left; width: 100%; font-size: 18px; margin-bottom: 15px;}

.foot-2 .right{width: 50%;}

ul.place li{float: left; margin-right: 30px;}

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

ul.place li a{font-family: 'CircularStd-Medium';  font-size: 18px; color: #45446c; position: relative;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}

ul.place li a::after{position: absolute; content: "|"; right: -17px; top:-6px; color: #45446c}

ul.place li:last-child a::after{display: none;}

ul.place{float: left; width: 100%; margin-bottom: 40px;}

ul.place li a:hover{color: #fb9301;}

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

ul.social li{float: left; margin-right: 20px;}

ul.social li a:hover{opacity: 0.7;}

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

.copy{float: left; width: 100%; text-align: center; margin-top: 55px;  border-top: 1px solid #d7dce5; padding:20px 0; }

.partner{float: left; width: 100%; padding: 60px 0;}

.part-pro{float: left; width: 100% !important; background: url(../images/bl-bg.png) no-repeat; background-size: cover; text-align: center; padding: 80px 40px; margin-right: 0;}

.part-pro h1{font-family: 'CircularStd-Bold'; font-size: 40px; color: #fff; line-height: 50px; margin-bottom: 30px;}

.part-pro p{font-family: 'Graphik-Regular'; font-size: 17px; line-height: 26px; color: #fff; padding: 0 10px; margin-bottom: 40px;}

.part-pro a{font-family: 'CircularStd-Medium'; font-size: 17px; line-height: 17px; color: #0047ab; background: #fff; border-radius: 5px; padding: 10px 20px;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}

.part-pro a:hover{background: #fb9301; color: #fff;}

.sucess{float: left; width: 66%; background: #f2f2f2; border-radius:5px; min-height: 570px; display: none !important;}

.sucess h1{margin-left: 280px; margin-top: 125px; color: #e53f79; font-family: 'CircularStd-Bold'; font-size: 40px; line-height: 40px; margin-bottom: 48px;}

.item-lft{float: left; width: 37%; text-align: center;}

.item-lft img{float: none; margin: 0 auto;}

.item-rgt{float: left; width: 63%; padding-right:25px; }

.item-rgt h2{font-family: 'CircularStd-Bold'; font-size: 26px; line-height: 38px; color: #1c2654; margin-bottom: 32px;}

.item-rgt p{font-size: 17px; line-height: 30px; color: #1c2654;}



.client{float: left; width: 100%; background: url(../images/client-bg.jpg) no-repeat center; background-size: cover; min-height: 730px; text-align: center; padding-top: 120px;}

.client h1{color: #1c2654; font-family: 'CircularStd-Bold'; font-size: 48px; line-height: 48px; margin-bottom: 35px;}

.client .client-cont{max-width: 745px; float: none; display: inline-block; margin: 0 auto; font-size: 24px; line-height: 48px; color: #1c2654;font-family: 'Merriweather-LightItalic'; margin-bottom: 90px; position: relative;}

.client .client-cont::after{position: absolute; content: ""; bottom: -50px; display: block; width: 2px; height: 35px; background:#ff771c; left: 0; right: 0; margin: 0 auto;}

.client p{ font-size: 24px; line-height: 48px; color: #1c2654;font-family: 'Merriweather-LightItalic'; margin:0px;padding:0px; }





/*contact-page-css*/

.contact-us{float:left;width:100%;padding:50px 0 80px 0; background: #f7faff url(../images/bg.png) no-repeat;position: relative;overflow: hidden;background-position: top left;}

.contact-us .contact-part{padding:50px 0 100px 0;float:left;width:100%;}

.contact-lft{float:left;width:40.5%;margin-right:4%;}

.contact-lft h3{color:#2d2d51;font-size:48px;line-height: 55px;font-family: 'CircularStd-Bold';margin-bottom:20px;} 

.contact-lft p{color:rgba(28,38,84,0.9);font-size:22px;line-height: 26px;font-family: 'CircularStd-Medium';margin-bottom:40px;}

.contact-lft ul{float:left;width:100%;}

.contact-lft ul li{font-size: 18px; color: #1c2654; line-height: 30px; font-family: 'Graphik-Regular';padding-left: 57px;padding-bottom: 20px;position: relative;}

.contact-lft ul li:after{content: "";background: url(../images/bullets.png) no-repeat center center;width: 28px;height: 27px;

position: absolute;left: 0;top: 2px;}

.contact-rht {-webkit-box-shadow: 0px 0px 20px 0px #e9edf8;-moz-box-shadow: 0px 0px 20px 0px #e9edf8;box-shadow: 0px 0px 20px 0px #e9edf8; float:left;width:55%;background:#fff;-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;border-radius: 5px;}

.contact-rht ul{float:left;width:100%;padding:50px 33px 30px 29px;}

.contact-rht ul li{float:left;width:48.5%;padding-bottom: 15px;margin-right:3%;}

.contact-rht ul li.w100{width:100%;margin-right:0;}

.contact-rht ul li:nth-child(2n-2){margin-right:0;}

.contact-rht label{font-size: 18px;color: #333333;line-height: 28px;font-family: 'Graphik-Regular';padding-bottom: 15px;padding-bottom: 8px;float: left;}

.contact-rht span{color:#fc920e;font-size:20px;line-height: 22px;}

#custom-text { color: #333333; font-size: 15px;line-height: 22px;}

.contact-rht input[type="text"], .contact-rht input[type="email"], .contact-rht input[type="tel"],.contact-rht textarea,.contact-rht input[type="file"]{width:100%;height:42px;-webkit-border-radius: 3px;-moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;border:1px solid #e3e2e2;padding: 5px 10px;font-size:15px;color: #333;line-height: 18px;}

.contact-rht textarea{height:100px; font-family: 'Graphik-Regular';line-height: 18px;}

.contact-rht .file{text-align: center;float: left;width: 100%;border: 1px solid #e3e2e2;height: 100px;-webkit-border-radius: 3px;-moz-border-radius: 3px; -o-border-radius: 3px;border-radius: 3px;padding-top: 25px;}

.contact-rht input[type="file"]{font-size: 14px;color: #333;line-height:24px;margin:0;}

.contact-rht input[type="submit"]{font-size: 20px;color:#fff;font-family: 'CircularStd-Medium';line-height: 30px;cursor: pointer;

background: rgba(255,119,28,1);

background: -moz-linear-gradient(left, rgba(255,119,28,1) 0%, rgba(251,146,0,1) 100%);

background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,119,28,1)), color-stop(100%, rgba(251,146,0,1)));

background: -webkit-linear-gradient(left, rgba(255,119,28,1) 0%, rgba(251,146,0,1) 100%);

background: -o-linear-gradient(left, rgba(255,119,28,1) 0%, rgba(251,146,0,1) 100%);

background: -ms-linear-gradient(left, rgba(255,119,28,1) 0%, rgba(251,146,0,1) 100%);

background: linear-gradient(to right, rgba(255,119,28,1) 0%, rgba(251,146,0,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff771c', endColorstr='#fb9200', GradientType=1 );

border:none;-webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px;border-radius: 3px;padding: 8px 33px;margin-top:15px;float:left;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;

-o-transition: all .5s ease; }

.contact-rht input[type="submit"]:hover{

background: rgba(0,50,119,1);

background: -moz-linear-gradient(left, rgba(0,50,119,1) 0%, rgba(0,71,171,1) 100%);

background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0,50,119,1)), color-stop(100%, rgba(0,71,171,1)));

background: -webkit-linear-gradient(left, rgba(0,50,119,1) 0%, rgba(0,71,171,1) 100%);

background: -o-linear-gradient(left, rgba(0,50,119,1) 0%, rgba(0,71,171,1) 100%);

background: -ms-linear-gradient(left, rgba(0,50,119,1) 0%, rgba(0,71,171,1) 100%);

background: linear-gradient(to right, rgba(0,50,119,1) 0%, rgba(0,71,171,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003277', endColorstr='#0047ab', GradientType=1 );



}

.top-cntct{padding:30px 0 10px 35px;text-transform: uppercase;text-align: left;background:#0047ab;-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;border-radius: 5px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;position: relative;}

.contact-rht h1{padding:16px 0 37px 80px;color:#fff;font-size:30px;line-height: 35px;font-family: 'CircularStd-Medium';text-transform: uppercase;text-align: left;-webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px;border-radius: 5px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;position: relative;}

.contact-rht h1:after{content: "";background: #003277 url(../images/contact-ico.png) no-repeat center center;width: 64px;height: 64px;position: absolute;left: 0;top: 0px;border-radius:100%;}



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

.works h3{text-align:center;color:#2d2d51;font-size:48px;line-height: 55px;font-family: 'CircularStd-Bold';padding-bottom:100px;}

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

.works ul li{width:29%;float:left;text-align: center;margin-right: 6%;position: relative;}

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

.works ul li h4 {font-size: 30px; color: #2d2d51;line-height: 35px; font-family: 'CircularStd-Medium';padding:80px 0 20px 0;}

.works ul li p {font-size: 18px; color: #1c2654;line-height: 30px; font-family: 'Graphik-Regular';}

.works ul li::before { position: absolute; content: "";  width: 35px;  height: 36px;  background: url(../images/dbl-arrow.png) no-repeat center center;right: -66px;  top: 20px; animation: jump 5s infinite; transition: .3s ease-in-out;}

.works ul li:last-child::before {display: none;}



.top-cntct:after{background-color: #0047ab; position:absolute; top:104px; left:0px; content:""; width:100%;min-height: 34px;

-ms-transform: skew(0deg,2deg); /* IE 9 */-webkit-transform: skew(0deg,2deg); /* Safari */transform: skew(0deg,2deg); /* Standard syntax */}

.top-cntct:before{background-color: #c8dffe; position:absolute; top:109px; left:0px; content:""; width:40%;min-height: 34px;

-ms-transform: skew(0deg,2deg); /* IE 9 */-webkit-transform: skew(0deg,2deg); /* Safari */transform:skewY(-3deg); /* Standard syntax */}



.app {width: 100px;height: 55px;position: relative;margin-bottom: 50px;left: 0;bottom: 0;right: 0;top: 0;text-align: center;margin: 0 auto;}

.app, .app:before, .app:after {background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);   }

.app:before,.app:after {content: "";position: absolute;left: 24px;width: 66px;height: 57px;transform: rotate(150deg) skew(30.5deg);transition: all 0.9s ease 0s;}

.app:before{top: -29px;} 

.app:after {top: 37px;}

.app .img-ico {position: absolute;top: 0;left: 0;width: 115px;height: 65px;background: #fff;z-index: 1;text-align: center;transition: all 0.9s ease 0s;background: url(../images/work-ico-1.png) no-repeat center center #fff;}

.app .img-ico.ico-2{background: url(../images/work-ico-2.png) no-repeat center center;background-color: #fff;}

.app .img-ico.ico-3{background: url(../images/work-ico-3.png) no-repeat center center;background-color: #fff;}

.app .img-ico span{background-color: #2d2d51;border-radius: 50%;position: absolute;color: #fff;font-family: 'CircularStd-Bold';font-size: 24px;width: 40px;height: 40px;right: -20px;bottom: -20px;line-height: 35px;transition: all 0.9s ease 0s;

display: flex;align-items: center;justify-content: center;}

.works ul li:hover .app .img-ico span {background: #0047ab; transform: rotateY(360deg);}

@keyframes jump {

  0% { top: 0; } 50% { top: 50px; } 100% { top: 0; }

}

/*file-upload-page-css*/

#custom-button {padding: 2px 10px;font-size: 15px;color:#333333;}

#custom-text {}

.visuallyhidden { border: 0; clip: rect(0 0 0 0);  height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}



/*home-page-abt-page-section*/

.abt-amoga{float:left;width:100%;background:#fff;padding:84px 0 77px 0;}

.abt-amoga-lft{width:45%;float:left;margin-right: 10%;}

.abt-amoga-lft h4{text-align:left;color:#45446c;font-size:48px;line-height: 55px;font-family: 'CircularStd-Bold';padding-bottom:25px;}

.abt-amoga-lft p{text-align:left;color:#1c2654;font-size:18px;line-height: 30px; font-family: 'Graphik-Regular';padding-bottom:25px;padding-right: 33px;}

.abt-amoga-lft p.abt-lft-brdr{text-align:left;color:#1c2654;font-size:24px;line-height: 36px;font-family: 'CircularStd-Medium';padding-bottom:37px;padding-left:28px;position:relative;padding-right: 0;}

.abt-amoga-lft p.abt-lft-brdr:after{position:absolute;content:"";left:0;height:85px;width:2px;background:#fd850e;top:8px;}

.abt-amoga-rht{float:left;width:45%;}

.abt-amoga-rht ul li{float:left;background:#fff;width:37%;margin-right:6%; min-height:176px;-moz-box-shadow: 0 0px 150px #e8e5e5;border:1px solid #dfe0e7;border-radius:3px;-webkit-box-shadow: 0 0px 150px #e8e5e5;box-shadow:0 0px 150px #e8e5e5;text-align: center;-webkit-align-items: center; align-items: center; -webkit-justify-content: center;justify-content: center;display: inline-block;padding-top: 40px;padding-bottom:20px;}

.abt-amoga-rht ul{text-align: center;width: 100%;float: left;padding-top: 35px;}

.abt-amoga-rht ul li h3{font-size: 36px;color: #0085bb;line-height: 36px;font-family: 'CircularStd-Bold';padding-bottom:10px;}

.abt-amoga-rht ul li p{text-align:center;color:#1c2654;font-size:20px;line-height: 25px;font-family: 'CircularStd-Medium';}

.abt-amoga-rht ul li p span{display:block;}

.abt-amoga-rht ul li.third-counter{float: left;text-align: center;margin: 32px auto;}

.abt-amoga-rht ul li:nth-child(2n){margin-right:0;}

.abt-amoga-rht ul li.first-counter h3{color:#e53f79;}

.abt-amoga-rht ul li.secound-counter h3{color:#4177ff;}

.abt-amoga-rht ul li.third-counter h3{color:#01b88e;}

.abt-amoga-rht ul li:first-child{float:left;margin-top: 120px;min-height: 202px;}



/*service*/

.inner-banner{float: left; width: 100%;display: flex; display: -webkit-flex;}

.inner-banner p{font-family: 'CircularStd-Bold'; font-size: 24px; line-height: 24px; color: #fff; text-align: center; margin-bottom: 20px;

}

.inner-banner h1{text-align: center; font-family: 'CircularStd-Bold'; font-size: 48px; line-height: 48px; color: #fff;}

.ser-details {float: left;  width: 100%; }

.ser-pad{float: left;  width: 100%; padding-bottom:30px;margin:30px 0; border-bottom: 1px solid #aac2e4; }

.ser-details > div:last-child {border-bottom:none;}

.ser-pad-lft{float: left; width: 12%;margin-right:2%;}

.ser-pad-lft img { width: 90px;}

.ser-pad-rgt{float: left; width: 85%; padding-top:20px; }

.service{float: left; width: 100%; padding: 60px 0px 40px;background: #f8f8f9;}

.ser-pad-rgt h2{font-size: 32px; line-height: 32px; color: #1c2654;font-family: 'CircularStd-Bold'; padding-bottom: 25px; margin-bottom: 40px; position: relative;}

.ser-pad-rgt h2::after{width: 60px; height: 2px; position: absolute; content: "";  bottom: 0px; left: 0; background: #ffab25;}

.ser-pad-rgt ul li{background: url(../images/li-arrow.png) no-repeat top 4px left; padding-left: 40px; padding-right: 10px; float: left; width: 50%;font-family: 'CircularStd-Medium'; font-size: 20px; line-height: 24px; margin-bottom: 25px;}

.serv-rht{float:right;margin-right:0!important;margin-left:2%;}

.service h1{text-align:left;color:#45446c;font-size:48px;line-height: 55px;font-family: 'CircularStd-Bold';padding-bottom:18px;position: relative;margin-bottom: 25px;}

.service h1:after{position:absolute;content:"";left:0;height:3px;width:58px;background:#fd850e;bottom:0;}



/*partners page*/

.partners{float:left;width:100%;background: url(../images/bg-2-partner.png) no-repeat;background-position: bottom right;}

.partners-lft{width:37%;margin-right:5%;float:left;}

.partners .bg-partners{background: url(../images/partner-bg-1.png) no-repeat;background-position: top left;width:100%;float:left;padding:60px 0;}

.partners-rht{width:58%;float:left;}

.partners h1{text-align:left;color:#45446c;font-size:48px;line-height: 55px;font-family: 'CircularStd-Bold';padding-bottom:18px;position: relative;margin-bottom: 25px;}

.partners h1:after{position:absolute;content:"";left:0;height:3px;width:58px;background:#fd850e;bottom:0;}

.partners-lft h6{text-align:left;color:#0047ab;font-size:30px;line-height: 45px;font-family: 'CircularStd-Bold';padding-bottom:13px;}

.partners-lft p{text-align:left;color:#1c2654;font-size:20px;line-height: 36px;font-family: 'CircularStd-Medium';}

.partners-rht ul{float:left;width:100%;}

.partners-rht ul li{float:left;background:#fff;width:30%;margin-right:5%;-moz-box-shadow: 0 0px 150px #e8e5e5;border-radius:3px;-webkit-box-shadow: 0 0px 150px #e8e5e5;box-shadow:0 0px 150px #e8e5e5;text-align: center;min-height:260px;-webkit-align-items: center; align-items: center; -webkit-justify-content: center;justify-content: center;display: inline-block;padding-top: 40px;padding-bottom:20px;}

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

.partners-rht ul li p{text-align:center;color:#1c2654;font-size:20px;line-height: 25px;font-family: 'CircularStd-Medium';}

.partners-rht ul li h3{font-size: 36px;color: #1c2654;line-height: 36px;font-family: 'CircularStd-Bold';padding-bottom:10px;}

.part-counter .img-bord {border: 1px solid #ec83a3; border-radius: 100%; width: 89px; height: 89px;margin:0 auto 10px auto;background: url(../images/part-ico-1.png) no-repeat center center;}

.part-counter2 .img-bord {border: 1px solid #8085e8; border-radius: 100%; width: 89px; height: 89px;margin:0 auto 10px auto;background: url(../images/part-ico-2.png) no-repeat center center;}

.part-counter3 .img-bord {border: 1px solid #5ec0cf; border-radius: 100%; width: 89px; height: 89px;margin:0 auto 10px auto;background: url(../images/part-ico-3.png) no-repeat center center;}



/*Benefits*/

.partner-pro{width:100%;float:left;padding:65px 0 85px 0;

background: rgba(239,245,255,1);

background: -moz-linear-gradient(top, rgba(239,245,255,1) 0%, rgba(239,245,255,1) 0%, rgba(239,245,255,1) 0%, rgba(245,249,255,1) 16%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(239,245,255,1)), color-stop(0%, rgba(239,245,255,1)), color-stop(0%, rgba(239,245,255,1)), color-stop(16%, rgba(245,249,255,1)), color-stop(35%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));

background: -webkit-linear-gradient(top, rgba(239,245,255,1) 0%, rgba(239,245,255,1) 0%, rgba(239,245,255,1) 0%, rgba(245,249,255,1) 16%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);

background: -o-linear-gradient(top, rgba(239,245,255,1) 0%, rgba(239,245,255,1) 0%, rgba(239,245,255,1) 0%, rgba(245,249,255,1) 16%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);

background: -ms-linear-gradient(top, rgba(239,245,255,1) 0%, rgba(239,245,255,1) 0%, rgba(239,245,255,1) 0%, rgba(245,249,255,1) 16%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);

background: linear-gradient(to bottom, rgba(239,245,255,1) 0%, rgba(239,245,255,1) 0%, rgba(239,245,255,1) 0%, rgba(245,249,255,1) 16%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eff5ff', endColorstr='#ffffff', GradientType=0 );}

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

.benefits h4{text-align:center;color:#45446c;font-size:48px;line-height: 55px;font-family: 'CircularStd-Bold';padding-bottom:18px;margin-bottom: 25px;}

.benefits ul{width:100%;float:left; display: flex; flex-wrap: wrap;}

.benefits ul li{width:32%;margin-right: 2%;float:left;text-align: center;background:#fff;border-radius:3px;padding:20px 16px 20px 18px;min-height:130px;display: flex;align-items: center; justify-content: center; margin-bottom: 25px; -webkit-box-shadow: 0px 0px 20px rgba(46, 65, 90, 0.1);-moz-box-shadow: 0px 0px 20px rgba(46, 65, 90, 0.1);

  box-shadow: 0px 0px 20px rgba(46, 65, 90, 0.1);}

.benefits ul li p{font-size: 20px; color: #1c2654; line-height: 25px; font-family: 'CircularStd-Medium';position: relative;-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}

/* .benefits ul li p:after{content: "";background: url(../images/bullets.png) no-repeat center center;width: 32px;height: 31px;

position: absolute;left: 0;top: 0;} */

.benefits ul li:nth-child(3n-3){margin-right: 0;}

.benefits ul li .img-icon {border: 2px solid #0047ab; border-radius: 100%; width: 89px; height: 89px;margin:0 auto 20px auto;display: flex;align-items: center; justify-content: center;}

.benefits ul li .img-icon img {-webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}

.benefits ul li:hover .img-icon img { transform: rotateY(360deg);}

.benefits ul li:hover p{color: #fd850e;}



/*technical-part*/

.technical{width:100%;float:left;padding:45px 0 0 0;}

.technical h4{text-align:center;color:#45446c;font-size:48px;line-height: 55px;font-family: 'CircularStd-Bold';padding-bottom: 70px;}

.technical ul li .tech-exp img{padding-bottom:34px;float:left;}

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

.technical ul li{width:47%;float:left;margin-right:5%;padding-bottom:50px;}

.technical ul li:nth-child(2n-2){margin-right:0;}

.technical ul li:last-child{padding-bottom: 0;}

.technical ul li:nth-child(3n){padding-bottom: 0;}

.technical ul li ul.points{width:100%;float:left; border-top:1px solid #aac2e4;padding-top:40px;}

.technical ul li ul.points li{width:100%;float:left;}

.technical ul li ul.points li{font-size: 20px; color: #1c2654; line-height: 25px; font-family: 'CircularStd-Medium';padding-left: 45px;position: relative;padding-bottom: 24px;margin:0;}

.technical ul li ul.points li:after{content: "";background: url(../images/slide-arw.png) no-repeat center center;width: 17px;height: 17px;position: absolute;left: 0;top: 6px;}

.technical ul li .tech-exp.hybrid-img{text-align:center;margin-top:100px;}

.technical ul li .tech-exp.hybrid-img img{float:none;padding:0;}



/*work-steps*/

.work-steps{float:left;width:100%;background:#f8f8f9;padding:75px 0 70px 0;}

.work-steps h4{text-align:center;color:#0047ab;font-size:48px;line-height: 55px;font-family: 'CircularStd-Bold';padding-bottom:25px;}

.work-steps ul{float:left;width:100%; margin-top: 60px;}

/* .work-steps ul li{float:left;width:100%;border-bottom:1px solid #e9eaea;padding: 60px 0;}

.work-lft {width:30%;float:left;margin-right:9%;text-align: right;}

.work-rht {width:61%;float:left;padding-top: 20px;}

.work-rht h5 {text-align:left;color:#1c2654;font-size:36px;line-height: 40px;font-family: 'CircularStd-Bold';padding-bottom: 17px;position: relative;margin-bottom: 32px;}

.work-rht h5:after{position:absolute;content:"";left:0;height:3px;width:58px;background:rgba(255,170,35,0.5);bottom:0;}

.work-rht p{font-size: 20px; color: #000000; line-height: 30px;font-family: 'Graphik-Regular';padding-right: 70px;}

.work-steps ul li:last-child{border:none;padding-bottom:0;} */

.reach-rht{float:right;text-align: left;margin-right: 0;}

.reach-lft{float:left;padding-left:110px;margin-right: 9%;}

.work-rht p.quick-para{padding-bottom: 20px;}

.reach-lft p{padding-right: 0px;}



/*our-works*/

.our-portfolio{width:100%;float:left;background: #f5f5f5;padding:60px 0 25px 0;}

.our-portfolio h1{text-align:left;color:#45446c;font-size:48px;line-height: 55px;font-family: 'CircularStd-Bold';padding-bottom:18px;position: relative;margin-bottom: 25px;}

.our-portfolio h1:after{position:absolute;content:"";left:0;height:3px;width:58px;background:#fd850e;bottom:0;}

.our-portfolio ul{width:100%;float:left; margin-top: 20px;}

.our-portfolio ul li{width:23.5%;float:left;margin-right:2%; position: relative; -webkit-box-shadow: 0px 0px 20px rgba(46, 65, 90, 0.1);-moz-box-shadow: 0px 0px 20px rgba(46, 65, 90, 0.1);

box-shadow: 0px 0px 20px rgba(46, 65, 90, 0.1);margin-bottom:43px; -webkit-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease;}

.our-portfolio ul li .protfolio-img{text-align:center;padding:20px 0 15px 0;border-radius:3px;overflow: hidden;background: #fbfbfb;}

.our-portfolio ul li .protfolio-deatils{width:100%;float:left;text-align: center;padding:15px 10px 15px 10px;/*background: #eff5ff;*/ background:#f5f5f5; border-top:1px solid #ececec;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}

.our-portfolio ul li .protfolio-deatils h4{color:#0047ab;font-size:22px;line-height:28px;position: relative;font-family: 'CircularStd-Medium';margin-bottom:8px;}

/* .our-portfolio ul li .protfolio-deatils h4:after{position:absolute; content:"";height:3px;width:58px; background:#ffab25; bottom:0; right:0;left:0;margin:0 auto;text-align:center;} */

.our-portfolio ul li .protfolio-deatils p{color:#1c2654;font-size:16px;line-height:28px;position: relative;font-family: 'Graphik-Regular';}

.our-portfolio ul li:hover .protfolio-img img {transform: scale(1.1);}

.our-portfolio ul li .protfolio-img img{text-align: center;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}

.our-portfolio ul li:hover {box-shadow: 0 0 18px 0 rgba(5,133,236,.3);}

/* 

.our-portfolio ul li:hover .protfolio-deatils {	background: #0047ab;}

.our-portfolio ul li:hover .protfolio-deatils h4 { color: #fff;}

.our-portfolio ul li:hover .protfolio-deatils h4::after {background: #ffab25;} */

.our-portfolio ul li:hover .protfolio-deatils p {	color: #0047ab;}

.our-portfolio ul li:nth-child(4n-4){margin-right:0;}

.portfoliobox-hover { display: flex; align-items: center; justify-content: center; position: absolute;left: 0;top: 0;right: 0;bottom: 0; opacity: 0; background: rgba(0,0,0,0.5);

text-align: center;float: left; width: 100%; height: 100%;transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}

.portfoliobox-hover span {font-size:16px; font-family: 'Graphik-Regular'; color: #fff;height: 33px; padding: 0 10px; background: #fc6500; display: inline-block; line-height: 33px;border-radius: 4px;}

.our-portfolio ul li:hover .portfoliobox-hover { opacity: 1;}



/*hover-effect*/

.hover-cont {float:left;width:21%;padding:37px 28px 55px 26px;}

.hover-cont h4{color:#0047ab;font-size:20px; font-family: 'CircularStd-Bold';line-height: 25px;padding-bottom:17px;}

.hover-cont p{color:#1c2654;font-size:17px;font-family: 'Graphik-Regular';line-height: 24px;padding-bottom:15px;}

.hover-cont .content-inner ul{padding-bottom: 15px;float:left;width: 100%;}

.hover-cont .content-inner ul li{float:left;width: 100%;position: relative;padding-left: 20px;}

.hover-cont .content-inner ul li:after{content: "";background: url(../images/hover-points.png) no-repeat center center;width: 8px;height: 11px;position: absolute;left: 0;top: 10px;}



.work-detail{float: left; width: 100%; padding-top: 60px;background: #f5f5f5;}

.work-detail h4{float: left;width: 100%;text-align:left;color:#45446c;font-size:48px;line-height: 55px;font-family: 'CircularStd-Bold';padding-bottom:18px;position: relative;margin-bottom: 25px;}

.work-detail h4:after{position:absolute;content:"";left:0;height:3px;width:58px;background:#fd850e;bottom:0;}

.work-detail-lft{float: left; width: 65%; margin-right: 5%;}

.work-detail-rgt{float: left; width: 30%;}

.work-detail-lft .abt-app{float: left; width: 100%; /*padding: 35px 0 0 35px; background: url(../images/patte.png) no-repeat left top;*/ margin: 30px 0;}

.work-detail-lft .abt-app h1{ font-family: 'CircularStd-Bold'; font-size: 36px; line-height: 36px; color: #0047ab; float: left; width: 100%; background: #fff; padding:20px; }

.work-detail-lft .abt-app p{float: left; width: 100%; background: #fff; padding-left: 20px; padding-bottom: 20px;  font-family: 'Graphik-Regular'; font-size: 18px; line-height: 30px;}

.work-detail-lft h2{ font-family: 'CircularStd-Medium'; font-size: 30px; line-height: 30px; color: #0047ab; margin-bottom: 20px;}

.work-detail-lft ul { float: left; width: 100%; margin-bottom: 30px;}

.work-detail-lft ul li{background: url(../images/li-arrow.png) no-repeat top 4px left; padding-left: 40px; float: left; width: 100%;font-family: 'Graphik-Regular'; font-size: 18px; line-height: 24px; margin-bottom: 25px;}

.work-detail-rgt #why-list, .work-detail-rgt #why-list1{text-align: center;}

.work-detail-rgt #why-list, .work-detail-rgt #why-list1{text-align: center;}

.work-detail h1.main{float: left; width: 100%;font-size: 36px; line-height: 36px; color: #e2558a;font-family: 'CircularStd-Bold'; margin-bottom:40px; position: relative; margin-top: 30px;}

/* .work-detail h1.main::after{width: 60px; height: 2px; position: absolute; content: "";  bottom: -25px; left: 0; background: #da85a5;} */



.flex-cont{position: relative; float:left; width: 100%;}

.flex-caption .slide-cont{position: relative; top: 0; left: 0; z-index: 99;}

.mm-list > li.top-btns{text-align: center; padding-top: 15px;}

.mm-list > li.top-btns a{float: none; display: inline-block; margin-bottom: 0; margin-top: 0px; line-height: 16px; padding: 10px 14px;}

.mm-list > li.top-btns a.new-app{color: #fff;}

.fr-cnt, .bk-cnt { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: 0.6s; -webkit-transform-style: preserve-3d; -webkit-transform: rotateY(0deg); -moz-transition: 0.6s; -moz-transform-style: preserve-3d; -moz-transform: rotateY(0deg); -o-transition: 0.6s; -o-transform-style: preserve-3d; -o-transform: rotateY(0deg); -ms-transition: 0.6s; -ms-transform-style: preserve-3d; -ms-transform: rotateY(0deg); transition: 0.6s; transform-style: preserve-3d; transform: rotateY(0deg); position: absolute; top: 0; left: 0; width:100%; padding: 0px;}

.fr-cnt { -webkit-transform: rotateY(0deg); -ms-transform: rotateY(0deg); background: #fff; z-index: 2; width: 100%;box-shadow: 0px 0px 15px rgba(0,0,0,0.14); -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.14); -o-box-shadow: 0px 0px 15px rgba(0,0,0,0.14); -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.14); min-height:100px;}

.bk-cnt { width: 100%; background:#004660;  -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); transform: rotateY(-180deg); position: relative;  min-height:100px;box-shadow: 0px 0px 15px rgba(0,0,0,0.14); -webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.14); -o-box-shadow: 0px 0px 15px rgba(0,0,0,0.14); -moz-box-shadow: 0px 0px 15px rgba(0,0,0,0.14);}

.flipper:hover .bk-cnt{ -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg);}

.flipper:hover .fr-cnt{ -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg);  transform: rotateY(180deg);}

.flipper {  -webkit-transition: 0.9s;  -webkit-transform-style: preserve-3d;  -ms-transition: 0.9s;  -moz-transition: 0.9s; transform: perspective(1000px); -moz-transform: perspective(1000px); -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transition: 0.9s; transform-style: preserve-3d;  position: relative; }

.flipper { -webkit-transform-origin: 100% 0; -moz-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0;}

#why-list .list-cont.bk-cnt{background: #0047ab;}

#why-list .list-cont.bk-cnt::after{background: url(../images/btm-arw-slide-hvr.png) repeat-x;}

#why-list .list-cont.bk-cnt p{color: #fff; font-size: 18px; line-height: 24px;}





/*hover-effect*/

.hover-cont {float: left;

width: 69%;

padding: 37px 5px 55px 12px;

position: absolute;

bottom: -600px;

left: 0px;

background:

#fff;

margin: 0 auto;

text-align: center;

right: 0;

border-radius: 13px;

height: 90%;  transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }

.hover-cont h4{color:#0047ab;font-size:20px;font-family: 'CircularStd-Medium';line-height: 25px;padding-bottom:17px; text-align: left;}

.hover-cont p{color:#1c2654;font-size:17px;font-family: 'Graphik-Regular';line-height: 24px;padding-bottom:15px; text-align: left;}

.hover-cont .content-inner ul{padding-bottom: 15px;float:left;width: 100%;}

.hover-cont .content-inner ul li{float:left;width: 100%;position: relative;padding-left: 20px; text-align: left;font-size:17px;font-family: 'Graphik-Regular';}

.hover-cont .content-inner ul li:after{content: "";background: url(../images/hover-points.png) no-repeat center center;width: 8px;height: 11px;position: absolute;left: 0;top: 10px;}

/*end hover-effect*/

#work-list .item:hover .hover-cont{bottom: 30px; display: block; transition:all .5s ease; -moz-transition:all .5s ease; -webkit-transition:all .5s ease; -o-transition:all .5s ease; }

.our-services ul li .lst-cont{position:relative;}

.our-services ul li .lst-cont a{ text-align: center; color: rgb(0, 71, 171); font-size: 19px; line-height: 25px;font-family: 'CircularStd-Medium';position: absolute;right: 18px;bottom: 13px;}

.our-services ul li:hover .lst-cont a{color:#fff;}

.construction{float: left; width: 100%; padding:60px 0;min-height:500px; background: #f8f8f9;}

.construction h1{text-align:left;color:#45446c;font-size:48px;line-height: 55px;font-family: 'CircularStd-Bold';padding-bottom:18px;position: relative;margin-bottom: 25px;}

.construction h1:after{position:absolute;content:"";left:0;height:3px;width:58px;background:#fd850e;bottom:0;}

.construction p{ float: left;width: 100%;font-size: 30px;font-family: 'CircularStd-Medium';line-height: 33px;text-align:center;}

.partner-btn { float: left; width: 100%; text-align: center; margin-top:70px;}

a.part-btn { float:none; display: inline-block; width:auto; background:#ff771c; color:#ffffff; font-size:18px; line-height:24px; text-transform: uppercase; letter-spacing:0.5px; padding:20px 45px; border:1px solid #ff771c; font-family: 'CircularStd-Medium';border-radius:5px; transition:all .5s ease; }

a.part-btn:hover { background:#0047ab; border:1px solid #0047ab;}



.wpcf7-response-output {float: left;width: 100%;font-size: 16px;}

div.wpcf7-response-output{margin:10px 0px !important;}

span.wpcf7-not-valid-tip{font-size:13px !important;}

.back-link {width: 100% !important;;float: left;}
.back-link a {background: rgba(255,119,28,1);
background: -moz-linear-gradient(left, rgba(255,119,28,1) 0%, rgba(251,148,0,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,119,28,1)), color-stop(100%, rgba(251,148,0,1)));
background: -webkit-linear-gradient(left, rgba(255,119,28,1) 0%, rgba(251,148,0,1) 100%);
background: -o-linear-gradient(left, rgba(255,119,28,1) 0%, rgba(251,148,0,1) 100%);
background: -ms-linear-gradient(left, rgba(255,119,28,1) 0%, rgba(251,148,0,1) 100%);
background: linear-gradient(to right, rgba(255,119,28,1) 0%, rgba(251,148,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff771c', endColorstr='#fb9400', GradientType=1 );
padding: 6px 25px;
border-radius: 5px;
color: #fff;
font-family: 'CircularStd-Medium';
font-size: 18px;
margin-bottom: 15px;
float: left;
transition: all .5s ease; cursor: pointer;} 

.back-link a:hover {background: rgba(0, 0, 0, 0) linear-gradient(to right, rgb(2, 163, 255), rgb(2, 210, 255)) repeat scroll 0% 0%;}