body {
    background: url(../img/bg_body-noise.jpg) rgba(0, 0, 0, 0);
    position: relative
}
h3 code {
    font-size: 14px;
    font-weight: 400
}
body>.navbar {
    font-size: 13px
}
body>.navbar .brand {
    color: #000;
    font-weight: 700;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 30px rgba(255, 255, 255, .125);
    transition: all .2s linear 0
}
.firstword,
h2 .firstword {
    border: none!important;
    color: #bf311a!important
}
body>.navbar .brand:hover {
    text-decoration: none;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .1), 0 0 30px rgba(255, 255, 255, .4)
}
.navborder .navbar-inner .container1 {
    border-bottom: 1px solid red;
    margin-bottom: 60px
}
section {
    padding-top: 30px
}
section>.lead,
section>.page-header {
    color: #5a5a5a
}
section>ul li {
    margin-bottom: 5px
}
.bs-docs-separator {
    margin: 40px 0 39px
}
hr.soften {
    background-image: -moz-linear-gradient(left center, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1), rgba(0, 0, 0, 0));
    border: 0;
    height: 1px;
    margin: 40px 0
}
.work .row-fluid .span4 p:first-child {
    margin-top: -7px
}
hr.soften1 {
    background-image: -moz-linear-gradient(left center, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1), rgba(255, 255, 255, 0));
    border: 0;
    clear: both;
    float: left;
    height: 1px;
    margin: 60px 0
}
.full-link {
    height: 100%;
    position: absolute;
    width: 100%
}
.choose {
    float: right;
    margin-top: 0;
    padding-bottom: 40px;
    width: 48%
}
.con,
.request {
    width: 100%;
    float: left
}
.choose h1 {
    color: #333;
    font-size: 20px!important;
    font-weight: 400!important;
    margin: 19px 0 0!important;
    text-align: left
}
.choose p {
    line-height: 15px!important;
    margin-top: 12px;
    text-align: left;
    color: #5a5a5a;
    font-size: 16px
}
.con,
.request h1 {
    text-align: center
}
hr.soften2 {
    margin: 0 0 40px
}
.copyhr {
    background-image: -moz-linear-gradient(left center, rgba(255, 255, 255, 0), rgba(255, 255, 255, .8), rgba(255, 255, 255, 0));
    margin-bottom: 40px!important;
	display:none; 
}
.button1 {
    background: #bf311a;
    border-radius: 3px;
    color: #fff;
    float: left;
    font-size: 20px;
    margin-top: 10px;
    padding: 14px 60px
}
.dot {
    background: url(../img/dot.png) left 6px/6px auto no-repeat rgba(0, 0, 0, 0);
    margin: 0;
    padding-left: 15px
}
.request {
    background: url(../img/request-bg.jpg) 0 0/cover fixed rgba(0, 0, 0, 0);
    margin-top: 60px
}
.request h1 {
    color: #fff;
    font-size: 45px;
    font-weight: 200;
    letter-spacing: -1px;
    line-height: 1;
    margin: 60px 0 8px
}
.con {
    clear: both
}
.con-l {
    float: left;
    width: 48%
}
.con-r {
    float: right;
    width: 48%
}
.con input[type=submit] {
    background: #3e9119;
    border: none;
    border-radius: 2px;
    color: #fff;
    float: right;
    font-size: 16px;
    font-style: normal;
    font-weight: 200;
    margin-bottom: 45px;
    margin-right: -4px;
    margin-top: 7px;
    padding: 11px 40px;
    width: 165px
}
.con input[type=reset],
.resetButton {
    background: #bf311a;
    border: none;
    border-radius: 2px;
    color: #fff;
    float: left;
    font-size: 16px;
    font-style: normal;
    font-weight: 200;
    margin-bottom: 45px;
    margin-top: 7px;
    padding: 11px 40px 12px;
    width: 165px
}
.request input[type=file] {
    padding-bottom: 8px;
    padding-top: 8px
}
.request-l {
    float: left;
    width: 48%
}
.request-l input {
    background: rgba(0, 0, 0, 0);
    border: 2px solid #ccc;
    border-radius: 0;
    color: #ccc;
    font-style: italic;
    font-weight: 200;
    padding: 12px 0 12px 5%;
    width: 94.5%
}
.captcha input,
.request-r textarea {
    border: 2px solid #ccc;
    background: rgba(0, 0, 0, 0);
    color: #ccc;
    font-weight: 200;
    font-style: italic
}
.captcha {
    width: 100%
}
.captcha>img {
    width: 29%;
    float: left;
    margin-top: 8px
}
.captcha input {
    border-radius: 0;
    padding: 12px 0 12px 5%;
    width: 95%;
    float: left;
	margin-left:0px;
}
.request-r {
    float: right;
    width: 48%
}
.request-r textarea {
    border-radius: 0;
    min-height: 126px;
    padding: 12px 0 12px 4%;
    resize: none;
    width: 95%
}
.request-r input {
    background: rgba(0, 0, 0, 0);
    border: 2px solid #ccc;
    border-radius: 0;
    color: #ccc;
    font-style: italic;
    font-weight: 200;
   /* margin-left: 5%;*/
    margin-top: 8px;
    padding: 12px 0 12px 5%;
    width: 60%
}
.email {
    float: left;
    width: 48%!important
}
.phone1 {
    float: right;
    width: 36%!important
}
.i-features,
.i-features ul {
    width: 100%;
    float: left
}
.button1:hover {
    color: #fff;
    text-decoration: none
}
.i-features ul {
    margin: 0;
    padding: 0
}
.i-features ul li {
    float: left;
    list-style: none;
    margin: 20px 2%;
    text-align: left;
    width: 45%
}
.i-features ul li img {
    float: left;
    margin: 0 15px 0 0
}
.i-features ul li span {
    float: left
}
.i-features b {
    float: left;
    font-size: 20px;
    font-weight: 400;
    padding-top: 7px
}/*
.nav-agency .dropdown-menu {
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    color: #333;
    display: none;
    float: left;
    line-height: 2;
    list-style: none;
    margin: 0;
    min-width: 160px;
    position: absolute;
    padding:0px 10px 10px 10px;
    z-index: 1000;
	box-sizing:border-box;
	width:44%;
	left: 34.5%;
	top: 133px; 
} menu 3 */

.nav-agency .dropdown-menu{
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
    color: #333;
    display: none;
    float: left;
    line-height: 2;
    list-style: none;
    margin: 0;
    min-width: 160px;
    position: absolute;
    padding:0px 10px 10px 10px;
    z-index: 1000;
	box-sizing:border-box;
	width:56%;
	left: 23.5%;
	top: 133px; 
	
	
	/*display:block !important;
	visibility:visible !important;*/

}


