/* CSS Document */

@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,700,900);
@import url(custom.css);
body{margin:0; padding:0; color:#000; overflow-x:hidden;font-family: 'Lato', sans-serif;}

.top5 { margin-top:5px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top20 { margin-top:20px; }
.top30 { margin-top:30px; }
.top50 { margin-top:50px; }
.top100 { margin-top:100px; }

#ds_topmenu.navbar {
    height: 0px !important;
    margin-bottom: 0;
    min-height: 30px;
    overflow: hidden;
    background: #333333;
    border: none;
    display:none;
}

#ds_topmenu .navbar-brand {
    height: 30px !important;
    padding: 5px 30px;
    font-size: 12px;
    color:#a3a3a3;
}

#ds_topmenu .nav.navbar-nav.navbar-right a {
    padding: 5px 10px;
    color:#a3a3a3;
    font-size: 12px
}

#ds_topmenu .nav.navbar-nav.navbar-right a:hover,
#ds_topmenu .nav.navbar-nav.navbar-right a.selected {
  color:#FFFBE3;
}

.navbar-fixed-top, .navbar-fixed-bottom{ z-index: 9 !important;}

#ds_topmenu .navbar-toggle {
    border: medium none;
    margin: 3px 0 0;
    padding: 5px;
}



.ds_mainmenu{ height: 60px; z-index: 10; top:0px;}
.menu a{ font-size:16px; }
.menu a:hover{ background-image:url(../images/nav-border.png); background-repeat:repeat-x; }
.menu .selected{ background-image:url(../images/nav-border.png); background-repeat:repeat-x;}

.menu li.ds_menu_button a{
    border: 1px solid #f83900;
    border-radius: 40px;
    color: #f83900;
    font-size: 14px;
    font-weight: 600;
    margin-top: 10px;
    padding: 5px 15px;
    transition: all 0.4s ease-in-out 0s;
}

.menu li.ds_menu_button .selected{ background: url("../images/quickfpa22.png") no-repeat 96% center;}

.menu li.ds_menu_button a:hover{
  background: #f83900 url("../images/quickfpa22.png") no-repeat 96% center;
    border-color: #f83900;
    color:#FFF;
}

.notfound{
  margin-top: 50px;
    padding: 5% 0;
    text-align: center;
}


.qfpa{ background-image: url("../images/quickfpa22.png");
background-repeat: no-repeat;
background-position: 96% center;
padding-right: 36px !important;
}

.toc-view{
  margin-top: 8%;
}

.ds_presentation a, .ds_presentation a:hover{
  background: none !important;
  border:none !important;
  text-decoration: none !important;
}


.ds_presentationimg{
  cursor: pointer;
  border:none;
  margin-top: -10px;
}