.bak,
.case {
    border-radius: 3px
}
.jumbotron,
.sci {
    position: relative
}
.request .container p {
    color: #fff;
    font-size: 18px;
    font-weight: 200;
    margin-bottom: 30px;
    text-align: center
}
.bak {
    background: url(../img/back.png) 12px center/12px auto no-repeat #333;
    color: #fff;
    float: right;
    margin-top: 6px;
    padding: 10px 10px 10px 31px
}
.grey,
.i-main,
.i-more {
    float: left
}
.bak:hover {
    background: url(../img/back.png) 12px center/12px auto no-repeat #444;
    color: #fff;
    text-decoration: none
}
.nav-agency .dropdown-menu.pull-right {
    left: auto;
    right: 0
}
.navbar-inner {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}
.nav-agency .dropdown-menu .divider {
    background-color: #e5e5e5;
    border-bottom: 1px solid #fff;
    height: 1px;
    margin: 9px 1px;
    overflow: hidden
}
.nav-agency .dropdown-menu a {
    border-bottom: 1px solid #dfdfdf;
    clear: both;
    color: #333;
    display: block;
    font-weight: 400;
    /*line-height: 2;*/
	line-height:1.5;
    padding-left: 0;
    text-align: left;
    text-shadow: none;
    /*white-space: nowrap;*/
	padding:0px;
}
.nav-agency {
    height: 74px
}
.sci {
    margin-top: 55px;
    padding-bottom: 50px
}
.grey {
    background: #eee;
    margin-top: 12px;
    padding: 3%
}
.hide {
    display: none!important
}
.i-more {
    background: url(../img/request-bg.jpg) 0 0/cover fixed rgba(0, 0, 0, 0);
    width: 100%;
    margin-bottom: 20px;
    margin-top: 15px
}
.link-active {
    color: #bf311a!important
}
.i-main {
    width: 100%;
    margin: 40px 0
}
.i-main-l,
.i-main-r {
    width: 64%;
    float: left
}
.i-main-l h1,
.i-main-r h1 {
    font-size: 36px!important;
    font-weight: 700!important;
    margin: 0 0 20px!important;
    text-align: left;
    color: #777
}
.i-main-l p {
    text-align: left;
    color: #333
}
.orange {
    color: #bf311a;
    line-height: 1.4;
    display: none
}
.i-main-r h1 {
    color: #333;
    font-size: 20px!important;
    font-weight: 400!important;
    margin: 15px 0!important
}
.i-main-l img {
    float: left;
    margin: 10px 14px!important
}
.i-img {
    float: right;
    width: 36%
}
.btn-act>.button,
.btn-act>span,
.case {
    float: left
}
.splash,
.splash img {
    height: 100%;
    width: 100%
}
.i-img img {
    margin: 0 auto!important
}
.i-main-r p {
    line-height: 15px!important;
    text-align: left;
    margin-top: 12px
}
.bigbtn1,
.bigbtna,
.jumbotron {
    text-align: center
}
.nav-agency .dropdown-menu li>a:focus,
.nav-agency .dropdown-menu li>a:hover,
.nav-agency .dropdown-submenu:hover>a {
    background: #fff;
    color: #bf311a;
    text-decoration: none
}
.iphone-banner {
    background-attachment: scroll!important;
    background-clip: border-box!important;
    background-color: rgba(0, 0, 0, 0)!important;
    background-image: url(../img/iphone-banner.jpg)!important;
    background-origin: padding-box!important;
    background-position: 0 0!important;
    background-repeat: repeat!important;
    background-size: 100% auto
}
.nav-agency .dropdown-menu .active>a,
.nav-agency .dropdown-menu .active>a:hover {
    background-color: #232323;
    color: #fff;
    filter: none;
    text-decoration: none
}
.nav-agency .active {
    border-bottom: 4px solid #bf311a
}
.nav-agency .dropdown-menu li:last-child a {
    border-bottom: medium none
}
.navbar .nav>li>a {
    font-size: 18px
}
.jumbotron {
    box-shadow: 0 3px 7px rgba(0, 0, 0, .2) inset, 0 -3px 7px rgba(0, 0, 0, .2) inset;
    color: #fff;
    padding: 40px 0
}
#nav-header,
.phone,
.splash {
    position: absolute
}
.jumbotron h1 {
    font-size: 80px;
    font-weight: 700;
    letter-spacing: -1px;
    line-height: 1
}
.case {
    background: #333;
    color: #fff;
    font-size: 19px;
    margin: 10px 0;
    padding: 13px 35px
}
.jumbotron p {
    font-size: 24px;
    font-weight: 300;
    line-height: 30px;
    margin-bottom: 30px
}
.bigbtn1,
.bigbtna,
.masthead .bigbtn {
    border-radius: 2px;
    font-size: 20px
}
.bigbtn1,
.bigbtna,
.masthead p {
    font-weight: 200
}
.splash {
    left: 0;
    top: 0;
    z-index: -1000
}
.btn-act img {
    width: 140px;
    margin-top: 10px
}
.btn-act>span {
    margin-left: 10px;
    width: 50px
}
#nav-header {
    left: 48%
}
#nav-header ul {
    list-style: none;
    margin: 0;
    padding: 0
}
#nav-header ul li {
    display: inline-block;
    margin: 5px
}
#nav-header ul li a {
    color: #fff;
    text-decoration: none
}
#nav-header ul li a.active {
    color: #61c168!important;
    text-decoration: none
}
.bigbtn1,
.bigbtn:hover,
.bigbtna,
.bigbtna:hover,
.masthead .bigbtn {
    color: #fff;
    text-decoration: none
}
.masthead .bigbtn {
    background: #3e9119;
    float: left;
    font-weight: 200;
    margin-bottom: 45px;
    overflow: visible;
    padding: 10px
}
.bigbtn1 {
    background: orange;
    clear: both;
    display: block;
    margin: 40px auto;
    padding: 20px;
    width: 240px
}
.bigbtna {
    background: url(../img/quote.png) 0 0/100px auto no-repeat rgba(0, 0, 0, 0);
    float: right;
    height: 48px;
    margin-left: 10px;
    overflow: visible;
    width: 114px
}
.masthead h1,
.masthead p {
    text-align: left;
    text-shadow: none
}
.page-header h1 {
    color: #777;
    float: left;
    margin: 5px 0 7px
}
#main-nav select {
    display: none
}
.masthead {
    background: url(../img/1home-banner-bg.jpg) 0 0/cover rgba(0, 0, 0, 0);
    color: #fff;
    margin-bottom: 0;
    margin-top: -40px;
    padding: 40px 0 0
}
.tex {
    float: left
}
.phone {
    bottom: 0;
    float: right;
    right: 0;
    width: 60%
}
.masthead h1 {
    color: #fff;
    font-size: 65px;
    line-height: 1.1em;
    margin: 40px 0 25px
}
.masthead p {
    color: #fff;
    font-size: 30px;
    margin-bottom: 35px;
    width: 372px
}
.masthead .navbar .nav>li>a {
    color: #333;
    font-size: 18px;
    font-weight: 400
}
.masthead .navbar .nav>li>a:hover {
    color: #bf311a
}
.masthead-links {
    list-style: none;
    margin: 0
}
.masthead-links li {
    color: rgba(255, 255, 255, .25);
    display: inline;
    padding: 0 10px
}
#banner-pagination ul {
    list-style: none;
    margin: 20px 0 0
}
#banner-pagination ul li {
    display: inline;
    text-align: center;
    width: 25px
}
.icon-layout,
.icon-values {
    height: 90px;
    padding-bottom: 0;
    width: 90px;
    float: left
}
.icon-layout {
    background: url(../img/responsive.png) left top no-repeat rgba(0, 0, 0, 0);
    left: 0;
    margin-top: 2px;
    padding-right: 18px;
    top: 2px
}
.m-10 {
    margin-top: 5px
}
.icon-think-creative,
.icon-values {
    left: 0;
    margin-top: 2px;
    padding-right: 18px;
    top: 2px
}
.icon-values {
    background: url(../img/core-values.png) left top no-repeat rgba(0, 0, 0, 0)
}
.benefit {
    background: url(../images/team_benefits_delimiter.html) left bottom no-repeat rgba(0, 0, 0, 0);
    display: block;
    padding: 1em 0
}
.benefit .first {
    padding: .5em 0 1em
}
.benefit .icon {
    float: left;
    height: 80px;
    margin-right: 20px;
    width: 64px
}
.benefit_text {
    float: left;
    width: 253px
}
.benefit_text div {
    margin: 0
}
.benefit_text p {
    font-size: 13px;
    margin: 0
}
.perks-title {
    font-size: 16px;
    font-weight: 700
}
.flexible-hours {
    background: url(../img/flexible-hours.png) left 7px no-repeat rgba(0, 0, 0, 0)
}
.coffee-day {
    background: url(../img/coffee-day.png) left 7px no-repeat rgba(0, 0, 0, 0)
}
.personal-projects {
    background: url(../img/personal-projects.png) left 7px no-repeat rgba(0, 0, 0, 0)
}
.question-section {
    margin-bottom: 60px
}
.question-section h4 {
    border-bottom: 1px solid #eee;
    display: inline-block;
    margin-bottom: 20px;
    padding-bottom: 10px
}
.contact form .formcol {
    float: left;
    margin-right: 5.88235%;
    width: 47.0588%
}
.contact form input[type=text],
.contact form textarea {
    padding: .5em;
    width: 100%
}
.contact form .formcol:last-child {
    margin-right: 0
}
.contact form label {
    color: #2f2f2f;
    display: block
}
.contact form textarea {
    height: 10em
}
.img-location,
.img-phone,
.img-skype {
    padding-left: 45px!important
}
.contact form .wpcf7-response-output {
    color: #2f2f2f;
    font-style: italic;
    font-weight: 700;
    margin-bottom: 1em
}
.contact form img.ajax-loader {
    display: none
}
.img-location {
    background: url(../img/icon-location.png) 0 7px no-repeat rgba(0, 0, 0, 0)
}
.img-skype {
    background: url(../img/icon-skype.png) 0 7px no-repeat rgba(0, 0, 0, 0)
}
.img-phone {
    background: url(../img/icon-phone.png) 0 7px no-repeat rgba(0, 0, 0, 0)
}
.bordered-list {
    list-style: none;
    margin: 0;
    padding: 0
}
.bordered-list li {
    border-bottom: 1px solid #cccbc9;
    clear: both;
    display: block;
    float: none;
    padding: 20px 0
}
.bordered-list li.last {
    border-bottom: 0 none
}
#pricing .price-plan {
    background: #1f1f1f;
    position: relative
}
#pricing .price-plan.most-popular {
    background: #57ca8e
}
#pricing .price-plan h2 {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 8px;
    margin: 0;
    padding: 1em 0;
    text-align: center;
    text-transform: uppercase
}
#pricing .price-plan h2:after {
    background: #fff;
    content: " ";
    display: block;
    height: 2px;
    margin: 20px auto 0;
    width: 222px
}
#pricing .price-plan .price {
    padding: 8px 0 30px
}
#pricing .price-plan .price .inside {
    color: #fff;
    font-weight: 100;
    height: 100px;
    line-height: 100px;
    text-align: center
}
#pricing .price-plan .price .inside .super {
    font-size: 24px;
    left: -7px;
    position: relative;
    top: -60px
}
#pricing .price-plan .price .inside .amt {
    font-size: 116px;
    font-weight: 300;
    letter-spacing: -4px;
    margin-left: -5px;
    margin-right: 6px
}
#pricing .price-plan .price .inside .sub {
    font-size: 17px;
    letter-spacing: 2px;
    margin-left: -5px;
    text-transform: uppercase
}
#pricing .price-plan .info ul li .free,
#pricing .questions h3 {
    letter-spacing: 1px;
    display: inline-block;
    text-transform: uppercase
}
#pricing .price-plan .info {
    text-align: center
}
#pricing .price-plan .info p {
    font-size: 12px
}
#pricing .price-plan .info ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: left
}
#pricing .price-plan .info ul li {
    background: #f7f7f7;
    border-bottom: 1px solid #e9e9e9;
    color: #696969;
    font-size: 15px;
    line-height: 50px;
    text-align: center
}
#pricing .price-plan .info ul li .free {
    background: #57ca8e;
    border-radius: 30px;
    color: #fff;
    font-size: 10px;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    margin-left: 10px;
    position: relative;
    text-align: center;
    top: -2px;
    width: 40px
}
#pricing .price-plan .info ul li.feature-bandwidth,
#pricing .price-plan .info ul li.feature-contributors,
#pricing .price-plan .info ul li.feature-pages,
#pricing .price-plan .info ul li.feature-storage {
    color: #222;
    font-weight: 700
}
#pricing .price-plan .info ul li:first-child {
    padding-top: 10px
}
#pricing .price-plan .info ul li:last-child {
    padding-bottom: 10px
}
#pricing .price-plan-standard {
    margin-left: 0
}
#pricing .price-plan-standard .bubble .inside {
    text-indent: 12px
}
#pricing .price-plan-standard .bubble .inside .amt {
    margin-left: 3px
}
#pricing .price-plan-unlimited {
    margin-left: 30px
}
#pricing .price-plan-unlimited .bubble .inside {
    text-indent: 8px
}
#pricing .get-started {
    padding-left: 60px;
    padding-top: 115px
}
#pricing .get-started h2,
#pricing .get-started p {
    font-size: 26px;
    font-weight: 300;
    line-height: 1.5em;
    margin: 0
}
#pricing .get-started h2 {
    color: #1d1d1d
}
#pricing .get-started p {
    color: #888
}
#pricing .get-started a.get-started-button {
    background-color: #f5e78b;
    border-radius: 50px;
    color: #000;
    font-size: 15px;
    font-weight: 600;
    margin-top: 88px;
    padding: 12px 40px 11px;
    text-transform: uppercase;
    transition: background-color .1s ease-out 0s, color .1s ease-out 0
}
#pricing .get-started a.get-started-button:hover {
    background-color: #f2e9ad
}
#pricing .questions {
    clear: both;
    padding: 90px 0 0
}
#pricing .questions .header h2 {
    background: #1d1d1d;
    color: #fff;
    display: inline-block;
    font-size: 36px;
    font-weight: 100;
    padding: 30px 20px;
    width: auto
}
#pricing .questions h3 {
    border-bottom: 2px solid;
    color: #222;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 2em;
    padding-bottom: 10px
}
.bs-docs-social,
.subhead {
    border-bottom: 1px solid #ddd
}
#pricing .questions p {
    color: #777;
    font-size: 14px;
    line-height: 24px
}
#pricing .questions .column {
    float: left;
    width: 450px
}
#pricing .questions .column-first {
    margin-right: 60px
}
.bs-docs-social {
    background-color: #f5f5f5;
    border-top: 1px solid #fff;
    padding: 15px 0;
    text-align: center
}
.bs-docs-social-buttons {
    list-style: none;
    margin-bottom: 0;
    margin-left: 0;
    padding-left: 0
}
.bs-docs-social-buttons li {
    display: inline-block;
    line-height: 1;
    padding: 5px 8px
}
.subhead {
    text-align: left
}
.subhead h1 {
    font-size: 60px
}
.subhead p {
    margin-bottom: 20px
}
.subhead .navbar {
    display: none
}
.marketing {
    color: #5a5a5a;
    text-align: center
}
.marketing h1 {
    font-size: 45px;
    font-weight: 200;
    letter-spacing: -1px;
    line-height: 1;
    margin: 60px 0 10px
}
.platform,
.platform li {
    float: right;
    margin-top: 6px
}
.platform li.and-btn{background:#a5ca39;}


.marketing h2 {
    font-weight: 200;
    margin-bottom: 20px
}
.marketing-byline>b {
    color: #333
}
.platform {
    margin-left: 5px
}
.platform li:hover {
    background: green
}
.platform li {
    background: #6a10b2;
    border-radius: 3px;
    color: #fff;
    list-style: none;
    margin-left: 10px;
    padding: 8px 20px 7px
}
.platform li.back_button{padding:0px; margin:0px; background:none;}
.platform li img {
    margin-right: 5px;
    width: 25px
}
.marketing p {
    font-size: 16px;
    line-height: 1.5
}
.marketing .marketing-byline {
    color: #999;
    font-size: 20px;
    font-weight: 300;
    line-height: 25px;
    margin-bottom: 40px
}
.marketing img {
    display: block;
    margin: 0 auto 30px
}
.textleft {
    text-align: left
}
.services {
    list-style: none;
    margin-left: 0
}
.services li {
    line-height: 30px
}
.bordertop {
    border-top: 1px solid #eee;
    margin-top: 20px;
    padding-top: 20px
}
.footer blockquote {
    background: url(../img/quote1.png) 50% 0 no-repeat rgba(0, 0, 0, 0);
    border-left: 0 none;
    color: #d8c431;
    margin: 0;
    padding: 60px 0;
    text-align: center
}
.footer blockquote footer {
    padding: 0 0 20px
}
.footer blockquote footer p {
    display: block;
    font-size: .8em;
    text-transform: uppercase
}
.footer blockquote p.testimonial {
    color: #d8c431;
    font-size: 18px
}
.footer blockquote .name {
    color: #666;
    font-size: .8em;
    margin-bottom: 0
}
footer h2,
footer h3,
footer h4 {
    color: #fff;
    font-weight: 400;
	padding-bottom:10px;
}
footer .copyright {
    border-bottom: 0 none;
    font-size: .8em;
    margin-bottom: 0;
	float:left; width:100%; text-align:center; padding-top:20px;
}
.footer ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.footer_social {
    list-style-type: none;
    margin: 0;
    padding: 0;
    right: 0;
    top: 51px
}
.footer_social li {
    float: left;
    margin-left: 15px
}
.footer_social li:first-child {
    margin-left: 0
}
.footer_social li a {
    background-color: #0d0d0d;
    border: 1px solid #000;
    box-shadow: 0 1px 0 rgba(255, 255, 255, .2) inset;
    display: block;
    height: 48px;
    text-indent: -9999px;
    transition: background-color 250ms ease-in-out 0;
    width: 48px
}
.footer_social li a:active {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .8) inset, 0 1px 0 rgba(255, 255, 255, .2);
    position: relative;
    top: 1px
}
.footer_googleplus:hover,
.footer_rss:hover,
.footer_twitter:hover {
    box-shadow: 0 1px 0 rgba(255, 255, 255, .6) inset
}
.footer_facebook {
    background: url(../img/footer_facebook.png) 50% 50% no-repeat #0d0d0d
}
.footer_facebook:hover {
    background-color: #37589f
}
.footer_twitter {
    background: url(../img/footer_twitter.png) 50% 50% no-repeat #0d0d0d
}
.footer_twitter:hover {
    background-color: #1bd7ed
}
.footer_googleplus {
    background: url(../img/footer_google.png) 50% 50% no-repeat #0d0d0d
}
.footer_googleplus:hover {
    background-color: #b70000
}
.footer_rss {
    background: url(../img/footer_rss.png) 50% 50% no-repeat #0d0d0d
}
.footer_rss:hover {
    background-color: #ff9c00
}
.footer {
    background: url(../img/bg_footer.png) rgba(0, 0, 0, 0);
    clear: both;
    color: #919191;
    float: left;
    margin-top: 0;
    padding: 60px 0 0;
    width: 100%
}
.footer-links li,
.footer-links p a {
    padding-left: 10px;
    font-size: 12px
}
.ppr {
    display: block
}
.footer a {
    color: #fff
}
.footer a:hover {
    color: #bf311a
}
.footer-links li {
    /*background: url(../img/arrow.png) 0 center/5px auto no-repeat rgba(0, 0, 0, 0);*/
	background: url(../img/arrow.png) 0 7px/5px auto no-repeat rgba(0, 0, 0, 0);
    border-bottom: 1px solid #232323;
    line-height: 22px
}
.footer-links p, .footer-links li ul li {
    background: url(../img/dot1.png) left 8px/4px auto no-repeat rgba(0, 0, 0, 0);
    margin: 0 0 0 10px
}
.flickr_badge_image {
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    width: 50px
}
.show-grid {
    margin-bottom: 20px;
    margin-top: 10px
}
.show-grid [class*=span] {
    background-color: #eee;
    border-radius: 3px;
    line-height: 40px;
    min-height: 40px;
    text-align: center
}
.show-grid:hover [class*=span] {
    background: #ddd
}
.show-grid .show-grid {
    margin-bottom: 0;
    margin-top: 0
}
.show-grid .show-grid [class*=span] {
    background-color: #ccc
}
.mini-layout {
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
    margin-bottom: 20px;
    padding: 9px
}
.mini-layout,
.mini-layout .mini-layout-body,
.mini-layout.fluid .mini-layout-sidebar {
    height: 300px
}
.mini-layout div {
    border-radius: 3px
}
.mini-layout .mini-layout-body {
    background-color: #dceaf4;
    margin: 0 auto;
    width: 70%
}
.mini-layout.fluid .mini-layout-body,
.mini-layout.fluid .mini-layout-header,
.mini-layout.fluid .mini-layout-sidebar {
    float: left
}
.mini-layout.fluid .mini-layout-sidebar {
    background-color: #bbd8e9;
    width: 20%
}
.mini-layout.fluid .mini-layout-body {
    margin-left: 2.5%;
    width: 77.5%
}
.download .page-header {
    margin-top: 36px
}
.page-header .toggle-all {
    margin-top: 5px
}
.download h3 {
    margin-bottom: 5px
}
.download-builder .checkbox+h3,
.download-builder input+h3 {
    margin-top: 9px
}
.download-builder input[type=text] {
    color: #d14;
    font-family: Menlo, Monaco, "Courier New", monospace;
    font-size: 12px;
    margin-bottom: 9px
}
.download-builder input[type=text]:focus {
    background-color: #fff
}
.download .checkbox {
    background-color: #f9f9f9;
    border-radius: 3px;
    color: #555;
    cursor: pointer;
    font-size: 13px;
    line-height: 18px;
    padding: 6px 10px 6px 25px
}
.download .checkbox:hover {
    background-color: #f5f5f5;
    color: #333
}
.download .checkbox small {
    color: #777;
    font-size: 12px
}
#variables label {
    margin-bottom: 0
}
.download-btn {
    margin: 36px 0 108px
}
#download h4,
#download p {
    color: #999;
    margin: 0 auto;
    max-width: 50%;
    text-align: center
}
#download h4 {
    margin-bottom: 0
}
#download p {
    margin-bottom: 18px
}
.download-btn .btn {
    border-radius: 6px;
    display: block;
    font-size: 30px;
    line-height: 1;
    margin-bottom: 27px;
    padding: 19px 24px;
    text-align: center;
    width: auto
}
h2+.row,
h2+table,
h3+table,
h4+table {
    margin-top: 5px
}
.example-sites img {
    margin: 0 auto;
    max-width: 100%
}
.scrollspy-example {
    height: 200px;
    overflow: auto;
    position: relative
}
.focused {
    border-color: rgba(82, 168, 236, .8);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1) inset, 0 0 8px rgba(82, 168, 236, .6);
    outline: 0
}
.docs-input-sizes input[type=text],
.docs-input-sizes select {
    display: block;
    margin-bottom: 9px
}
.the-icons {
    list-style: none;
    margin-left: 0
}
.the-icons li {
    float: left;
    line-height: 25px;
    width: 25%
}
.the-icons i:hover {
    background-color: rgba(255, 0, 0, .25)
}
.bootstrap-examples p {
    font-size: 13px;
    line-height: 18px
}
.bootstrap-examples .thumbnail {
    background-color: #fff;
    margin-bottom: 9px
}
.bs-docs-example {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin: 15px 0;
    padding: 14px 19px;
    position: relative
}
.bs-docs-example:after {
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    border-radius: 4px 0;
    color: #9da0a4;
    font-size: 12px;
    font-weight: 700;
    left: -1px;
    padding: 3px 7px;
    position: absolute;
    top: -1px
}
.bs-docs-example+.prettyprint {
    margin-top: -20px;
    padding-top: 15px
}
.bs-docs-example>p:last-child {
    margin-bottom: 0
}
.bs-docs-example .alert,
.bs-docs-example .hero-unit,
.bs-docs-example .navbar,
.bs-docs-example .pagination,
.bs-docs-example .progress,
.bs-docs-example .table,
.bs-docs-example .well,
.bs-docs-example blockquote,
.bs-docs-example>.nav {
    margin-bottom: 5px
}
.bs-docs-example .pagination {
    margin-top: 0
}
.italic i {
    color: #333
}
.bs-navbar-bottom-example,
.bs-navbar-top-example {
    height: 90px;
    overflow: hidden;
    padding: 0;
    z-index: 1
}
.bs-navbar-bottom-example .navbar-fixed-bottom,
.bs-navbar-top-example .navbar-fixed-top {
    margin-left: 0;
    margin-right: 0
}
.bs-navbar-top-example {
    border-radius: 0 0 4px 4px
}
.bs-navbar-top-example:after {
    border-radius: 0 4px;
    bottom: -1px;
    top: auto
}
.bs-navbar-bottom-example {
    border-radius: 4px 4px 0 0
}
.bs-navbar-bottom-example .navbar {
    margin-bottom: 0
}
form.bs-docs-example {
    padding-bottom: 19px
}
.bs-docs-example-images img {
    display: inline-block;
    margin: 10px
}
.bs-docs-tooltip-examples {
    list-style: none;
    margin: 0 0 10px;
    text-align: center
}
.bs-docs-tooltip-examples li {
    display: inline;
    padding: 0 10px
}
.bs-docs-example-popover {
    background-color: #f9f9f9;
    padding-bottom: 24px
}
.bs-docs-example-popover .popover {
    display: block;
    float: left;
    margin: 20px;
    position: relative;
    width: 260px
}
.blog article {
    margin-bottom: 4em
}
.blog article:last-child {
    border-bottom: medium none;
    margin-bottom: 0
}
.blog article h2 {
    font-size: 2em;
    margin: 0!important
}
.blog article h2 a {
    color: #2f2f2f;
    font-style: normal;
    font-weight: 400
}
.blog article h2 a:hover {
    color: #2f2f2f;
    text-decoration: none
}
.blog article h3 {
    font-size: 1.5em
}
.blog article h4 {
    font-size: 1.2em
}
.blog article blockquote {
    border-left: 1px solid #7c7c7c;
    color: #2f2f2f;
    line-height: 1.6em;
    padding-left: 15px
}
.blog article blockquote .author {
    color: #757575
}
.blog article code,
.blog article pre {
    color: #484848;
    font-size: .9em
}
.blog article pre {
    background: #f5f4f4;
    border-radius: .5em;
    padding: 1em
}
.blog article .video-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    padding-top: 30px;
    position: relative
}
.blog article .video-container iframe,
.blog article .video-container object,
.blog articlel .video-container embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}
.blog article .read-more-link {
    background: url(../images/icon_right-arrow.aspx) right center no-repeat rgba(0, 0, 0, 0);
    padding-right: 22px
}
.blog article aside .blog-post-type h3 {
    display: block;
    height: 94px;
    margin: 1.3em auto 0;
    text-indent: -9999px;
    width: 91px
}
.blog article aside .blog-post-type h3.article {
    background: url(../images/icon_blog-article.aspx) no-repeat rgba(0, 0, 0, 0)
}
.blog article aside .blog-post-type h3.link {
    background: url(../images/icon_blog-link.aspx) no-repeat rgba(0, 0, 0, 0)
}
.blog article aside .blog-post-type h3.video {
    background: url(../images/icon_blog-video.aspx) no-repeat rgba(0, 0, 0, 0)
}
.blog article aside .blog-post-type h3.image {
    background: url(../images/icon_blog-image.aspx) no-repeat rgba(0, 0, 0, 0)
}
.blog article:hover aside .blog-post-type h3 {
    background-position: 0 -94px
}
.blog article aside .blog-post-date {
    margin: 2em 0 1em;
    text-align: center
}
.blog article aside .blog-post-comments {
    text-align: center
}
.blog article aside .blog-post-comments a {
    color: #757575;
    font-style: normal;
    font-weight: 400
}
.blog article aside .blog-post-comments a:hover {
    color: #d8c431;
    text-decoration: none
}
.blog .blog-post-tags {
    margin-top: 3px
}
.blog .blog-post-tags ul {
    list-style: none;
    margin: 0;
    padding: 0
}
.blog .blog-post-tags li a {
    background-color: #f5f4f4;
    border: 1px solid #d0d0d0;
    color: #757575;
    float: left;
    font-size: .6em;
    font-style: normal;
    font-weight: 400;
    margin: 0 .5em .5em 0;
    padding: .2em .8em;
    position: relative;
    text-transform: uppercase
}
.blog .blog-post-tags li a:hover {
    background: #61c168;
    border: 1px solid #61c168;
    color: #fff;
    text-decoration: none
}
.blog article aside h4 {
    font-size: 1.2em;
    margin: 0
}
.blog article aside p {
    font-size: .9em;
    margin: 0
}
.blog article .social {
    margin: 1em 0 0
}
.blog .sharing a:hover {
    color: #d8c431;
    text-decoration: none
}
.blog article aside {
    line-height: 1.4em
}
.blog .blog-post img {
    margin-bottom: 10px
}
.blog .blog-post .wp-caption {
    background: rgba(0, 0, 0, 0);
    border: none
}
.blog .blog-post .wp-caption-text {
    padding: .5em
}
.blog .blog-post .alignleft {
    margin: 1em 1em 1em 0
}
.blog .blog-post .alignright {
    margin: 1em 0 1em 1em
}
.blog .post-meta ul {
    font-weight: 400;
    list-style: none!important;
    margin: 0!important;
    position: relative;
    text-transform: uppercase;
    padding: .2em .8em .2em 0!important
}
.blog .post-meta ul li {
    float: left;
    font-size: .8em;
    margin-right: 1em
}
.blog .nav-tabs {
    margin-bottom: 0!important
}
.blog .tab-pane {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #fff;
    border-color: -moz-use-text-color #dfdfdf #dfdfdf;
    border-image: none;
    border-right: 1px solid #dfdfdf;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    padding: 15px 15px 1px
}
.blog .nav-pills li a:hover,
.blog .nav-pills li.active a {
    background-color: #61c168!important;
    color: #fff
}
.blog_cat {
    padding-top: 0
}
.blog .indexMeta {
    background: url(../img/blog-title-bg2.png) rgba(0, 0, 0, 0);
    border-bottom: 1px solid #d0d0d0!important;
    border-top: 1px solid #d0d0d0!important;
    clear: both;
    margin-bottom: 40px;
    padding: 20px 20px 40px!important;
    position: relative
}
.blog .indexMeta h2 {
    width: 600px
}
.blog .indexMeta .dd_buttons {
    border-left: 1px solid #d9d9d9;
    padding-left: 10px;
    position: absolute;
    right: 10px;
    top: 15px;
    width: 112px
}
.blog .indexMeta .dd_button {
    float: right;
    height: 25px;
    margin: 3px 0;
    overflow: hidden;
    width: 110px
}
#comment_form,
.comment_user,
.comment_wrap {
    float: left;
    position: relative;
    display: inline
}
#comment_form {
    margin: 0 10px;
    padding: 20px 0
}
.comment_wrap {
    border-bottom: 1px solid #eee;
    margin: 20px 10px;
    overflow: hidden;
    padding: 10px 0
}
.comment_user {
    margin: 0 20px -545px 0;
    padding: 0 0 540px;
    width: 70px
}
.con_fil,
.textbox,
.textmsg,
.textselect {
    width: 100%
}
.comment_date {
    position: absolute;
    right: 0;
    top: 0
}
.comment_txt,
.con_fil {
    float: left;
    position: relative
}
.comment_txt {
    display: inline;
    padding-bottom: 25px
}
.con_fil {
    display: inline-block;
    margin: 10px 0
}
label {
    display: block;
    margin-bottom: 5px
}
.textbox,
.textmsg,
.textselect {
    border-radius: 3px;
    box-shadow: 0 1px 0 #fff, 0 1px 1px 0 #e6e5e4 inset;
    margin-bottom: 1em;
    padding: .5em
}
.responsive-utilities th small {
    color: #999;
    display: block;
    font-weight: 400
}
.responsive-utilities tbody th {
    font-weight: 400
}
.responsive-utilities td {
    text-align: center
}
.responsive-utilities td.is-visible {
    background-color: #dff0d8!important;
    color: #468847
}
.responsive-utilities td.is-hidden {
    background-color: #f9f9f9!important;
    color: #ccc
}
.responsive-utilities-test {
    list-style: none;
    margin-left: 0;
    margin-top: 5px;
    overflow: hidden
}
.responsive-utilities-test li {
    border: 1px solid #ddd;
    border-radius: 4px;
    color: #999;
    float: left;
    font-size: 14px;
    font-weight: 700;
    height: 43px;
    line-height: 43px;
    position: relative;
    text-align: center;
    width: 25%
}
.responsive-utilities-test li+li {
    margin-left: 10px
}
.responsive-utilities-test span {
    border-radius: 4px;
    bottom: -1px;
    left: -1px;
    position: absolute;
    right: -1px;
    top: -1px;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6;
    color: #468847
}
.bs-docs-sidenav {
    background-color: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .067);
    margin: 30px 0 0;
    padding: 0;
    width: 228px
}
.bs-docs-sidenav>li>a {
    border: 1px solid #e5e5e5;
    display: block;
    margin: 0 0 -1px;
    padding: 8px 14px
}
.bs-docs-sidenav>li:first-child>a {
    border-radius: 6px 6px 0 0
}
.bs-docs-sidenav>li:last-child>a {
    border-radius: 0 0 6px 6px
}
.bs-docs-sidenav>.active>a {
    border: 0;
    box-shadow: 1px 0 0 rgba(0, 0, 0, .1) inset, -1px 0 0 rgba(0, 0, 0, .1) inset;
    padding: 9px 15px;
    position: relative;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .15);
    z-index: 2
}
.bs-docs-sidenav .icon-chevron-right {
    float: right;
    margin-right: -6px;
    margin-top: 2px;
    opacity: .25
}
.bs-docs-sidenav>li>a:hover {
    background-color: #f5f5f5
}
.bs-docs-sidenav a:hover .icon-chevron-right {
    opacity: .5
}
.bs-docs-sidenav .active .icon-chevron-right,
.bs-docs-sidenav .active a:hover .icon-chevron-right {
    background-image: url(../img/glyphicons-halflings-white.png);
    opacity: 1
}
.bs-docs-sidenav.affix {
    top: 40px
}
.bs-docs-sidenav.affix-bottom {
    bottom: 270px;
    position: absolute;
    top: auto
}
.navbar .btn-navbar {
    margin-top: 50px
}
.work .row-fluid {
    margin-bottom: 60px;
    padding-bottom: 60px
}
.work .row-fluid:last-child,
.work .work-note p,
.work h2 {
    margin-bottom: 0
}
.work .row-fluid:last-child,
.work .work-note {
    border-bottom: medium none;
    padding-bottom: 0
}
.work h2 {
    font-weight: 400;
    margin-top: 0
}
.work .work-note p strong {
    font-style: italic
}
.work .devices {
    margin: -1em 0 1em;
    padding: 0
}
.work .devices li {
    float: left;
    list-style: none;
    margin-right: .3em;
    text-indent: -9999px
}
.work .devices .phone {
    background: url(../img/icon_phone.aspx) no-repeat rgba(0, 0, 0, 0);
    height: 62px;
    width: 28px
}
.work .devices .tablet {
    background: url(../img/icon_tablet.aspx) no-repeat rgba(0, 0, 0, 0);
    height: 62px;
    width: 72px
}
.work .devices .desktop {
    background: url(../img/icon_desktop.aspx) no-repeat rgba(0, 0, 0, 0);
    height: 62px;
    width: 105px
}
.work .devices .print {
    background: url(../images/icon_print.aspx) no-repeat rgba(0, 0, 0, 0);
    height: 62px;
    width: 46px
}
.detail-link:hover,
.work-item-overlay .inner ul li a.gallery-btn:hover {
    background: #0085bd;
    color: #fff!important
}
.work .sample img {
    border: 1px solid #cccbc9;
    border-radius: 3px
}
.work .coming-soon p {
    font-size: 1.4em;
    font-style: italic;
    margin-bottom: 0;
    margin-top: 0;
    padding: 1em;
    text-align: center
}
.work-thumbs {
    list-style: none;
    padding-left: 0!important;
    margin: 2em 0 0!important
}
.work-thumbs li {
    float: left;
    margin-right: 2em!important
}
.work-thumbs li img {
    width: 174px!important
}
.work-thumbs li.last {
    margin-right: 0!important
}
#work-filter {
    float: right;
    margin: 13px 0 0;
    padding: 0
}
#work-filter li {
    float: left;
    list-style: none;
    margin-right: 5px
}
#work-filter li a {
    font-size: 11px;
    padding: 2px 8px;
    text-decoration: none
}
.portfolio_showcase {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%!important
}
.portfolio_showcase img,
.portfolio_showcase>li {
    float: left;
    width: 100%!important
}
.work-pagination ul {
    list-style: none;
    margin: 20px 0 0
}
.work-pagination ul li {
    display: inline;
    text-align: center;
    width: 25px
}
.work-item {
    margin-bottom: 20px;
    transition: all .5s ease 0
}
#portfolio .work-item:nth-child(3n+4) {
    clear: both
}
.work-item-overlay .inner ul li a.gallery-btn {
    background-color: #e5e5e5;
    border-radius: 50px;
    color: #000!important;
    cursor: pointer;
    font-size: 11px;
    font-weight: 600;
    padding: 4px 20px;
    transition: background-color .1s ease-out 0s, color .1s ease-out 0
}
.work-item-overlay .inner ul {
    list-style: none
}
.work-item-overlay {
    background: rgba(0, 0, 0, .8);
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .25s ease-out 0;
    width: 100%
}
.work-item-image-container:hover,
.work-item-overlay:hover {
    opacity: 1;
    transition: background-color .1s ease-out 0s, color .1s ease-out 0
}
.work-item-overlay .inner {
    display: block;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%
}
.work-item-image-container {
    border: none;
    cursor: pointer;
    height: 100%;
    position: relative;
    width: 100%
}
.work-item-overlay .inner ul li a.detail-link {
    background: #ccc!important;
    border-radius: 50px;
    color: #000!important;
    display: block;
    font-size: 11px;
    font-weight: 700;
    margin-left: -10px;
    margin-top: 5px;
    padding: 4px 10px;
    text-transform: none;
    transition: color .1s ease-out 0
}
.work-item-image-container .work-item-overlay .inner ul li a:active,
.work-item-image-container .work-item-overlay .inner ul li a:hover {
    color: #61c168;
    outline: 0
}
.work-item-image-container .work-item-overlay .inner ul li a:hover {
    color: #61c168;
    text-decoration: none
}
.work-item-image-container .work-item-overlay .inner ul li a {
    color: #0085bd;
    text-decoration: none
}
.work-item-image-container>img {
    width: 100%!important
}
#number {
    color: #fff;
    height: 22px;
    margin-top: 20px;
    text-align: center
}
#number a {
    background-image: url(../img/sliderdotgrey.jpg);
    background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
    text-indent: -99999px;
    width: 22px
}
#number a.activeSlide {
    background-image: url(../img/sliderdotgrey-active.jpg)
}
.footer_navigation{width:30%; float:left; padding-right:30px; box-sizing: border-box;} 
.footer_other_services{width:25%; float:left; padding-right:30px; box-sizing: border-box;}
.footer_design_services{width:25%; float:left; padding-right:30px; box-sizing: border-box;}
.footer_offshore_services{width:20%; float:left; padding-right:30px; box-sizing: border-box;}

/* star new navigation header */
.dropdown{position:static;}
.dropdown-menu ul{ margin:0px; padding:0px;}
.dropdown-menu ul li{ padding:0px; margin:0px; list-style:none;}
.col-md-4{width:33.33333333%; float:left; padding-right:5px; padding:0px 10px; box-sizing: border-box;} 
.col-md-3{width:25%; float:left; padding-right:5px; padding:0px 10px; box-sizing: border-box;}  /* menu 3*/
.dropdown-menu ul li a, .dropdown-menu ul li a:hover{background:url(../img/bullet-ftr-mobile.png) left center no-repeat !important; padding-left:10px !important;}
.dropdown-menu p{margin:10px 0px 5px 0px; font-size: 14px; text-transform:uppercase; border-bottom:2px solid #bf311a; width:100%;}
.nav-agency .dropdown-menu p a{padding-bottom:5px;}
.dropdown-menu p a:hover{color:#bf311a;}


/* end new navigation header */
@media (max-width: 1600px) {
/*
.nav-agency .dropdown-menu {
	width:46%;
	left: 39%;
	top: 133px; 

} menu 3*/
.nav-agency .dropdown-menu {width:64%; left: 21%; top: 133px;} 
}

@media (max-width: 1400px) {

/* menu 3*/ 
.nav-agency .dropdown-menu {width:70%; left: 21%; top: 133px;} 
}
@media (max-width: 1366px) {
.nav-agency .dropdown-menu {width:72%; left: 19%; top: 133px; }
/*.nav-agency .dropdown-menu {width:60%; left: 30%; top: 133px; } menu 3*/
}
 
 
 
@media (max-width: 1280px) {

.nav-agency .dropdown-menu {
	width:75%;
	left: 17%;
	top: 133px;   /*menu 3*/

}
}

 


@media (max-width: 1024px) {

.nav-agency .dropdown-menu {
	width:94%; left: 3%; top: 133px;
	/*width:73%;
	left: 22%;
	top: 133px; menu 3 */

}
}

@media (min-width: 1200px) {
    .bs-docs-container {
        max-width: 970px
    }
    .bs-docs-sidenav {
        width: 258px;
    }
    .blog .indexMeta h2 {
        width: 600px
    }
}
@media (max-width: 1200px) {
    .masthead h1 {
        font-size: 55px
    }
}
@media (max-width: 980px) {
    .masthead p {
        width: 300px
    }
    .nav-collapse .dropdown-menu a,
    .nav-collapse .nav>li>a {
       /* border-radius: 3px;
        color: #777;
        padding: 23px 15px 10px!important*/
    }
    body>.navbar-fixed-top .brand {
        float: right;
        margin-left: 0;
        padding-left: 10px;
        padding-right: 10px
    }
    .quick-links li {
        display: inline-block;
        margin: 5px
    }
    .bs-docs-sidenav {
        margin-right: 0;
        margin-top: 30px;
        top: 0
    }
    .navbar .btn-navbar {
        margin-top: 50px
    }
    .blog .indexMeta h2 {
        width: 400px
    }
}
.work .row-fluid .span4 h5 {
    margin-bottom: 5px
}
@media (max-width: 979px) {
    .bigbtna {
        position: fixed;
        right: 20px;
        width: 115px
    }
    .nav-agency .nav-collapse .nav>li>a:hover,
    .nav-collapse .dropdown-menu a:hover {
        background: rgba(0, 0, 0, 0)
    }
    .nav-agency.nav-collapse .nav>li>a,
    .nav-collapse .dropdown-menu a {
        padding: 0
    }
}
.fix-quote {
    float: left;
    position: fixed;
    right: 0;
    top: -1px;
    width: 100%;
    z-index: 10
}
@media (min-width: 768px) and (max-width: 980px) {
    .platform {
        clear: both;
        float: left
    }
    body {
        padding-top: 0
    }
    .container {
        width: 95%
    }
    .masthead h1 {
        font-size: 40px;
        margin-top: 10px
    }
    .bs-docs-sidenav {
        margin-top: 20px;
        width: 166px
    }
    .bs-docs-sidenav.affix {
        top: 0
    }
    .navbar .btn-navbar {
        margin-top: 50px
    }
    #work-filter {
        float: right
    }
    .blog .indexMeta h2 {
        width: 300px
    }
}
@media (max-width: 920px) {
    .i-main-r {
        width: 100%
    }
}
@media (max-width: 900px) {
    #main-nav {
        right: 135px!important
    }
}
@media (max-width: 870px) {
    .captcha>img {
        width: 35%
    }
    .captcha input {
        width: 38% !important;
    }
}
@media (max-width: 830px) {
    .bigbtna {
        padding: 10px 7px;
        position: fixed;
        right: 20px;
        width: 100px
    }
    #main-nav {
        right: 100px!important
    }
}
.m0 {
    margin: 0!important
}