.ds_tooltip{ font-family: 'Lato', sans-serif; left: 10px; padding-left: 10px;}
.ds_tooltip .tooltip-inner{ padding:10px; font-size: 14px;  background: #FFF3BC; color: #333; text-align: center;  font-weight: 300;}
/*.ds_tooltip .tooltip-inner{ padding:10px; font-size: 16px;  background:#601802; color: #FFF3BC; text-align: center;  font-weight: 300;}*/
/*.ds_tooltip .tooltip-arrow{ border-right-color::#FFF3BC !important; }*/

.keepbold{
  font-weight: bold;
}

.ds_center{ margin: auto;}

.home{ color:#fff; background-image:url(../images/banner.jpg); background-repeat:no-repeat; background-position:center;-webkit-background-size: cover;-moz-background-size: cover;    background-size: cover;    -o-background-size: cover; padding-bottom:100px;}
.home h1{ font-size:65px; font-weight:normal; margin-top:200px; line-height:70px; color:#ffd71a;font-weight:100;}
.home h2{ font-size:30px; font-weight:normal; margin-top:20px;line-height:40px; color:#fbc285;font-weight:100; }
.home h3{ font-size:30px;  margin-top:100px; line-height:40px; color:#e5b91a;font-weight:300;}
.home h4{ font-size:18px; line-height:30px;font-weight:300;}


.home .form{ width:auto; text-align:center}
.home input{ height:54px; margin-top:20px; font-size:18px }
.home button{ background-color:#e62006; color:#fff;  margin-top:20px; margin-bottom:50px; border:0px; width:70%}

.home a, .ds_orangebutton{border-radius:40px; border:1px solid #fff; color:#fff; font-size:14px; margin-right:20px; margin-top:30px; font-weight:600;}
.home a:hover, .ds_orangebutton:hover{ background-color:#f83900; border-color:#f83900; color: #fff !important; }
.home a:visited{ color:#fff; }
.home .why{ background-color:#FF6600; border-color:#FF6600;}
.home .why:hover, why:visited{ background-color:#fff; border-color:#fff; color:#FF6600 !important;}
.home .why.qfpa:focus{ background:#fff url("../images/quickfpa22.png") no-repeat 96% center; color:#FF6600}

.pd_thumb a, .pd_thumb a:hover{
  border-radius: none;
  padding: 0;
  margin: 0 auto;
  background-color: none;
  border:none;
}

.ds_orangebutton{background-color: #ff6600;    border-color: #ff6600;}

.ds_orangebutton_big{ background-color: #ff6600;    border-color: #ff6600; padding: 10px 40px; color: #fff; border-radius: 30px; min-width: 240px;
  position: fixed;
  right: 14%;
}
.ds_orangebutton_big:hover, .ds_orangebutton_big:active, .ds_orangebutton_big:focus{ background-color: #fff;    border-color: #fff; color:#ff6600;}

.ds_button_orange_big{
  background-color: #ff6600;    border-color: #ff6600; padding: 10px 40px; color: #fff !important; border-radius: 30px; min-width: 240px;
  display: block;
  max-width: 300px;
  margin: 3% auto 3%;
}

.ds_button_orange_big:hover{ background: #fff; color:#ff6600 !important; border-color: #fff; }

.ds_button_orange_big.hallowbutton{
  background: none; border: 1px solid #fff !important;
}
.ds_button_orange_big.hallowbutton:hover{
  background-color: #CC0000;    border-color: #CC0000; color: #fff !important;
}

.method{
    background-image:url(../images/banner-mehodology.jpg);
    background-repeat:no-repeat;
    background-position:right center;

    -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
     background-size: cover;
    width:auto; margin:0;
    background-attachment: fixed; }
.method .content{ background-color:#FFFFFF; border-left:#D4D4D4 solid 1px; border-right:#D4D4D4 solid 1px; }
.method h1{ font-size:65px;  margin-top:120px; line-height:normal; color:#ffd71a;font-weight:300;color:#000000;}
.method h2{ font-size:30px; margin-top:20px;line-height:40px; color:#fbc285;font-weight:100; color:#000000;}
.method h3{ font-size:30px; line-height:40px; color:#e5b91a;font-weight:300;color:#000000;}
.method h4{ font-size:18px; line-height:26px;font-weight:300; text-align:left; padding-bottom:20px;color:#000000;}
.whoweare h1{margin-top: 190px !important;}
.method #submenu, #osubmenu {border:none; box-shadow:none; margin-top:120px;}
.method #submenu .selected, #osubmenu .selected{ color:#d83a0b;}
.method #submenu a, #osubmenu a{ border:none; background:none; font-size:16px;}
.method #submenu a:hover, #osubmenu a:hover{color:#000;}

.method #submenu-mobile{ display:none;}

.method #banner{border:none; box-shadow:none;}
.method #banner h4{width:200px; font-size:15px; color:#4e4e4e;}
.method #banner img{max-width: 200px;}
.method #banner-mobile{ display:none}

.method .content .sub-content{background-color:#f5f5f5; border-top: solid 1px #ececec; border-bottom: solid 1px #ececec}
.method .content .row  img{ padding-top:70px;}
.method.whoweare .content .row  img{ padding-top:0px;}
.method.whoweare .content .row .who-products{ padding-top:30px;}
.method .content .row h3{ margin-top:20px; font-size:28px; font-weight:400}
.method .content .row h4{ line-height:30px; font-size:19px;}


.content .tool div{ margin-top:-10px;}
.content .tool img{margin-top:-20px; padding-bottom:40px;}
.content .tool .col-md-7{ margin-top:10px;}
.content .tool span{margin-left:10px; font-size:14px;}
.content .tool h3{ font-weight:400;}
.content h2{ font-weight:400;}


.estimation{background-color:#fffbe4; color:#666666}
.estimation .address{ background-color:#FFFFFF; padding-top:60px;}
.estimation .form{ background-color:#fffbe4;
  /*border-right:1px solid #e5e1cd; */
  font-size:24px; padding: 90px 20px 50px 30px;}
  .nopadd .form{ background-color:#fff;
    font-size:24px; padding: 10px 20px;}
  .estimation .form2{ background: #fff;  }
.estimation .form-group{ padding-bottom:10px; }
.estimation .form h1,  .reportvendor .form h1{font-size:38px; font-weight:normal;line-height:30px; font-weight:300; margin-top:20px;}
.estimation h2, .reportvendor h2{ font-size:28px; font-weight:normal;line-height:36px; font-weight:300;}
.estimation h4, .reportvendor h4{font-size:20px; line-height:24px; color:#000;font-weight:300; }
.estimation .file {
    font-size: 16px;
    height: auto;
    /* line-height: 50px; */
    padding: 15px;
    margin: 0 20px;
    max-width: 95%;
}

.estimation .form h4{ margin-top:-30px;}
.estimation label, .reportvendor label{ font-size:18px;line-height:40px; color:#8d8a7d;font-weight:350;}
.estimation input, .ds_anyform input,  .reportvendor input{  box-shadow:none; font-size:22px; color:#000;font-weight:300; height:60px;}
.estimation select, .ds_anyform select,  .reportvendor select{ height:60px; font-size:22px;font-weight:300; }
.estimation .phone  .reportvendor .phone{  max-width: 100%; display:inline; }
.estimation .phone2, .reportvendor .phone2{ width:100px; display:inline; height:60px;}

.estimation textarea, .ds_anyform textarea,  .reportvendor textarea{  box-shadow:none; font-size:22px; color:#000;font-weight:300;}
.estimation input[type=checkbox],
.ds_anyform input[type=checkbox],
.reportvendor input[type=checkbox]{ height: auto !important; margin:10px;}
.estimation .checkbox label{ line-height:65px;}
.estimation form .btn, .reportvendor form input.btn{ background-color:#c24829; color:#fff; font-size:20px;}
.estimation form .btn:hover,.reportvendor form input.btn:hover{ background-color:#9a2407; color:#fff}
.estimation .form-group{ padding-bottom:20px;}
.estimation a:hover{ color:#c24829;}
.estimation .address .video{margin-top:-50px;}


.estimation-rhs{
  background:url(../images/banner-estimation.png) no-repeat center /cover;
  -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 background-attachment: fixed;
  position: relative; padding: 60px 25px 150px 10px;}

.estimation-rhs h2{ font-size:48px; color:#ffe851; line-height:54px; font-weight:100}
.estimation-rhs a{ color:#ffe851; transition: all 0.3s ease 0s; }
.estimation-rhs .video { margin-top:-44px;}
.estimation-rhs .video h4{ color:#FFFFFF; text-align:center; margin: 0; padding: 10px;}
.estimation-rhs .video a:hover{ font-style: normal;
    opacity: 0.7;
    text-decoration: none;
}
.estimation-rhs .thumbnail{border-color:#310e07; padding:20px; background-color:#2e0501; text-align:center;}
.estimation-rhs .thumbnail h2{ margin-top:10px;}
.estimation-rhs h4{color:#fff;}

.nobg{background: none;}
.vendor-rhs a{}
.vendor-rhs h2{ color: #000000; font-weight: 300; font-size: 28px; color: #BC310E; line-height: 30px;}
.vendor-rhs h4{ color: #000; font-weight: 300;}
.vendor-rhs .thumbnail{ background: url('../images/vendorform.png') no-repeat center /cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
}
.vendor-rhs .thumbnail h4{ color: #fff;}
.vendor-rhs .thumbnail a.ds_orangebt{
    background: #f83900; color: #fff;
    display: block; padding: 10px 10px; width: 80%; text-align: center;
    margin: auto;
    border-radius: 40px;
    text-decoration: none;
    font-weight: 400; font-size: 16px;
}

.vendor-rhs .thumbnail a.ds_orangebt:hover{
  background: #fff;
  color: #f83900;
}
.vendor-rhs ul li:before{
  content:"";
  font-family: FontAwesome;
  padding-right: 10px;

}
.vendor-rhs ul li{
  font-size: 19px;
  font-weight: 300;
  list-style: none;
  padding: 5px 0;
}

.vendorseal h2 {
    font-size: 26px;
}

.vendorfaqs{
  counter-reset: my-badass-counter;
}

.vendorfaqs .col-md-6:first-child dl{border-right: 1px solid #ccc;}
.vendorfaqs dt{
  font-size: 32px;
    font-weight: 300;
    margin: 30px 0 10px;
    padding:0 60px;
    position: relative;
}

.vendorfaqs dt:before{
  content: counter(my-badass-counter, decimal);
    counter-increment: my-badass-counter;
    left: 0;
    position: absolute;
    top: 0;
    height: 50px;
    text-align: center;
    width: 50px;
    border-radius: 100%;
    background: #eee;
}

.vendorfaqs dt span {
    background: #eee none repeat scroll 0 0;
    border-radius: 100%;
    display: inline-block;
    height: 50px;
    margin-right:10px;
    text-align: center;
    width: 50px;
}

.vendorfaqs dd{
  font-size: 18px;
    font-weight: 300;
    line-height: 30px;
    padding: 0 60px;

}



.ds_joinourteam {
    padding-top: 200px;
    text-align: center;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

.estimation_inner{
  /*position: fixed;*/
  padding: 5% 5% 10%;
}

#lhs a, #lhs2 a{border-radius:40px; border:1px solid #e62006; color:#fff; font-size:14px; font-weight:600; background-color:#e62006; padding-left:25px; padding-right:40px; min-width: 100%; box-sizing: border-box;}
#lhs  a:hover, #lhs2  a:hover{ background-color:#f83900; border-color:#f83900; }
#lhs  a:visited,#lhs2  a:visited{ color:#fff; }
#lhs a:focus, #lhs2 a:focus{  background:#f83900 url("../images/quickfpa22.png") no-repeat 96% center;
}

.ux { padding:0; margin:0;}
.ux img{ margin-top:-60px;}
.ux h4{ text-align:center; margin-bottom:0px;}
.ux .thumbnail{ padding:0; box-shadow:none;}
.ux .col-md-3 { display:inline-table;}

.who h2{ font-size:40px;}
.who h3{ font-size:24px; font-style:italic; margin-top:-10px;}
.who h4{ font-size:16px;}
.who a img{ background:none;}

#rhs .screens{box-shadow: none;}
#rhs .screens .thumb{}
#rhs .list-group img{margin-right:20px; margin-bottom:40px; border:1px solid #FFFFFF; border-radius:6px;}
#rhs .list-group img:hover{ border: 1px solid #FF3300}

.contact{background-color:#fffbe4;}
.contact .col-md-6{ margin-top:60px;}
.contact .address{ background-color:#FFFFFF;border-left:1px solid #e5e1cd}
.contact .form-group{ padding-bottom:10px;}
.contact .form h1{font-size:38px; font-weight:normal;line-height:30px; font-weight:300; margin-top:20px;}
.contact h2{ font-size:28px; font-weight:normal;line-height:36px; font-weight:300;}
.contact h4{font-size:20px; line-height:20px; color:#666;font-weight:300; margin-top:-10px;}
.contact label{ font-size:18px;line-height:40px; color:#8d8a7d;font-weight:350;}
/*.contact input{  box-shadow:none; font-size:22px; color:#000;font-weight:300; height:50px;  border-radius: 1px; background: rgba(255,255,255,1);}*/
.contact textarea{ font-size: 22px; font-weight: 300;}
.contact .checkbox label{ line-height:65px;}
.contact .btn{ background-color:#c24829; color:#fff; font-size:20px;}
.contact .btn:hover{ background-color:#9a2407; color:#fff}
.contact .form-group{ padding-bottom:20px;}
.contact a:hover{ color:#c24829;}

.hire_developer{ background: #FFFDE8 url(../images/bg_hiring.png) repeat-x center bottom;padding-bottom: 0;}
#ds_developer{
  background: url("../images/bg_hire_developer.png") no-repeat right bottom /contain;
  padding-bottom: 50px;
  margin: 100px auto 0;
  max-width: 930px;
  min-height: 500px;
}

#shell{max-width: 930px; margin: auto;}
#ds_developer h2{ color: #9e481a; font: 28px "Lato"}
#ds_developer h3{ color: #333; margin-top: 15px; font:20px "Lato"; }
#benefits-info{ background: url("../images/benefits-bg-update.png"); color: #fff; font-size: 18px; padding: 20px 0 50px;}
#benefits-info h4{ color:#E49F15; font:24px "Lato"; font-weight: bold; height: 40px;}
#benefits-info ul{ list-style: none; margin: 0;   padding: 0;}
#benefits-info ul li{
    color: #ffffff;
    font: 16px/18px "Lato";
    list-style-type: none;
    padding-bottom: 5px;
    padding-top: 15px;}

ul#ds_technologies {
    margin: 0;
    padding: 0;
}
#ds_technologies li{
  display: inline-block;
  width: 65px;
  height: 64px;
  background: url("../images/technologies3.png") no-repeat;
  margin-right: 2%;
  cursor: pointer;
}
#ds_technologies.grey li{
  display: inline-block;
  width: 65px;
  height: 64px;
  background: url("../images/technologies4.png") no-repeat;
  margin-right: 2%;
  cursor: pointer;
}
#ds_technologies li.android:hover{
  background-position: -343px 0px;
}
#ds_technologies li.android{
  background-position: -343px -65px;
}

#ds_technologies li.apple:hover{
  background-position: -257px 0px;
}
#ds_technologies li.apple{
  background-position: -257px -65px;
}
#ds_technologies li.java:hover{
  background-position: 0px 0px;
}
#ds_technologies li.java{
  background-position: 0px -65px;
}

#ds_technologies li.net:hover{
  background-position: -86px 0px;
}
#ds_technologies li.net{
  background-position: -86px -65px;
}

#ds_technologies li.php:hover{
  background-position: -171px 0px;
}
#ds_technologies li.php{
  background-position: -171px -65px;
}

#ds_technologies li.sencha:hover{
  background-position: -428px 0px;
}
#ds_technologies li.sencha{
  background-position: -428px -65px;
}

#ds_technologies li.js{
  background-position: -660px 0px;
}
#ds_technologies li.js:hover{
  background-position: -660px -110px;
}

#ds_technologies li.css3{
  background-position: -770px 0px;
}
#ds_technologies li.css3:hover{
  background-position: -770px -110px;
}

#ds_technologies li.html5{
  background-position: -880px 0px;
}
#ds_technologies li.html5:hover{
  background-position: -880px -110px;
}

/**
 * Opensource page
 */
.clear {
  clear: both;
}
.ds_alignleft{text-align: left;}

.ds_mainblock {}

.ds_sidemenu_block {
  width: 275px;
  background-color: #fffbe4;
  height: auto;
  padding-top: 10px;
  padding-bottom: 150px;
  position: absolute;
  top: 91px;
}

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

.ds_content {
  margin-left: 275px;
  min-height: 760px;
  padding: 60px 0px 0px;
}

.ds_center{
  text-align: center;
}
.ds_relative{
  position: relative;

}
.ds_casestudies {
    box-sizing: border-box;
    margin-right: 15px;
    width: auto;
    box-sizing: border-box;
}
.ds_casestudies img{
  max-width: 100%;
  width: 100%;
}

.ds_casestudies img:hover{

}

.who-products img{ margin: 0; padding: 20px 0; max-width: 95%;}

.wordpress { background-color:#fffbe4;}
.ds_sidemenu_block #submenu, #osubmenu {border:none; box-shadow:none;}
.ds_sidemenu_block #submenu .selected, #osubmenu .selected{ color:#d83a0b;}
.ds_sidemenu_block #submenu a, #osubmenu a{ border:none; background:none; font-size:16px;padding: 10px 25px;}
.ds_sidemenu_block #submenu a:hover, #osubmenu a:hover{color:#000;}
.ds_sidemenu_block #submenu-mobile{ display:none;}
.wordpress .content{ background-color:#FFFFFF; border-left:#D4D4D4 solid 1px; border-right:#D4D4D4 solid 1px;  }
.wordpress h1{ font-size:60px;  line-height:60px; color:#ffd71a;font-weight:300;color:#000000;margin: 10px 0 0; padding-top: 20px;}
.wordpress h2{ font-size:32px; margin-top:20px;line-height:40px; color:#fbc285;font-weight:300; color:#000000;}
.wordpress h3{ font-size:30px; line-height:40px; color:#e5b91a;font-weight:400;color:#000000;}
.wordpress h4{ font-size:18px; line-height:26px;font-weight:300; text-align:left; padding-bottom:20px;color:#000000;}
/*.wordpress #rhs{ padding-top:60px;}*/
.wordpress #rhs h2{ padding-bottom:0px; font-weight:300}
.wordpress #rhs a{ display:block; margin-bottom:30px;}
.wordpress .content img{ margin-top: 40px;}
.wordpress .content h1 img{ margin-top: 0;}
.method.opensource{
  background: #fffbe4 !important;
}
.method.opensource .list-group-item{
  padding: 10px 0 !important;
}

#casestudyaccess .modal-header, #hiredeveloper .modal-header{
  background: #c24829;
  border-radius: 5px 5px 0 0;
  color:#ffd71a;
}

#casestudyaccess .modal-header h1, #hiredeveloper .modal-header h1{
  font-weight: 300;
}


.drupal .thumbnail {
    border: medium none;
    box-shadow: none;
    padding: 20px;
}

.drupal img {
    width: 100%;
}

.footer{background-color:#333333; padding:20px;font-size:14px; color:#656565;}




#ds_pdmobilesubmenu{display:none;}
#ds_pdmobilesubmenu button {
  text-align: left;
}
#ds_pdmobilesubmenu button .caret, #submenu-mobile button .caret{    position: absolute;
    right: 10px;
    top: 20px;}


.ds_successmessage{
  padding: 10% 5%;
  clear:both;
  display: none;
  /*height: 100vh;*/
}
.ds_successmessage h4{
  font-size: 24px !important;
  font-weight: bold;
  margin-top: 5px !important;
  margin-bottom: 5px !important;
  line-height: 60px;
}

.ds_successmessage h5{
  font-size: 22px !important;
  font-weight: bold;
}
.ds_successmessage h1.ds_mobilenumber{
    font-size: 200% !important;
    font-weight: bold;
    color:#BC3D17 !important;
    line-height: 100%;
}

.ds_successmessage p{
  font-size: 18px;
}
.ds_anyform{position: relative;}
.ds_woverlay{ width: 100%; height: 100%; background: rgba(255,255,255,0.5);}
.ds_red{ color:#9a2407 !important;}

/*#navbar ul li a.selected*/


#filedrag
{
	/*display: none;*/
	font-weight: bold;
	text-align: center;
	padding: 1em 0;
	margin: 1em 0;
	color: #555;
	border: 2px dashed #555;
	border-radius: 7px;
	cursor: default;
}

#filedrag.hover
{
	color: #f00;
	border-color: #f00;
	border-style: solid;
	box-shadow: inset 0 3px 4px #888;
}
#messages{
  font-size: 12px;
}

.yellowbg{ background: #fffbe4;}



@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        padding: 0;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{ border-color: none;}
    #ds_mainmenu{ background: #fff; }

    .ds_sidemenu_block, #ds_pdmobilesubmenu{ display: block; width: 99%; position: relative; margin: auto;}
    .ds_content{ margin-left: 0; padding-top: 20px;}

    .ds_sidemenu_block .dropdown-menu, #submenu-mobile .dropdown-menu{ width: 100%;}

    .ds_joinourteam{ padding: 30px 0;}
    .ds_orangebutton_big{position: static;}

    #bs-example-navbar-collapse-1{
        background: #fff none repeat scroll 0 0;
        overflow: hidden;
        padding: 10px;
        position: absolute;
        right: 10px;
        width: 240px !important;
    }

}




.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}



.equal {
  clear:both;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
}

.equal > div[class*='col-']{
  display: flex;
  flex-direction: column;
  position: relative;
}

.equal  div.thumbnail  {
  display: flex;
  flex-direction: column;
  height: 100%;
}


a.ds_pdlink, a.ds_pdlink:hover{
  background: none !important;
  color:#337ab7 !important;
  margin: 0 !important;
  border:none !important;
  font-size: 18px;
  font-weight: 300;
  line-height: 30px;
}

/**** GOPAL EDIT ****/
.col-md-4.ds_leftmenu {
    background: #fffbe2 none repeat scroll 0 0;
    min-width: 240px;
    position: relative;
    min-height: 100vh;
}

.ds_container {
    background: #fffbe2 none repeat scroll 0 0;
    left: 0;
    padding: 18px 18px;
    position: absolute;
    top: 91px;
    z-index: 7;
    height: auto;
    width: 100%;
    max-width: 240px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.ds_container_inner{
  padding-bottom: 120px;
}

.modal{
  z-index: 9999999 !important;
}

.modal-backdrop.in{
  display: none !important;
}

.method #submenu, #osubmenu{
	margin-top: 0 !important;
}

.container-fluid.footer {
    position: absolute;
    width: 100%;
    z-index: 9999999;
}

.footer a{ color:#999;}

.navbar-right {
    float: right !important;
    margin-right: 5px !important;
}

#videoModal{
  z-index: 999999;
}

#videoModal .modal-dialog {
  position: fixed;
  margin: 0;
  width: 100%;
  height: 100%;
  padding: 0;
}

#videoModal .modal-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid #3c7dcf;
  border-radius: 0;
  box-shadow: none;
}

#videoModal .modal-body {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.ds_circle, .ds_noimgpad{
  text-align: center;
}

.ds_circle img, .ds_noimgpad img{
  max-width: 100%;
  padding: 0 !important;
}

.project img{ background-color: #f5f5f5;
    margin-bottom: 20px;
    margin-right: 24px;
    max-width: 100%;
    /*padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px !important;*/
    width: auto;
    cursor: pointer;
  }
.who img{ background-color:#f5f5f5; width:auto; padding:10px; }

.method.whoweare{
  background-image: url("../images/banner-who.jpg");

}

.method.project-management{
  background-image: url("../images/pbg.jpg");

}


.method.system-implementation{ background-image:url("../images/banner-implementation.jpg"); }
.method.cost-structure{background-image:url("../images/banner-cost.jpg");}
.method.ui-ux-design{background-image:url("../images/banner-ux.jpg"); }
.method.estimation-tool{background-image:url("../images/banner-quickfpa.jpg");}
.method.system-testing{background-image:url("../images/banner-systemtesting.jpg");}
.method.contact{ background-image:url("../images/banner-contact.jpg");}
.home.product-development{background-image:url("../images/banner-json.jpg"); padding-bottom: 30px;}
.product-development .btn{ padding-left:40px; padding-right:40px;}
.product-development h1{ padding-bottom:40px;}
.product-development .json h2{ color:#000000; font-weight:300;}
.product-development .json img{ margin-top:30px;}
.vendorseal{ background: #FFF;}
.vendorseal p{ font-size: 18px;}
.vendorseal h1{ margin-bottom: 20px;}

.vendorseal-rhs{ background: url(../images/vendorbg.jpg) no-repeat top center /cover;
  -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
 background-attachment: fixed;
 text-align: center;}

.casestudies .ds_herotxt{
  width: 50%;
  float: right;
  margin: 10% 2%;
}
#cs_php1{ background:url("../images/cs_bg_php_push.jpg") no-repeat center;
-webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}
#cs_php2{ background:url("../images/cs_bg_php_onlineordering.jpg") no-repeat center;
-webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
}

.row.cs_technologies {    text-align: center;}
.cs_technologies img{margin-top: 0 !important;}
.cs_technologies .thumbnail{
  display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;

    flex-direction: column;
    margin: 1%;
    width: 8%;}

.ds_minheight{ min-height: 1600px;}
.form-control-feedback {right:20px; top: 15px;}
.ds_feedbackerror{color:red; font-size: 14px; padding: 5px;}
#ds_ferror {
    font-size: 16px;
    margin-top: 20px;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
  -moz-appearance: none;
  appearance: none;
}

.ds_textright{
  text-align: right;
}

.whoweare .project{
	display:none;	
}


@media screen and (max-width: 992px) {
  .equal{
    display: inline-block;
  }

  .equal > div[class*='col-'], .equal .col-md-4{
    float: none;
    display: block;
    width: 100%;
  }

  #estimation-rhs, #vendorseal-rhs{
    position: static !important;
  }

  .ds_minheight{ min-height: 100px;}


}

@media (min-width: 992px) and (max-width: 1200px) {
  .ds_minheight{ min-height: 2100px;}
}



@media screen and (max-width:500px){
.footer .content div{ width:auto; text-align:left; padding-bottom:20px; line-height:24px; font-size:16px;}
/*.method #banner-mobile div{ width:auto}*/
.ux .col-md-3 { display:block}
.cs_technologies .thumbnail{width:18%;}
.ds_successmessage h1.ds_mobilenumber{ font-size: 48px;}

}

@media (min-width:500px) and (max-width:1200px){
.footer .content div{ line-height:24px;width:50%; font-size:13px;}
}

@media (min-width:770px) and (max-width:1200px){
.menu a{ padding: 15px 8px !important; font-size:14px;}
.menu li.ds_menu_button a{ padding: 5px 10px !important;}
.menu li.ds_menu_button a{ padding-right:32px !important;}
}
@media (min-width:993px) and (max-width:1280px){
    .equal > div[class*='col-'], .equal .col-md-4{
      height: 600px;
    }
    .ds_orangebutton_big{
      right:12%;
    }

}

@media (min-width:1200px){
  .equal > div[class*='col-'], .equal .col-md-4{
    height: 520px;
  }

}



@media (min-width:320px) and (max-width:772px){
  .menu{ background-color:#fff; margin-top:0;}
  .menu a:hover{ background-image:none; color:#FF3300}
  .menu .selected{ background-image:none; color:#FF3300}

  .method .content h1, .signup-main-info h2 {
      font-size: 36px;
      font-weight: 300;
      line-height: 36px;
  }
  .casestudies .ds_herotxt{ background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0;
    border-radius: 10px;
    float: none;
    margin: 15% auto 10%;
    padding: 10px 15px;
    width: 90%;}
  #ds_developer{background: none;}

  .ds_textright{
    text-align: left;
    margin-top: 10px;
  }
  .home h1 {
        font-size: 35px;
        line-height: 46px;
  }


}

@media (min-width:320px) and (max-width:993px){
    .method #submenu,  #banner, #lhs, .ds_pdsubmenu, #osubmenu{ display:none }
    .method #submenu-mobile{ display:block; text-align:left; margin-bottom:20px; width:auto; text-align:left; margin-left:-30px; margin-right:-30px;margin-top:80px;}
    .method #submenu-mobile button{ text-align:left}


    .method #banner-mobile{ display:block; padding:14px;}
    /*.method #banner-mobile .banner-mobile{width:auto;}*/
    .method{ padding-left:30px; padding-right:30px;}
    .method .content{border-radius:8px; border:solid 1px; margin-bottom:20px; padding-top:20px; border-color:#ccc}
    .vendorseal .content{ margin-top: 110px;}

    .method h4 {
      padding-bottom: 0;
    }
    .ds_container {display:none;}
    .ds_sidemenu_block{padding-bottom: 50px; margin-bottom: 30px;}

    #ds_topmenu{
      display:none;
    }

    .col-md-4.ds_leftmenu {
      min-height: 10px;
      box-sizing: border-box;
    }

}

@media (min-width:320px) and (max-width:991px){
  #ds_mainmenu{
      top:0;
      width:100%;
    }
    .whoweare h1 {
    margin-top: 130px !important;
}
}