@media (max-width: 767px) {
    .request {
        padding: 0 20px
    }
    .span8 {
        float: left!important
    }
    .platform {
        clear: both;
        float: left
    }
    .masthead h1 {
        margin-top: 40px;
        font-size: 2.5em
    }
    .nav-agency {
        height: 74px;
        margin-left: -20px;
        margin-right: -20px
    }
    #main-nav {
        right: 0!important
    }
    #work-filter {
        float: right!important;
        margin: 0;
        padding: 0
    }
    .page-header {
        padding: 50px 0 20px
    }
    .navbar-fixed-bottom,
    .navbar-fixed-top,
    .navbar-static-top {
        margin-left: 0;
        margin-right: 0
    }
    .masthead p {
        font-weight: 200;
        margin-bottom: 35px;
        text-align: left;
        text-shadow: none;
        width: 200px
    }
    body {
        padding-top: 0
    }
    .jumbotron {
        margin-left: -20px;
        margin-right: -20px;
        margin-top: -20px;
        padding: 0
    }
    .footer,
    .sci {
        padding-left: 20px
    }
    .phone {
        right: 20px
    }
    .phone img {
        margin-left: 8%;
        width: 92%
    }
    .masthead .btn,
    .masthead p {
        font-size: 26px
    }
    .marketing .span4 {
        margin-bottom: 40px
    }
    .bs-docs-social {
        margin: 0 -20px
    }
    .footer,
    .request {
        margin-left: -20px;
        margin-right: -20px
    }
    .show-grid [class*=span] {
        margin-bottom: 5px
    }
    .bs-docs-sidenav {
        margin-bottom: 20px;
        width: auto
    }
    .bs-docs-sidenav.affix {
        position: static;
        top: 0;
        width: auto
    }
    .footer {
        padding-right: 20px
    }
    .MT70 {
        margin-top: 70px
    }
    .MT70:after {
        clear: both;
        content: "";
        display: table;
        line-height: 0
    }
    .navbar .btn-navbar {
        margin-top: 50px
    }
    .blog .indexMeta h2 {
        font-size: 25px;
        width: 70%
    }
    #main-nav ul {
        display: none
    }
    #main-nav select {
        display: inline-block;
        width: 100%!important
    }
	#main-nav select::first-child {
        display: none !important; 
        width: 100%!important
    }
    #main-nav {
        position: relative;
        top: auto;
        width: 100%
    }
	
}
@media (min-width: 768px) {
    .nav-collapse,
    .nav-collapse.collapse {
        height: auto!important;
        overflow: visible!important;
		position:static;
    }
    .navbar .nav {
        display: block!important;
        float: right!important;
        left: 0!important;
        margin: 25px 0 0!important;
		position:static !important;
        /*position: relative!important*/
    }
    .navbar .nav>li {
        float: left
    }
    li {
        line-height: 20px
    }
    #main-nav {
        float: right
    }
}
@media (max-width: 768px) {
    .i-main {
        margin: 70px 0 40px
    }
    .i-more {
        margin-left: -20px;
        padding-left: 20px;
        padding-right: 20px
    }
	.footer_navigation{width:50%; float:left; padding-right:30px; box-sizing: border-box;} 
	.footer_other_services{width:50%; float:left; padding-right:30px; box-sizing: border-box;}
	.footer_design_services{width:50%; float:left; padding-right:30px; box-sizing: border-box;}
	.footer_offshore_services{width:50%; float:left; padding-right:30px; box-sizing: border-box;}
	.masthead .navbar .nav>li>a {padding:10px !important; font-size: 14px !important;}
	.nav-agency .dropdown-menu p{width:100% !important;}
	.nav-agency .dropdown-menu {width:96%; left: 2%; top: 133px; }
}
@media (max-width: 767px) {
	.footer_navigation{width:100%; float:left; padding-right:0px; box-sizing: border-box;} 
	.footer_other_services{width:100%; float:left; padding-right:0px; box-sizing: border-box;}
	.footer_design_services{width:100%; float:left; padding-right:0px; box-sizing: border-box;}
	.footer_offshore_services{width:100%; float:left; padding-right:0px; box-sizing: border-box;}
	#CodeNumberTextBox{width:28% !important;}
}
@media (max-width: 710px) {
    .bigbtna {
        clear: both;
        margin-left: 0;
        width: 125px
    }
    .bigbtn {
        margin-bottom: 10px!important;
        width: 166px
    }
}
@media (max-width: 620px) {
    .i-img {
        float: right;
        width: 100%
    }
    .i-features ul li {
        border-bottom: 1px solid silver;
        float: left;
        list-style: none;
        margin: 0 2%;
        padding: 20px 0;
        text-align: left;
        width: 96%
    }
    .i-features ul li:last-child {
        border-bottom: none
    }
    .i-main-l,
    .i-main-r {
        width: 100%
    }
    .captcha>img {
        width: 42%
    }
    .captcha input {
        margin-left: 0%;
        width: 48%
    }
}
@media (max-width: 540px) {
    .phone {
        width: 100%
    }
    .tex a,
    .tex p {
        opacity: 0
    }
    .tex h1 br {
        display: none
    }
    .tex h1 {
        margin: 45px 0 50px;
        text-align: center
    }
    .tex {
        width: 96%
    }
}
@media (max-width: 570px) {
    .page-header h1 {
        font-size: 24px
    }
}
@media (max-width: 480px) {
    .con-r,
    .platform,
    .request-r {
        float: left
    }
    .example-sites>li,
    .subhead h1,
    .subhead p {
        text-align: center
    }
    .request-r textarea {
        margin-top: 8px
    }
    .con input[type=submit] {
        margin: 7px 0 10px 0;
        width: 100%
    }
    .con-l {
        margin-right: 2%
    }
    .con input[type=reset] {
        margin: 10px 0;
        width: 100%
    }
    .request-l,
    .request-r {
        width: 96%
    }
    .platform {
        margin-left: 0;
        margin-top: 6px
    }
    .page-header {
        padding: 50px 0 0
    }
    .page-header h1 {
        width: 100%
    }
    body {
        padding-top: 0
    }
    h2 small {
        display: block
    }
    .jumbotron .btn {
        display: block;
        margin: 0 auto
    }
    .masthead h1 {
        font-size: 2em
    }
    .masthead .btn,
    .masthead p {
        font-size: 14px
    }
    .marketing h1 {
        font-size: 40px
    }
    .example-sites {
        margin-left: 0
    }
    .example-sites>li {
        display: block;
        float: none;
        margin: 0 auto 18px;
        max-width: 280px
    }
    .example-sites .thumbnail>img {
        max-width: 270px
    }
    table code {
        white-space: normal;
        word-break: break-all;
        word-wrap: break-word
    }
    .modal-example .modal {
        bottom: auto;
        left: auto;
        position: relative;
        right: auto;
        top: auto
    }
    .footer .pull-right {
        float: none
    }
    .navbar .btn-navbar {
        margin-top: 50px
    }
    #work-filter {
        float: left
    }
    .blog .indexMeta h2 {
        font-size: 20px!important;
        width: 200px
    }
}
@media (max-width: 420px) {
    .bigbtna {
        clear: both;
        margin-left: 0;
        width: 85px
    }
	#CodeNumberTextBox{float:left !important; width:94% !important;}
}
@media (max-width: 374px) {
    .brand img {
        margin-bottom: 9px;
        margin-top: 22px;
        width: 170px
    }
}
.demobar,
div#output {
    display: none
}
#demo-side-bar {
    background: #ddd;
    border: 1px solid #000;
    color: #333;
    display: block!important;
    padding: 0 8px;
    position: absolute;
    right: .7%;
    top: 50px!important
}
#bsa-close {
    color: #000;
    cursor: pointer;
    font-weight: 700;
    height: 14px;
    position: absolute;
    right: 0;
    top: 0;
    width: 14px
}
.demobar-hidden {
    display: none!important
}
#ads-sidebar {
    margin-top: 100px!important
}
.footer .social1 a {
    float: left;
    width: 30px;
    height: 55px;
    margin-right: 5px;
    display: inline-block;
    background: red
}
.icon-core-values,
.icon-responsive,
.icon-think-creative {
    float: left;
    width: 100%;
    height: 90px;
    padding-bottom: 30px
}
.footer .social1 a.footer-facebook {
    background: url(../img/fb.png) top left no-repeat
}
.footer .social1 a.footer-twitter {
    background: url(../img/tw.png) top left no-repeat
}
.footer .social1 a.footer-blog {
    background: url(../img/blog.png) top left no-repeat
}
.footer .social1 a.footer-linkedin {
    background: url(../img/in.png) top left no-repeat
}
.footer .social1 a.footer-google-plus {
    background: url(../img/googlePlus.png) top left no-repeat
}
.icon-responsive {
    background: url(../img/responsive.jpg) top center no-repeat
}
.icon-think-creative {
    background: url(../img/think-creative.jpg) top center no-repeat
}
.icon-core-values {
    background: url(../img/core-values.jpg) top center no-repeat
}