* {
    margin: 0;
    padding: 0;
    outline: none;
    border: none
}
.nomargin-left {
    margin-left: 0!important
}
.no-bg {
    background: none!important
}
.alignbottom {
    vertical-align: text-top
}
.nopadding-bottom {
    padding-bottom: 0!important
}
.padd_rgt {
    padding-right: 0
}
@font-face {
    font-family: 'source_sans_prolight_italic';
    src: url('fonts/sourcesanspro-lightit-webfont.html');
    src: url('fonts/sourcesanspro-lightit-webfontd41d.html?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-lightit-webfont-2.html') format('woff2'),
         url('fonts/sourcesanspro-lightit-webfont-3.html') format('woff'),
         url('fonts/sourcesanspro-lightit-webfont-4.html') format('truetype'),
         url('fonts/sourcesanspro-lightit-webfont-5.html#source_sans_prolight_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'source_sans_prolight';
    src: url('fonts/sourcesanspro-light-webfont.html');
    src: url('fonts/sourcesanspro-light-webfontd41d.html?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-light-webfont-2.html') format('woff2'),
         url('fonts/sourcesanspro-light-webfont-3.html') format('woff'),
         url('fonts/sourcesanspro-light-webfont-4.html') format('truetype'),
         url('fonts/sourcesanspro-light-webfont-5.html#source_sans_prolight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'source_sans_problack';
    src: url('fonts/sourcesanspro-black-webfont.html');
    src: url('fonts/sourcesanspro-black-webfontd41d.html?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro-black-webfont-2.html') format('woff2'),
         url('fonts/sourcesanspro-black-webfont-3.html') format('woff'),
         url('fonts/sourcesanspro-black-webfont-4.html') format('truetype'),
         url('fonts/sourcesanspro-black-webfont-5.html#source_sans_problack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sans_lightregular';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sans_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'clanotbold';
    src: url('fonts/clanot-bold-webfont-webfont.eot');
    src: url('fonts/clanot-bold-webfont-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/clanot-bold-webfont-webfont.html') format('woff2'),
         url('fonts/clanot-bold-webfont-webfont.woff') format('woff'),
         url('fonts/clanot-bold-webfont-webfont.ttf') format('truetype'),
         url('fonts/clanot-bold-webfont-webfont-2.html#clanotbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'clanotmedium';
    src: url('fonts/clanot-medium-webfont-webfont.eot');
    src: url('fonts/clanot-medium-webfont-webfontd41d.eot?#iefix') format('embedded-opentype'),
         url('fonts/clanot-medium-webfont-webfont.html') format('woff2'),
         url('fonts/clanot-medium-webfont-webfont.woff') format('woff'),
         url('fonts/clanot-medium-webfont-webfont.ttf') format('truetype'),
         url('fonts/clanot-medium-webfont-webfont-2.html#clanotmedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

img {
    border: 0
}
ul {
    list-style-type: none;
    list-style: none;
    padding: 0;
    margin: 0
}
ul li {
    list-style: none;
    padding: 0;
    margin: 0
}
a {
    text-decoration: none;
    outline: none;
    color: #0682D5;
    transition: all 1s ease 0;
    -moz-transition: all 1s ease 0;
    -webkit-transition: all 1s ease 0;
    -ms-transition: all 1s ease 0
}
a:focus {
    outline: none
}
html,
button,
input,
select,
textarea {
    color: #222
}
.clear {
    padding: 0;
    margin: 0;
    line-height: 0;
    height: 0;
    font-size: 0;
    clear: both;
    width: 100%;
    display: block
}
p {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 18px;
	text-align:justify !important;
    font-size: 14px;
    padding: 0;
    margin: 0;
	
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    padding: 0;
    margin: 0
}
.clearfix:after {
    clear: both;
    width: 100%;
    height: 0;
    content: "";
    display: block
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}
.clearfix {
    *zoom: 1
}
audio,
canvas,
img,
video {
    vertical-align: middle
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}
img {
    vertical-align: middle
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0
}
textarea {
    resize: vertical
}
.chromeframe {
    margin: .2em 0;
    background: #ccc;
    color: #24242A;
    padding: .2em 0
}
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%
}
.hidden {
    display: none!important;
    visibility: hidden
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}
.invisible {
    visibility: hidden
}
.Fright {
    float: right!important
}
::-moz-selection {
    background: #5bccfd;
    text-shadow: none
}
::selection {
    background: #5bccfd;
    text-shadow: none
}
html,
body {
    height: 100%;
    padding: 0;
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 1200px
}
@font-face {
    font-family: 'clanotbold';
    src: url(fonts/clanot-bold-webfont.eot);
    src: url(fonts/clanot-bold-webfontd41d.eot?#iefix) format("embedded-opentype"), url(fonts/clanot-bold-webfont.woff) format("woff"), url(fonts/clanot-bold-webfont.ttf) format("truetype"), url(fonts/clanot-bold-webfont.svg#clanotbold) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'clanotbook';
    src: url(fonts/clanot-book-webfont.eot);
    src: url(fonts/clanot-book-webfontd41d.eot?#iefix) format("embedded-opentype"), url(fonts/clanot-book-webfont.woff) format("woff"), url(fonts/clanot-book-webfont.ttf) format("truetype"), url(fonts/clanot-book-webfont.svg#clanotbook) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'clanotnews';
    src: url(fonts/clanot-news-webfont.eot);
    src: url(fonts/clanot-news-webfontd41d.eot?#iefix) format("embedded-opentype"), url(fonts/clanot-news-webfont.woff) format("woff"), url(fonts/clanot-news-webfont.ttf) format("truetype"), url(fonts/clanot-news-webfont.svg#clanotnews) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'clanotmedium';
    src: url(fonts/clanot-medium-webfont.eot);
    src: url(fonts/clanot-medium-webfontd41d.eot?#iefix) format("embedded-opentype"), url(fonts/clanot-medium-webfont.woff) format("woff"), url(fonts/clanot-medium-webfont.ttf) format("truetype"), url(fonts/clanot-medium-webfont.svg#clanotmedium) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'clanotthin';
    src: url(fonts/clanot-thin-webfont.eot);
    src: url(fonts/clanot-thin-webfontd41d.eot?#iefix) format("embedded-opentype"), url(fonts/clanot-thin-webfont.woff) format("woff"), url(fonts/clanot-thin-webfont.ttf) format("truetype"), url(fonts/clanot-thin-webfont.svg#clanotthin) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'amaranthbold_italic';
    src: url(fonts/amaranth-bolditalic-webfont-webfont.eot);
    src: url(fonts/amaranth-bolditalic-webfont-webfontd41d.eot?#iefix) format("embedded-opentype"), url(fonts/amaranth-bolditalic-webfont-webfont.woff) format("woff"), url(fonts/amaranth-bolditalic-webfont-webfont.ttf) format("truetype"), url(fonts/amaranth-bolditalic-webfont-webfont.svg#amaranthbold_italic) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'amaranthregular';
    src: url(fonts/amaranth-italic-webfont.eot);
    src: url(fonts/amaranth-italic-webfontd41d.eot?#iefix) format("embedded-opentype"), url(fonts/amaranth-italic-webfont.woff) format("woff"), url(fonts/amaranth-italic-webfont.ttf) format("truetype"), url(fonts/amaranth-italic-webfont.svg#amaranthregular) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'alphamack_aoeregular';
    src: url(fonts/alphma__-webfont.eot);
    src: url(fonts/alphma__-webfontd41d.eot?#iefix) format("embedded-opentype"), url(fonts/alphma__-webfont.woff) format("woff"), url(fonts/alphma__-webfont.ttf) format("truetype"), url(fonts/alphma__-webfont.svg#alphamack_aoeregular) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url(fonts/proximanova-regular-webfont.eot);
    src: url(fonts/proximanova-regular-webfontd41d.eot?#iefix) format("embedded-opentype"), url(fonts/proximanova-regular-webfont.woff) format("woff"), url(fonts/proximanova-regular-webfont.ttf) format("truetype"), url(fonts/proximanova-regular-webfont.svg#proxima_nova_rgregular) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'proxima_novalight';
    src: url(fonts/proximanova-light.eot);
    src: url(fonts/proximanova-lightd41d.eot?#iefix) format("embedded-opentype"), url(fonts/proximanova-light.woff) format("woff"), url(fonts/proximanova-light.ttf) format("truetype"), url(fonts/proximanova-light.svg#proxima_novalight) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'open_sans_lightregular';
    src: url(fonts/opensans-light-webfont.eot);
    src: url(fonts/opensans-light-webfontd41d.eot?#iefix) format("embedded-opentype"), url(fonts/opensans-light-webfont.woff) format("woff"), url(fonts/opensans-light-webfont.ttf) format("truetype"), url(fonts/opensans-light-webfont.svg#open_sans_lightregular) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'OpenSans-Semibold';
    src: url(fonts/opensans-semibold.eot);
    src: url(fonts/opensans-semiboldd41d.eot?#iefix) format("embedded-opentype"), url(fonts/opensans-semibold.woff) format("woff"), url(fonts/opensans-semibold.ttf) format("truetype"), url(fonts/opensans-semibold.svg#opensans-semibold) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'open_sansitalic';
    src: url(fonts/opensans-italic-webfont.eot);
    src: url(fonts/opensans-italic-webfontd41d.eot?#iefix) format("embedded-opentype"), url(fonts/opensans-italic-webfont.woff) format("woff"), url(fonts/opensans-italic-webfont.ttf) format("truetype"), url(fonts/opensans-italic-webfont.svg#open_sansitalic) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'proxima_novasemibold';
    src: url(fonts/proximanova-semibold-webfont.eot);
    src: url(fonts/proximanova-semibold-webfontd41d.eot?#iefix) format("embedded-opentype"), url(fonts/proximanova-semibold-webfont.woff) format("woff"), url(fonts/proximanova-semibold-webfont.ttf) format("truetype"), url(fonts/proximanova-semibold-webfont.svg#proxima_novasemibold) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'open_sansbold';
    src: url(fonts/opensans-bold-webfont.eot);
    src: url(fonts/opensans-bold-webfontd41d.eot?#iefix) format("embedded-opentype"), url(fonts/opensans-bold-webfont.woff) format("woff"), url(fonts/opensans-bold-webfont.ttf) format("truetype"), url(fonts/opensans-bold-webfont.svg#open_sansbold) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'amaranthregular';
    src: url(fonts/amaranth-webfont.eot);
    src: url(fonts/amaranth-webfontd41d.eot?#iefix) format("embedded-opentype"), url(fonts/amaranth-webfont.woff) format("woff"), url(fonts/amaranth-webfont.ttf) format("truetype"), url(fonts/amaranth-webfont.svg#amaranthregular) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'amaranthitalic';
    src: url(fonts/amaranth-italic-webfont.eot);
    src: url(fonts/amaranth-italic-webfontd41d.eot?#iefix) format("embedded-opentype"), url(fonts/amaranth-italic-webfont.woff) format("woff"), url(fonts/amaranth-italic-webfont.ttf) format("truetype"), url(fonts/amaranth-italic-webfont.svg#amaranthregular) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: 'oswaldregular';
    src: url(fonts/oswald-regular-webfont.eot);
    src: url(fonts/oswald-regular-webfontd41d.eot?#iefix) format("embedded-opentype"), url(fonts/oswald-regular-webfont.woff) format("woff"), url(fonts/oswald-regular-webfont.ttf) format("truetype"), url(fonts/oswald-regular-webfont.svg#oswaldregular) format("svg");
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-family: "Segoe Print";
    src: url(fonts/segoepr.eot);
    src: url(fonts/segoeprd41d.eot?#iefix) format("embedded-opentype"), url('fonts/segoepr.svg#Segoe Print') format("svg"), url(fonts/segoepr.woff) format("woff"), url(fonts/segoepr.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}
#banner {
    width: 100%;
    height: 729px;
    background: url(../images/banner-2.jpg) center top no-repeat;
     background-attachment: fixed;
    -webkit-background-attachment: fixed;
    -moz-background-attachment: fixed;
    z-index: 9; position:relative;
}



.logo-section > h3{ text-align:center; font:45px/45px 'Open Sans'; background:url(../images/logo-heading-botm.png) bottom center no-repeat; padding-bottom:28px; margin-bottom:20px;}
.add-logo-support-outer{ padding:25px 0 25px 0; width:100%; background:#fafafa; }

#wpcont6-outer .thumb_pad {
    overflow: hidden;
}
#wpcont6-outer .portfolio-col2 {
    float: left;
    left: inherit !important;
    margin:0;
    position: relative !important;
    top: inherit !important;
    width: 25%;
    z-index: 1;
}

#wpcont6-outer .pic-caption .web-logo img {
    width: auto;
}

#wpcont6-outer .thumb_pad .pic-image {
    overflow: hidden;
    transform: scale(1);
    transition: all 1s ease 0s;
}
#wpcont6-outer .portfolio-col2 img {
    width: 100%;
}

.banner-video {
    width: 100%;
    height: 100%;
    position: fixed
}
.banner-video video {
    width: 100%
}
.bnr-img {
    margin: 0 auto;
    height: 500px;
    z-index: 999;
    text-align: center;
    padding-top: 14%
}
.bnr-img img {
    vertical-align: middle;
    text-align: center;
    padding-bottom: 22px;
    display: block;
    margin: 0 auto
}
.bnr-img h1 {
    font: 60px/68px OpenSans-Semibold;
    color: #FFF;
    text-transform: capitalize
}
.bnr-img h1 strong {
    font: 42px/70px clanotbold;
    color: #333;
    text-transform: uppercase;
    background: url(../images/home-banner-digital.png) 0 0 no-repeat;
    margin: 0 auto;
    display: block;
    width: 248px;
    height: 72px;
    margin-bottom: 25px
}
.bnr-img p {
    font: 30px/45px open_sansitalic;
    color: #FFF
}
.bnr-img ul {
    list-style: none;
    margin: 15px 0 0
}
.bnr-img ul li {
    display: inline-block;
    margin: 0 0 0 15px;
    background: #1fa67a;
    border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    text-align: center
}
.bnr-img ul li + li {
    background: #049dde
}
.bnr-img ul li a {
    font: 17px/65px OpenSans-Semibold;
    color: #FFF;
    padding: 0 45px;
    display: block
}
#main-wrapper {
    width: 100%;
    position: relative
}
.logo {
    padding-left: 25px;
    float: left
}
.logo img {
    transition: all 1s ease 0;
    -moz-transition: all 1s ease 0;
    -webkit-transition: all 1s ease 0;
    -ms-transition: all 1s ease 0;
    max-width: 100%
}
header {
    width: 100%;
    background: #FFF;
    position: fixed;
    top: 0;
    z-index: 99;
    height: 62px!important;
    padding-top: 12px;
    transition: all 1s ease 0;
    -moz-transition: all 1s ease 0;
    -webkit-transition: all 1s ease 0;
    -ms-transition: all 1s ease 0;
    box-shadow: 0 1px 1px #e9e9e9;
    -webkit-box-shadow: 0 1px 1px #e9e9e9;
    -moz-box-shadow: 0 1px 1px #e9e9e9;
    -ms-box-shadow: 0 1px 1px #e9e9e9
}
header.sticky {
    position: fixed;
    top: 67px;
    left: 0;
    z-index: 99;
    height: 70px!important;
    background: #FFF;
    opacity: 1!important;
    padding-top: 0;
    transition: all 1s ease 0;
    -moz-transition: all 1s ease 0;
    -webkit-transition: all 1s ease 0;
    -ms-transition: all 1s ease 0
}
.sticky .logo img {
    padding-top: 7px
}
.sticky nav {
    padding-top: 9px
}

body.sticky {
    margin-top: 45px
}
.inr-hdr {
    opacity: 1!important
}
nav {
    float: right
}
nav ul {
    float: left
}
nav ul li {
    display: inline-block;
    font: 14px/42px clanotbold;
    color: #bcbdbe;
    text-transform: uppercase;
    padding: 0 23px;
    position: relative
}
nav ul li a {
    color: #323e49;
    padding-bottom: 15px;
    display: block;
    transition: none
}
nav ul li a:hover,
nav ul li a.active {
    color: #0682d5
}
.rgt {
    float: right
}
.rgt span {
    display: inline-block;
    font: 14px/46px clanotbold;
    position: relative;
    text-transform: uppercase
}
.rgt span a img {
    display: none
}
.request-proposal {
    background: url(../images/new-divder.jpg) left 10px no-repeat;
    padding: 0 17px
}
.request-proposal a {
    color: #0682d5
}
nav ul li.request-proposal span {
    font: 700 15px/32px 'Open Sans';
    color: #323e49
}
nav ul li.services {
    padding: 0
}
nav ul li.services a {
    padding: 0 26px 3px 11px;
    border: 4px solid #fff;
    border-bottom: none
}
nav ul li.services a:after {
    background: url(../images/dropdown-arrow.png) 0 0 no-repeat;
    content: "";
    display: block;
    height: 12px;
    position: absolute;
    right: 13px;
    top: 22px;
    width: 10px
}
nav ul li:hover.services a:after {
    top: 18px;
    right: 9px
}
nav ul li.services a img {
    padding-top: 8px
}
nav ul li.services:hover a {
    background: #fff;
    border: 4px solid #0682d5;
    border-bottom: none;
    z-index: 9999;
    position: relative;
    border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    -webkit-border-radius: 7px 7px 0 0;
    -ms-border-radius: 7px 7px 0 0;
    color: #3e3f47
}
nav ul li.services ul.submenu li a {
    border: none
}
header nav ul li:hover ul.submenu {
    height: auto;
    visibility: inherit
}
nav ul li.services ul.submenu li a:after {
    background: none
}
header nav ul li .submenu {
    visibility: hidden;
    width: 650px;
    background: #fff;
    border: 4px solid #0682d5;
    padding-top: 20px;
    padding-bottom: 20px;
    position: absolute;
    left: -240%!important;
    top: 45px!important;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    opacity: 1;
    z-index: 999;
    box-shadow: 0 5px 4px #262626;
    -moz-box-shadow: 0 5px 4px #262626;
    -webkit-box-shadow: 0 5px 4px #262626;
    -ms-box-shadow: 0 5px 4px #262626;
    -webkit-transition: height .3s ease-in;
    -moz-transition: height .3s ease-in;
    -o-transition: height .3s ease-in;
    -ms-transition: height .3s ease-in;
    transition: height .3s ease-in
}
nav ul li .submenu li {
    padding: 0;
    width: 198px;
    margin-left: 15px;
    float: left;
    text-transform: capitalize
}
nav ul li .submenu li ol {
    padding: 0;
    margin: 0
}
nav ul li .submenu li ol li {
    font: 13px/30px proxima_nova_rgregular;
    color: #fff;
    margin: 0;
    padding: 3px 0
}
nav ul li .submenu li ol li span {
    font: 13px/20px clanotbold;
    color: #1f2325;
    text-transform: uppercase;
    border-bottom: 1px solid #dbdcdd;
    padding-bottom: 5px;
    margin-bottom: 5px;
    display: inline-block
}
nav ul li .submenu li ol li a {
    color: #3e3f47;
    margin: 0;
    padding: 0;
	text-transform: none;
}
nav ul li .submenu li ol li a:hover {
    color: #049dde
}
nav ul li .submenu li.tech-row {
    width: 100%;
    background: #f8f8f8;
    border-top: 1px solid #e7e7e7;
    margin: 35px 0 0;
    border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    -ms-border-radius: 0 0 8px 8px;
    padding: 8px 0 20px
}
nav ul li .submenu li.tech-row ol {
    margin: 0 18px
}
nav ul li .submenu li.tech-row ol li {
    width: auto;
    padding: 0 15px;
    position: relative
}
nav ul li .submenu li.tech-row ol li a {
    padding: 0;
    background: none!important
}
.downarrowclass {
    position: absolute;
    top: 12px;
    right: 13px
}
.rightarrowclass {
    position: absolute;
    top: 6px;
    right: 5px
}
nav ul li .submenu li.tech-row ol li a .tooltip {
    top: -20px;
    left: -16%;
    background-color: #2c3034;
    padding: 0 10px;
    color: #fff;
    font: 11px/25px proxima_nova_rgregular;
    text-transform: none;
    border-radius: 3px;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .5s;
    -moz-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s
}
nav ul li .submenu li.tech-row ol li:hover .tooltip {
    opacity: 1
}
#outstanding-results {
    width: 100%;
    background: #fff;
    padding-bottom: 50px
}
.container {
    width: 1200px;
    *width: 100%;
    margin: 0 auto
}
.great-result-wrap {
    width: 985px;
    float: left;
    margin-top: 33px
}
.great-result-wrap p {
    font: 43px/45px 'Open Sans';
    letter-spacing:inherit;
    color: #24242A;
    padding-bottom: 22px
}
.great-result-wrap p span {
    font: 700 43px/45px 'Open Sans';
    letter-spacing: -1.5px
}
.marketing-agency-text {
    width: 400px;
    float: left
}
.marketing-agency-text p {
    font: 34px/46px proxima_novalight;
    color: #019bdc
}
.about-marketing-agency {
    width: 565px;
    float: right
}
.about-marketing-agency p {
    font: 18px/32px 'Open Sans';
    color: #334654
}
.great-seven-year {
    width: 147px;
    float: right;
    text-align: center;
    background: #4cb856;
    padding: 32px 0 20px;
    position: relative
}
.great-seven-year:before {
    content: "";
    background: url(../images/transparent-bg.png) left top repeat-x;
    height: 6px;
    width: 100%;
    display: block;
    position: absolute;
    top: -6px;
    left: 0
}
.great-seven-year:after {
    content: "";
    background: url(../images/bot-corner.png) left top repeat-x;
    height: 36px;
    width: 147px;
    display: block;
    position: absolute;
    bottom: -36px;
    left: 0
}
.great-seven-year h4 {
    font: 74px/80px clanotbook;
    color: #fff;
    text-shadow: 0 1px 3px #487019;
    -moz-text-shadow: 0 1px 3px #487019;
    -webkit-text-shadow: 0 1px 3px #487019;
    -ms-text-shadow: 0 1px 3px #487019
}
.great-seven-year h4 img {
    vertical-align: top;
    padding-top: 13px
}
.great-seven-year p {
    font: 28px/30px clanotbook;
    color: #fff;
    text-transform: uppercase;
    text-shadow: 0 1px 3px #487019;
    -moz-text-shadow: 0 1px 3px #487019;
    -webkit-text-shadow: 0 1px 3px #487019;
    -ms-text-shadow: 0 1px 3px #487019
}
.great-seven-year p span {
    font-size: 19px
}
.digital-services-wrap {
    width: 100%;
    background: #1fa67a !important;
    padding: 45px 0 17px;
    position: relative
}
.digital-services-wrap .container:before {
    content: "";
    width: 100%;
    height: 68px;
    display: block;
    position: absolute;
    top: -33px;
    left: 0
}
.digital-services-wrap .container > p {
    font: 50px/50px 'Open Sans';
    color: #fff;
    letter-spacing: -1px;
    padding-bottom: 12px;
    text-align: center
}
.digital-services-wrap .container > p span {
    font: 700 50px/50px 'Open Sans';
    letter-spacing: -1.5px
}
.digital-services-wrap .container h6 {
    font: 26px/34px proxima_novalight;
    color: #c9e8f6;
    text-align: center;
    padding-bottom: 40px
}
.services-details {
    width: 100%;
    float: left
}
.services-details ul {
    width: 577px;
    float: left
}
.services-details ul+ul {
    float: right
}
.services-details ul li {
    display: block;
    padding-bottom: 28px
}
.services-details ul li figure {
    float: left;
    margin: 10px 25px 0 0;
    min-width: 87px;
    transition: all .5s ease 0;
    -moz-transition: all .5s ease 0;
    -webkit-transition: all .5s ease 0;
    -ms-transition: all .5s ease 0;
    transform: translate-y(0px);
    -moz-transform: translate-y(0px);
    -webkit-transform: translate-y(0px);
    -ms-transform: translate-y(0px)
}
.services-details ul li:hover figure {
    transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px)
}
.services-details ul li h2 {

    font: 700 23px/26px 'Open Sans';
    letter-spacing: -.5px;
    color: #fff;
    padding-bottom: 12px;
    display: block
}
.services-details ul li p {
    font: 16px/29px 'Open Sans';
    color: #fff;
    text-align: left;
    overflow: hidden
}
#about-company-wrap {
    width: 100%;
    background: url(../images/bg.jpg) left top repeat-x;
    padding: 32px 0 65px
}
#about-company-wrap h3 {
    font: 45px/45px 'Open Sans';
    letter-spacing: -1.5px;
    color: #323f4e;
    text-align: center
}
#about-company-wrap h3 span {
    font: 700 45px/45px 'Open Sans';
    letter-spacing: -1.5px
}
.hide {
    display: none
}
.tab-box {
    width: auto;
    display: table;
    height: 51px;
    margin: 32px auto 25px;
    background: #f8fafb;
    border: 1px solid #d3e0e5;
    border-radius: 10px 10px 0 10px;
    -moz-border-radius: 10px 10px 0;
    -webkit-border-radius: 10px 10px 0 10px;
    -ms-border-radius: 10px 10px 0 10px
}
.tab-box a {
    font: 16px/51px clanotmedium;
    color: #1a1c1e;
    padding: 0 51px;
    float: left;
    border-left: 1px solid #d3e0e5
}
.tab-box a:first-child {
    border-left: none
}
.tab-box a:first-child:hover {
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px
}
.tab-box a.activeLink:first-child {
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    -ms-border-radius: 3px 0 0 3px
}
.tab-box a:hover,
.tab-box a.activeLink {
    background: #1fa67a;
    color: #fff
}
.tab-box a#cont-3 {
    float: left;
    padding-left: 50px
}
.tab-box a#cont-3:hover,
.tab-box a.activeLink#cont-3 {
    border-radius: 0 0 0 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0
}
.tab-box a#cont-4 {
    float: left
}
.tab-box a#cont-4:hover,
.tab-box a.activeLink#cont-4 {
    border-radius: 0 10px 0 0;
    -moz-border-radius: 0 10px 0 0;
    -webkit-border-radius: 0 3px 3px 0;
    -ms-border-radius: 0 3px 3px 0
}
.tabcontent {
    width: 100%;
    float: left
}
.text-col {
    width: 99%;
    float: left;
    margin-left:0px;
 text-align:justify !important;
}
.text-col:first-child {
    margin-left: 0
}
.text-col p {
    font: 16px/29px 'Open Sans';
    color: #334654
}
.text-col .findout-more {
    font: 13px/51px clanotnews;
    color: #159dd8;


    border: 1px solid #6abfe3;
    display: inline-block;
    margin-top: 18px;
    padding: 0 25px;
    border-radius: 10px 10px 0 10px;
    position: relative
}
.text-col .findout-more:after {
    content: "";
    background: url(../images/arrow01.png) right top no-repeat;
    width: 6px;
    height: 9px;
    display: inline-block;
    padding-left: 12px
}
.text-col .findout-more:hover {
    background: #019BDC;
    color: #fff
}
.text-col .findout-more:hover:after {
    background-position: right -10px
}
#cont-2-1 .text-col {
    width: 98%
}
.we-are-diffrent {
    width: 100%;
    float: left
}
.we-are-diffrent ul {
    width: 577px;
    float: left
}
.we-are-diffrent ul li {
    display: block;
    color: #334654;
    font: 15px/33px clanotbook;
    padding: 12px 0;
    position: relative
}
.we-are-diffrent ul li figure {
    float: left;
    margin: 0 25px 0 0
}
.we-are-diffrent ul li figure img {
    vertical-align: middle
}
.we-are-diffrent ul li span {
    color: #24242a;
    font: 22px/29px 'Open Sans';
    letter-spacing: -1px
}
.we-are-diffrent ul li span img {
    margin: 0 10px 0 0
}
.we-are-diffrent ul li p {
    display: table;
    color: #334654;
    font: 15px/28px 'Open Sans';
    padding: 0
}
.make-impact {
    width: 100%;
    float: left;
    margin-top: 25px
}
.make-impact h4 {
    color: #24242a;
    font: 700 25px/35px 'Open Sans';
    letter-spacing: -1px;
    padding-bottom: 15px;
    text-align: center
}
.make-impact .impact-img {
    float: left;
    width: 45%
}
.make-impact ul {
    float: right;
    width: 45%
}
.make-impact ul li {
    background: url(../images/sign-icon.png) no-repeat left 9px;
    color: #334654;
    display: block;
    font: 16px/29px 'Open Sans';
    padding: 0 0 15px 35px
}
#why-us {
    width: 100%;
    background: #353638 url(../images/why-us-bg.jpg) center top no-repeat;
    height: 607px;
    padding: 43px 0 0;
    overflow: hidden;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    background-attachment: fixed;
    -moz-background-attachment: fixed;
    -webkit-background-attachment: fixed;
    -ms--webkit-background-attachment: fixed
}
.why-should-hire-col {
    width: 380px;
    float: left;
    text-align: right
}
.why-should-hire-col h4 {
    font: 56px/65px amaranthregular;
    color: #fff;
    padding-bottom: 15px
}
.why-should-hire-col h4 span {
    font: 68px/70px amaranthbold_italic
}
.why-should-hire-col h4 small {
    font-family: 'amaranthbold_italic'
}
.why-should-hire-col a {
    font: 23px/25px amaranthregular;
    color: #fff;
    display: inline-block;
    background: url(../images/arrow02.png) right 10px no-repeat;
    padding-right: 17px;
    transform: translateX(0px);
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px)
}
.why-should-hire-col a:hover {
    background: url(../images/arrow.png) right 10px no-repeat;
    color: #019bdc;
    transform: translateX(10px);
    -moz-transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px)
}
.four-reason-row {
    width: 765px;
    float: right
}
.four-reason-col {
    width: 365px;
    float: left;
    border: 1px solid #b2bcc1;
    margin: 0 0 25px;
    text-align: center;
    border-radius: 12px 12px 0;
    -moz-border-radius: 12px 12px 0;
    -webkit-border-radius: 12px 12px 0;
    -ms-border-radius: 12px 12px 0;
    position: absolute;
    height: 100%;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden
}
.four-reason-col figure {
    padding-top: 40px
}
.four-reason-col p {
    font: 19px/30px clanotnews;
    color: #fff;
    padding-top: 12px
}
.f1ip_container {
    float: left;
    margin: 0 0 25px 15px;
    position: relative;
    width: 365px;
    height: 268px;
    z-index: 1;
    float: left
}
.f1ip_card {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: all 1s linear;
    -moz-transition: all 1s linear;
    -webkit-transition: all 1s linear;
    -ms-transition: all 1s linear
}
.f1ip_container:hover .f1ip_card {
    transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg)
}
#services {
    width: 100%;
    background: #353638 url(../images/why-us-bg.jpg) center top no-repeat;
    height: auto;
    padding: 43px 0 0;
    overflow: hidden;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    background-attachment: fixed;
    -moz-background-attachment: fixed;
    -webkit-background-attachment: fixed;
    -ms--webkit-background-attachment: fixed
}
.four-reason-row1 {
    width: 100%;
    float: left;
}
.four-reason-col1 {
    width: 100%;
    float: left;
    border: 1px solid #b2bcc1;
    margin: 0 0 25px;
    text-align: center;
    border-radius: 12px 12px 0;
    -moz-border-radius: 12px 12px 0;
    -webkit-border-radius: 12px 12px 0;
    -ms-border-radius: 12px 12px 0;
    position: absolute;
    height: 100%;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden
}
.four-reason-col1 figure1 {
    padding-top: 40px
}
.four-reason-col1 img {
	border-radius:7px;
}

.four-reason-col1 p {
    font: 19px/30px clanotnews;
    color: #fff;
    padding-top: 12px
}
.f1ip_container1 {
    float: left;
    margin: 0 0 25px 15px;
    position: relative;
    width: 48%;
    height: 250px;
    z-index: 1;
    float: left
}
.f1ip_card1 {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: all 1s linear;
    -moz-transition: all 1s linear;
    -webkit-transition: all 1s linear;
    -ms-transition: all 1s linear
}
.f1ip_container1:hover .f1ip_card1 {
    transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg)
}

.face {
    position: absolute;
    height: 100%;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden
}
.back {
    position: relative;
    display: block;
    transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    box-sizing: border-box;
    color: #fff;
    background: url(../images/hover-transparent-bg.png) left top repeat;
    border: 1px solid #c7c6c3;
    padding: 30px 20px 0;
    border-radius: 12px 12px 0;
    -moz-border-radius: 12px 12px 0;
    -webkit-border-radius: 12px 12px 0;
    -ms-border-radius: 12px 12px 0
}
.back:before {
    content: "";
    background: url(../images/moniter-img.png) right bottom no-repeat;
    width: 173px;
    height: 202px;
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0
}
.back h5 {
    font: 700 18px/26px 'Open Sans';
    color: #fff;
    padding-bottom: 8px
}
.back p {
    font: 15px/26px 'Open Sans';
    color: #fff
}
#special-services-wrap {
    background: url(../images/bg.jpg) left top repeat;
    padding: 30px 0 50px;
    border-bottom: 1px solid #eee
}
#special-services-wrap h3 {
    font: 50px/45px 'Open Sans';
    color: #1fa67a;
    text-align: center;
    letter-spacing: -1.5px;
    padding-top: 5px
}
#special-services-wrap span {
    font: 700 50px/45px 'Open Sans';
    letter-spacing: -1.5px
}
#special-services-wrap p {
    font: 19px/28px 'Open Sans';
    color: #2e383c;
    padding: 15px 0 0;
    text-align: center
}
.special-service-col {
    width: 272px;
    float: left;
    margin-left: 25px;
    padding-top: 50px;
    position: relative;
    overflow: hidden;
    height: 290px
}
.brand-col {
    width: 100%;
    text-align: center
}
.brand-col .brand-logo {
    width: 185px;
    height: 145px;
    text-align: center;
    border: 1px solid #47b8e2;
    padding-top: 36px;
    margin: 0 auto;
    border-radius: 50%
}
.brand-col .magento-logo {
    border: 1px solid #ff902a
}
.brand-col .joomla-logo {
    border: 1px solid #18c8ce
}
.brand-col .joomla-logo img {
    padding-top: 12px
}
.brand-col .res-logo {
    border: 1px solid #0db396
}
.brand-col .res-logo img {
    padding-top: 18px
}
.brand-col h5 {
    background: #3db4e1;
    font: 17px/55px clanotmedium;
    color: #fff;
    text-transform: uppercase;
    margin-top: 35px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -ms-border-radius: 3px;
    box-shadow: 0 9px 12px #B7E3F4;
    -moz-box-shadow: 0 9px 12px #B7E3F4;
    -webkit-box-shadow: 0 9px 12px #B7E3F4;
    -ms-box-shadow: 0 9px 12px #B7E3F4;
    display: inline-block;
    min-width: 230px;
    position: relative
}
.brand-col h5:before {
    content: "";
    background: url(../images/top-arrow.png) center top no-repeat;
    width: 29px;
    height: 12px;
    display: block;
    position: absolute;
    top: -12px;
    left: 45%
}
.brand-col h5.magento {
    background: #ff8515;
    box-shadow: 0 9px 12px #f3ceac;
    -moz-box-shadow: 0 9px 12px #f3ceac;
    -webkit-box-shadow: 0 9px 12px #f3ceac;
    -ms-box-shadow: 0 9px 12px #f3ceac
}
.brand-col h5.magento:before {
    content: "";
    background: url(../images/magento-top-arrow.png) center top no-repeat;
    width: 29px;
    height: 12px;
    display: block;
    position: absolute;
    top: -12px;
    left: 45%
}
.brand-col h5.joomla {
    background: #0cc5cc;
    box-shadow: 0 9px 12px #bceaed;
    -moz-box-shadow: 0 9px 12px #bceaed;
    -webkit-box-shadow: 0 9px 12px #bceaed;
    -ms-box-shadow: 0 9px 12px #bceaed
}
.brand-col h5.joomla:before {
    content: "";
    background: url(../images/joomla-top-arrow.png) center top no-repeat;
    width: 29px;
    height: 12px;
    display: block;
    position: absolute;
    top: -12px;
    left: 45%
}
.brand-col h5.responsive {
    background: #00c6a3;
    box-shadow: 0 9px 12px #b6eadf;
    -moz-box-shadow: 0 9px 12px #b6eadf;
    -webkit-box-shadow: 0 9px 12px #b6eadf;
    -ms-box-shadow: 0 9px 12px #b6eadf
}
.brand-col h5.responsive:before {
    content: "";
    background: url(../images/res-top-arrow.png) center top no-repeat;
    width: 29px;
    height: 12px;
    display: block;
    position: absolute;
    top: -12px;
    left: 45%
}
.special-service-col:hover .hover-textbox {
    opacity: 1;
    top: 48px;
    z-index: 9
}
.hover-textbox {
    width: 240px;
    min-height: 215px;
    background: #3db4e1;
    padding: 35px 15px;
    text-align: center;
    position: absolute;
    top: 355px;
    transition: all 1s ease 0;
    -moz-transition: all 1s ease 0;
    -webkit-transition: all 1s ease 0;
    -ms-transition: all 1s ease 0;
    border-radius: 3px
}
.hover-textbox:before {
    content: "";
    background: url(../images/top-arrow.png) center top no-repeat;
    width: 29px;
    height: 12px;
    display: block;
    position: absolute;
    top: -12px;
    left: 45%
}
.hover-textbox h4 {
    font: 25px/30px clanotnews;
    color: #fff;
    padding-bottom: 0
}
#special-services-wrap .hover-textbox p {
    font: 14px/24px 'Open Sans';
    color: #fff
}
.magento-hoverbox {
    background: #ff8515
}
.magento-hoverbox:before {
    background: url(../images/magento-top-arrow.png) center top no-repeat

}
.joomla-hoverbox {
    background: #0cc5cc
}
.joomla-hoverbox:before {
    background: url(../images/joomla-top-arrow.png) center top no-repeat

}
.responsive-hoverbox {
    background: #00c6a3
}
.responsive-hoverbox:before {
    background: url(../images/res-top-arrow.png) center top no-repeat

}
#marketing-blo-wrap {
    width: 100%;
    background: #fff;
    padding: 35px 0 55px
}
#marketing-blo-wrap h3 {
    font: 700 50px/45px 'Open Sans';
    letter-spacing: -2px;
    color: #323F4E;
    text-align: center;
    padding-bottom: 35px
}
.blog-post {
    width: 340px;
    float: left;
    background: #f3f5f6;
    padding: 26px 26px 35px;
    margin-left: 12px
}
.blog-post span {
    font: 13px/20px proxima_nova_rgregular;
    color: #3f3f44;
    padding: 12px 0 6px;
    display: block
}
.blog-post span img {
    padding-right: 5px;
    vertical-align: text-top
}
.blog-post h4 a {
    font: 16px/27px clanotmedium;
    color: #24242a
}
.blog-post h4 a:hover {
    color: #019BDC
}
.blog-post p {
    font: 15px/28px 'Open Sans';
    color: #334654;
    padding-top: 7px
}
#subscribe-wrap {
    background: #807f7d url(../images/subscribe-bg.jpg) fixed center top no-repeat;
    height: 165px;
    overflow: hidden;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    position: relative;
    background-attachment: fixed;
    -moz-background-attachment: fixed;
    -webkit-background-attachment: fixed;
    -ms--webkit-background-attachment: fixed
}
.blue-strip {
    background: #159dd8;
    width: 25%;
    height: 165px;
    position: absolute;
    left: 0
}
.subscribe-text-col {
    width: 270px;
    float: left;
    position: relative;
    background: #159dd8;
    height: 125px;
    padding: 20px 0
}
.subscribe-text-col:after {
    content: "";
    background: url(../images/subscribe-arrow.png) right top no-repeat;
    width: 47px;
    height: 165px;
    display: inline-block;
    position: absolute;
    right: -47px;
    top: 0
}
.subscribe-text-col h5 {
    font: 45px/50px amaranthbold_italic;
    color: #fff
}
.subscribe-text-col p {
    font: 16px/25px amaranthregular;
    color: #fff
}
.subscribe-form {
    width: 865px;
    float: right;
    margin-top: 50px;
    position: relative
}
.subscribe-form input {
    background: url(../images/input-bg.png) left top repeat;
    width: 620px;
    height: 38px;
    float: left;
    border: 1px solid #5f5c5c;
    padding: 12px 10px 12px 70px;
    font: 16px/20px amaranthbold_italic;
    color: #fff;
    border-radius: 10px 10px 0;
    -moz-border-radius: 10px 10px 0;
    -webkit-border-radius: 10px 10px 0;
    -ms-border-radius: 10px 10px 0
}
.subscribe-form input[type="submit"] {
    background: #86c14c;
    border: none;
    width: auto;
    height: 62px;
    border-radius: 10px 10px 0;
    -moz-border-radius: 10px 10px 0;
    -webkit-border-radius: 10px 10px 0;
    -ms-border-radius: 10px 10px 0;
    padding: 0 35px;
    margin-left: 7px;
    font: 19px/62px clanotbold;
    color: #fff;
    text-transform: uppercase;
    transition: all 1s ease 0;
    -moz-transition: all 1s ease 0;
    -webkit-transition: all 1s ease 0;
    -ms-transition: all 1s ease 0
}
.subscribe-form input[type="submit"]:hover {
    background: #72ab3a
}
.subscribe-form .msg-icon {
    position: absolute;
    left: 14px;
    top: 21px
}
#slider h4 {font: 35px/42px 'source_sans_prolight';color: #fff;padding-top: 25px;width: 520px;}
.testmonial-wrap {
    width: 100%;
    text-align: center;
	background: url(../images/test1.jpg) center top no-repeat;
}
.testmonial-wrap h2 {
    font: 35px/50px clanotmedium;
    color: #3a91cf;
    padding: 35px 0
}
.testmonial-wrap h2 span {
    font-family: 'clanotbold'
}
.testmonial-wrap p {
    color: #5a5858;
    font: 30px/25px 'Open Sans';
    letter-spacing: -.5px;
    padding: 35px 0 65px
}
.testimonial-slider {
    width: 1200px!important
}
.testimonial-slider .flick-slider {
    height: auto;
    overflow: hidden;
    width: 1200px
}
.testimonial-slider .flick-slider ul li {
    padding-top: 10px
}
.testimonial-slider a {
    font: 40px/53px 'Open Sans';
    letter-spacing: -1px;
    color: #1fa67a;
}
.testimonial-slider a span {
    font: 700 42px/53px 'Open Sans'
}
.testimonial-slider .arrow-navigation.left,
.testimonial-slider .arrow-navigation.right {
    display: none
}
.testimonial-slider .dot-navigation {
    width: 100%;
    text-align: center;
    margin-top: 30px
}
.testimonial-slider .dot-navigation ul li {
    display: inline-block
}
.testimonial-slider .dot-navigation ul li .dot {
    background: #d8d8d8;
    border: 7px solid #f6f6f7;
    width: 13px;
    height: 13px;
    display: inline-block;
    cursor: pointer;
    margin: 0 3px;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    -ms-border-radius: 100px
}
.testimonial-slider .dot-navigation ul li .active {
    background: #ff8515;
}

.left-section-part {margin: 0px;padding: 0px;margin-top: 36px !important;}
.left-section-part li {float: left;padding: 10px;}
.left-section-part li.middlee-section img{padding-top: 10px;padding-left: 9px;}
/*===================banner-slider=====================*/
.bannner-services {
    margin: 25px auto 0;
    padding: 0 0 28px;
    width: 100%;
    float: left; overflow: hidden;
}

#slider {
    height: 297px;
    margin: 20px 0 0;
    width: 100%;
}
.middle-section > img {
    padding: 21px;
}
#slider h1 {font: 71px/72px 'source_sans_problack';text-transform: uppercase;color: #fff;}
#slider { height: 713px; margin: 20px 0 0; width: 100% ;}
#slider img.bg { position: absolute; margin-top: 20px; width: 100%; z-index: -10 }
#slider #timer { margin: 30px 0 0 96%; min-width: 30px; position: absolute; width: 4%; z-index: 10 }
#slider ul { list-style-type: none; margin: 0;}
#slider li>* { position: absolute }
#slider .animate-out { opacity: 0; }
#slider .image1, #slider .image2, #slider .image3 { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s }
#slider .image1 { right: -250%; opacity: 0;top:1.6%;z-index: 1000;  }
#slider .image1.animate-in, #slider .image2.animate-in, #slider .image3.animate-in { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; opacity: 1 }
#slider .image1.animate-in { right: 3%; z-index: 10000; }
#slider .title1, #slider .title2, #slider .title3 { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; color: #333; font-size: 22px; font-family: 'Lato400', sans-serif; margin: 0; opacity: 0 }
#slider .title1.animate-in, #slider .title2.animate-in, #slider .title3.animate-in { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; opacity: 1 }
#slider .title1 { left: auto; right: 0; top: 32.6086957%; width: 42% }
#slider .description1, #slider .description2, #slider .description3 { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; color: #000; font-size: 18px; line-height: 150%; margin: 0; opacity: 0 }
#slider .description1 p, #slider .description2 p, #slider .description3 p { }
#slider .description1.animate-in, #slider .description2.animate-in, #slider .description3.animate-in { -webkit-transition-duration: 1s; -moz-transition-duration: 1s; -o-transition-duration: 1s; -ms-transition-duration: 1s; transition-duration: 1s; opacity: 1 }
#slider .description1 { left:17%;  width: 40%; top: 20% }
#slider .description2 { left: 68%; top: 36.956521739%; width: 31.25% }
#slider .description3 { left: 0; top: 17.5%; width: 35.25% }
#slider .button { font-size: 14px; margin-top: 10px; padding: 8px 14px }
div.inline { background-color: #25345f!important }
.slider_pagination {
    height: 15px;
    margin: 5px 0 0 17%;
    padding: 0;
    position: absolute;
    text-align: center;
    z-index: 10;
    width: 300px;
    float: left;
    /* bottom: -20px; */
    top: 19%;}
    #li3,#li1,#li2 {
  opacity:0;  /* make things invisible upon start */
 -webkit-animation:fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time*/ 
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:1s;
  -moz-animation-duration:1s;
  animation-duration:1s;
}
#li2, #li3 {margin-top: 28px;}
#li1 img {margin-top: 7px;}
#li1 img {top: 0.5% !important;}
#li1{background:url('../images/banner.jpg') center top no-repeat;  -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 2.6s;height: 725px !important;margin-top: 28px;
  animation-delay: 2.6s;background-size: cover; width: 100%;}
/*#li2{background:url('../images/banner2.jpg') center top no-repeat; -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 2.6s;height: 725px !important;
  animation-delay: 2.6s;background-size: cover; width: 100%;margin-top: 28px;top: 1 !important;}
#li3{background:url('../images/banner3.jpg') center top no-repeat; -webkit-animation-delay: 1.6s;
  -moz-animation-delay: 2.6s;height: 725px !important;
  animation-delay: 2.6s;background-size: cover; width: 100%;margin-top: 28px;}
*/.slider_pagination li { cursor: pointer; display: block; float: left; margin-left: 7px; padding: 4px 0; width: 25px }
.slider_pagination li a {display: block;  text-indent: -4444px;width: 7px !important;
    height: 7px !important;
   border-radius: 50px;border:2px solid #9bc0e2;
 }
.slider_pagination li.active a { background: #fff; border:2px solid #fff;}

.slider-1 {width: 90% !important;}
.left-side{width: 550px;float: left;margin-top: 137px;}
.slide h1 {width: 100%;font: 68px/72px 'source_sans_problack';text-transform:uppercase;color: #fff;}
.slider-wrapper{
   /* position:relative;
    overflow:hidden;
    width:100%;*/
    margin:75px 0px auto;
    background:url(../images/banner-2.jpg) center top no-repeat;background-size: cover;width: 100%;
   height: 713px;
}
#slider  > p { color: #fff;
    font: 29px/36px "source_sans_prolight_italic";
    padding: 57px 40px 0;
    text-align: center;
    width: 62%;}
.right-part > img {
    position: absolute;
    right: -46px;
    top: 20px;
}

/*.center-part {position: absolute;padding-top: 43px;}
.center-part img {position: absolute;left: 40%;}
.green-section {background: url(../images/green-section.png) center top no-repeat;width: 358px;height: 297px;position: absolute;
left: -359px;top: 417px;
}

.right-side {
    float: right;
    position: relative;
    width: 550px;
}
.slider{
    position:relative;
    width:100%; 
    margin:0 auto;
   
}
.right-part {position: absolute;right: 0px;}*/
.left-section-part img {
    position: relative !important;
}

/* sonu eCommerce slider*/

.wpcont-1-right .eCommerce-right-slider-main{width:100%; float:left; margin:0px auto;padding:5% 0 10% 0px;}


.wpcont-1-right .eCommerce-right-slider{width:490px; box-sizing:border-box; height: 379px;margin:80px auto 0 auto;box-shadow: 1px 0px 7px 5px #ccc; position:relative;}
.wpcont-1-right .eCommerce-right-slider .bx-wrapper{width: 100%;margin: 0 auto;height: 379px;}
.wpcont-1-right .eCommerce-right-slider .bx-wrapper .bx-viewport{height: 379px !important;box-shadow: none;border: 10px solid #fff;left:0px;border-radius: 3px; width:490px!important;box-sizing: border-box;}
.wpcont-1-right .eCommerce-right-slider .bx-wrapper .bx-viewport ul li{width:490px!important;}
.wpcont-1-right .eCommerce-right-slider .bx-wrapper img{width: 100%; margin-top:0px;}
.wpcont-1-right .eCommerce-right-slider .bx-wrapper .bx-controls-direction a.bx-next{background: rgba(116, 184, 49, 0.31) url("../images/blog-01-next.png") no-repeat center center; color:transparent; right: 0px;width: 37px !important;position: absolute; top: 50%; margin-top: -16px; outline: 0; height: 32px; text-indent: -9999px; z-index: 9999;display:none;}
.wpcont-1-right .eCommerce-right-slider .bx-wrapper .bx-controls-direction a.bx-next:hover{background: rgba(116, 184, 49, 0.72) url("../images/blog-01-next.png") no-repeat center center;transition:0.5s; color:transparent;}

.wpcont-1-right .eCommerce-right-slider .bx-wrapper .bx-controls-direction a.bx-prev{background: rgba(116, 184, 49, 0.31) url("../images/blog-01-prev.png") no-repeat center center;left: 0px;width: 37px !important;transition:0.5s; color:transparent;    position: absolute; top: 50%;margin-top: -16px;outline: 0;width: 32px;height: 32px;text-indent: -9999px;z-index: 9999;display:none;}
.wpcont-1-right .eCommerce-right-slider .bx-wrapper .bx-controls-direction a.bx-prev:hover{background: rgba(116, 184, 49, 0.72) url("../images/blog-01-prev.png") no-repeat center center; color:transparent;}
.wpcont-1-right .eCommerce-logos ul li:last-child{margin:0px;}
.wpcont-1-right .bx-wrapper .bx-pager, .wpcont-1-right .bx-controls-auto{display: none;}

.wpcont-1-right .eCommerce-logos{width:490px; height: auto; margin: 35px auto 0px;}
.wpcont-1-right .eCommerce-logos ul li{display: inline-block; float: left; width: auto; height: 56px; margin-right: 32px;}
.wpcont-1-right .eCommerce-logos ul li img{width:100%; margin-top:0px;}


#slider_full img{float:left;}
#slider_full label{display:none;}
#slider_full br{display:none;}
#slider_full input#captcha_code{width:150px; float:left;}

#slider_full a {background: url("../images/refresh-icon2.png") no-repeat scroll center center; float: right; height: 24px; margin-right: 39px;
    margin-top: 7px;  text-indent: -999px;  width: 24px;}
	
	
.ne_c_r_r input[type="Submit"]{float:right;}
#hire-dedicated-resource .excited-talk .apply_form .ne_c_r_r p{text-align:right; float:right;}



/*--------------------- s.k. Rajput 26-10-16 -------------------------*/
.request-page{ width:1200px; margin:40px auto 0;}
.request-page .request-form-section{  width:100%;padding: 55px 0 40px; margin:0 auto;}
.request-page h2{font: 21px/33px 'open_sans_lightregular'; text-align:center; padding: 0 20%; position:relative; }
.request-page h2:after{ background:#75be3b; content:""; display:block; width:100px; height:1px; position:absolute; bottom:-27px; left:50%; margin-left:-50px;}
  
.request-icon-part{ float:left; width:100%; border-top:1px  solid #eee; padding:38px 0 100px;}
.request-icon-part .request-icon-inner{ width:1200px; margin:0 auto;}
.request-icon-inner ul{ width:100%; float:left; text-align:center;}
.request-icon-inner ul li{ width:23%; display: inline-block; text-align:center; vertical-align:top;}
.request-icon-inner ul li h3{ font: 14px/15px 'clanotbold'; text-transform:uppercase; color:#31323c;padding: 15px 0 0;}
.request-icon-inner ul li h3 span{ display:block;text-transform:none;font: 15px/15px 'open_sansregular'; color:#61636c;padding: 10px 0; }
.request-icon-inner ul li h3 span a{ color:#61636c;}
.from-input-box{ float:left; width:700px; margin-left:250px;}
.from-input-box span{ color:red;}
form.jqtransformdone .from-input-box label{margin: 0; float:left; width:100%;font: 14px/15px 'open_sansregular'; color:#000; text-transform:capitalize;padding:18px 0 5px;}
.from-input-box input{ width:100%; box-sizing:border-box; padding:0 10px; height:50px; background:#f8f8fb; border:1px solid #dce4e6; border-radius:3px;font: 12px/15px 'open_sansregular'; color:#61636c;}
.from-input-box1{ float:left; width:35%;}
form.jqtransformdone .from-input-box1 label{margin: 0; float:left; width:100%;font: 14px/15px 'open_sansregular'; color:#000;text-transform:capitalize;padding:18px 0 5px;}
.from-input-box1 input{ width:100%; box-sizing:border-box; padding:0 10px; height:50px; background:#f8f8fb; border:1px solid #dce4e6; border-radius:3px; float:left;font: 12px/15px 'open_sansregular'; color:#61636c;}
.from-input-box2{ float:left; width:49%; margin-left: 5px;}
.from-input-box2.sel{width:35%!important;}
form.jqtransformdone .from-input-box2 label{margin: 0; float:left; width:100%;font: 14px/15px 'open_sansregular'; color:#000;text-transform:capitalize;padding:18px 0 5px;}
#jqTransformTextarea-ml{display:none!important;}
.from-input-box2 .jqTransformSelectWrapper{ width:85% !important; padding:0 10px; height:52px; background:#f8f8fb; border:1px solid #dce4e6; border-radius:3px;font: 14px/15px 'open_sansregular'; color:#000;-webkit-appearance: none; -moz-appearance:none; appearance:none; background:#f8f8fb url(../images/select-aero.png) 95% 22px no-repeat;}
.from-input-box2 option{background:#f8f8fb;font: 14px/15px 'open_sansregular'; color:#000;padding:5px 10px; }
.from-input-box2 .jqTransformInputWrapper, .form-textarea-box .jqTransformTextarea{width:100%!important;}
.from-input-box3{ float:left; width:50%;}
form.jqtransformdone .from-input-box3 label{ margin: 0; float:left; width:100%;font: 14px/15px 'open_sansregular'; color:#000;text-transform:capitalize;padding:18px 0 5px;}
.from-input-box3 .jqTransformSelectWrapper{ width:85% !important; padding:0 10px; height:52px; background:#f8f8fb; border:1px solid #dce4e6; border-radius:3px;font: 14px/15px 'open_sansregular'; color:#000;-webkit-appearance: none; -moz-appearance:none; appearance:none;background:#f8f8fb url(../images/select-aero.png) 95% 22px no-repeat;}
.from-input-box3 option{background:#f8f8fb;font: 14px/15px 'open_sansregular'; color:#000;padding:5px 10px;}

.from-input-box3 .jqTransformSelectWrapper a.jqTransformSelectOpen{background:none;}
.from-input-box2 .jqTransformSelectWrapper a.jqTransformSelectOpen{background:none;}
.from-input-box3 .jqTransformSelectWrapper span, .from-input-box2 .jqTransformSelectWrapper span{ color: #000;padding: 16px 182px 16px 0; }

.from-input-box3 .jqTransformSelectWrapper ul, .from-input-box2 .jqTransformSelectWrapper ul{ top: 52px; }


.from-input-box4{ float:left; width:50%;}
form.jqtransformdone .from-input-box4 label{ margin: 0; float:left; width:100%;font: 14px/15px 'open_sansregular'; color:#000;text-transform:capitalize;padding:18px 0 5px;}
.from-input-box4 input{ width:100%; padding:0 10px; height:50px; background:#f8f8fb; border:1px solid #dce4e6; border-radius:3px;font: 14px/15px 'open_sansregular'; color:#000;}

.form-textarea-box{ float:left; width:99.3%;margin-left:0;}
.form-textarea-box textarea{width:100%; box-sizing:border-box; padding:10px; height:120px; background:#f8f8fb; border:1px solid #dce4e6; border-radius:3px; float:left; resize: none;font: 12px/15px 'open_sansregular'; color:#61636c;}
form.jqtransformdone .form-textarea-box label{ margin: 0; float:left; width:100%;font: 14px/15px 'open_sansregular'; color:#000;text-transform:capitalize;padding:18px 0 5px;}
.form-textarea-box span{ color:red;}
.form-textarea-box .submit-btn{ background:#1fa67a; color:#fff; padding:18px 25px; margin-top:15px;border-radius: 3px; cursor:pointer;font: 13px/13px 'clanotmedium';}

.box3-section {
    float: left;
    width: 100%;
    margin: 0;
}

.form-textarea-box .form-box3{ width:100%;padding-top: 24px;}
.form-textarea-box .submit-btn span{ color:#fff;}
.from-input-box .form-box3 input.code{background: #f8f8fb none repeat scroll 0 0;
    border: 1px solid #dce4e6;
    border-radius: 3px;
    color: #000;
    float: left;
    font: 12px/15px "open_sansregular";
    height: 50px;
    padding: 0 10px;
    width: 80%; margin:15px 0 0 2px; }
.form-textarea-box .jqTransformInputWrapper{ width: 258px !important; }
.from-input-box .code-box{ margin-top: 13px; overflow: inherit;    width: 145px; margin-left:0;}
.request-form-section .error{ border-color: red !important; }
.request-form-section .form-box3.error{border: 1px solid red !important;
    border-radius: 3px;
    margin-top: 24px;
    padding-top: 0;
    width: 302px;}
.request-form-section label.error {display: none !important;}
.from-input-box2 .ms-parent{ width:100%!important;}
.from-input-box2 .ms-choice{ padding:0 10px; height:50px; background:#f8f8fb url(../images/select-aero.png) 95% 22px no-repeat; border:1px solid #dce4e6; border-radius:3px; float:left;font: 12px/47px 'open_sansregular'; color:#61636c;width:100%; box-sizing:border-box;}
.from-input-box2 .select2-container-multi .select2-choices .select2-search-field input{ padding:0;}

.from-input-box2 .jqTransformCheckbox{ background: url("../images/chek-sprit.png") left top no-repeat;float: left;height: 20px; width: 20px;}
 
.from-input-box2 .jqTransformChecked{ background-position:left -25px;}
.from-input-box2 .ms-drop.bottom span, .from-input-box2 .ms-choice > span {    color: #61636c; cursor:pointer; font-size:12px;}
.from-input-box2 .ms-drop.bottom label{ padding:5px 0;}

.submit-class-btn {float: left;width: 100%;}
.budget-cepcha { float: left; margin-left: 5px;  width: 27%;}
.from-input-box-budget{ float:left; width:100%;}
.from-input-box-budget .jqTransformInput{ width:100%; box-sizing:border-box; padding:0 10px 0 25px; height:50px; background:#f8f8fb url("../images/doler-icon.png") 10px 17px no-repeat; border:1px solid #dce4e6; border-radius:3px;font: 12px/15px 'open_sansregular'; color:#61636c;}

.phone-service {float: left; width: 100%;}
.budget-cepcha .form-box3 .jqTransformInputWrapper {    width: 38% !important;}

.request-form-section .jqTransformInputInner label, .request-form-section #jqTransformTextarea-mm label{ padding:5px 0 0 !important; font-size:12px!important;}
.request-form-section .ms-drop.bottom{ width:94%;}

.phone-service .from-input-box1 .countryCode .jqTransformInputWrapper, .from-input-box-budget .jqTransformInputWrapper  {    width:100% !important;}
.phone-service .from-input-box1 .jqTransformInputWrapper {    width:72% !important; float:right}
.from-input-box1.name{background:none; width:49%;}
.from-input-box1.name .jqTransformInputWrapper {    width: 100% !important;}
.countryCode { float: left;width: 25%; margin-right:6px;}
.countryCode input{background:#f8f8fb url("../images/contry-plus.png") 6px 20px no-repeat; padding-left:20px!important;}



/*--------------------- s.k. Rajput 26-10-16 -------------------------*/


@media only screen and (min-width: 1000px){
    .slider{
        width:1000px;
    }
}

@media only screen and (min-width: 1440px){
    .slider{
        width:1440px;
    }
}

/* ELEMENT STYLES */



.claim{
    line-height:100%
}   

.teaser{
    padding:0.5% 1.5%;
    font-size:14px;
     line-height:100%
}

.small{
    width:250px;
   padding-left:0; padding-right:0px;
    text-align:center;
}

.light-green{background:#95C542;}
.green{background:#7CB761}
.orange{background:#EF7D00}
.turky{background:#348E8A}
.white{background:#fff; color:#333}
/*===================banner-slider====================*/
#letstalk-wrap {
    width: 100%;
    background: #1fa67a url(../images/excited-bg.jpg) center top no-repeat;
    height: auto;
    padding-bottom: 25px;
    position: relative;
    background-attachment: fixed;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover
}
#letstalk-wrap .container:before {
    content: "";
    display: block;
    height: 68px;
    left: 50%;
    position: absolute;
    top: -30px;
    width: 68px
}
.lets-talk-row {
    width: 100%
}
.lets-talk-row h4 {
    text-align: center;
    color: #fff;
    font: 60px/65px amaranthbold_italic;
    padding-top: 50px
}
.lets-talk-row p {
    color: #ffffff;
    font: 22px/35px amaranthregular;
    text-align: center
}
.lets-talk-row ul {
    float: left;
    display: block;
    margin-top: 30px
}
.lets-talk-row ul li {
    float: left;
    padding: 0 53px 25px;
    text-align: center;
    position: relative;
    width: 188px
}
.lets-talk-row ul li a {
    text-align: center;
    display: block
}
.lets-talk-row ul li span {
    display: inline-block;
    height: 122px;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transition: all 2s ease-in-out 0;
    -moz-transition: all 2s ease-in-out 0;
    -webkit-transition: all 2s ease-in-out 0;
    -ms-transition: all 2s ease-in-out 0;
    border-radius: 100px
}
.lets-talk-row ul li figure {
    height: 122px;
    line-height: 122px!important;
    position: absolute;
    top: 0;
    vertical-align: middle;
    width: 188px;
    z-index: 2
}
.lets-talk-row ul li:hover span {
    transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5)
}
.lets-talk-row ul li p,
.lets-talk-row ul li p a {
    font: 18px/25px clanotbook;
    color: #fff;
    display: block
}
.lets-talk-row ul li p small {
    font: 40px/45px alphamack_aoeregular;
    color: #fff;
    display: block
}
.lets-talk-row ul li .ani_bg {
    background: none repeat scroll 0 0 #fff;
    border-radius: 100%;
    display: inline-block;
    height: 108px;
    left: 94px;
    position: absolute;
    top: 7px;
    border: 1px solid #fff;
    width: 108px;
    z-index: 1;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transition: all 1s ease 0;
    -moz-transition: all 1s ease 0
}
.lets-talk-row ul li:hover .ani_bg {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1)
}
.lets-talk-row ul li .ani_bg-2 {
    border: 1px solid #fff;
    border-radius: 100%;
    display: inline-block;
    height: 115px;
    width: 113px;
    border-radius: 100%;
    opacity: 0;
    position: absolute;
    left: 91px;
    top: 3px
}
.lets-talk-row ul li:hover .ani_bg-2 {
    transform: scale(1.10);
    -moz-transform: scale(1.10);
    -webkit-transform: scale(1.10);
    -ms-transform: scale(1.10);
    display: block;
    opacity: 1;
    transition: all .4s ease-in-out 0
}
#social-share-wrap {
    width: 100%;
    background: #1c202b;
    padding: 30px 0;
    border-top: 1px solid #31353f;
    border-bottom: 1px solid #2f333d
}
#social-share-wrap ul {
    width: 65%;
    float: none;
    text-align: center;
	padding-left:35% !important;
}
#social-share-wrap ul li {
    float: left;
    padding-left: 13px;
    min-width: 50px
}
#social-share-wrap ul li:first-child {
    padding-left: 0
}
#social-share-wrap ul li figure {
    float: left;
    width: 66px;
    height: 66px;
    border: 2px solid #2d3e61;
    border-radius: 10px 10px 0;
    -moz-border-radius: 10px 10px 0;
    -webkit-border-radius: 10px 10px 0;
    -ms-border-radius: 10px 10px 0;
    transition: all 1s ease 0;
    -moz-transition: all 1s ease 0;
    -webkit-transition: all 1s ease 0;
    -ms-transition: all 1s ease 0
}
#social-share-wrap ul li:hover figure {
    border: 2px solid #2e3f63;
    border-radius: 50px
}
#social-share-wrap ul li+li:hover figure {
    border: 2px solid #185f82
}
#social-share-wrap ul li+li+li:hover figure {
    border: 2px solid #204e75
}
#social-share-wrap ul li+li+li+li:hover figure {
    border: 2px solid #752b2e
}
#social-share-wrap ul li figure img {
    padding-top: 14px
}
#social-share-wrap ul li+li figure {
    border: 2px solid #185f82
}
#social-share-wrap ul li+li h5 {
    color: #159dd8
}
#social-share-wrap ul li+li+li figure {
    border: 2px solid #204c72
}
#social-share-wrap ul li+li+li h5 {
    color: #247cbf
}
#social-share-wrap ul li+li+li+li figure {
    border: 2px solid #712b2e
}
#social-share-wrap ul li+li+li+li h5 {
    color: #ce3631
}
#social-share-wrap ul li h5 {
    font: 45px/50px clanotthin;
    color: #3f5e9b
}
#social-share-wrap ul li h6 {
    font: 11px/20px clanotmedium;
    color: #808288;
    text-transform: uppercase
}

footer {
    width: 100%;
    background: #24242A;
    padding: 24px 0;
    text-align: center
}
.foot-menu {
    width: 100%
}
.foot-menu li {
    display: inline-block;
    font: 13px/20px proxima_nova_rgregular;
    color: #545454;
    text-transform: uppercase;
    padding: 0 20px;
    background: url(../images/dot.gif) left 8px no-repeat

}
.foot-menu li:first-child {
    background: none
}
.foot-menu li a {
    color: #8d9598
}
.foot-menu li a:hover {
    color: #fff
}
footer p {
    font: 11px/20px proxima_nova_rgregular;
    color: #4c4c4c;
    padding-top: 12px
}
#wpcont4-outer.gray-wrapper {
    background: #FAFAFB;
    border-top: 1px solid #E7E8E8
}
#wpcont-1-outer {
    width: 100%;
    margin: 75px 0 0;
    padding: 0;
    background: #fff
}
.wpcont-1-left {
    width: 700px;
    float: left
}
.wpcont-1-left h1 {
    font: 700 40px/45px 'Open Sans';
    letter-spacing: -1.5px;
    color: #2892CF;
    padding: 30px 0 10px
}
.wpcont-1-left p {
    font: 25px/36px proxima_novalight;
    color: #24242A;
    padding: 5px 0 0
}
.wpcont-1-left ul {
    float: left;
    list-style-type: none;
    padding: 20px 0 0;
    margin-bottom: 25px
}
.wpcont-1-left ul li {
    display: block;
    font: 17px/26px 'Open Sans';
    color: #334654;
    background: url(../images/arrow01.png) left 16px no-repeat;
    padding: 6px 20px
}
.wpcont-1-right {
    width: 490px;
    float: right
}
.wpcont-1-right img {
    margin: 15px 0 0
}
.request-button {
    width: 100%; margin-bottom:40px;
    float: left
}
.request-button a {
    border: 1px solid #6ABFE3;
    border-radius: 10px 10px 0;
    color: #159dd8;
    display: inline-block;
    font: 700 14px/46px 'Open Sans';
    letter-spacing: -.5px;
    margin-right: 5px;
    padding: 0 16px;
    position: relative;
    text-transform: uppercase
}
.request-button a:after {
    background: url(../images/arrow.png) no-repeat right top;
    content: "";
    display: inline-block;
    height: 9px;
    padding-left: 12px;
    width: 6px
}
.request-button .request-btn {
    background: #019BDC;
    color: #fff
}
.request-button .request-btn:after {
    background: url(../images/arrow02.png) no-repeat right top

}
.request-button a:hover {
    background: #019BDC;
    color: #FFF;
    border: 1px solid #3290cc
}
.request-button a:hover:after {
    background: url(../images/arrow02.png) no-repeat right top

}
.m-bot {
    margin-bottom: 15px 0 0 0!important;
    padding: 0 0 15px!important
}
#wpcont-2-outer {
    width: 100%;
    margin: 0px 0 0;
    padding: 0;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background: url(../images/wordpresscont2bg.jpg) center top;
    position: relative;
	padding-bottom:3%;
}
.wpcont-2 {
    width: 100%;
    margin: 30px auto 0;
    position: relative;
    z-index: 1
}
.wpcont-2 h2 {
    font: 700 37px/45px 'Open Sans';
    letter-spacing: -2px;
    color: #323639;
    text-align: center
}
.wpcont-2 p {
    font: 18px/28px 'Open Sans';
    color: #019bdc;
    text-align: center;
    padding-top: 10px
}
.wpcont-2 p span {
    color: #39434e;
    font: 18px/30px 'Open Sans';
    display: inline-block
}
.wpcont-2 p span.dropal-coust {
    line-height: 33px
}
.wordpress-tab-box {
    padding: 0 0 0 8px;
    margin-top: 25px;
    float: left;
    position: relative
}
.wordpress-tab-box a {
    margin: 9px 5px 0 0;
    z-index: 999;
    height: 22px;
    float: left;
    color: #fff;
    text-decoration: none;
    background: #3e3431;
    font: 14px/22px clanotbold;
    text-transform: uppercase;
    text-align: center;
    transform: translateX(0px);
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -o-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -webkit-transition: all 500ms linear 0;
    -moz-transition: all 500ms linear 0;
    -o-transition: all 500ms linear 0;
    -ms-transition: all 500ms linear 0;
    transition: all 500ms linear 0;
    padding: 0 6px
}
.wordpress-tab-box a.activeLink {
    background: #f1eeea;
    color: #fff
}
.wordpress-tab-box a span {
    vertical-align: middle;
    display: table-cell;
    height: 155px;
    width: 146px
}
.wpcont-2 .hide {
    display: none
}
#conts-1 {
    background: url(../images/blue1.png) 0 0 no-repeat;
    width: 146px;
    height: 155px;
    position: absolute;
    left: 40px;
    bottom: 0
}
#conts-1:hover {
    margin-left: -5px
}
#conts-1.activeLink:after {
    content: "";
    background: url(../images/c_active.png) 0 0 no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 118px;
    left: 130px
}
#conts-2 {
    background: url(../images/greenround.png) 0 0 no-repeat;
    width: 146px;
    height: 152px;
    position: absolute;
    left: 12%;
    top: 177px;
    z-index: 999
}
#conts-2.activeLink:after {
    content: "";
    background: url(../images/green3icon.png) 0 0 no-repeat;
    width: 12px;
    height: 14px;
    position: absolute;
    top: 129px;
    left: 114px
}
#conts-2:hover {
    margin-left: -5px
}
#conts-3 {
    background: url(../images/blu2.png) 0 0 no-repeat;
    width: 146px;
    height: 150px;
    position: absolute;
    left: 300px;
    top: 55px
}
#conts-3.activeLink:after {
    content: "";
    background: url(../images/p_active.png) 0 0 no-repeat;
    width: 11px;
    height: 14px;
    position: absolute;
    top: 141px;
    left: 96px
}
#conts-3:hover {
    margin-top: -3px
}
#conts-4 {
    background: url(../images/orange1.png) 0 0 no-repeat;
    width: 146px;
    height: 155px;
    position: absolute;
    left: 515px;
    top: 0
}
#conts-4.activeLink:after {
    content: "";
    background: url(../images/m_active.png) 0 0 no-repeat;
    width: 13px;
    height: 15px;
    position: absolute;
    top: 139px;
    left: 40px
}
#conts-4:hover {
    margin-top: -3px
}
#conts-5 {
    background: url(../images/blue-3.png) 0 0 no-repeat;
    width: 146px;
    height: 155px;
    position: absolute;
    left: 725px;
    top: 55px
}
#conts-5.activeLink:after {
    content: "";
    background: url(../images/s_active.png) 0 0 no-repeat;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 128px;
    left: 24px
}
#conts-5:hover {
    margin-top: -3px
}
#conts-6 {
    background: url(../images/green1.png) 0 0 no-repeat;
    width: 146px;
    height: 150px;
    position: absolute;
    left: 895px;
    top: 180px
}
#conts-6.activeLink:after {
    content: "";
    background: url(../images/green.png) 0 0 no-repeat;
    width: 22px;
    height: 13px;
    position: absolute;
    top: 123px;
    left: 12px
}
#conts-6:hover {
    margin-left: 5px
}
#conts-7 {
    background: url(../images/green2.png) 0 0 no-repeat;
    width: 146px;
    height: 155px;
    position: absolute;
    left: 84%;
    bottom: 0
}
#conts-7.activeLink:after {
    content: "";
    background: url(../images/dot6.png) 0 0 no-repeat;
    width: 22px;
    height: 13px;
    position: absolute;
    top: 123px;
    left: 12px
}
#conts-7:hover {
    margin-left: 5px
}
.resp-tabs-list li.resp-tab-active a:after {
    content: "";
    background: url(../images/c_active.png) 0 0 no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 118px;
    left: 130px
}
.resp-tabs-list li+li.resp-tab-active a:after {
    content: "";
    background: url(../images/green3icon.png) 0 0 no-repeat;
    width: 12px;
    height: 14px;
    position: absolute;
    top: 129px;
    left: 114px
}
.resp-tabs-list li+li+li.resp-tab-active a:after {
    content: "";
    background: url(../images/p_active.png) 0 0 no-repeat;
    width: 11px;
    height: 14px;
    position: absolute;
    top: 141px;
    left: 96px
}
.resp-tabs-list li+li+li+li.resp-tab-active a:after {
    content: "";
    background: url(../images/m_active.png) 0 0 no-repeat;
    width: 13px;
    height: 15px;
    position: absolute;
    top: 139px;
    left: 40px
}
.resp-tabs-list li+li+li+li+li.resp-tab-active a:after {
    content: "";
    background: url(../images/s_active.png) 0 0 no-repeat;
    width: 17px;
    height: 17px;
    position: absolute;
    top: 128px;
    left: 24px
}
.resp-tabs-list li+li+li+li+li+li.resp-tab-active a:after {
    content: "";
    background: url(../images/green.png) 0 0 no-repeat;
    width: 22px;
    height: 13px;
    position: absolute;
    top: 123px;
    left: 12px
}
.resp-tabs-list li+li+li+li+li+li+li.resp-tab-active a:after {
    content: "";
    background: url(../images/dot6.png) 0 0 no-repeat;
    width: 22px;
    height: 13px;
    position: absolute;
    top: 123px;
    left: 12px
}
.services-tabcontent {
    position: relative;
    z-index: 1;
    float: left;
    height: auto;
    width: 100%;
    margin: 0;
    text-align: center
}
.services-tabcontent h3 {
    color: #293136;
    font: 28px/40px clanotnews;
    padding: 7px 70px
}
.services-tabcontent h5 {
    color: #293136;
    font: 16px/30px clanotnews;
    padding-bottom: 10px;
    margin: 0 auto;
    width: 85%
}
.services-tabcontent p {
    color: #34383b;
    font: 15px/28px 'Open Sans';
    padding: 0 70px
}
.services-tabcontent img {
    margin: 40px 0 0
}
.services-tabcontent .theme2_box {
    background: url(../images/green3.png) no-repeat 0 0;
    height: 361px
}
.services-tabcontent .theme3_box {
    background: url(../images/blue2img.png) no-repeat 0 0;
    height: 361px
}
.services-tabcontent .theme4_box {
    background: url(../images/orange1img.png) no-repeat 0 0;
    height: 361px
}
.services-tabcontent .theme5_box {
    background: url(../images/blue3img.png) no-repeat 0 0;
    height: 361px
}
.services-tabcontent .theme6_box {
    background: url(../images/tabmain.png) no-repeat 0 0;
    height: 361px
}
.services-tabcontent .theme7_box {
    background: url(../images/green2img.png) no-repeat 0 0;
    height: 361px
}
#wpcont3-outer {
    width: 100%;
    padding: 20px 0;
    background: #159dd8
}
#wpcont3-outer .container {
    text-align: center
}
#wpcont3-outer .container h3 {
    font: 31px/40px clanotbook;
    color: #fff;
    display: inline-block;
    text-transform: capitalize
}
#wpcont3-outer .container a.touch {
    background: #41afe0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-: 5px;
    -o-border-radius: 5px;
    color: #fff;
    font: 23px/61px clanotbold;
    text-align: center;
    width: 260px;
    margin-left: 50px;
    display: inline-block;
    text-transform: uppercase;
    border-top: 1px solid #66b0e6;
    border-left: 1px solid #71c3e8;
    border-top: 1px solid #71c3e8;
    text-shadow: 0 2px 2px #2A88B2;
    -webkit-text-shadow: 0 2px 2px #2A88B2;
    -ms-text-shadow: 0 2px 2px #2A88B2
}
#wpcont3-outer .container a.touch:hover {
    background: #39a6d6
}
#wpcont4-outer {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #fff;
    padding: 30px 0
}
#wpcont4-outer .container h2 {
    text-align: center;
    color: #24242A;
    font: 700 40px/45px 'Open Sans';
    letter-spacing: -2px;
    padding-bottom: 10px
}
#wpcont4-outer .container h3 {
    text-align: center;
    color: #373c42;
    font: 20px/35px clanotmedium
}
.cont4-left {
    width: 600px;
    float: left
}
.cont4-right {
    width: 565px;
    float: right
}
.Wpsite-box {
    width: 600px;
    float: left;
    margin: 15px 0 0
}
.Wpsite-box img {
    float: left;
    padding: 10px 15px 0 0;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease
}
.content-writing-col {
    width: 460px;
    float: right;
    margin-top: 20px;
    text-align: center;
    background: #f1f1f6;
    padding: 15px;
    border-radius: 3px
}
.content-writing-col p {
    color: #334654;
    font: 19px/38px open_sans_lightregular
}
.Wpsite-box:hover img {
    margin-top: -10px
}
#wpcont4-outer .container .Wpsite-box h3 {
    color: #24242A;
    font: 700 20px/29px 'Open Sans';
    letter-spacing: -1px;
    padding: 2px 0 10px;
    text-align: left
}
.Wpsite-box p {
    color: #334654;
    font: 16px/29px 'Open Sans';
    display: table;
    padding: 0 40px 0 0
}
.Wpsite-box h3 {
    color: #24242A;
    font: 20px/34px OpenSans-Semibold
}
#wpcont5-outer {
    width: 100%;
    margin: 0;
    padding: 30px 0;
    background: #fafafb;
    border-top: 1px solid #e7e8e8
}
#wpcont5-outer .container h2 {
    text-align: center;
    color: #24242A;
    font: 700 40px/45px 'Open Sans';
    letter-spacing: -2px;
    padding-bottom: 20px
}
#wpcont5-outer .container h2 span {
    font-family: 'clanotmedium'
}
#wpcont5-outer .container h6 {
    color: #39434e;
    font: 18px/30px 'Open Sans';
    text-align: center
}
.wpcont5left {
    width: 715px;
    float: left
}
.wpcont5left ul {
    list-style-type: none;
    float: left;
    margin-top: 13px
}
.wpcont5left ul li {
    font: 18px/33px 'Open Sans';
    color: #3e3e48;
    width: 100%;
    float: left;
    padding-bottom: 10px
}
.wpcont5left ul li p {
    font: 16px/29px 'Open Sans';
    color: #3e3e48;
    padding: 0 20px 0 62px;
    display: table
}
.wpcont5left ul li figure {
    float: left
}
.wpcont5left ul li figure img {
    vertical-align: middle;
    padding: 0 20px 0 0
}
.wpcont5right {
    width: 420px;
    float: right
}
.wpcont5right ul {
    list-style-type: none;
    float: left;
    margin: 20px 0 0
}
.wpcont5right ul li {
    font: 55px/95px clanotbook;
    text-align: right;
    color: #159dd8;
    width: 100%;
    float: left;
    background: url(../images/wordpressrgtli.jpg) left top repeat-x;
    display: inline-block;
    padding: 0
}
.wpcont5right ul li span {
    font: 16px/29px 'Open Sans';
    color: #3e3e48;
    display: inline-block;
    float: right;
    width: 255px;
    padding: 20px 0 0 18px;
    text-align: left
}
#wpcont6-outer {
    width: 100%;
    background: #159dd8;
    padding: 30px 0 0 0
}

#wpcont6-outer > ul#protfilio-list {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    width: 100%;
}

#wpcont6-outer .container h2 {
    text-align: center;
    color: #fff;
    font: 700 40px/45px 'Open Sans';
    letter-spacing: -2px;
    padding-bottom: 10px
}
#wpcont6-outer .container p {
    text-align: center;
    color: #fcfeff;
    font: 18px/28px 'Open Sans';
    padding: 0 0 30px
}
#wpcont6-outer .container ul li a img {
    float: left;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}
#wpcont6-outer .container ul li a img:hover {
    margin-top: -10px
}
#wpcont6-outer .container ul {
    float: left;
    margin: 0 100px
}
#wpcont6-outer .container ul li {
    float: left;
    min-height: 270px;
    margin: 0 19px 0 0
}
#wpcont6-outer .container ul li.view-portfolio-btn {
    min-height: inherit;
    display: block;
    width: 98%;
    margin-top: 15px;
    font: 13px/46px clanotnews;
    color: #fff;
    text-align: center;
    text-transform: uppercase
}
#wpcont6-outer .container ul li.view-portfolio-btn a {
    background: #41afe0;
    color: #fff;
    display: block;
    border: 1px solid #66bfe6;
    border-bottom: 1px solid #2d93c1;
    border-right: 1px solid #2d93c1;
    border-radius: 10px 10px 0;
    -moz-border-radius: 10px 10px 0;
    -webkit-border-radius: 10px 10px 0;
    -ms-border-radius: 10px 10px 0;
    transform: translateX(0px);
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px)
}
#wpcont6-outer .container ul li.view-portfolio-btn a:hover {
    background: #3ca4d2;
    transform: translateX(10px);
    -moz-transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px)
}
#wpcont6-outer .container ul li.view-portfolio-btn a img {
    float: none;
    vertical-align: inherit;
    padding-left: 5px
}
#wpcont7-outer {
    width: 100%;
    padding: 30px 0
}
.wpcont7left {
    width: 540px;
    float: left
}
.wpcont7left1{ width:100%}
	
.wpcont7right {
    width: 540px;
    float: right
}
.wpcont7left h2 {
    color: #24242a;
    font: 700 25px/35px 'Open Sans';
    letter-spacing: -1px
}
.wpcont7left, .wpcont7left1 ul {
    float: left;
    padding: 0 0 0px;
    position: relative;
    margin: 20px 30px 0 0
}
.wpcont7left + .wpcont7left {
    float: right;
    padding-right: 0
}
.wpcont7left ul:after {
    content: "";
    background: url(../images/li.jpg) right top no-repeat;
    height: 100%;
    width: 4px;
    display: inline-block;
    position: absolute;
    right: -67px;
    top: 0
}
.wpcont7left + .wpcont7left ul:after {
    background: none
}
.wpcont7left ul li figure img {
    float: left;
    margin: 11px 20px 0 0
}
.wpcont7left ul li figure {
    float: left;
    transition: all 1s ease 0;
    transform: translateY(0px)
}
.wpcont7left ul li {
    float: left;
    margin: 0 0 40px;
    width: 100%
}
.wpcont7left ul li:hover figure {
    transform: translateY(-10px)
}
.wpcont7left ul li h3 {
    font: 700 20px/29px 'Open Sans';
    letter-spacing: -1px;
    color: #24242A
}
.wpcont7left ul li p {
    font: 15px/28px 'Open Sans';
    color: #334654;
    padding: 10px 30px 0 67px
}
#wpcont9-outer {
    width: 100%;
    margin: 0;
    padding: 30px 0;
    background: #f6f9fc
}
#wpcont9-outer .container {
    width: 1200px;
    margin: 0 auto;
    text-align: center
}
#wpcont9-outer .container figure {
    text-align: center
}
#wpcont9-outer .container h2 {
    text-align: center;
    color: #24242A;
    font: 38px/45px clanotbook;
    letter-spacing: 4px;
    text-transform: uppercase
}
#wpcont9-outer .container p {
    color: #334654;
    font: 15px/25px clanotbook;
    text-align: center;
    padding: 6px 0 8px
}
.wpcont9left {
    width: 580px;
    float: left;
    text-align: left!important;
    margin: 30px 0 0
}
.wpcont9left + .wpcont9left {
    float: right
}
.wpcont9left h3 {
    font: 20px/29px 'Open Sans';
    color: #050505
}
#wpcont9-outer .container .wpcont9left p {
    font: 16px/29px 'Open Sans';
    color: #334654;
    text-align: left!important;
    padding-top: 10px
}
#wpcont9-outer .container .wpcont9left p a {
    font-size: 11px;
    color: #3192d2
}
.hire-developer {
    width: 100%;
    margin: 30px auto 40px
}
.hire-developer h1 {
    font: 700 50px/45px 'Open Sans';
    letter-spacing: -2px;
    color: #3292d1;
    text-align: center;
    padding-bottom: 15px;
    text-transform: capitalize
}
.hire-developer p {
    font: 22px/38px clanotbook;
    color: #55636C;
    text-align: center;
    padding-bottom: 10px
}
.hire-developer p span {
    color: #019BDC
}
.hire-developer ul {
    list-style-type: none;
    padding: 0;
    margin-top: 30px;
    margin-bottom: 30px;
    display: inline-block;
    margin-left: 65px
}
.hire-developer ul li {
    width: 156px;
    height: auto;
    float: left;
    padding: 0 0 14px;
    border: solid #dadada 1px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    text-align: center;
    margin-left: 20px
}
.hire-developer ul li:first-child {
    margin-left: 0
}
.hire-developer ul li img {
    padding-top: 18px;
    padding-bottom: 14px;
    vertical-align: middle;
    transition: all 1s ease;
    -moz-transition: all 1s ease;
    -webkit-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0)
}
.hire-developer ul li:hover img {
    transform: translateY(-7px);
    -moz-transform: translateY(-7px);
    -webkit-transform: translateY(-7px);
    -ms-transform: translateY(-7px)
}
.hire-developer ul li span {
    font: 17px/23px clanotmedium;
    color: #2e3234;
    display: block
}
.per-hour {
    position: relative;
    padding-bottom: 30px
}
.per-hour-box {
    border: solid #ebebeb 1px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    background: #FFF;
    padding: 5px;
    height: 64px;
    width: 860px;
    margin: 0 auto;
    position: absolute;
    left: 11%;
    top: -69px
}
.blue-box {
    background: #308bc7;
    position: relative;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
    width: 630px;
    height: 64px;
    float: left
}
.blue-box:after {
    width: 35px;
    height: 51px;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 8px;
    background: url(../images/caul.jpg) 0 0 no-repeat

}
.blue-box:before {
    width: 34px;
    height: 54px;
    content: "";
    display: block;
    position: absolute;
    left: 4px;
    top: 6px;
    background: url(../images/progress-icon.jpg) 0 0 no-repeat

}
.blue-box h3 {
    font: 19px/25px clanotmedium;
    color: #cfe4f2;
    display: inline-block;
    width: 250px;
    text-align: center;
    padding-top: 20px
}
.blue-box h3 span {
    font-size: 36px;
    color: #FFF;
    padding-left: 8px;
    vertical-align: middle
}
.blue-box img {
    vertical-align: top;
    padding-top: 2px
}
.get-srt-bt {
    width: auto;
    float: right
}
.get-srt-bt a {
    font: 20px/41px clanotmedium;
    color: #FFF;
    display: block;
    padding: 10px 28px;
    background: #67c431;
    border-bottom: solid #3b8612 2px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px
}
.how-it-box p {
    font: 16px/29px 'Open Sans';
    color: #282f32;
    padding: 10px 50px 25px 50px;
}
.how-it-box a {
    font: 20px/41px clanotmedium;
    color: #FFF;
    padding: 10px 28px;
    background: #67c431;
    border-bottom: solid #3b8612 2px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -moz-border-radius: 3px;
}
.get-srt-bt a:hover {
    background: #5cb22a
}
.hire-wd {
    width: 780px;
    float: left;
    padding: 0;
    margin-top: 30px
}

.wordpress-what-we-do{ width:750px;   margin-top: 50px;   display: inline-block; float:left;}
.wordpress-what-we-do h3{font: 700 35px/65px 'Open Sans';
    letter-spacing: -1px;
    color: #24242A;
    padding-bottom: 20px}
	
.wordpress-what-we-do ul{ width:100%; display:inline-block; float: left;}
.wordpress-what-we-do li{ float:left; width:25%; padding-bottom: 16px;}



.what-we-do{ display: inline-block; float:left;}
.what-we-do a{text-align:center;}
.what-we-do img{ padding:10px 0; }
.what-we-do p{font: 500 16px/22px 'Open Sans';
    color: #334654; text-align:center;}

.what-we-do p span{ display:block;}

.need-fix{ width:336px; background-color:#fff; height:325px;
    display: inline-block; margin:30px 0; -webkit-box-shadow: 9px 9px 0px 0px #eeeeee;
-moz-box-shadow: 9px 9px 0px 0px #eeeeee;
box-shadow: 9px 9px 0px 0px #eeeeee;   margin-top: 133px;}

.need-fix .fix-wordpress img{ position:absolute; margin-left: -71px;
    margin-top: -60px;}
.need-fix .fix-wordpress{ text-align:center; position:relative; }
#wpcont5-outer .container .need-fix .fix-wordpress h5{font: 700 30px/41px 'Open Sans';
    color: #202325;  padding: 99px 50px; }


.click-here{ text-align:center; display:inline-block; float:left; padding: 0 56px; margin-top: -64px;}
.click-here a{background-color:#67c431; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; text-align: center; display:inline-block; float:left; color:#fff; font: 20px/60px 'clanotmedium';
padding:0 61px; border-bottom: 2px solid #3B8612;}



#let-our-expert-1 {background:#f7f7f7; width:100%; }

.most-question{min-height:710px; margin-top: 22px;}
.question{ width:680px; padding-top:35px; display: inline-block; float:left;}
.question h5{font: 600 24px/11px 'Open Sans'; color:#0d0e0f; margin-bottom: 15px;}

.common-most{padding-top: 22px;}
.common-most h6{font: 600 16px/30px 'Open Sans'; color:#0d0e0f;  margin-bottom: 6px;}
.common-most h6 span{ margin-right: 6px;}
.common-most p{ color:#334654; font: 16px/28px 'Open Sans';  margin-left: 34px; }

.remain-top-priority{float: right; display:inline-block; float:left; margin-top: 21px; margin-left: 10px;} 
.remain-top-priority h5{font: 600 24px/44px 'Open Sans'; color:#0d0e0f; margin-bottom: 19px;} 
.remain-top-priority ul{}
.remain-top-priority ul li{ line-height:30px; color:#334654; font: 16px/35px 'Open Sans'; background:url("../images/arrow012.png") no-repeat scroll 0 11px rgba(0, 0, 0, 0); padding-left: 21px;}

.hire-wd h3 {
    font: 700 22px/29px 'Open Sans';
    letter-spacing: -1px;
    color: #24242A;
    padding-bottom: 10px
}
.hire-wd h3 span {
    font-family: 'Open Sans'
}
.hire-wd ul {
    list-style-type: none;
    padding: 0 0 25px 0;
	
}
.hire-wd ul li {
    background: url(../images/arrow01.png) 0 11px no-repeat;
    font: 16px/29px 'Open Sans';
    color: #334654;
    padding-left: 15px;
    padding-bottom: 8px
}
.how-it-work {
    width: 360px;
    float: right;
    padding: 0;
    background: #FFF;
    margin-top: 35px
}
.how-it-work img {
    vertical-align: middle
}
.how-it-work h3 {
    font: 28px/35px 'clanotmedium';
    color: #308bc7;
    padding-bottom: 8px
}
.how-it-work h3 span {
    font-family: 'clanotmedium'
}
.how-it-box {
    padding: 37px 30px 30px 22px;
    text-align: center;
}
.how-it-box ul {
    list-style-type: none;
    padding-bottom: 50px
}
.how-it-box ul li {
    font: 13px/28px 'Open Sans';
    background: url(../images/how-it-work-icon.jpg) 0 12px no-repeat;
    padding-left: 20px;
    padding-bottom: 5px;
    color: #334654; text-align:left;
}
#let-our-expert {
    width: 100%;
    background: #FFF;
    padding: 30px 0 55px;
    border-top: solid #e9e9e9 1px
}
.let-expeorts h2 {
    font: 700 40px/45px 'Open Sans';
    letter-spacing: -2px;
    color: #24242A;
    text-align: center;
    padding-bottom: 20px
}
.let-expeorts h2 span {
    font-family: 'clanotmedium'
}
.let-left {
    width: 560px;
    float: left;
    padding-right: 25px
}
.let-left p {
    font: 16px/29px 'Open Sans';
    color: #334654;
    padding-bottom: 30px
}
.let-left:first-child {
    padding-right: 0
}
.let-left ul {
    list-style-type: none
}
.let-left ul li {
    background: url(../images/arrow01.png) 0 11px no-repeat;
    font: 16px/29px 'Open Sans';
    color: #334654;
    padding-left: 15px;
    padding-bottom: 8px
}
.project-suss {
    width: 525px;
    float: right
}
.wpcont7left .col-left {
    width: 98%;
    padding-bottom: 15px
}
.wpcont7left + .wpcont7left .col-left {
    margin-right: 0
}
.wpcont7left .col-left li {
    color: #424b59;
    font: 16px/29px 'Open Sans';
    background: url(../images/sign-icon.png) left 9px no-repeat;
    margin: 0;
    padding: 0 0 5px 35px;
    width: auto;
    display: block;
    float: none
}
ul.col-left1 li {
    color: #424b59;
    font: 16px/29px 'Open Sans';
    background: url(../images/sign-icon.png) left 9px no-repeat;
    margin: 0;
    padding: 0 0 10px 24px;
    width: auto;
    display: block;
    float: none
}

.wpcont7left1 li {
    color: #424b59;
    font: 16px/29px 'Open Sans';
    background: url(../images/sign-icon.png) left 9px no-repeat;
    margin: 0;
    padding: 0 0 5px 35px;
    width: auto;
    display: block;
    float: none;
	text-align:justify;
}

.wpcont7left .col-right li {
    background: none;
    padding: 0 0 20px
}
.wpcont7left .col-right li span {
    font: 20px/28px OpenSans-Semibold;
    letter-spacing: -.5px;
    color: #24242A;
    display: block;
    padding-bottom: 5px
}
.wpcont7left p {
    font: 22px/32px 'Open Sans';
    color: #24242A;
    padding-top: 10px
}
.wpcont7left1 p {
    color: #334654;
    font: 16px/29px 'Open Sans';
    padding: 0
}
.wpcont-1-left-seo {
    width: 650px;
    float: left
}
.wpcont-1-left-seo h1 {
    font: 700 45px/45px 'Open Sans';
    letter-spacing: -2px;
    color: #424b59;
    padding: 30px 0 10px;
    text-transform: capitalize
}
.wpcont-1-left-seo h5 {
    font: 24px/36px proxima_novalight;
    color: #24242A;
    padding: 5px 0 10px
}
.wpcont-1-left-seo p {
    font: 18px/33px 'Open Sans';
    color: #334654;
    padding: 5px 0 20px
}
.request-seo,.callnumber {
    width: auto;
    display: inline-block
}
.request-seo a {
    border-radius: 10px 10px 0;
    border-left: solid #6ec2e7 1px;
    border-top: solid #6ec2e7 1px;
    box-shadow: 1px 1px 0 #2a89b4;
    color: #FFF;
    display: inline-block;
    font: 16px/46px clanotmedium;
    margin-right: 5px;
    margin-left: 5px;
    padding: 3px 35px;
    position: relative;
    text-transform: uppercase;
    background: #41afe0
}
.request-seo a:hover {
    background: #2ea6db
}
.callnumber a{
    border-radius: 10px 10px 0;
    border-left: solid #6ec2e7 1px;
    border-top: solid #6ec2e7 1px;
    box-shadow: 1px 1px 0 #2a89b4;
    color: #FFF;
    display: inline-block;
    font: 22px/36px clanotmedium;
    margin-right: 5px;
    margin-left: 5px;
    padding: 3px 5px;
    position: relative;
    text-transform: uppercase;
    background: #41afe0;
	font-weight:600;
}
.callnumber a:hover {
    background: #2ea6db;
	color:#FFF;
}

.request-seo .green-bt {
    background: #8bd047;
    border-left: solid #a5da72 1px;
    border-top: solid #a5da72 1px;
    box-shadow: 1px 1px 0 #69ad25
}
.request-seo .green-bt:hover {
    background: #72ca1b
}
.want-seo {
    width: 1000px;
    margin: 0 auto
}
.want-seo h3 {
    line-height: 50px!important
}
.good-reasons {
    width: 640px
}
.good-img {
    float: right;
    width: 550px;
    padding-bottom: 50px
}
.good-img img {
    vertical-align: middle
}
.consider {
    display: table
}
.g-search {
    padding: 0;
    position: absolute;
    bottom: 0;
    right: 0
}
.g-search img {
    vertical-align: middle
}
.considr-coustmazation {
    border-bottom: solid #eee 1px;
    padding-bottom: 40px!important
}
#wpcont4-outer .container p {
    color: #334654;
    font: 16px/29px 'Open Sans';
    padding: 0
}
#wpcont5-outer .container h5 {
    color: #334654;
    font: 16px/29px 'Open Sans';
    padding: 0 0 10px;
    text-align: center
}
#wpcont5-outer .container h4 {
    color: #24242A;
    font: 700 20px/29px 'Open Sans';
    letter-spacing: -1px;
    padding: 18px 0 0
}
.consider ul li {
    color: #3E3E48;
    float: left;
    font: 16px/29px 'Open Sans';
    padding-bottom: 10px;
    padding-left: 5%;
    width: 95%;
    background: url(../images/arrow01.png) 0 8px no-repeat

}
.consider ul li strong {
    font-weight: 700;
    display: block
}
.asp-pro {
    width: 1090px
}
.asp-left {
    float: left

}
.asp-right {
    float: right;
    width: 645px
}
.flex-bdr {
    border-top: solid #eee 1px;
    padding-top: 20px;
    margin-top: 20px
}
.flex-bdr .container {
    padding-bottom: 18px
}
.wpcont5left .wpcont7left ul:after {
    background: none
}
#wpcont4-outer .good-img {
    padding-bottom: 25px
}
.e-com {
    margin-bottom: 0;
    text-align: center
}
#wpcont-1-outer .container {
    position: relative
}
.asp-left-box {
    width: 535px;
    float: left;
    padding: 0
}
.asp-right-box {
    width: 640px;
    float: left;
    padding-bottom: 18px
}
#wpcont4-outer .container .asp-right-box p {
    padding: 5px 0 6px
}
#wpcont4-outer .container p a {
    color: #019BDC
}
.asp-right-box ul {
    list-style-type: none;
    padding-top: 10px
}
.asp-right-box ul li {
    color: #3E3E48;
    float: left;
    font: 16px/29px 'Open Sans';
    padding-bottom: 10px;
    width: 100%
}
.asp-right-box ul li figure {
    float: left;
    padding-right: 25px
}
.sign-box {
    width: 100%;


    float: left;
    margin-top: 12px
}
.sign-box h5 {
    font: 700 20px/29px 'Open Sans';
    letter-spacing: -1px;
    color: #24242A
}
.sign-box ul {
    padding-top: 5px;
    margin: 0;
    width: 100%
}
.sign-box ul li {
    background: url(../images/sign-icon.png) no-repeat left 9px;
    display: block;
    float: none;
    font: 16px/29px 'Open Sans';
    margin: 0;
    padding: 0 0 3px 35px;
    width: auto;
    text-align: left;
    border: none;
	color: #424b59;
}
.sign-box ul li a {
    color: #019BDC
}
.asp-float-panel {
    float: right
}
.asp-right-box h4 {
    font: 700 20px/29px 'Open Sans';
    letter-spacing: -1px;
    text-align: left
}
.designing-left-col {
    width: 560px
}
.pkg-wrp {
    padding: 20px 0 70px;
    width: 1000px;
    margin: 0 auto
}
.pkg-wrp h2 {
    text-transform: uppercase;
    float: left;
    font: 14px/18px latobold;
    width: 255px;
    text-align: center;
    height: 65px;
    padding: 39px 0 0;
    color: #086aa7;
    background: url(../images/pkg-h2.html) 0 0 repeat-x;
    border: 1px solid #e2e1e1;
    border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0
}
.pkg-wrp ul {
    float: right;
    margin-bottom: 0
}
.pkg-wrp ul li {
    font: 14px/15px latobold;
    float: left;
    font-size: 14px;
    background: url(../images/li-bg.png) repeat-x;
    border-right: 1px solid #e2e1e1;
    height: 98px;
    width: 187px;
    text-align: center;
    margin-left: 0;
    border-bottom: none;
    border-left: none;
    border-top: none;
    border-radius: 4px 0 0 0;
    -ms-border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -o-border-radius: 4px 0 0 0;
    padding: 0
}
.pkg-wrp ul li.ppc {
    width: 225px
}
.pkg-wrp ul li.ppc + li {
    background: url(../images/package-gren-li.png) repeat-x 0 0;
    border: 0 none;
    border-radius: 4px 4px 0 0;
    height: 119px;
    line-height: 37px;
    margin: -21px 0 0;
    position: relative
}
.pkg-wrp ul li.ppc + li:before {
    left: 0;
    content: "";
    background: url(../images/most.png) 0 0 no-repeat;
    width: 72px;
    height: 59px;
    position: absolute
}
.pkg-wrp ul li.ppc + li + li {
    background: #035A9D!important;
    margin-top: 0;
    height: 98px
}
.pkg-wrp ul li.ppc + li + li:before {
    background: none
}
.pkg-wrp ul li.ppc + li + li span {
    padding: 0
}
.pkg-wrp ul li.smo {
    width: 185px
}
.pkg-wrp ul li span {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'proxima_nova_rgregular';
    line-height: 25px;
    display: block;
    padding: 13px 0 0
}
.pkg-wrp ul li + li {
    background: url(../images/li-bg.png) repeat-x;
    border: 0;
    height: 98px;
    border-radius: 0
}
.pkg-wrp ul li + li + li {
    position: relative;
    background: url(../images/package-gren-li.png) repeat-x;
    height: 119px;
    margin: -21px 0 0;
    line-height: 37px;
    border: 0;
    border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0
}
.pkg-wrp ul li + li + li:before {
    left: 0;
    content: "";
    background: url(../images/most.png) 0 0 no-repeat;
    width: 72px;
    height: 59px;
    position: absolute
}
.pkg-wrp ul li + li + li span {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'proxima_nova_rgregular';
    line-height: 60px
}
.pkg-wrp ul li + li + li p {
    color: #fff;
    font: 35px/1px clanotmedium
}
.pkg-wrp ul li + li + li + li:before {
    background: none
}
.pkg-wrp ul li + li + li + li {
    background: #035a9d;
    height: 98px;
    margin: 0;
    border: 0;
    border-radius: 0 4px 0 0;
    -ms-border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
    -o-border-radius: 0 4px 0 0
}
.pkg-wrp ul li + li + li + li span {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'proxima_nova_rgregular';
    line-height: 25px;
    display: block;
    padding: 13px 0 0
}
.pkg-wrp ul li + li + li + li p {
    color: #fff;
    font: 35px/35px clanotmedium
}
.pkg-wrp ul li p {
    color: #fff;
    font: 35px/35px clanotmedium
}
.pkg-wrp table:before {
    height: 0;
    width: 100%;
    display: block;
    content: ""
}
.pkg-wrp table tr td:first-child {
    width: 256px;
    border-left: 1px solid #e7e7e7;
    text-align: left;
    padding-left: 20px;
    background: #eef4fa url(../images/first-child-shadow.html) right repeat-y

}
.pkg-wrp table thead tr td:first-child {
    width: 265px;
    border-top: 1px solid #e7e7e7;
    border-left: 1px solid #e7e7e7;
    text-align: left;
    padding-left: 20px;
    background: #eef4fa url(../images/first-child-shadow.html) right repeat-y;
    border-radius: 4px 0 0 0
}
.pkg-wrp table tr.hdt td:first-child {
    padding-left: 22px
}
.pkg-wrp table tr td {
    color: #485055;
    font: 14px/25px proxima_nova_rgregular;
    width: 224px;
    text-align: center;
    padding: 13px 0;
    background: #fff;
    border-bottom: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7
}
.pkg-wrp table tr.hdt {
    width: 787px;
    background: url(../images/htd-img.png) repeat-x;
    height: 47px
}
.pkg-wrp table tr.hdt td {
    font: 14px/45px proxima_nova_rgregular;
    color: #485055;
    padding: 0;
    text-transform: uppercase;
    border-right: 1px solid #e7e7e7;
    background: url(../images/htd-img.png) repeat-x

}
.pkg-wrp table tr.hdt td:nth-child(5) {
    border-right: 1px solid #e7e7e7
}
.pkg-wrp ul.bot-price {
    float: right;
    margin: 0
}
.pkg-wrp h3 {
    background: linear-gradient(to bottom, #F5F5F5 0%, #FFF 0%, #FFF 48%, #F5F5F5 100%) repeat scroll 0 0 transparent;
    border-bottom: 1px solid #E7E7E7;
    border-right: 1px solid #E7E7E7;
    color: #646A71;
    font: 13px/23px clanotmedium;
    padding: 16px 0;
    text-align: center;
    width: 257px;
    float: left;
    border-left: 1px solid #E7E7E7;
    border-radius: 0 0 0 6px;
    -mox-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    -ms-border-radius: 0 0 0 6px;
    -o-border-radius: 0 0 0 6px
}
.pkg-wrp ul.bot-price li {
    color: #fff;
    font: 27px/27px proxima_nova_rgregular;
    float: left;
    font-size: 14px;
    border-right: 1px solid #e2e1e1;
    height: 55px;
    width: 184px;
    text-align: center;
    border-radius: 0 0 0 4px;
    -ms-border-radius: 0 0 0 4px;
    -webkit-border-radius: 0 0 0 4px;
    -o-border-radius: 0 0 0 4px;
    padding: 0
}
.pkg-wrp ul li.bot-price span {
    color: #fff;
    text-transform: uppercase;
    line-height: 37px
}
.pkg-wrp ul.bot-price li + li {
    border-radius: 0;
    border: none;
    height: 55px
}
.pkg-wrp ul.bot-price li + li + li {
    background: url(../images/package-gren-li.png) repeat-x;
    margin: 0;
    height: 60px;
    border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border: none
}
.pkg-wrp ul.bot-price li + li + li:before {
    background: none
}
.pkg-wrp ul.bot-price li + li + li + li {
    background: url(../images/li-bottom-bg.png) repeat-x;
    height: 55px;
    border-radius: 0 0 4px 0;
    -ms-border-radius: 0 0 4px 0;
    -webkit-border-radius: 0 0 4px 0;
    -o-border-radius: 0 0 4px 0;
    border: none
}
.pkg-wrp ul.bot-price li p {
    color: #fff;
    font: 27px/55px clanotmedium
}
.pkg-wrp table tr td.td-shadow {
    background: #fff url(../images/td-shadow.png) right repeat-y

}
.sign-box-package {
    width: 1200px;
    float: none;
    margin: 12px auto 0;
    border: none;
    padding: 0 0 50px;
    text-align: left
}
.sign-box-package h5 {
    font: 16px/25px clanotmedium;
    color: #24242A;
    padding: 0 0 10px
}
.sign-box-package h2 span {
    color: #0981CB
}
.sign-box-package h2 span a {
    color: #0981CB
}
.sign-box-package h2 {
    padding: 15px 0
}
.client-work-row {
    width: 100%;
    text-align: center;
    padding: 55px 0 35px
}
.client-work-row h1 {
    font: 80px/90px clanotnews;
    color: #3a3d37;
    text-transform: uppercase
}
.client-work-row h6 {
    font: 22px/30px clanotnews;
    color: #3a3d37;
    text-transform: uppercase;
    padding: 10px 0 20px
}
.client-work-row p {
    font: 16px/26px proxima_nova_rgregular;
    color: #353637
}
.com-portfolio {
    width: 100%;
    margin: 0 auto;
    position: relative
}
.com-portfolio .portfolio-nav {
    float: right
}
.com-portfolio .portfolio-nav li {
    float: left;
    color: #3f444a;
    font: 14px/26px clanotmedium;
    padding: 0 12px
}
.com-portfolio .portfolio-nav li a {
    color: #3f444a
}
.com-portfolio .portfolio-nav li a:hover,
.com-portfolio .portfolio-nav li a.active {
    color: #84be33
}
.com-portfolio .portfolio-nav li a img {
    padding-right: 5px
}
.client-work-row h1 img {
    vertical-align: baseline;
    margin: 0 5px;
    transition: all .3s ease-in-out;
    -webkit-animation-name: beat;
    -moz-animation-name: beat;
    -ms-animation-name: beat;
    -o-animation-name: beat;
    animation-name: beat;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
    -ms-animation-delay: 0;
    -o-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: normal;
    -moz-animation-fill-mode: normal;
    -ms-animation-fill-mode: normal;
    -o-animation-fill-mode: normal;
    animation-fill-mode: normal;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
@-webkit-keyframes beat {
    0% {
        -webkit-transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.1)
    }
    100% {
        -webkit-transform: scale(1)
    }
}
@-moz-keyframes beat {
    0% {
        -moz-transform: scale(1)
    }
    50% {
        -moz-transform: scale(1.1)
    }
    100% {
        -moz-transform: scale(1)
    }
}
@keyframes beat {
    0% {
        transform: scale(1)
    }
    50% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}
.portfolio-row {
    width: 100%;
    margin: 32px 0 20px;
    float: left;
    min-height: 450px;
    overflow: hidden;
}
.portfolio-row ul {
    height: auto
}
.portfolio {
    display: inline-block;
    margin-top: 35px;
}
.hire-php-new {
    margin-top: 0px;
}
.hire-php-main {
    padding-top: 0px !important;
}
.portfolio .portfolio-detail-col {
    float: left;
    width: 24.6%;
    position: relative !important;
    left: inherit !important;
    top: inherit !important;
    margin: 0 0 .2% .2%;
}
.portfolio-detail-col img {
    width: 100%
}
.portfolio .portfolio-col2 {
    float: left;
    position: relative !important;
    left: inherit !important;
    top: inherit !important;
    margin: 0 0 .2% .2%;
    z-index: 1;
    width: 24.6%;
}
.portfolio .portfolio-col2 img {
    width: 100%
}
.portfolio .item {
    display: none;
    opacity: 0
}
#filter-list .active a {
    color: #84BE33
}
.portfolio .item a {
    width: 100%;
    display: block
}
.portfolio-text-row {
    width: 1200px;
    margin: 25px auto;
    text-align: center;
    position: relative
}
.portfolio-text-row p {
    font: 32px/40px proxima_novalight;
    color: #353637
}
.portfolio-text-row p span {
    font: 47px/50px proxima_novalight;
    color: #78bb0f
}
.portfolio-text-row h6 {
    font: 40px/45px alphamack_aoeregular;
    color: #9e9e9e;
    padding: 5px 0 10px
}
.portfolio-text-row .more-portfolio {
    background: #0e89d6;
    font: 17px/62px clanotmedium;
    color: #fff;
    display: inline-block;
    padding: 0 60px;
    border: 1px solid #89c5eb;
    border-bottom: 1px solid #4d6e84;
    border-right: 1px solid #4d6e84;
    border-radius: 13px 13px 0 13px;
    margin-top: 20px
}
.portfolio-text-row .more-portfolio:hover {
    background: #139aef
}
.isotope-item {
    z-index: 2
}
.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: .8s;
    -moz-transition-duration: .8s;
    -ms-transition-duration: .8s;
    -o-transition-duration: .8s;
    transition-duration: .8s
}
.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width
}
.hire-php-new {
    margin-top: 0px;
}
.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0;
    -moz-transition-duration: 0;
    -ms-transition-duration: 0;
    -o-transition-duration: 0;
    transition-duration: 0
}
.portfolio .thumb_pad {
    overflow: hidden
}
.pic-caption {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/portfolio-transparent-bg.png) repeat left top;
    text-align: center;
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    z-index: 9
}
.portfolio .thumb_pad .pic-image {
    transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    overflow: hidden
}
.portfolio .thumb_pad:hover .pic-image {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1)
}
.thumb_pad:hover .pic-caption {
    opacity: 1
}
.pic-caption .hover-text {
    margin-top: 32%
}
.pic-caption .hovertext {
    margin-top: 22%
}
.pic-caption span {
    color: #fff;
    font: 23px/30px clanotbold;
    padding: 25px 10px 10px;
    display: block
}
.pic-caption ul {
    width: 100%;
    padding-bottom: 10px
}
.pic-caption ul li {
    color: #eaeaea;
    font: 15px/24px proxima_nova_rgregular;
    padding: 0 8px;
    display: inline-block;
    background: url(../images/orange-bulet.png) left 9px no-repeat

}
.pic-caption .web-logo img {
    width: auto
}
.portfolio .logos .pic-caption {
    display: none
}
.headng-part {
    width: 100%;
    text-align: center
}
.headng-part h2 {
    color: #373C42;
    font: 39px/42px clanotmedium;
    padding-bottom: 10px;
    text-align: center
}
.sign-box ul:after {
    background: none
}
.interspire-customization {
    width: auto;
    padding: 0
}
.interspire-customization p {
    font: 16px/29px 'Open Sans';
    color: #334654
}
#wpcont5-outer .wpcont7left h2 {
    color: #24242A;
    font: 700 22px/29px 'Open Sans';
    letter-spacing: -1px;
    text-align: left;
    padding: 0
}
#wpcont5-outer .sign-box h5 {
    font: 16px/25px clanotmedium;
    color: #24242A;
    text-align: left
}
.redesigning-panel {
    width: 100%;
    margin: 0 auto
}
.career-slider-outer {
    width: 100%;
    margin: 0 auto;
    background: #FFF;
    padding: 15px 0 5px;
    border-top: 1px solid #F2F2F2
}
#makeMeScrollable {
    width: 100%;
    height: auto;
    position: relative
}
#makeMeScrollable div.scrollableArea img {
    position: relative;
    float: left;
    margin: 0;
    padding: 0;
    margin-right: 2px;
    max-width: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none
}
div.scrollingHotSpotLeft {
    min-width: 75px;
    width: 10%;
    height: 100%;
    background-position: center center;
    position: absolute;
    z-index: 200;
    left: 0
}
div.scrollingHotSpotLeftVisible {
    background-image: url(../images/arrow_left.gif.png);
    background-color: #fff;
    background-repeat: no-repeat;
    opacity: .35;
    -moz-opacity: .35;
    filter: alpha(opacity 35);
    zoom: 1;
    cursor: pointer
}
div.scrollingHotSpotRight {
    min-width: 75px;
    width: 10%;
    height: 100%;
    background-position: center center;
    position: absolute;
    z-index: 200;
    right: 0
}
div.scrollingHotSpotRightVisible {
    background-image: url(../images/arrow_right.gif.png);
    background-color: #fff;
    background-repeat: no-repeat;
    opacity: .35;
    filter: alpha(opacity 35);
    -moz-opacity: .35;
    zoom: 1;
    cursor: pointer
}
div.scrollWrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%
}
div.scrollableArea {
    position: relative;
    width: auto;
    height: 100%
}
.career_slider {
    margin: 0 auto;
    padding: 0
}
div.queueslider button {
    top: 150px
}
div.queueslider {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 450px
}
div.queueslider ul.queue {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    margin: 0;
    padding: 0
}
div.queueslider ul.queue li {
    float: left;
    display: block;
    text-align: center
}
div.queueslider button {
    z-index: 100;
    position: absolute;
    display: block;
    margin: 0;
    padding: 5px;
    outline: none;
    border: none;
    cursor: pointer
}
div.queueslider button.previous {
    left: 0;
    background: url(../images/prev-bt.png) 0 0 no-repeat;
    width: 45px;
    height: 91px;
    text-indent: -999em
}
div.queueslider button.next {
    right: 0;
    background: url(../images/next-bt.png) 0 0 no-repeat;
    width: 45px;
    height: 91px;
    text-indent: -999em
}
#wpcont5-outer .wpcont7left h5 {
    text-align: left;
    float: left
}
.wpcont7left .sign-box ul {
    padding-bottom: 10px
}
#career-top-part {
    background: url(../images/career.jpg) repeat-x;
    margin: 75px auto 0;
    padding: 0;
    width: 100%;
    height: 374px
}
#career-top-part h1 {
    font: 80px/90px clanotnews;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    padding: 120px 0 0
}
#career-top-part p {
    font: 22px/25px clanotnews;
    color: #FFF;
    text-align: center
}
#career-contant {
    width: 100%;
    margin: 0 auto;
    background: #FFF;
    padding: 25px 0 10px
}
#career-contant-mid {
    width: 1200px;
    margin: 0 auto
}
#career-contant-mid p {
    color: #334654;
    font: 16px/29px 'Open Sans';
    padding: 5px 0 20px
}
#career-contant-mid p a {
    color: #2892CF
}
.opening-outer-part {
    width: 100%;
    padding: 20px 0;
    background: #f9f9f9;
    border-top: 1px solid #f2f2f2

}
.opening-part {
    width: 1200px;
    margin: 0 auto
}
.opening-part:after {
    width: 100%;
    height: 0;
    clear: both;
    content: "";
    display: block
}
.opening-part-row {
    width: 1200px;
    margin: 0 auto;
    margin: 0 0 25px 0
}
.opening-part-row:after {
    width: 100%;
    height: 0;
    display: block;
    clear: both;
    content: ""
}
.opening-part h2 {
    color: #2b2626;
    font: 31px/40px clanotnews;
    padding: 0 0 25px
}
.opening-part h2 span {
    color: #2b2626;
    font: 31px/40px clanotbold
}
.opening-part .box {
    width: 524px;
    float: left;
    box-shadow: 1px 1px 2px #c1c1c1;
    padding: 25px 20px;
    background: #fff;
    margin: 0 25px 0 0;
    min-height: 355px;
    border-radius: 5px
}
.opening-part .box h5 {
    color: #2892CF;
    font: 18px/25px clanotmedium;
    padding: 0 0 10px
}
.opening-part .box h5 span {
    color: #3E3E48;
    padding: 0;
    margin: 0
}
.opening-part .box p {
    color: #334654;
    font: 17px/26px proxima_nova_rgregular
}
.opening-part .box h6 {
    color: #353637;
    font: 17px/26px clanotmedium;
    margin: 20px 0 5px
}
.opening-part .box ul {
    list-style: none
}
.opening-part .box ul li {
    color: #353637;
    font: 17px/26px proxima_nova_rgregular;
    background: url(../images/sign-icon.png) no-repeat left 7px;
    padding: 0 0 0 24px
}
.opening-part .box .bt {
    border-radius: 10px 10px 0;
    border-left: solid #6abfe3 1px;
    border-top: solid #6abfe3 1px;
    box-shadow: 1px 1px 0 #6abfe3;
    color: #FFF;
    display: inline-block;
    font: 700 14px/46px 'Open Sans';
    letter-spacing: -1px;
    padding: 0 30px 0 15px;
    position: relative;
    text-transform: uppercase;
    background: #019bdc url(../images/career-bt-icon.html) no-repeat 93% 17px;
    margin: 15px 0 0;
    float: left
}
.opening-part .box .bt:hover {
    background: #2ea6db url(../images/career-bt-icon.html) no-repeat 93% 17px

}
.view-more {
    float: left
}
.opening-part .box .bt-2 {
    border: 1px solid #6ABFE3;
    border-radius: 10px 10px 0;
    color: #159dd8;
    display: inline-block;
    font: 700 14px/46px 'Open Sans';
    letter-spacing: -.5px;
    padding: 0 16px;
    position: relative;
    text-transform: uppercase;
    float: left;
    margin: 15px 0 0 10px
}
.opening-part .box .bt-2:after {
    background: url(../images/arrow.png) no-repeat right top;
    content: "";
    display: inline-block;
    height: 9px;
    padding-left: 12px;
    width: 6px
}
.opening-part .box .bt-2:hover {
    background: #019BDC;
    color: #FFF;
    border: 1px solid #3290cc
}
.opening-part .box .bt-2:hover:after {
    background: url(../images/arrow02.png) no-repeat right top

}
.opening-part .box .close {
    border: 1px solid #6ABFE3;
    border-radius: 10px 10px 0;
    color: #159dd8;
    display: inline-block;
    font: 13px/46px clanotnews;
    padding: 0 16px;
    position: relative;
    text-transform: uppercase;
    float: left;
    margin: 15px 0 0 10px;
    opacity: inherit
}
.opening-part .box .close:after {
    background: url(../images/arrow.png) no-repeat right top;
    content: "";
    display: inline-block;
    height: 9px;
    padding-left: 12px;
    width: 6px
}
.opening-part .box .close:hover {
    background: #019BDC;
    color: #FFF;
    border: 1px solid #3290cc
}
.opening-part .box .close:hover:after {
    background: url(../images/arrow02.png) no-repeat right top

}
#imgread-cloase {
    display: none
}
#imgread-cloase-2 {
    display: none
}
#imgread-cloase-3 {
    display: none
}
#imgread-cloase-4 {
    display: none
}
.career-slider-outer {
    width: 100%;
    margin: 0 auto;
    background: #FFF;
    padding: 15px 0 5px;
    border-top: 1px solid #F2F2F2
}
.career-slider-outer h2 {
    text-align: center;
    color: #24242A;
    font: 38px/45px clanotbook;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-align: center;
    padding: 0 0 15px
}
.testi-outer {
    width: 100%;
    margin: 0;
    background: #f8f9f8;
    padding: 40px 0
}
.testimonial-row {
    width: 1000px;
    margin: 0 auto 40px
}
.testimonial-row:after {
    width: 100%;
    height: 0;
    clear: both;
    content: "";
    display: block
}
.testi-box-left {
    float: left
}
.testi-box-right {
    float: right
}
.testi-box {
    width: 480px;
    margin: 0;
    padding: 0
}
.testi-box-inner {
    padding: 37px 25px 25px;
    background: #fff;
    border-radius: 5px;
    position: relative;
    box-shadow: 1px 1px 2px #C1C1C1;
    float: left
}
.testi-box-inner:before {
    width: 46px;
    height: 44px;
    content: "";
    clear: both;
    display: block;
    position: absolute;
    left: 43%;
    top: -18px;
    background: url(../images/quotation.png) no-repeat

}
.testi-box-inner:after {
    width: 45px;
    height: 38px;
    content: "";
    clear: both;
    display: block;
    position: absolute;
    right: 100px;
    bottom: -38px;
    background: url(../images/after-arrow.png) no-repeat

}
.testi-box-inner h4 {
    color: #3292D1;
    font: 18px/30px clanotmedium;
    padding: 0 0 15px
}
.testi-box-inner p {
    color: #55636C!important;
    font: 15px/29px 'Open Sans'!important;
    font-style: italic!important
}
.testi-box-inner .read-bt {
    color: #3292D1;
    display: inline-block;
    font: 13px/25px clanotmedium;
    padding: 10px 15px 0 0;
    position: relative;
    text-transform: uppercase;
    background: url(../images/arrow.png) no-repeat right 17px;
    outline: none
}
.client-box {
    padding: 40px 0 0;
    float: right
}
.client-box:after {
    width: 100%;
    height: 0;
    clear: both;
    content: "";
    display: block
}
.client-box-txt {
    padding: 0;
    float: left;
    margin: 0 10px 0 0
}
.client-box-txt h5 {
    color: #3292D1;
    font: 15px/25px proxima_nova_rgregular;
    padding: 0;
    text-align: right
}
.client-box-txt p {
    color: #55636C!important;
    font: 13px/16px clanotbook!important;
    text-align: right
}
.client-image-box {
    float: right;
    border-radius: 30px;
    box-shadow: 1px 1px 2px #C1C1C1
}
#imgread-cloase-01 {
    display: none
}
#imgread-cloase-02 {
    display: none
}
#imgread-cloase-03 {
    display: none
}
#imgread-cloase-04 {
    display: none
}
#imgread-cloase-05 {
    display: none
}
#imgread-cloase-06 {
    display: none
}
#imgread-cloase-07 {
    display: none
}
#imgread-cloase-08 {
    display: none
}
#imgread-cloase-09 {
    display: none
}
#imgread-cloase-10 {
    display: none
}
#imgread-cloase-11 {
    display: none
}
#imgread-cloase-12 {
    display: none
}
#imgread-cloase-13 {
    display: none
}
#imgread-cloase-14 {
    display: none
}
#imgread-cloase-15 {
    display: none
}
#imgread-cloase-16 {
    display: none
}
#imgread-cloase-17 {
    display: none
}
#imgread-cloase-18 {
    display: none
}
#imgread-cloase-19 {
    display: none
}
#imgread-cloase-20 {
    display: none
}
.zec-cart-bot {
    width: 1200px;
    margin: 0 auto
}
.zec-cart-bot h5 {
    color: #334654;
    font: 20px/30px proxima_novalight;
    padding: 5px 0;
    text-align: center
}
.zec-cart-bot h4 {
    color: #24242A000;
    font: 25px/36px proxima_novalight;
    text-align: center
}
.terms-part-3 {
    width: 100%;
    margin: 0 auto
}
.terms-part-3 h1 {
    color: #2892CF;
    font: 45px/50px clanotmedium;
    padding: 30px 0 0;
    text-align: center
}
.terms-part-3 h5 {
    color: #24242A000;
    font: 25px/36px clanotmedium;
    padding: 5px 0 10px
}
.terms-part-3 p {
    color: #334654;
    font: 16px/29px 'Open Sans';

    padding: 5px 0 20px;
    text-align: center;
    border-bottom: 1px solid #E9E9E9
}
.terms-part {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0 0
}
.terms-part-2 {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 10px;
    background: #fbfbfb
}
.terms-part h1 {
    color: #2892CF;
    font: 45px/50px clanotmedium;
    padding: 30px 0 0
}
.terms-part h5 {
    color: #24242A000;
    font: 25px/36px clanotmedium;
    padding: 5px 0 10px
}
.terms-part p {
    color: #334654;
    font: 16px/29px 'Open Sans';
    padding: 5px 0 20px
}
.terms-part-left {
    float: left;
    width: 570px;
    padding: 0 0 15px
}
.terms-part-right {
    float: right;
    width: 570px;
    padding: 0 0 15px
}
.terms-part ul {
    list-style: none
}
.terms-part li {
    background: url(../images/sign-icon.png) no-repeat scroll left 9px rgba(0, 0, 0, 0);
    color: #334654;
    display: block;
    float: none;
    font: 16px/29px 'Open Sans';
    margin: 0;
    padding: 0 0 5px 35px;
    width: auto
}
.refund-left {
    width: 730px;
    float: left;
    padding: 10px 0
}
.refund-right {
    float: left;
    margin: 0 0 0 70px;
    padding: 10px 0
}
.pad-top {
    padding-top: 15px!important
}
.terms-part .site-map-part {
    width: 1000px;
    margin: 0 auto
}
.terms-part-2 .site-map-part {
    width: 1200px;
    margin: 0 auto
}
.terms-part .site-map-part h2 {
    color: #2892CF;
    font: 45px/50px clanotmedium;
    text-align: center;
    padding: 10px 0
}
.terms-part .site-map-part p {
    color: #334654;
    display: block;
    float: none;
    font: 22px/38px clanotbook;
    margin: 0;
    width: auto;
    text-align: center!important
}
.site-map-part:after {
    width: 100%;
    height: 0;
    clear: both;
    content: "";
    display: block
}
.site-map-left {
    width: 400px;
    float: left;
    margin: 20px 0 0
}
.site-map-right {
    width: 500px;
    float: right;
    margin: 20px 0 0
}
.site-map-left h4 {
    color: #2892CF;
    font: 20px/35px clanotmedium
}
.site-map-left h5 {
    color: #2892CF;
    font: 17px/30px clanotmedium;
    text-align: left;
    padding: 0 0 0 15px;
    background: url(../images/bullet.jpg) no-repeat scroll left 7px;
    margin: 0 0 0 5px
}
.site-map-left h5 a {
    text-decoration: none;
    color: #2892CF
}
.site-map-left ul {
    list-style: none;
    margin: 0 0 0 35px
}
.site-map-left ul li {
    color: #2892CF;
    display: block;
    float: none;
    font: 15px/28px proxima_nova_rgregular;
    margin: 0;
    width: auto;
    padding-left: 15px;
    background: url(../images/bullet.jpg) no-repeat scroll left 3px

}
.site-map-right h4 {
    color: #2892CF;
    font: 17px/30px clanotmedium;
    padding: 0
}
.site-map-right h5 {
    font: 17px/30px clanotmedium;
    text-align: left
}
.site-map-right ul {
    list-style: none;
    margin: 0 0 0 15px
}
.site-map-right ul li {
    color: #2892CF;
    display: block;
    float: none;
    font: 15px/28px proxima_nova_rgregular;
    margin: 0;
    width: auto;
    padding-left: 15px;
    background: url(../images/bullet.jpg) no-repeat scroll left 3px

}
.services-design {
    width: 1200px;
    margin: 0 auto
}
.services-design ul {
    list-style-type: none
}
.services-design ul li {
    width: 250px;
    height: auto;
    padding: 0 10px;
    margin: 0;
    border: none
}
.services-design ul li figure {
    border: solid #e6e9e6 5px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    width: 175px;
    height: 175px;
    margin: 0 auto
}
.services-design ul li figure img {
    text-align: center;
    vertical-align: middle
}
.services-design ul li h5 {
    font: 17px/25px clanotmedium;
    text-align: center;
    color: #222420;
    padding-top: 10px
}
.services-design ul li figure:hover {
    border: solid #19a4df 5px
}
.services-design ul li:first-child {
    padding-left: 0
}
.creavite-design-part {
    width: 100%;
    padding: 35px 0
}
.creavite-design-part:after {
    width: 100%;
    height: 0;
    clear: both;
    display: block;
    content: ""
}
.gray-bg {
    background: #f8f9f8;
    border-top: solid #eaebea 1px;
    border-bottom: solid #eaebea 1px
}
.c_d-left-box {
    width: 535px;
    float: left;
    padding: 0
}
.c_d-right-box {
    width: 640px;
    float: left;
    padding-bottom: 15px
}
.c_d-right-box h2 {
    font: 30px/35px clanotmedium;
    color: #222420
}
.c_d-right-box h2 img {
    padding: 0
}
.c_d-right-box p {
    font: 16px/29px 'Open Sans';
    color: #334654;
    padding-top: 15px;
    padding-bottom: 10px
}
.c_d-right-box ul {
    list-style-type: none;
    display: inline-block
}
.c_d-right-box ul li {
    font: 17px/30px proxima_novalight;
    color: #4e9512;
    padding: 5px 0
}
.c_d-right-box ul li a {
    text-decoration: none;
    color: #4e9512
}
.c_d-right-box ul li img {
    padding: 0;
    vertical-align: middle;
    padding-right: 13px
}
.c_d-right-box span {
    font: 15px/21px proxima_nova_rgregular;
    font-style: italic;
    color: #4e9512;
    padding-top: 15px;
    padding-bottom: 10px;
    display: inline-block
}
.crd-ul {
    width: 305px;
    float: left
}
.fornt-end {
    width: 100%;
    height: 433px;
    background: url(../images/fornt-end.jpg) 0 0 no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover
}
.fornt-end2 {
    width: 100%;
    height: 400px;
    background: url(../images/web_app.jpg) 0 0 no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover
}
.fornt-end3 {
    width: 100%;
    height: 433px;
    background: url(../images/integrated-marketing.jpg) 0 0 no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover
}
.fornt-end4 {
    width: 100%;
    height: 433px;
    background: url(../images/dedicated-resource.jpg) 0 0 no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover
}
.creative-float {
    float: right
}
.mid-contant-box:before {
    clear: both;
    width: 100%;
    content: "";
    display: block
}
.mid-contant-box {
    width: 100%;
    text-align: center
}
.mid-contant-box h2 {
    color: #24242A;
    font: 700 40px/45px 'Open Sans';
    letter-spacing: -2px;
    padding-bottom: 10px
}
.mid-contant-box p {
    color: #334654;
    font: 16px/29px 'Open Sans';
    padding: 0;
    text-align: left
}
#corapte-section {
    width: 100%;
    padding-bottom: 25px
}
.about-section {
    width: 100%;
    background: url(../images/about-bg.jpg) center 0 no-repeat;
}
.about-continer {
    width: 1200px;
    margin: 0 auto;
    background: #FFF;
    margin-top: 480px;
    z-index: 999;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0
}
.about-continer h1 {
    font: 70px clanotmedium;
    color: #3292d1;
    text-transform: capitalize;
    text-align: center;
    padding: 20px 0 0
}
.about-text {
    width: 1130px;
    margin: 25px 35px
}
.about-text-left-panel {
    width: 99%;
    float: left;
	text-align:justify;
}
.about-text-left-panel h2 {
    font: 700 22px/29px 'Open Sans';
    letter-spacing: -1px;
    color: #212325;
    padding-bottom: 10px
}
.about-text-left-panel h2 span {
    text-transform: uppercase
}
.about-text-left-panel p {
    font: 16px/29px 'Open Sans';
    color: #334654;
    padding-bottom: 20px
}
.about-text:after {
    width: 100%;
    height: 0;
    content: "";
    display: block;
    clear: both
}
.about-bdr {
    border-bottom: solid #e2e2e2 1px
}
.about-text-left-panel img {
    padding-bottom: 25px;
    padding-top: 15px
}
.about-text-left-panel.asp-float-panel {
    float: right
}
#meet-our-team {
    width: 100%;
    background: #3292d1;
    text-align: center;
    padding: 25px 0;
    position: relative
}
#meet-our-team:after {
    position: absolute;
    left: 50%;
    bottom: -17px;
    width: 29px;
    height: 17px;
    background: url(../images/meet-arrow.html) 0 0 no-repeat;
    content: "";
    z-index: 9
}
#meet-our-team h2 {
    font: 700 50px/45px 'Open Sans';
    letter-spacing: -1px;
    color: #FFF
}
#meet-our-team p {
    font: 30px/40px open_sans_lightregular;
    color: #FFF;
    padding-top: 10px
}
.meet-gallery {
    width: 100%;
    display: inline-block
}
.meet-gallery ul {
    list-style-type: none
}
.meet-gallery ul li {
    width: 16.66%;
    float: left;
    position: relative;
    overflow: hidden
}
.meet-gallery ul li img {
    width: 100%
}
.meet-team {
    background: url(../images/hover-transparent-bg.png) repeat right bottom;
    width: 100%;
    position: absolute;
    top: 90%;
    display: block;
    opacity: 0;
    height: 100%;
    transition: all .5s ease 0;
    -moz-transition: all .5s ease 0;
    -webkit-transition: all .5s ease 0;
    -ms-transition: all .5s ease 0;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0)
}
.meet-team h3 {
    color: #fff;
    font: 20px/25px clanotmedium;
    padding: 15px 0 2px 15px
}
.meet-team p {
    color: #fff;
    font: 15px/24px proxima_nova_rgregular;
    padding: 0 0 10px 15px
}
.meet-gallery ul li:hover .meet-team {
    opacity: 1;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}
.experiment {
    width: 1200px;
    margin: 0 auto
}
.experiment h3 {
    font: 42px/55px open_sans_lightregular;
    letter-spacing: -1px;
    color: #28282e;
    text-align: center;
    padding: 0px 0;
	margin-bottom:15px !important;
	margin-top:-15px !important;
}
.experiment-section {
    width: 1145px;
    display: inline-block
}
#previmg2 {
    background: url(../images/prev-btn.jpg) no-repeat;
    position: absolute;
    right: 14px;
    cursor: pointer;
    top: 0;
    width: 55px;
    height: 64px
}
#nextimg2 {
    background: url(../images/next-btn.jpg) no-repeat;
    position: absolute;
    right: 14px;
    top: 66px;
    cursor: pointer;
    width: 55px;
    height: 64px
}
.mid-gallery-outer {
    width: 100%;
    position: relative;
    height: 950px
}
.mid-gallery-outer-inner {
    width: 1130px!important
}
.wpcont7left .Wpsite-box p {
    font: 16px/29px 'Open Sans'
}
.flick-slider {
    width: 1145px;
    height: 903px;
    margin: 0 auto;
    overflow: hidden
}
.flickerplate {
    position: relative;
    width: 1146px
}
.flickerplate ul.flicks {
    width: 10000%;
    height: 100%;
    padding: 0;
    margin: 0;
    list-style: none
}
.flickerplate ul.flicks>li {
    float: left;
    width: 1%;
    height: 100%;
    background-position: center;
    background-size: cover;
    display: table
}
.flickerplate ul.flicks>li .flick-inner {
    height: 100%;
    padding: 10px;
    color: #fff;
    display: table-cell;
    vertical-align: middle
}
.flickerplate .arrow-navigation {
    position: absolute;
    height: 64px;
    width: 55px;
    top: 0;
    z-index: 9;
    overflow: hidden
}
.arrow-navigation .arrow {
    display: block;
    height: 64px;
    width: 55px
}
.flickerplate .arrow-navigation:hover,
.flickerplate .arrow-navigation .arrow:hover {
    cursor: pointer
}
.arrow-navigation.left {
    right: -55px
}
.arrow-navigation.left .arrow {
    opacity: 1;
    margin: 0;
    background: url(../images/prev-btn.jpg) 0 0 no-repeat

}
.arrow-navigation.right {
    right: -55px;
    top: 66px
}
.arrow-navigation.right .arrow {
    opacity: 1;
    margin: 0;
    background: url(../images/next-btn.jpg) 0 0 no-repeat

}
.flickerplate.animate-transform-slide ul.flicks {
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden;
    transform: translate3d(0%, 0px, 0px);
    -webkit-transform: translate3d(0%, 0px, 0px);
    -webkit-transition: -webkit-transform .6s;
    -o-transition: -o-transform .6s;
    -moz-transition: -moz-transform .6s;
    transition: transform .6s
}
.flickerplate.animate-transition-slide ul.flicks {
    position: relative;
    left: 0;
    -webkit-transition: left .4s ease-out;
    -moz-transition: left .4s ease-out;
    -o-transition: left .4s ease-out;
    -ms-transition: left .4s ease-out;
    transition: left .4s ease-out
}
.flickerplate.animate-jquery-slide ul.flicks {
    position: relative;
    left: 0
}
.flickerplate.animate-scroller-slide {
    padding-bottom: 0;
    overflow: auto
}
.flickerplate.animate-scroller-slide ul.flicks {
    position: auto
}
#wpcont13-outer .container p {
    color: #334654;
    font: 16px/29px 'Open Sans';

    padding: 0
}
.pop-continer {
    width: 100%;
    margin-top: 300px
}
.pop-continer:after {
    clear: both;
    display: block;
    content: "";
    width: 100%;
    height: 0
}
.we-need-you {
    width: 100%;
    background: #059dde;
    padding: 15px 0;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0
}
.we-need-you h2 {
    font: 700 40px/40px 'Open Sans';
    letter-spacing: -1px;
    color: #FFF;
    text-align: center;
    text-shadow: 0 -1px #000
}
.we-need-you span {
    display: block;
    margin-top: 2px;
    text-align: center
}
.we-need-you label {
    background: #059dde;
    color: #FFF;
    display: inline-block;
    font-size: 16px;
    padding: 0 5px;
    font: 15px/29px clanotnews;
    text-align: center
}
.apply_form {
    width: 760px;
    float: left;
    padding: 20px
}
.apply_main {
    width: 100%
}
.apply_singal_row {
    width: 49%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    position: relative
}
.apply_singal_row label {
    font: 16px/28px proxima_nova_rgregular;
    color: #383b3e;
    display: block;
    padding-bottom: 5px
}
.apply_singal_row input {
    border: 1px solid #d5d8da;
    border-radius: 3px;
    color: #383b3e;
    float: left;
    font-family: 'Open Sans';
    font-size: 11px;
    height: 19px;
    margin: 0;
    padding: 10px;
    width: 350px;
    background: #fafcfd;
    box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.1) inset
}
.apply_singal_row select {
    border: 1px solid #E4E5E6;
    border-radius: 3px;
    color: #4A5459;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    height: 43px;
    margin: 0 8px 0 0;
    padding: 10px 7px 10px 10px;
    width: 368px
}
.apply_singal_row select option {
    padding: 5px
}
.row-float {
    float: right!important
}
.apply_singal_row span {
    top: 42px;
    right: 15px; position:absolute;

}
#form2 .apply_singal_row span { position: absolute;}
.apply_singal_row input:focus {
    box-shadow: 0 0 6px #F8B9B7
}
.select-box-bar {
    position: absolute;
    top: 165px;
    right: 64px;
    background: url(../images/select-bg.html) 0 0 repeat-x;
    height: 48px;
    width: 36px;
    display: block
}
.select-position {
    position: relative
}
.styled-select-bar {
    border: 1px solid #E4E5E6;
    border-radius: 3px;
    color: #424446;
    float: left;
    font: 13px/35px clanotbook;
    height: 40px;
    margin: 0;
    overflow: hidden;
    width: 368px;
    cursor: pointer;
    background: #fafcfd url(../images/apply-notice-icon.png) 96% 15px no-repeat;
    box-shadow: 2px 0 3px 0 rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 2px 0 3px 0 rgba(0, 0, 0, 0.1) inset
}
.styled-select-bar span {
    float: left;
    margin-left: -55px
}
.styled-select-bar select {
    background: none;
    border: 0 none;
    color: #919496;
    font: 11px/49px 'Open Sans';
    padding: 10px 0 0 5px;
    width: 388px;
    cursor: pointer
}
.total-e label {
    font-family: 'proxima_novasemibold';
    font-size: 14px;
    line-height: 23px;
    color: #545353;
    display: inline-block
}
.total-e .styled-select-bar {
    width: 180px;
    background: #fafcfd url(../images/apply-notice-icon.png) 96% 15px no-repeat

}
.total-e select {
    width: 200px;
    text-indent: 0
}
.total-e {
    width: 185px;
    float: left;
    position: relative

}
.total-e input {
    width: 160px;
    margin: 0
}
.total-e span {
    position: absolute;
    top: 10px;
    right: 15px
}
.apply_main textarea {
    width: 735px;
    height: 30px;
    border: 1px solid #E4E5E6;
    border-radius: 3px;
    color: #424446;
    margin-top: 10px;
    padding: 10px
}
.apply_singal_row input[type="submit"] {
    background: #159dd8;
    border-left: 1px solid #6EC2E7;
    border-radius: 10px 10px 0;
    border-top: 1px solid #6EC2E7;
    color: #FFF;
    display: inline-block;
    font: 16px/46px clanotmedium;
    margin-left: 5px;
    margin-right: 5px;
    padding: 10px 50px;
    position: relative;
    margin-top: 31px;
    height: auto;
    text-transform: uppercase;
    width: auto;
    border: none;
    box-shadow: none
}
.fileWrapper {
    position: relative;
    overflow: hidden;
    padding: 0
}
input[type=text].fileInputText {
    float: left;
    border: 1px solid #ddd;
    margin: 0;
    padding: 0;
    width: 370px!important;
    height: 37px!important
}
input[type=button].fileInputButton {
    float: right;
    background: url(../images/apply-u-resume-icon.png) 0 0 no-repeat;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    margin: 0;
    padding: 0;
    text-indent: -100px;
    box-shadow: none;
    position: absolute;
    right: 10px;
    top: 10px;
    border: none
}
.shkil input {
    width: 347px;
    border-radius: 3px
}
.custombox-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0
}
.custombox-modal {
    position: fixed;
    top: 60%;
    left: 50%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    height: auto;
    visibility: hidden
}
.custombox-show {
    visibility: visible
}
.custombox-show ~ .custombox-overlay {
    opacity: 1;
    visibility: visible
}
.custombox-perspective,
.custombox-perspective body {
    height: 100%;
    overflow: hidden
}
.custombox-perspective body {
    -webkit-perspective: 600px;
    perspective: 600px
}
.custombox-container {
    min-height: 100%
}
.custombox-hide-scrollbar {
    overflow-y: hidden
}
.custombox-hide-scrollbar body {
    position: relative;
    overflow: hidden
}
.custombox-fadein .custombox-modal-content {
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    opacity: 0
}
.custombox-show.custombox-fadein .custombox-modal-content {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}
button.close {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    cursor: pointer;
    padding: 0 25px 0 0
}
.close {
    color: #24242A000;
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    opacity: .2;
    text-shadow: 0 1px 0 #FFF
}
.modal-example-content {
    width: 800px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    background-color: #FFF;
    border-radius: 6px;
    outline: 0 none
}
.modal-example-header {
    border-bottom: 1px solid #E5E5E5;
    padding: 15px
}
.modal-example-body {
    padding: 20px
}
.your-apps {
    width: 100%;
	background-color:#0682d5;
    height: 318px;
    margin-top: 72px
}
.app-continer {
    width: 1200px;
    margin: 0 auto;s
    text-align: center
}
.app-continer h1 {
    font: 50px/52px open_sansbold;
    color: #FFF;
    padding-top: 50px;
    padding-bottom: 15px
}
.app-continer p {
    font: 28px/40px "Open Sans";
    color: #FFF;
    padding-bottom: 25px
}
.app-continer a {
    background: #8BD047;
    font: 28px/48px clanotmedium;
    text-align: center;
    vertical-align: middle;
    padding: 15px 25px;
    color: #FFF;
    border-radius: 10px 10px 0;
    -webkit-border-radius: 10px 10px 0;
    -moz-border-radius: 10px 10px 0;
    -ms-border-radius: 10px 10px 0
}
.app-continer a:hover {
    background: #72CA1B
}
.web-responsive {
    width: 100%;
    margin-top: 50px
}
.res-part {
    width: 1100px;
    margin: 0 auto
}
.res-portfolio {
    width: 510px;
    float: left;
    padding-bottom: 40px
}
.res-portfolio h2 {
    font: 38px/48px open_sansbold;
    color: #24242A;
    text-align: center;
    text-transform: capitalize
}
.res-portfolio h5 {
    font: 20px/26px proxima_novalight;
    color: #535358;
    text-align: center;
    padding-bottom: 10px
}
.res-portfolio img {
    vertical-align: middle
}
.res-portfolio p {
    font: 16px/29px "Open Sans";
    color: #334654;
    padding-top: 15px
}
.hire-dect-dgn {
    width: 100%;
    background: url(../images/hire-dect-bg.jpg) 0 0 repeat;
    border-top: solid #eaeaea 1px;
    position: relative;
    padding-top: 50px
}
.hire-dect-dgn .container:before {
    content: "";
    display: block;
    height: 68px;
    left: 50%;
    position: absolute;
    top: -37px;
    width: 68px
}
.hire-dedticed-box {
    width: 400px;
    float: left;
    padding-left: 50px
}
.hire-dedticed-box img {
    vertical-align: middle
}
.hire-dedticed-content {
    width: 670px;
    float: right;
    padding-right: 30px
}
.hire-dedticed-content ul {
    list-style-type: none
}
.hire-dedticed-content ul li {
    font: 16px/29px 'Open Sans';
    color: #334654;
    padding-bottom: 27px
}
.hire-dedticed-content ul li span {
    font: 700 18px/29px 'Open Sans';
    color: #24242A
}
.hire-dedticed-content ul li img {
    float: left;
    padding-right: 20px;
    vertical-align: middle;
    padding-top: 10px
}
.hire-continer-part {
    width: 80%;
    padding: 45px 0 30px;
    float: left;
	margin-left:10%;
}
.hire-continer-part ul {
    list-style-type: none
}
.hire-continer-part ul li {
    font: 19px/25px clanotmedium;
    color: #2e3234;
    float: left;
    width: 210px;
    text-align: center;
    padding-left: 60px
}
.hire-continer-part ul li img {
    float: left;
    padding-right: 10px
}
.hire-continer-part ul li:first-child {
    padding-left: 0
}
.hire-continer-part .hire-quilty {
    width: 180px
}
.hire-continer-part .hire-quiltys {
    width: 160px
}
.our-latest-work {
    width: 100%;
    display: inline-block
}
.our-latest-work ul {
    list-style-type: none
}
.our-latest-work ul li.populer-web-port {
    width: 24.6%;
    margin: 0 0 0.2% 0.2%;
}
.our-latest-work ul li.populer-web-port .our-logo {
    padding-top: 32%
}
.our-latest-work ul li {
    width: 24.6%;
    float: left;
    position: relative;
    overflow: hidden;
    margin: 0 0 0.2% 0.2%;
}
.our-latest-work ul li img {
    width: 100%;
    transition: all 1s ease 0;
    -moz-transition: all 1s ease 0;
    -webkit-transition: all 1s ease 0;
    -ms-transition: all 1s ease 0;
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1)
}
.our-latest-work ul li:hover img {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1)
}
.our-work {
    background: url(../images/portfolio-transparent-bg.png) repeat right bottom;
    width: 100%;
    position: absolute;
    top: 0;
    display: block;
    opacity: 0;
    height: 100%;
    transition: all .5s ease 0;
    -moz-transition: all .5s ease 0;
    -webkit-transition: all .5s ease 0;
    -ms-transition: all .5s ease 0
}
.our-work h3 {
    color: #fff;
    font: 20px/25px clanotmedium;
    padding: 35px 0 2px 15px;
    text-align: center
}
.our-work p {
    color: #fff;
    font: 15px/24px proxima_nova_rgregular;
    padding: 0 0 10px 15px;
    text-align: center
}
.our-latest-work ul li:hover .our-work {
    opacity: 1
}
.our-logo {
    text-align: center;
    padding-top: 15%
}
.our-latest-work .our-logo img {
    width: inherit;
    width: 50px;
    padding-top: 15px;
    border: none
}
.inr-part {
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    width: 100%
}
.inr-part ul {
    list-style-type: none;
    padding: 0
}
.inr-part ul li {
    background: url(../images/orange-bulet.png) no-repeat left 9px;
    color: #EAEAEA;
    display: inline-block;
    font: 15px/24px proxima_nova_rgregular;
    padding: 0 8px;
    width: inherit;
    border: none;
    float: none
}
.meet-our-team-part {
    width: 100%;
    background: url(../images/hire-dect-bg.jpg) 0 0 repeat;
    height: 350px;
    padding-top: 60px
}
.meet-our-team-part-left {
    width: 330px;
    float: left;
    padding: 0
}
.meet-our-team-part-left h1 {
    font: 134px/80px amaranthregular;
    color: #159dd8;
    text-transform: uppercase
}
.meet-our-team-part-left span {
    font: 70px/71px amaranthitalic;
    color: #159dd8;
    display: block;
    text-align: right
}
.our-team-portfolio {
    width: 850px;
    float: right;
    padding: 0
}
.our-team-portfolio ul {
    list-style-type: none
}
.our-team-portfolio ul li {
    text-align: center;
    width: 200px;
    margin-left: 15px;
    background: #FFF;
    padding-bottom: 20px;
    float: left
}
.our-team-portfolio ul li:first-child {
    margin-left: 0
}
.our-team-portfolio ul li img {
    vertical-align: middle;
    padding-bottom: 15px;
    height: 210px;
    width: 100%
}
.our-team-portfolio ul li h3 {
    font: 700 16px/23px 'Open Sans';
    color: #373b3d;
    padding: 0 10px
}
.our-team-portfolio ul li p {
    font: 15px/24px 'Open Sans';
    color: #373b3d;
    padding: 0 10px
}
.hour-panel {
    width: 372px;
    height: auto;
    background: url(../images/hour-bg.jpg) 0 0 no-repeat;
    float: left;
    margin-top: 18px
}
.hour-panel-left {
    width: 155px;
    float: left;
    padding: 60px 0 0;
    height: 100px
}
.hour-panel-left p {
    font: 17px/22px oswaldregular;
    color: #FFF;
    text-transform: uppercase;
    text-align: center
}
.hour-panel-left h2 {
    font: 48px/50px oswaldregular;
    color: #FFF;
    text-align: center
}
.hour-panel-left h2 span {
    font: 20px/22px oswaldregular;
    color: #FFF;
    text-transform: uppercase
}
.hour-panel-left h2 span sup {
    top: -1.5em;
    padding-right: 5px
}
.monthly {
    float: right!important;
    padding-right: 10px;
    width: 180px
}
.month-get-start {
    text-align: center;
    margin-top: 35px;
    position: relative
}
.month-get-start a {
    background: #8BD047;
    font: 28px/48px clanotmedium;
    text-align: center;
    vertical-align: middle;
    padding: 15px 50px;
    color: #FFF;
    border-radius: 10px 10px 0;
    -webkit-border-radius: 10px 10px 0;
    -moz-border-radius: 10px 10px 0;
    -ms-border-radius: 10px 10px 0;
    position: relative
}
.month-get-start:before {
    content: "";
    display: block;
    width: 273px;
    height: 40px;
    background: url(../images/get-start-shadow.jpg) center 0 no-repeat;
    position: absolute;
    bottom: -48px;
    left: 50px
}
.month-get-start a:hover {
    background: #72CA1B
}
.webdesign-popup #custombox-modal {
    z-index: 9999!important
}
.webdesign-popup #custombox-overlay {
    z-index: 99!important
}
.web-popupcontent {
    background: #000;
    border-radius: 0;
    width: 1200px!important
}
.zoomer_wrapper {
    height: 550px;
    overflow: hidden;
    width: 806px;
    float: left
}
.web-popupcontent .pop-continer {
    position: relative;
    margin-top: 120px
}
.web-popupcontent .close {
    opacity: 1;
    position: absolute;
    right: -42px;
    top: -17px
}
.popup-content {
    width: 394px;
    height: 550px;
    background: #efefef;
    float: right
}
.comp-name {
    width: 100%;
    margin: 15px 0 0;
    border-bottom: #e1e1e1 solid 1px;
    padding-bottom: 35px
}
.comp-name figure {
    float: left;
    padding-left: 25px;
    padding-right: 20px
}
.comp-name h3 {
    font: 23px/35px open_sansbold;
    text-transform: uppercase;
    padding: 0 5px 0 20px;
    color: #5b5b5b
}
.comp-name ul {
    list-style: none;
    margin: 0 0 0 25px
}
.comp-name ul li {
    background: #fff;
    color: #5b5b5b;
    width: auto;
    float: left;
    padding: 4px 8px;
    color: #5d5d5d;
    font: 12px/24px clanotbook;
    text-transform: capitalize;
    margin: 5px 5px 0 0
}
.website {
    width: 100%;
    margin: 15px 0 0;
    border-bottom: 0
}
.website a {
    color: #5b5b5b;
    font: 13px/22px proxima_nova_rgregular;
    display: block;
    text-transform: uppercase;
    width: 165px;
    position: relative;
    transition: all .5s ease 0;
    -moz-transition: all .5s ease 0;
    transform: translateX(0);
    -moz-transform: translateX(0px)
}
.website a:after {
    content: "";
    background: url(../images/right-arrow.png) right top no-repeat;
    width: 17px;
    height: 15px;
    display: inline-block;
    position: absolute;
    right: 9px;
    top: 4px
}
.website a:hover {
    color: #28a4da;
    transform: translateX(5px);
    -moz-transform: translateX(5px)
}
.aro-pic {
    padding: 0!important;
    float: none!important
}
.nice-section {
    width: 1200px;
    margin: 50px auto 0
}
.nice-section h1 {
    font: 83px/83px clanotbook;
    color: #e97100;
    text-align: center;
    width: 770px;
    position: relative;
    margin: 0 auto
}
.nice-section h1 img {
    vertical-align: baseline;
    position: absolute;
    top: -10px;
    left: 87px;
    margin: 0 5px;
    transition: all .3s ease-in-out;
    -webkit-animation-name: beat;
    -moz-animation-name: beat;
    -ms-animation-name: beat;
    -o-animation-name: beat;
    animation-name: beat;
    -webkit-animation-delay: 0;
    -moz-animation-delay: 0;
    -ms-animation-delay: 0;
    -o-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-duration: 1s;
    -moz-animation-duration: 1s;
    -ms-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: normal;
    -moz-animation-fill-mode: normal;
    -ms-animation-fill-mode: normal;
    -o-animation-fill-mode: normal;
    animation-fill-mode: normal;
    -webkit-animation-timing-function: ease;
    -moz-animation-timing-function: ease;
    -ms-animation-timing-function: ease;
    -o-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}
.office-location {
    width: 1200px;
    margin: 20px auto 0;
    background: url(../images/location-map.png) center 0 no-repeat;
    height: 300px;
    padding-top: 25px
}
.office-location-left {
    width: 200px;
    float: left;
    padding-left: 50px
}
.office-location-left h3 {
    font: 700 22px/29px 'Open Sans';
    letter-spacing: -1px;
    color: #24242A;
    text-transform: uppercase;
    padding-bottom: 8px
}
.us-off {
    padding: 0;
    position: relative
}
.us-off:after {
    width: 246px;
    height: 83px;
    position: absolute;
    left: 105px;
    top: -2px;
    content: "";
    display: block;
    background: url(../images/us-loction-img.png) 0 0 no-repeat

}
.ind-off {
    padding: 0;
    position: relative
}
.ind-off:before {
    width: 239px;
    height: 124px;
    position: absolute;
    left: -242px;
    top: 4px;
    content: "";
    display: block;
    background: url(../images/ind-location-img.png) 0 0 no-repeat

}
.office-location-left ul {
    list-style-type: none
}
.office-location-left ul li {
    font: 16px/26px 'Open Sans';
    color: #334654;
    padding-bottom: 10px
}
.office-location-left ul li a {
    text-decoration: none;
    color: #3a3d40
}
.office-location-left ul li a:hover {
    color: #2892cf
}
.office-location-left ul li img {
    vertical-align: middle;
    padding: 5px 10px 0 0;
    float: left
}
.ind-location {
    float: right;
    padding-left: 0;
    width: 250px
}
.plase-call-part {
    width: 100%;
    padding: 0 0 30px;
    float: left
}
.plase-call-part h2 {
    font: 22px/29px "Segoe Print";
    color: #1f2021;
    text-align: center;
    font-weight: 700;
    padding-bottom: 20px
}
.plase-call-part ul {
    list-style-type: none;
    width: 780px;
    margin: 0 auto
}
.plase-call-part ul li {
    font: 20px/29px 'Open Sans';
    color: #24242A;
    float: left;
    padding-left: 26px;
    padding-right: 26px
}
.plase-call-part ul li img {
    padding-right: 8px;
    vertical-align: middle
}
.please-email-part {
    width: auto;
    padding-right: 50px;
    float: left
}
#wpcont5-outer .please-email-part h2 {
    font: 22px/29px 'Open Sans';
    letter-spacing: -1px;
    color: #24242A;
    padding-bottom: 10px;
    text-align: inherit
}
.please-email-part h2 span {
    font-family: 'clanotbold'
}
.please-email-part ul {
    list-style-type: none;
    padding: 0
}
.please-email-part ul li {
    font: 14px/29px 'Open Sans';
    color: #383b3e;
    float: left;
    padding: 0 12px 12px 0
}
.please-email-part ul li img {
    padding-right: 8px;
    vertical-align: middle
}
.please-email-part ul li a {
    text-decoration: none;
    color: #383b3e
}
.please-email-part ul li a:hover {
    color: #2892cf
}
.please-email-part ul li span {
    font-family: 'clanotmedium'
}
.email-box-cont {
    width: 480px
}
.career-box-cont {
    width: 345px
}
.follow-box-cont {
    width: 200px
}
.please-email-part.follow-box-cont li {
    padding-right: 8px
}
.please-email-part.follow-box-cont li img {
    padding: 0;
    vertical-align: middle
}
.have-call-us {
    width: 100%;
    background: #2c8bcc;
    height: auto
}
.have-call-us h2 {
    font: 60px/77px clanotbook;
    color: #FFF;
    text-align: center;
    padding: 30px 0
}
.have-form-field {
    width: 1200px;
    padding-bottom: 50px;
    float: left
}
.have-form-field-raw {
    width: 100%;
    padding-bottom: 35px;
    float: left
}
.have-form-field-raw-inr {
    width: 339px;
    height: 40px;
    position: relative;
    float: left;
    margin: 0 25px
}
.have-form-field-raw-inr input {
    border-bottom: solid #61afdc 1px;
    font: 16px/37px proxima_nova_rgregular;
    color: #FFF;
    background: none;
    width: 339px;
    padding: 10px 10px 10px 5px
}
.have-form-field-raw-inr input::-webkit-input-placeholder {
    color: #fff;
    opacity: 1!important
}
.have-form-field-raw-inr input:-moz-placeholder {
    color: #fff
}
.have-form-field-raw-inr input::-moz-placeholder {
    color: #fff
}
.have-form-field-raw-inr input:-ms-input-placeholder {
    color: #fff
}
.have-form-field-raw textarea::-webkit-input-placeholder {
    color: #fff;
    opacity: 1!important
}
.have-form-field-raw textarea:-moz-placeholder {
    color: #fff
}
.have-form-field-raw textarea::-moz-placeholder {
    color: #fff
}
.have-form-field-raw textarea:-ms-input-placeholder {
    color: #fff
}
.have-form-field-raw label.error {
    color: red;
    display: block
}
.have-form-field-raw-inr input:focus {
    background: #3893cf
}
.have-form-field-raw-inr span {
    position: absolute;
    right: -5px;
    top: 15px
}
.have-form-field-raw-inr span img {
    vertical-align: middle
}
.have-form-field-raw-inr select {
    border-bottom: solid #61afdc 1px;
    font: 16px/37px proxima_nova_rgregular;
    color: #FFF;
    background: none;
    width: 339px;
    padding: 10px 10px 10px 5px
}
.have-form-field-raw textarea {
    width: 94%;
    border-bottom: solid #61afdc 1px;
    height: 26px;
    font: 16px/21px proxima_nova_rgregular;
    color: #FFF;
    background: none;
    padding: 10px 10px 10px 5px;
    margin-left: 20px;
    resize: none
}
.have-form-field-raw h3 {
    font: 20px/29px clanotmedium;
    color: #FFF;
    padding: 0 0 20px 25px
}
.have-form-field-raw textarea:focus {
    background: #3893cf
}
.captha-box {
    width: 150px;
    padding: 0;
    float: left
}
.captha-box img {
    vertical-align: middle;
    padding-left: 15px
}
.have-form-field-raw-inr button[type="submit"] {
    background: #000;
    color: #FFF;
    text-align: center;
    padding: 16px 25px;
    width: 150px;
    border: none;
    border-radius: 10px 10px 0;
    -webkit-border-radius: 10px 10px 0;
    -moz-border-radius: 10px 10px 0;
    text-transform: uppercase;
    font: 16px/37px clanotmedium;
    margin-top: -10px;
    margin-left: 25px;
    cursor: pointer
}
.have-form-field-raw-inr button[type="submit"] span {
    position: inherit
}
.get-direction {
    width: 100%;
    background: #86c14c;
    position: relative
}
.get-direction h2 {
    font: 60px/77px clanotbook;
    text-align: center;
    padding: 20px 0;
    color: #FFF
}
.get-direction:after {
    background: url(../images/green-direction-bg.png) 0 0 no-repeat;
    position: absolute;
    left: 50%;
    bottom: -24px;
    content: "";
    display: block;
    z-index: 9;
    width: 48px;
    height: 24px
}
.have-form-field-raw-inr .select-box-bar {
    position: absolute;
    top: 165px;
    right: 64px;
    background: url(../images/select-bg.html) 0 0 repeat-x;
    height: 48px;
    width: 36px;
    display: block
}
.have-form-field-raw-inr .select-position {
    position: relative
}
.have-form-field-raw-inr .styled-select-bar {
    border-bottom: solid #61afdc 1px;
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 3px;
    color: #424446;
    float: left;
    font: 13px/35px clanotbook;
    height: 40px;
    margin: 0;
    overflow: hidden;
    width: 357px;
    cursor: pointer;
    background: url(../images/select-arrow-contact.png) right 20px no-repeat;
    box-shadow: none
}
.have-form-field-raw-inr .styled-select-bar select {
    width: 385px;
    text-indent: 0;
    border: none
}
.have-form-field-raw-inr .styled-select-bar select option {
    padding: 3px 0 3px 10px
}
.rest-view {
    width: 100%;
    height: 100%;
    position: relative
}
.rest-view a {
    position: absolute;
    left: 0;
    height: 100%;
    color: #FFF;
    font: 40px/48px proxima_novasemibold;
    text-align: center;
    width: 100%;
    background: #74bd3a
}
.rest-view a:hover {
    background: #3292D1
}
.rest-view a span {
    display: block;
    padding-top: 30%
}
#map {
    height: auto;
    width: 100%;
    min-height: 550px
}
ul {
    position: none
}
.more {
    bottom: 17px
}
.hide_me {
    display: none!important
}
.infobox-wrapper {
    display: none
}
#infobox {
    background-color: #fff;
    margin-top: 8px;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    padding: .5em 1em;
    height: 289px
}
#infobox>div {
    font-size: 12px;
    margin: 0
}
#infobox #content>div {
    float: left;
    width: 98%;
    margin-top: 10px
}
#infobox #content>div p {
    padding-top: 5px;
    line-height: 22px;
    font: 14px/22px clanotnews;
    color: #383b3e
}
#infobox .control-group {
    margin-bottom: 0
}
#infobox #content form {
    width: 375px
}
#infobox #calculate-route {
    margin-top: 0
}
#infobox .controls {
    width: 175px!important
}
#infobox #calculate-route .controls label {
    background: 0;
    border-left: 0;
    border-radius: none;
    box-shadow: none;
    width: 100%;
    text-align: left
}
#infobox .sub_green {
    margin: 10px 10px 0 0
}
#map img {
    max-width: none!important
}
.sky-form {
    position: relative;
    display: block
}
.sky-form .input input {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    height: 39px;
    padding: 8px 10px;
    outline: none;
    border-radius: 3px;
    background: #FAFCFD;
    font: 15px/19px 'Open Sans', Helvetica, Arial, sans-serif;
    color: #404040;
    appearance: normal;
    -moz-appearance: none;
    -webkit-appearance: none;
    box-shdow: 2px 0 5px 0 rgba(0, 0, 0, 0.1) inset;
    border: 1px solid #D5D8DA
}
.sky-form .input-file .button {
    position: absolute;
    top: 5px;
    right: -0;
    float: none;
    height: 31px;
    margin: 0;
    padding: 0 5px;
    line-height: 0;
    width: 100%;
}
.sky-form .input-file .button input {
    position: absolute;
    top: 2px;
    right: 5px;
    padding: 0;
    cursor: pointer;
    opacity: 0
}
.sky-form .button {
    float: right;
    height: 39px;
    overflow: hidden;
    margin: 10px 0 0 20px;
    padding: 0;
    outline: none;
    border: 0;
    color: #fff;
    cursor: pointer;
    background: url(../images/apply-u-resume-icon.png) 95% 5px no-repeat;
    opacity: .8;
    -ms-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -webkit-transition: opacity .2s
}
a.pull {
    background: url(../images/menu-icon.gif) no-repeat scroll left 0;
    display: none;
    height: 63px;
    position: relative;
    width: 65px;
    z-index: 9
}
.rgt span a img + img {
    display: inline-block
}
.rgt span.phon-no a {
    display: none
}
.asp-right-box h4.web {
    font: 700 23px/45px 'Open Sans';
    letter-spacing: -1px;
    text-align: left
}
.asp-left-box h4.web {
    font: 700 23px/45px 'Open Sans';
    letter-spacing: -1px;
    text-align: left
}
.asp-right-box h5 {
    color: #24242a;
    font: 24px/36px proxima_novalight;
    padding: 5px 0 10px
}
.asp-left-box h5 {
    color: #24242a;
    font: 24px/36px proxima_novalight;
    padding: 5px 0 10px
}
#content {
    width: 100%;
    margin-top: 80px;
    padding: 0
}
.content {
    width: 1180px;
    margin: 0 auto
}
.content:after {
    width: 100%;
    height: 0;
    clear: both;
    content: "";
    display: block
}
.content-hire {
    width: 720px;
    float: left;
}

.content-excited {
    width: 460px;
    float: right;
    margin-top: 28px;
    padding: 0 0 25px
}
.content-hire h1 {
    font: 50px/60px clanotbold;
    color: #039dde;
    padding: 20px 0 0
}
.content-hire h3 {
    font: 21px/34px clanotmedium;
    color: #2c3135
}
.content-hire ul {
    float: left;
    list-style-type: none;
    margin-top: 10px;
    padding: 0 0 25px
}
.content-hire-php ul{
    
    float: none;
}
.content-hire ul li {
    display: block;
    background: url(../images/right.png) left 10px no-repeat;
    font: 16px/21px proxima_nova_rgregular;
    color: #333941;
    font-size: 15px;
    padding: 10px 30px
}
.content-hire p{ font: 18px/30px proxima_nova_rgregular;
    color: #333941;
      padding: 10px 0px 35px 0px;}

.per-hours {
    width: 385px;
    background: #69bb39;
    height: 62px;
    position: relative;
    float: right;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px
}
.per-hours:before {
    background: url(../images/hours.png) no-repeat;
    width: 34px;
    height: 54px;
    display: block;
    content: "";
    position: absolute;
    left: 4px;
    top: 4px
}
.per-hours:after {
    background: url(../images/mobiles.png) no-repeat;
    width: 35px;
    height: 51px;
    display: block;
    content: "";
    position: absolute;
    right: 0;
    top: 5px
}
.per-hours ul {
    float: left
}
.per-hours ul li {
    float: left;
    background: url(../images/leftlibg.html) left top no-repeat;
    color: #fff;
    font: 17px/62px amaranthbold_italic;
    padding: 0 25px 0 30px
}
.per-hours ul li span {
    font: 30px/62px amaranthbold_italic;
    vertical-align: top
}
.excited-talk {
    width: 384px;
    float: right;
    background: #308bc7;
    text-align: center;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    margin-top: 10px
}
.excited-talk h2 {
    font: 30px/30px clanotmedium;
    color: #fff;
    margin: 15px 0 0;
    text-shadow: 1px 2px 1px #256b9a
}
.excited-talk h3 {
    font: 15px/30px clanotbook;
    color: #fff;
    background: url(../images/bdr-2.jpg) repeat-x left 20px;
    padding: 5px 0;
    margin: 0 auto;
    width: 95%
}
.excited-talk h3 span {
    font: 15px/30px clanotbook;
    color: #fff;
    background: #308bc7;
    text-align: center;
    padding: 0 5px
}
#sucess-message {
    display: none;
    padding: 30px 0 60px;
    text-align: center
}
#sucess-message h2 {
    font: 40px/50px clanotbold;
    color: #69BB39
}
#sucess-message p {
    font: 15px/30px clanotmedium;
    color: #000
}
.form-main {
    width: 353px;
    padding: 15px 15px 0;
    float: left;
    background: #fff;
    box-shadow: 1px 0 0 2px #f0f2f2
}
.row {
    width: 165px;
    margin: 5px 5px 5px 0;
    height: 40px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    position: relative;
    float: left;
    position: relative
}
.row2 {
    width: 165px;
    margin: 5px 5px 5px 0;
    height: 40px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    position: relative;
    float: right;
    position: relative
}
.row3 {
    width: 345px;
    margin: 10px 0;
    height: 40px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    position: relative;
    float: left;
    position: relative
}
.row4 {
    width: 345px;
    margin: 10px 0;
    height: 100px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    position: relative;
    float: left;
    position: relative
}
.form-main .row3 select {
    width: 345px;
    height: 40px;
    border: none;
    font: 10px/20px clanotnews;
    color: #959595;
    padding: 10px 5px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: #e8eff4
}
.form-main .row2 select {
    width: 155px;
    height: 40px;
    border: none;
    font: 10px/20px clanotnews;
    color: #959595;
    padding: 10px 5px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: #e8eff4
}
.form-main .row select {
    width: 155px;
    height: 40px;
    border: none;
    font: 10px/20px clanotnews;
    color: #959595;
    padding: 10px 5px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: #e8eff4
}
.form-main .row input {
    width: 122px!important
}
.form-main .row2 input {
    width: 122px!important
}
::-webkit-input-placeholder {
    color: #61636c;
}
:-moz-placeholder {
    color: #61636c;
    opacity: 1
}
::-moz-placeholder {
    color: #61636c;
    opacity: 1
}
:-ms-input-placeholder {
    color: #61636c;
}
.form-main input {
    width: 120px;
    height: 40px;
    border: none;
    font: 10px/40px clanotnews;
    color: #959595;
    padding: 0 37px 0 5px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    background: #e8eff4;
    position: relative;
    border: 1px solid #e7e4e4
}
.form-main textarea {
    background: #e8eff4;
    width: 302px;
    height: 95px;
    border: none;
    font: 10px/15px clanotnews;
    color: #959595;
    resize: none;
    border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 5px 37px 0 5px;
    border: 1px solid #e7e4e4
}
.row-2 {
    width: 234px;
    background: #e8eff4;
    height: 118px;
    margin: 0 0 10px 24px;
    border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px
}
.row-2 img {
    float: right
}
.form-main input[type="submit"],
.form-main .jqTransformButton {
    width: 335px;
    height: 46px;
    color: #FFF;
    background: #67c431;
    border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-bottom: 2px solid #519e25;
    text-align: center;
    text-indent: inherit;
    margin: 10px 0;
    cursor: pointer;
    font: 14px/45px clanotbold;
    color: #fff;
    text-transform: uppercase;
    border-top: none;
    border-left: none;
    border-right: none;
    -webkit-appearance: none;
    text-shadow: 1px 1px 1px #4c9124
}
.row .jqTransformSelectWrapper {
    width: 160px!important
}
.row .jqTransformSelectWrapper ul li:first-child {
    display: none
}
.row2 .jqTransformSelectWrapper {
    width: 160px!important
}
.row2 .jqTransformSelectWrapper ul li:first-child {
    display: none
}
.form-main input.name-icon {
    background: #e8eff4 url(../images/people.html) no-repeat right top;
    right: 0;
    top: 0;
    height: 40px;
    display: block
}
.form-main input.email-icon {
    background: #e8eff4 url(../images/msg.html) no-repeat right top;
    height: 40px;
    display: block
}
.form-main textarea.mes-icon {
    background: #e8eff4 url(../images/pen.html) no-repeat right top;
    height: 95px;
    display: block
}
#phpprogram {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #f9fafb;
    border-top: 1px solid #f2f3f4
}
.phpprogram {
    width: 1180px;
    margin: 0 auto
}
.phpprogram img {
    padding: 10px 15px 0 25px;
    float: left;
    vertical-align: bottom
}
.phpprogram h2 {
    font: 30px/45px clanotmedium;
    color: #272b2e;
    padding:60px 0 0
}
.phpprogram p {
    font: 16px/30px proxima_nova_rgregular;
    color: #272b2e;
    padding: 6px 0 15px
}
#technical-skills {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #159dd8
}
.technical {
    width: 1180px;
    margin: 0 auto;
    padding: 0 0 20px
}
.technical:after {
    width: 100%;
    height: 0;
    clear: both;
    content: "";
    display: block
}
.technical h2 {
    font: 35px/50px clanotmedium;
    color: #fff;
    padding: 42px 0 0;
    text-align: center
}


.technical h3 {
    color: #fff;
    font: 24px/40px open_sans_lightregular; text-align: center;}
	
.technical-left {
    float: left;
    width: 555px;
    padding: 30px 0 0
}
.technical-left h4 {
    background: url(../images/bdr.jpg) repeat-x left 10px;
    padding: 0;
    margin: 0
}
.technical-left h4 span {
    background: #159dd8;
    font: 15px/20px clanotbold;
    color: #FFF;
    padding: 0 10px 0 0
}
.technical-left ul {
    list-style: none;
    padding: 25px 0
}
.technical-left ul:after {
    width: 100%;
    height: 0;
    clear: both;
    content: "";
    display: block
}
.technical-left ul li {
    float: left;
    text-align: center;
    padding: 0 14px
}
.technical-left ul li figure {
    padding: 0;
    margin: 0
}
.technical-left ul li figcaption {
    font: 14px/30px SegoePrintRegular;
    color: #AFDEF2

}
.technical-right {
    float: right;
    width: 555px;
    padding: 30px 0 0
}
.technical-right h4 {
    background: url(../images/bdr.jpg) repeat-x left 10px;
    padding: 0;
    margin: 0
}
.technical-right h4 span {
    background: #159dd8;
    font: 15px/20px clanotbold;
    color: #FFF;
    padding: 0 10px 0 0
}
.technical-right ul {
    list-style: none;
    padding: 25px 0
}
.technical-right ul:after {
    width: 100%;
    height: 0;
    clear: both;
    content: "";
    display: block
}
.technical-right ul li {
    float: left;
    text-align: center;
    padding: 0 14px
}
.technical-right ul li figure {
    padding: 0;
    margin: 0
}
.technical-right ul li figcaption {
    font: 14px/30px SegoePrintRegular;
    color: #AFDEF2
}
#strenth-part-outer {
    width: 100%;
    margin: 0 auto;
    background: #FFF
}
.strenth-part {
    width: 1180px;
    margin: 0 auto
}
.strenth-part:after {
    width: 100%;
    height: 0;
    clear: both;
    content: "";
    display: block
}
.box-row {
    width: 1180px;
    margin: 0 auto;
    padding: 40px 0;
    border-top: 1px solid #f2f2f2
}
.box-row:after {
    width: 100%;
    height: 0;
    clear: both;
    content: "";
    display: block
}
.box-left {
    width: 550px;
    float: left
}
.img-box {
    float: left;
    padding: 0;
    margin: 0 15px 0 0
}
.txt-box {
    float: left;
    padding: 0;
    width: 325px
}
.txt-box h4 {
    font: 23px/30px clanotmedium;
    color: #1d1f20;
    padding: 0 0 15px
}
.txt-box ul {
    list-style: none
}
.txt-box ul li {
    background: url(../images/right-icon.png) no-repeat left 8px;
    padding: 0 0 0 28px;
    font: 15px/30px proxima_nova_rgregular;
    color: #1d1f20
}
.txt-box ul li a {
    text-decoration: none;
    font: 15px/30px proxima_nova_rgregular;
    color: #1d1f20
}
.box-right {
    width: 530px;
    float: right;
    border-left: 1px solid #e1f3ff;
    padding: 0 0 0 25px
}
.box-right img {
    text-align: center!important
}
.box-right img.cc {
    text-align: center!important;
    padding: 0 0 0 10px
}
#outsource-outer {
    width: 100%;
    border-top: 1px solid #eff0f1;
    background: #f9fafb;
    padding: 20px 0
}
.outsource-part {
    width: 1180px;
    margin: 0 auto;
    padding: 0
}
.outsource-part h4 {
    font: 30px/35px clanotmedium;
    color: #272b2d;
    text-align: center
}
.outsource-part ul {
    list-style: none;
    padding: 30px 0 0
}
.outsource-part ul:after {
    width: 100%;
    height: 0;
    clear: both;
    content: "";
    display: block
}
.outsource-part ul li {
    float: left;
    padding: 0 28px;
    text-align: center
}
.outsource-part ul li figure {
    padding: 0;
    margin: 0
}
.outsource-part ul li figcaption {
    font: 15px/20px proxima_nova_rgregular;
    color: #272b2d;
    width: 138px;
    padding: 10px 0 0
}
.jqTransformInputWrapper {
    float: left
}
.jqTransformSelectWrapper {
    background: #E8EFF4;
    width: 340px!important;
    height: 39px;
    font: 10px/40px clanotnews;
    color: #848282;
    border: 1px solid #e7e4e4;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    position: relative;
    padding: 0 0 0 5px;
    float: left
}
.jqTransformSelectWrapper div span {
    width: auto;
    display: block;
    cursor: pointer;
    text-align: left
}
.jqTransformSelectWrapper a.jqTransformSelectOpen {
    background: url(../images/select-02.jpg) no-repeat;
    display: block;
    height: 40px;
    position: absolute;
    right: -2px;
    top: 0;
    width: 34px
}
.jqTransformHidden {
    display: none
}
.jqTransformSelectWrapper ul {
    background-color: #ccc;
    display: none;
    left: 0;
    list-style: none outside none;
    margin: 0;
    overflow: auto;
    padding: 0;
    position: absolute;
    top: 42px;
    width: 100%!important;
    z-index: 10;
    border-radius: 3px;
    border: 1px solid #cad1d4;
    max-height: 350px
}
.jqTransformSelectWrapper ul li a {
    background-color: #fff;
    display: block;
    font: 11px/16px clanotnews;
    color: #000;
    padding: 5px;
    text-decoration: none;
    text-align: left
}
.jqTransformSelectWrapper ul li a:hover,
.jqTransformSelectWrapper ul li a.selected:hover {
    background: #E8EFF4;
    color: #000
}
.jqTransformSelectWrapper ul li:first-child {
    display: none
}
.thanku {
    text-align: center;
    padding: 50px 0;
    min-height: 400px
}
.thanku h1 {
    font: 80px/90px clanotbold;
    color: #039DDE;
    padding: 100px 0 0;
    text-transform: capitalize
}
.thanku p {
    font: 30px/40px clanotbold;
    color: #039DDE
}
#wpcont3-outer {
    width: 100%;
    padding: 20px 0;
    background: #159dd8
}
#wpcont3-outer .container {
    text-align: center
}
#wpcont3-outer .container h3 {
    font: 31px/40px clanotbook;
    color: #fff;
    display: inline-block;
    text-transform: capitalize;
    padding-right: 25px
}
#wpcont3-outer .container a.touch {
    background: #41afe0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-: 5px;
    -o-border-radius: 5px;
    color: #fff;
    font: 23px/61px clanotbold;
    text-align: center;
    width: 260px;
    margin-left: 50px;
    display: inline-block;
    text-transform: uppercase;
    border-top: 1px solid #66b0e6;
    border-left: 1px solid #71c3e8;
    border-top: 1px solid #71c3e8;
    text-shadow: 0 2px 2px #2A88B2;
    -webkit-text-shadow: 0 2px 2px #2A88B2;
    -ms-text-shadow: 0 2px 2px #2A88B2
}
#wpcont3-outer .container a.touch:hover {
    background: #39a6d6
}
.request-seo {
    width: auto;
    display: inline-block
}
.request-seo a {
    border-radius: 10px 10px 0;
    border-left: solid #6ec2e7 1px;
    border-top: solid #6ec2e7 1px;
    box-shadow: 1px 1px 0 #2a89b4;
    color: #FFF;
    display: inline-block;
    font: 16px/46px clanotmedium;
    margin-right: 5px;
    margin-left: 5px;
    padding: 3px 35px;
    position: relative;
    text-transform: uppercase;
    background: #41afe0
}
.request-seo a:hover {
    background: #2ea6db
}
.pkg-wrp .download-btn {
    display: none;
    background: #0e89d6;
    color: #fff;
    font: 17px/62px clanotmedium;
    padding: 0 35px;
    margin-top: 10px;
    border-radius: 13px 13px 0;
    -moz-border-radius: 13px 13px 0;
    -webkit-border-radius: 13px 13px 0;
    -ms-border-radius: 13px 13px 0;
    float: left
}
.webdesign-list {
    width: 100%;
    float: left
}
.webdesign-list ul {
    float: left;
    width: 48%;
    margin: 5% 2% 5% 0
}
.webdesign-list ul li {
    color: #334654;
    font: 16px/29px 'Open Sans';
    padding: 0 0 10px 28px;
    background: url(../images/sign-icon.png) no-repeat left 9px

}
.hire-dedticed-content p {
    color: #334654;
    font: 16px/29px 'Open Sans'
}
.resp-tab-content {
    display: none
}
.resp-tabs-container h2.resp-accordion {
    display: none
}
.wpcont5right .opensource-icons {
    width: 100%;
    float: left;
    margin-top: 40px
}
.wpcont5right .opensource-icons h4 {
    color: #2892cf;
    font: 700 19px/20px 'Open Sans';
    background: url(../images/divider01.gif) left 9px repeat-x;
    float: left;
    width: 100%;
    text-align: left
}
.wpcont5right .opensource-icons h4 span {
    background: #fff;
    padding-right: 7px
}
.wpcont5right .opensource-icons ul {
    margin-bottom: 10px;
    width: 100%
}
.wpcont5right .opensource-icons ul li {
    border-bottom: none;
    text-align: center;
    width: auto;
    color: #6a6b6c;
    font: 14px/20px 'Segoe Print';
    padding: 0 46px 20px 0;
    background: none
}
.wpcont5right .opensource-icons ul li span {
    color: #6a6b6c;
    font: 14px/20px 'Segoe Print';
    padding: 0;
    width: auto
}
hire-developer,
.dedicated-resource {
    margin: 30px auto 0
}
.dedt-team {
    width: 1070px;
    margin: 0 auto
}

.dedt-team ul {
    list-style: none
}
.dedt-team ul li {
    float: left;
    width: 14%;
    margin: 0 25px 0 0
}
.dedt-team ul li img {
    margin: 20px 0 0
}
.team-top {
    background: #6360a8;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    position: relative
}
.team-top:before {
    content: "";
    display: block;
    width: 7px;
    height: 9px;
    background: url(../images/team-after.html) bottom center no-repeat;
    position: absolute;
    top: 40px;
    left: 45%
}
.team-top h3 {
    font: 14px/20px 'Segoe Print';
    text-align: center;
    padding: 10px
}
.team-top2 {
    background: #20c277;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    position: relative
}
.team-top2:before {
    content: "";
    display: block;
    width: 7px;
    height: 9px;
    background: url(../images/team2-after.html) bottom center no-repeat;
    position: absolute;
    top: 40px;
    left: 45%
}
.team-top2 h3 {
    font: 14px/20px 'Segoe Print';
    text-align: center;
    padding: 10px
}
.choose-cat {
    width: 1065px;
    margin: 35px 0 45px;
    border: #e9e9e9 solid 1px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: #f5f5f5 1px 1px 1px 1px
}
.choose-cat h3 {
    background: #f8f8f8;
    border-bottom: #e3e3e3 solid 1px;
    padding: 15px 0 15px 18px;
    font: 16px/22px OpenSans-Semibold;
    color: #2c3032
}
.dedicated-box {
    width: 100%;
    float: left;
    padding: 25px 0 20px;
    border-bottom: #e9e9e9 solid 1px
}
.dedicated-left {
    width: 405px;
    float: left
}
.dedicated-left h4 {
    color: #2c3032;
    font: 15px/25px open_sansbold;
    padding: 5px 0 0 20px;
    float: left;
    width: 200px
}
.dedicated-left select {
    width: 175px;
    margin: 0 0 0 30px;
    background: #f9fbfc;
    padding: 15px 5px
}
.dedicated-left .jqTransformSelectWrapper {
    background: #f9fbfc;
    width: 175px!important
}
.dedicated-left .jqTransformSelectWrapper a.jqTransformSelectOpen {
    background: url(../images/dro-icon.png) top right no-repeat;
    width: 7px;
    height: 4px;
    top: 18px;
    right: 20px
}
.dedicated-right {
    width: 600px;
    float: right
}
.dedicated-right .jqTransformCheckboxWrapper {
    background: url(../images/checkbox.png) no-repeat;
    display: block;
    height: 19px;
    vertical-align: middle;
    width: 20px;
    float: left
}
.dedicated-right a.jqTransformCheckbox {
    background: url(../images/checkbox.png) no-repeat;
    display: block;
    height: 19px;
    vertical-align: middle;
    width: 22px
}
.dedicated-right .span {
    font: 14px/20px proxima_nova_rgregular;
    padding: 0 0 15px 10px;
    float: left;
    width: 165px
}
.choose-cat .jqTransformInputWrapper {
    width: 460px!important
}
.dedicated-right a.jqTransformChecked {
    background-position: center bottom!important
}
.choose-cat label {
    font: 15px/20px proxima_nova_rgregular;
    padding: 20px 0 15px 30px;
    display: block
}
.choose-cat textarea {
    width: 888px;
    margin: 0 auto 0 30px;
    border: #dedede solid 1px;
    height: 160px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font: 15px/20px proxima_nova_rgregular
}
.choose-cat input {
    width: 400px;
    margin: 10px 0 10px 30px;
    height: 53px;
    border-bottom: #dbdcdd solid 1px;
    font: 15px/20px proxima_nova_rgregular;
    color: #2c3032;
    padding-right: 30px
}
.choose-cat .code {
    margin: 20px 0 20px 30px;
    float: left
}
.choose-cat iframe {
    height: 75px;
    margin-top: 21px
}
.choose-cat [type="submit"] {
    display: block;
    background: #0682d5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 160px;
    color: #fff;
    font: 18px/53px OpenSans-Semibold;
    text-transform: uppercase;
    margin: 0 0 50px 30px
}
.choose-cat [type="submit"]:hover {
    background: #43474f
}
.dedt-outr {
    width: 100%;
    border-bottom: #e3e3e3 solid 1px
}
.market {
    padding: 16px 0 0
}
.cms {
    padding: 22px 0 0
}
.php {
    padding: 13px 0 0
}
.ui {
    padding: 8px 0 0
}
.xhtml {
    padding: 12px 0 0
}
.seo {
    padding: 0
}
.code-box {
    margin: 10px 0 10px 13px;
    height: 60px
}
.name {
    background: url(../images/apply-name-icon.png) center right no-repeat

}
.email {
    background: url(../images/apply-email-icon.png) center right no-repeat

}
.phn {
    background: url(../images/apply-pnt-icon.png) center right no-repeat

}
.skype {
    background: url(../images/skype-icon.png) center right no-repeat

}
#slidingDiv {
    width: 100%;
    background: #1c202b;
    position: relative;
    height: 400px;
    padding-top: 15px
}
.toogle-close {
    padding: 0;
    height: 60px;
    width: 60px;
    position: absolute;
    right: 0;
    top: 5px
}
.toogle-close a {
    font: 60px/20px proxima_nova_rgregular;
    color: #FFF
}
.toogle-close a:hover {
    color: red
}
.slide-popup-box {
    width: 800px;
    margin: 0 auto;
    float: none
}
.slide-popup-box h4 {
    font: 50px/60px clanotbook;
    color: #FFF;
    text-align: center
}
.slide-popup-box p {
    font: 15px/30px clanotbook;
    color: #FFF;
    text-align: center;
    padding-bottom: 25px
}
.slide-popup-box-form-main {
    widows: 100%
}
.slide-popup-box-form {
    widows: 98%;
    margin-bottom: 13px;
    width: 100%;
    float: left
}
.slide-popup-box-form input {
    width: 100%;
    border: solid #464545 1px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: none;
    padding: 15px 10px;
    color: #FFF;
    font: 12px/26px clanotbook;
    margin: 0 8px 10px 0;
    width: 45%
}
.slide-popup-box-form input[ type="submit"] {
    background: #72ba1c;
    color: #FFF;
    text-transform: uppercase;
    font: 16px/26px clanotbold;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    width: 135px;
    border: none
}
.development-tab-section {
    width: 100%;
    float: left;
    margin: 0;
    position: relative
}
.development-tab-section .resp-tabs-container {
    float: left;
    padding-bottom: 30px
}
.development-tab-section .services-tabcontent {
    width: 96%;
    margin: 0;
	margin-top:2%;
    height: auto;
    background: none;
    text-align: left;
	padding:2% 2%;  
	border:2px solid #e8e8e8; 
	box-shadow: 4px 4px 8px #e2e2e2; 
}
.development-tab-section .services-tabcontent h3 {
    color: #019bdc;
    font: 40px/50px open_sansbold;
    letter-spacing: -2px;
    padding: 0
}
.development-tab-section .services-tabcontent h5 {
    width: auto;
    color: #028ec8;
    font: 22px/36px 'Open Sans';
    padding: 20px 0 15px
}
.development-tab-section .services-tabcontent p {
    padding: 0;
    text-align: left;
    font: 16px/30px 'Open Sans';
	color: #424b59;
}
.development-tab-section .resp-tabs-list {
    width: 458px;
    height: 458px;
    background: #fff url(../images/laptop.jpg) center center no-repeat;
    border: 3px solid #94cc26;
    float: right;
    position: relative;
    border-radius: 100%;
    margin-top: 15px
}
.development-tab-section .services-tabcontent .head-tab {
    padding-bottom: 20px
}
.development-tab-section .resp-tabs-list li a {
    background: #0071b8;
    width: 120px;
    height: 150px;
    border-radius: 100%;
    float: left;
    color: #fff;
    font: 13px/20px open_sansbold;
    padding: 0 15px;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    left: 150px;
    top: -63px
}
.development-tab-section .resp-tabs-list li a span {
    display: table-cell;
    height: 150px;
    vertical-align: middle;
    width: 150px
}
.development-tab-section .resp-tabs-list li a:after {
    display: none
}
.development-tab-section .resp-tabs-list li a#conts-9 {
    background: #20c277;
    left: -40px;
    top: 50px
}
.development-tab-section .resp-tabs-list li a#conts-10 {
    background: #6360a8;
    left: -43px;
    top: 259px
}
.development-tab-section .resp-tabs-list li a#conts-11 {
    background: #8dc917;
    left: inherit;
    right: 155px;
    top: 370px
}
.development-tab-section .resp-tabs-list li a#conts-12 {
    background: #359bdd;
    left: inherit;
    right: -38px;

    top: 268px
}
.development-tab-section .resp-tabs-list li a#conts-13 {
    background: #f36f21;
    left: inherit;
    right: -46px;
    top: 55px
}
.development-tab-section .resp-tabs-list li.resp-tab-active a {
    transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit--moz-transform: scale(1.1);
    -ms--moz-transform: scale(1.1)
}
#request-contant {
    width: 100%;
    margin: 0 auto;
    background: #FFF;
    padding: 25px 0 10px
}
.request-contant-mid {
    width: 1200px;
    margin: 0 auto;
    text-align: center
}
.request-contant-mid p {
    color: #2a2626;
    font: 17px/30px 'Open Sans';
    padding: 5px 0 30px
}
.request-contant-mid h3 {
    color: #06a7d5;
    font: 55px/80px open_sansbold;
    padding: 5px 0 0;
    text-transform: uppercase
}
.request-contant-mid-box-1 {
    width: 275px;
    border-radius: 5px;
    margin: 0 30px 0 0;
    border: 1px solid #dadbdc;
    float: left;
    min-height: 450px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset
}
.request-box-inner {
    background: #f35212;
    text-align: center;
    border-radius: 5px 5px 0 0;
    min-height: 170px;
    position: relative
}
.request-box-inner:after {
    border-color: #f35212 transparent transparent;
    border-style: solid;
    border-width: 15px 15px 0;
    content: "";
    display: block;
    height: 0;
    right: 15px;
    position: absolute;
    bottom: -8px;
    width: 0
}
.request-box-inner img {
    margin: 10px 0
}
.webdevelop {
    background: #29cd99;
    position: relative
}
.webdevelop:after {
    border-color: #29cd99 transparent transparent;
    border-style: solid;
    border-width: 15px 15px 0;
    content: "";
    display: block;
    height: 0;
    right: 15px;
    position: absolute;
    bottom: -8px;
    width: 0
}
.media-market {
    background: #65af1d;
    position: relative
}
.media-market:after {
    border-color: #65af1d transparent transparent;
    border-style: solid;
    border-width: 15px 15px 0;
    content: "";
    display: block;
    height: 0;
    right: 15px;
    position: absolute;
    bottom: -8px;
    width: 0
}
.hire-resource {
    background: #06a7d5;
    position: relative
}
.hire-resource:after {
    border-color: #06a7d5 transparent transparent;
    border-style: solid;
    border-width: 15px 15px 0;
    content: "";
    display: block;
    height: 0;
    right: 15px;
    position: absolute;
    bottom: -8px;
    width: 0
}
input[type=radio].css-checkbox {
    display: none
}
input[type=radio].css-checkbox + label.css-label {
    height: 25px;
    display: block;
    line-height: 25px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 20px;
    vertical-align: middle;
    cursor: pointer;
    width: auto;
    text-align: left;
    margin-left: 30px;
    color: #fff;
    padding: 0 0 0 30px;
    font: 20px/25px open_sansbold
}
input[type=radio].css-checkbox:checked + label.css-label {
    background-position: 0 -25px
}
.request-contant-mid-box-1-check {
    width: 86%;
    float: left;
    margin: 20px 0 0 29px
}
.request-contant-mid-box-1-check a.jqTransformCheckbox {
    background: url(../images/checkbox.png) no-repeat left top;
    display: block;
    height: 19px;
    vertical-align: middle;
    width: 22px
}
.request-contant-mid-box-1-check .jqTransformCheckboxWrapper {
    background: url(../images/checkbox.png) no-repeat left top;
    display: block;
    float: left;
    height: 19px;
    vertical-align: middle;
    width: 20px
}
.request-contant-mid-box-1-check .span {
    float: left;
    font: 14px/22px proxima_nova_rgregular;
    padding: 0 0 15px 10px;
    width: 87%;
    text-align: left;
    color: #2c3032
}
.request-contant-mid-box-1-check .jqTransformChecked {
    background-position: center bottom!important
}
.choose-cat-request form {
    width: 1200px
}
.choose-cat-request .jqTransformInputWrapper {
    width: 360px!important
}
.request-contant-mid-box-1 .request-box-inner .jqTransformCheckbox {
    background: url(../images/radiohover.png) no-repeat scroll center top transparent;
    display: block;
    height: 25px;
    vertical-align: middle;
    width: 25px
}
.request-contant-mid-box-1 .request-box-inner a.jqTransformChecked {
    background-position: center bottom;
    color: red
}
.request-contant-mid-box-1 .request-box-inner .jqTransformCheckboxWrapper {
    color: #fff;
    display: block;
    float: left;
    margin: 135px 4px 0 35px
}
.choose-cat-request form label {
    font: 15px/20px proxima_nova_rgregular;
    padding: 20px 0 15px 30px;
    display: block
}
.choose-cat-request form textarea {
    width: 350px;
    margin: 11px auto 0 30px;
    border: #dadbdc solid 1px;
    height: 76px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font: 15px/20px proxima_nova_rgregular;
    padding: 20px;
    resize: none
}
.name-1 {
    background: url(../images/request-name.png) 290px center no-repeat

}
.email-1 {
    background: url(../images/request-mail.png) 290px center no-repeat

}
.choose-cat-request form input {
    width: 260px;
    margin: 10px 0 0 30px;
    height: 53px;
    border: #dadbdc solid 1px;
    font: 15px/20px proxima_nova_rgregular;
    color: #2c3032;
    border-radius: 5px;
    padding: 0 40px 0 25px
}
.code {
    margin: 20px 0 20px 30px
}
.choose-cat-request [type="submit"] {
    display: block;
    background: #71b231;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 160px;
    color: #fff;
    font: 18px/53px OpenSans-Semibold;
    text-transform: uppercase;
    margin: 0 0 25px 30px;
    padding: 0;
    float: left;
    border-bottom: 4px solid #598c27
}
.choose-cat-request {
    width: 1200px;
    margin: 25px auto 35px;
    padding-bottom: 20px;
    border-radius: 10px;
    border: 1px solid #dadbdc;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset
}
.choose-cat-request h3 {
    padding: 15px 0 15px 18px;
    font: 20px/22px open_sansbold;
    color: #2c3032
}
.budget {
    width: 1200px;
    margin: 25px auto 0;
    border-radius: 10px;
    height: 90px;
    border: 1px solid #dadbdc;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2) inset
}
.choose-cat-request p {
    color: #2c3032;
    font: 16px/22px proxima_nova_rgregular;
    padding: 0 0 0 35px
}
.budget h2 {
    font: 20px/90px open_sansbold;
    color: #35393a;
    padding: 0 0 0 40px;
    float: left
}
.budget img {
    margin: 18px 0 0 65px
}
.from-box1 {
    width: 720px;
    float: left
}
.form-box2 {
    width: 390px;
    float: left
}
.form-box3 {
    width: 1200px;
    float: left
}
#req-top-part {
	background-color:#0682d5;
    margin: 70px auto 0;
    padding: 0;
    width: 100%;
	height:auto !important;
}
#req-top-part p {
    font: 22px/25px clanotnews;
    color: #FFF;
    text-transform: uppercase;
    text-align: center;
    padding: 20px;
}
#req-bottom-part {
	background-color:#0682d5;
    margin: 5px auto 0;
    padding: 0;
    width: 100%;
	min-height:110px;
}
#req-bottom-part p {
    font: 22px/25px clanotnews;
    color: #FFF;
    text-align: justify;
    padding: 20px;
}

#req-top-part p1 {
    font: 22px/25px clanotnews;
    color: #FFF;
    text-align: center;
    padding: 0 100px
}
.ui-slider-horizontal {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #cac9c9;
    border-radius: 10px;
    width: 65%;
    float: left;
    margin: 40px 0 0 55px
}
.ui-slider-horizontal .ui-slider-range {
    background: #9fb700
}
.ui-slider-horizontal .ui-slider-handle {
    background: #9fb700;
    border-radius: 100%;
    height: 22px;
    width: 22px;
    top: -7px!important
}
.price-range {
    float: left;
    margin: 30px 0 0 25px
}
.price-range span {
    font: 20px/30px open_sansbold;
    color: #65af1d!important
}
#lets-talk-frm input.error {
    color: red;
    border: red solid 1px
}
.form-box2 textarea {
    width: 350px;
    margin: 11px auto 0 30px;
    border: #dadbdc solid 1px;
    height: 76px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font: 15px/20px proxima_nova_rgregular;
    padding: 20px;
    resize: none
}
.from-box1 input {
    width: 260px;
    margin: 10px 0 0 30px;
    height: 53px;
    border: #dadbdc solid 1px;
    font: 15px/20px proxima_nova_rgregular;
    color: #2c3032;
    border-radius: 5px;
    padding: 0 40px 0 25px
}
.form-box3 input.code {
    width: 260px;
    margin: 10px 0 0 30px;
    height: 53px;
    border: #dadbdc solid 1px;
    font: 15px/20px proxima_nova_rgregular;
    color: #2c3032;
    border-radius: 5px;
    padding: 0 40px 0 25px;
    float: left
}
.request-box-inner img {
    margin: 10px 73px 0 0
}
.jqTransformRadioWrapper {
    color: #fff;
    display: block;
    float: left;
    margin: 135px 4px 0 35px
}
.jqTransformRadio {
    background: url(../images/radiohover.png) no-repeat scroll center top transparent;
    display: block;
    height: 25px;
    vertical-align: middle;
    width: 25px
}
a.jqTransformChecked {
    background-position: center bottom;
    color: red
}
form.jqtransformdone label {
    color: #fff;
    display: block;
    float: left;
    font: 16px/20px proxima_nova_rgregular;
    margin: 0 0 0 10px;
    text-align: left;
    padding: 24px 0 0
}
.from-box1 label {
    display: none!important
}
.degital-real {
    width: 100%
}
.degital-real h2 {
    font: 40px/48px open_sansbold;
    color: #000;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 15px
}
.degital-real h3 {
    font: 30px/52px 'Open Sans';
    color: #000;
    text-align: center;
    padding-top: 50px;
    padding-bottom: 60px
}
.degital-real p {
    font: 18px/33px 'Open Sans';
    color: #1f2022;
    padding-bottom: 25px
}
.digital-search-opt {
    width: 100%;
    background: #2892cf
}
.search-opt-panel {
    width: 630px;
    float: left;
    padding: 0;
    margin-bottom: 50px
}
.search-opt-panel h2 {
    font: 45px/65px open_sansbold;
    color: #FFF;
    padding-top: 30px
}
.search-opt-panel h5 {
    font: 20px/40px 'Open Sans';
    color: #FFF;
    padding-bottom: 25px
}
.search-opt-panel p {
    font: 18px/33px 'Open Sans';
    color: #f7f7f7
}
.digital-find-out {
    float: left;
    margin-top: 25px
}
.digital-find-out a {
    font: 16px/45px 'Open Sans';
    color: #FFF;
    text-decoration: none;
    padding: 0 30px;
    border: solid #8dc4e3 1px;
    display: block;
    border-radius: 5px 5px 0 5px
}
.digital-find-out a:hover {
    background: #0b7ec0;
    transition: all 1s ease 0;
    color: #FFF!important
}
.search-opt-panel-right {
    width: 500px;
    float: right;
    margin-top: 50px
}
.search-opt-panel-right img {
    vertical-align: middle;
    width: 100%
}
.analytics {
    width: 100%;
    text-align: center;
    float: left;
    height: 685px;
    overflow: hidden;
    background: url(../images/analytics-bg.jpg) center 50px no-repeat fixed;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    position: relative
}
.analytics-mid_banner {
    width: 1200px;
    margin: 0 auto
}
.marketing_agency {
    width: 685px;
    float: left;
    background: url(../images/digital-marketing-ab.png) 0 0 repeat;
    height: 590px;
    padding: 0 30px
}
.marketing_agency h4 {
    font: 43px/65px open_sansbold;
    color: #121111;
    padding: 30px 0 0;
    text-align: left
}
.marketing_agency h5 {
    font: 20px/40px 'Open Sans';
    color: #121111;
    text-align: left
}
.marketing_agency p {
    font: 18px/33px 'Open Sans';
    color: #121111;
    text-align: left;
    padding: 20px 0 0
}
.marketing_agency .digital-find-out a {
    color: #3698d1;
    font: 16px/45px 'Open Sans';
    text-decoration: none;
    padding: 0 30px
}
.marketing_agency .digital-find-out {
    float: left;
    margin-top: 25px;
    margin-left: 0
}
.digi-publishing {
    width: 100%;
    background: #FFF;
    padding-top: 30px;
    display: inline-block;
	padding-bottom: 30px;
	margin-bottom:-3px !important;

}
.digi-publishing-panel {
    width: 420px;
    float: left
}
.digi-publishing-panel img {
    width: auto
}
.digi-publishing-content-panel {
    width: 730px;
    float: right
}
.digi-publishing-content-panel h2 {
    font: 45px/65px open_sansbold;
    color: #2892cf
}
.digi-publishing-content-panel h5 {
    font: 20px/40px 'Open Sans';
    color: #121313;
    padding-bottom: 25px
}
.digi-publishing-content-panel p {
    font: 18px/33px 'Open Sans';
    color: #121313
}
.digi-publishing-content-panel .digital-find-out a {
    color: #3699d2;
    font: 16px/45px 'Open Sans';
    text-decoration: none;
    padding: 0 30px
}
.digital-social-second {
    width: 100%;
    text-align: center;
    float: left;
    height: 685px;
    overflow: hidden;
    background: url(../images/digital-social-bg.jpg) center 50px no-repeat fixed;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    position: relative
}
.conversion-rate {
    width: 100%;
    text-align: center;
    margin-bottom: 45px;
    display: inline-block;
    padding-top: 20px
}
.conversion-rate h2 {
    font: 40px/48px open_sansbold;
    color: #000;
    text-align: center;
    padding-top: 25px
}
.conversion-rate h5 {
    font: 20px/48px 'Open Sans';
    color: #000;
    text-align: center;
    padding-bottom: 15px
}
.conversion-rate p {
    font: 16px/29px 'Open Sans';
    color: #1f2022;
    padding-bottom: 25px
}
.conversion-rate a {
    border: solid #8dc4e3 1px;
    border-radius: 5px 5px 0 5px;
    font: 16px/45px 'Open Sans';
    color: #2892cf;
    text-decoration: none;
    padding: 0 30px;
    display: inline-block;
    width: auto;
    margin: 20px auto 25px
}
.conversion-rate a:hover {
    background: #0b7ec0;
    transition: all 1s ease 0;
    color: #FFF!important
}
.traffic {
    display: block;
    margin: 40px auto
}
.have-form-field-raw .jqTransformTextarea #jqTransformTextarea-mm {
    width: 100%
}
.let-left h4 {
    color: #24242a;
    font: 700 22px/29px 'Open Sans';
    letter-spacing: -1px;
    padding-bottom: 20px
}
.have-form-field-raw-inr input.error {
    border-bottom: solid #ff6a4b 1px
}
.from-box1 .jqTransformInputWrapper input.error {
    border-bottom: solid #ff6a4b 1px
}
.choose-cat .jqTransformInputWrapper input.error {
    border-bottom: solid #ff6a4b 1px
}
.choose-cat .jqTransformTextarea textarea.error{ border-bottom: 1px solid #ff6a4b; }
.h-res {
    margin-right: 0
}
.slide-popup-box-form-main h4 {
    font: 28px/30px open_sansbold;
    color: #86c14c;
    text-align: center;
    padding-top: 85px
}
.slide-popup-box-form .jqTransformInputWrapper {
    width: 45%!important
}
.slide-popup-box-form .jqTransformInputWrapper input {
    width: 90%!important
}
.slide-popup-box-form .jqTransformInputWrapper label {
    display: none!important
}
.slide-popup-box-form input[type="submit"],
.slide-popup-box-form .jqTransformButton {
    background: none repeat scroll 0 0 #72ba1c;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    font: 16px/30px clanotbold;
    text-transform: uppercase;
    height: 55px;
    width: 135px;
    float: right
}
.loader {
    position: inherit!important;
    top: 50%!important;
    left: 50%!important; position:relative!important;
}
.choose-cat-request .form-box3 label.error {
    color: red;
    padding: 10px 0 10px 19px
}
.php-color-bg {
    background: #fafafb;
    border-top: 1px solid #e7e8e8
}
.apply_singal_row input.error {
    border-bottom: solid red 1px
}
.apply_singal_row textarea.error {
    border-bottom: solid red 1px
}
.subscribe-form input.error {
    border-bottom: solid red 1px
}
.subscribe-success p {
    color: #86c14c;
    font: 28px/30px open_sansbold;

    padding-top: 65px;
    text-align: center
}
.web-analist-left {
    width: 500px!important;
    float: left;
    margin: 0 0 40px
}
.web-analist-left h2 {
    font: 700 48px/45px 'Open Sans';
    letter-spacing: -2px;
    color: #2892cf;
    padding: 30px 0 10px;
    text-transform: capitalize
}
.web-analist-right {
    width: 670px!important;
    float: right
}
.wpcont-1-right img {
    margin: 65px 0 0; width:auto;
}
.we-love-code-outer {
    background: url(../images/we-love-code-bg.jpg) repeat;
    width: 100%;
    margin: 0 auto
}
.we-love-code {
    width: 1200px;
    margin: 0 auto;
    background: url(../images/we-love-code-mid.jpg) top center;
    padding: 45px 0
}
.we-love-code:after {
    width: 100%;
    height: 0;
    clear: both;
    content: "";
    display: block
}
.we-love-code-left {
    width: 540px;
    float: left;
    padding: 0
}
.we-love-code-right {
    width: 630px;
    float: right;
    padding: 0
}
.we-love-code-right h4 {
    color: #fff;
    font: 700 22px/29px 'Open Sans';
    letter-spacing: -1px
}
.we-love-code-right p {
    color: #fff;
    font: 14px/26px 'Open Sans';
    padding: 20px 0 0
}
.we-love-code-right a {
    background: #8bd047;
    border-radius: 8px 8px 0;
    color: #fff;
    font: 16px/29px clanotmedium;
    padding: 11px 25px;
    text-align: center;
    vertical-align: middle;
    float: left;
    margin-top: 15px
}
.hire-analist-outer {
    width: 100%;
    margin: 0 auto;
    background: 0 #f6f6f7;
    padding: 0 0 0px
}
.hire-analist {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0 20px
}
.hire-analist:after {
    width: 100%;
    height: 0;
    clear: both;
    content: "";
    display: block
}
.hire-analist h1 {
    font: 700 45px/40px 'Open Sans';
    letter-spacing: -2px;
    color: #3292d1;
    text-align: center;
    padding-bottom: 15px;
    text-transform: capitalize
}
.hire-analist p {
    color: hsl(205, 24%, 26%);
    font: 20px/25px 'Open Sans';
    padding: 10px 0 0;
    text-align: center
}
@media screen and (min-width:1100px) {
.hire-analist-left {
    float: left;
    width: 33% !important;
    padding: 0px 0 0;
	margin-left:22% !important;
}
.hire-analist-right {
    float: right;
    width: 40% !important;
    padding: 0px 0 0
}

}
.hire-analist-left {
    float: left;
    width: 580px;
    padding: 0px 0 0
}
.hire-analist-left ul {
    list-style: none
}
.hire-analist-left1 ul li {
    color: #334654;
    display: block;
    float: none;
    font: 16px/29px 'Open Sans';
    margin: 0;
    padding: 0 0 5px 5px;
    width: auto;
    text-align: left;
    border: none
}
.hire-analist-left ul li p {
    color: #334654;
    float: none;
    font: 16px/29px 'Open Sans';
    margin: 0;
    text-align: left;
    border: none;
    display: table
}
.hire-analist-left ul li figure {
    float: left;
    margin: 10px 10px 0 0
}
.hire-analist-left ul a {
    color: #019BDC
}
.hire-analist .request-button a {
    border: 1px solid #6ABFE3;
    border-radius: 10px 10px 0;
    color: #159dd8;
    display: inline-block;
    font: 700 14px/46px 'Open Sans';
    letter-spacing: -.5px;
    padding: 0 16px;
    position: relative;
    text-transform: uppercase
}
.hire-analist .request-button a:after {
    background: url(../images/arrow.png) no-repeat right top;
    content: "";
    display: inline-block;
    height: 9px;
    padding-left: 12px;
    width: 6px
}
.hire-analist .request-button .request-btn {
    background: #019BDC;
    color: #fff;
    margin: 20px 0 0
}
.hire-analist .request-button .request-btn:after {
    background: url(../images/arrow02.png) no-repeat right top

}
.hire-analist .request-button a:hover {
    background: #019BDC;
    color: #FFF;
    border: 1px solid #3290cc
}
.hire-analist .request-button a:hover:after {
    background: url(../images/arrow02.png) no-repeat right top

}
.hire-analist-right {
    float: right;
    width: 580px;
    padding: 0px 0 0
}
.hire-analist-right ul {
    list-style: none
}
.hire-analist-right ul li p {
    color: #334654;
    float: none;
    font: 16px/29px 'Open Sans';
    margin: 0;
    text-align: left;
    border: none;
    display: table
}
.hire-analist-right ul li figure {
    float: left;
    margin: 10px 10px 0 0
}
.hire-analist-right ul a {
    color: #019BDC
}
.p-t-w {
    border-top: 1px solid #e9e9e9
}
.hire-analist-we-outer {
    width: 100%;
    background: #fff;
    margin: 0 auto;
    padding: 0
}
.hire-analist-we-outer .what-we-do {
    width: 1200px;
    margin: 0 auto;
    padding: 40px 0 0;
    position: relative;
    z-index: 9; float:none; display:block;
}
.hire-analist-we-outer .what-we-do:after {
    width: 100%;
    height: 0;
    clear: both;
    content: "";
    display: block
}
.hire-analist-we-outer .what-we-do-img {
    position: absolute;
    left: 36%;
    top: 11%;
    width: auto;
    z-index: -1
}
.hire-analist-we-outer .what-we-do h2 {
    color: hsl(202, 68%, 48%);
    font: 700 48px/45px 'Open Sans';
    letter-spacing: -2px;
    text-transform: capitalize
}
.hire-analist-we-outer .what-we-do h3 {
    color: hsl(202, 68%, 48%);
    font: 700 43px/45px 'Open Sans';
    letter-spacing: -2px;
    text-transform: capitalize
}
.ptw > h2 {
    color: hsl(202, 68%, 48%);
    font: 700 22px/35px 'Open Sans'!important;
    letter-spacing: .1px!important;
    text-align: center;
    text-transform: capitalize
}
.hire-analist-we-outer .what-we-do-left {
    width: 500px;
    float: left;
    padding: 35px 0 0
}
.hire-analist-we-outer .what-we-do-left .box-1 {
    margin: 0 0 50px;
    width: 80%
}
.hire-analist-we-outer .what-we-do-left .box-1 h4 {
    color: #24242A;
    font: 700 22px/29px 'Open Sans';
    letter-spacing: -1px;
    text-align: left;
    padding: 5px 0
}
.hire-analist-we-outer .what-we-do-left .box-1 p {
    font: 14px/25px 'Open Sans';
    color: #334654
}
.hire-analist-we-outer .what-we-do-left .box-3 {
    margin: 0 0 70px;
    width: 100%
}
.hire-analist-we-outer .what-we-do-left .box-3 h4 {
    color: #24242A;
    font: 700 22px/29px 'Open Sans';
    letter-spacing: -1px;
    text-align: left;
    padding: 5px 0
}
.hire-analist-we-outer .what-we-do-left .box-3 p {
    font: 14px/25px 'Open Sans';
    color: #334654
}
.hire-analist-we-outer .what-we-do-left .box-5 {
    margin: 0 0 105px;
    width: 80%
}
.hire-analist-we-outer .what-we-do-left .box-5 h4 {
    color: #24242A;
    font: 700 22px/29px 'Open Sans';
    letter-spacing: -1px;
    text-align: left;
    padding: 5px 0
}
.hire-analist-we-outer .what-we-do-left .box-5 p {
    font: 14px/25px 'Open Sans';
    color: #334654
}
.hire-analist-we-outer .what-we-do-left .box-7 {
    margin: 0 0 70px;
    width: 100%
}
.hire-analist-we-outer .what-we-do-left .box-7 h4 {
    color: #24242A;
    font: 700 22px/29px 'Open Sans';
    letter-spacing: -1px;
    text-align: left;
    padding: 5px 0
}
.hire-analist-we-outer .what-we-do-left .box-7 p {
    font: 14px/25px 'Open Sans';
    color: #334654
}
.hire-analist-we-outer .what-we-do-left .box-9 {
    margin: 0 0 70px;
    width: 100%
}
.hire-analist-we-outer .what-we-do-left .box-9 h4 {
    color: #24242A;
    font: 700 22px/29px 'Open Sans';
    letter-spacing: -1px;
    text-align: left;
    padding: 5px 0
}
.hire-analist-we-outer .what-we-do-left .box-9 p {
    font: 14px/25px 'Open Sans';
    color: #334654
}
.socialmedia-services .Wpsite-box {
    margin-top: 40px
}
.socialmedia-services .Wpsite-box h3 {
    font-size: 22px
}
.socialmedia-services ul {
    margin-top: 15px
}
.socialmedia-services ul li {
    background: url(../images/sign-icon.png) no-repeat left 7px;
    color: #334654;
    display: block;
    font: 15px/29px 'Open Sans';
    padding: 0 0 5px 28px
}
.socialmedia-services ul li a {
    color: #334654
}
.socialmedia-services ul li a:hover {
    color: #0682d5
}
.hire-analist-we-outer .what-we-do-right {
    width: 500px;
    float: right;
    padding: 35px 0 0
}
.hire-analist-we-outer .what-we-do-right .box-2 {
    margin: 0 0 70px
}
.hire-analist-we-outer .what-we-do-right .box-2 h4 {
    color: #24242A;
    font: 700 22px/29px 'Open Sans';
    letter-spacing: -1px;
    text-align: left;
    padding: 5px 0
}
.hire-analist-we-outer .what-we-do-right .box-2 p {
    font: 14px/25px 'Open Sans';
    color: #334654
}
.hire-analist-we-outer .what-we-do-right .box-4 {
    margin: 0 0 95px;
    padding: 0 0 0 50px
}
.hire-analist-we-outer .what-we-do-right .box-4 h4 {
    color: #24242A;
    font: 700 22px/29px 'Open Sans';
    letter-spacing: -1px;
    text-align: left;
    padding: 5px 0
}
.hire-analist-we-outer .what-we-do-right .box-4 p {
    font: 14px/25px 'Open Sans';
    color: #334654
}
.hire-analist-we-outer .what-we-do-right .box-6 {
    margin: 0 0 95px
}
.hire-analist-we-outer .what-we-do-right .box-6 h4 {
    color: #24242A;
    font: 700 22px/29px 'Open Sans';
    letter-spacing: -1px;
    text-align: left;
    padding: 5px 0
}
.hire-analist-we-outer .what-we-do-right .box-6 p {
    font: 14px/25px 'Open Sans';
    color: #334654
}
.hire-analist-we-outer .what-we-do-right .box-8 {
    margin: 0 0 70px;
    padding: 0 0 0 50px
}
.hire-analist-we-outer .what-we-do-right .box-8 h4 {
    color: #24242A;
    font: 700 22px/29px 'Open Sans';
    letter-spacing: -1px;
    text-align: left;
    padding: 5px 0
}
.hire-analist-we-outer .what-we-do-right .box-8 p {
    font: 14px/25px 'Open Sans';
    color: #334654
}
.hire-analist-we-outer .what-we-do-right .box-10 {
    margin: 0 0 70px;
    padding: 0 0 0 50px
}
.hire-analist-we-outer .what-we-do-right .box-10 h4 {
    color: #24242A;
    font: 700 22px/29px 'Open Sans';
    letter-spacing: -1px;
    text-align: left;
    padding: 5px 0
}
.hire-analist-we-outer .what-we-do-right .box-10 p {
    font: 14px/25px 'Open Sans';
    color: #334654
}
.form-main .row input.company-icon {
    width: 306px!important
}
.form-main input.company-icon {
    background: url(../images/website-url.html) no-repeat right top #e8eff4;
    display: block;
    height: 40px
}
.form-main input.error,
.form-main textarea.error {
    border: 1px solid red
}
.row5 {
    float: left
}
.row5 input.checkbox {
    float: left;
    height: 14px;
    margin: 7px 8px 0 0;
    width: 14px
}
.row5 p {
    float: left;
    padding: 4px 0 0
}
#hd_form p {
    color: #24242a;
    font: 12px/18px clanotbook
}
.form-main input.contas-icon {
    background: url(../images/skype.html) no-repeat right top #e8eff4;
    display: block;
    height: 40px
}
.form-main input.best-time {
    background: url(../images/phone.html) no-repeat right top #e8eff4;
    display: block;
    height: 40px
}
.custombox-show ~ .custombox-overlay {
    z-index: 99!important
}
.custombox-show {
    z-index: 999!important
}
#hire-dedicated-resource {
    width: 800px;
    border-radius: 3px
}
#hire-dedicated-resource .excited-talk {
    width: 800px
}
#hire-dedicated-resource .excited-talk .apply_form {
    background: #fff;
    width: auto;
    border-radius: 0 0 3px 3px
}
#hire-dedicated-resource .excited-talk .apply_form .apply_singal_row {
    text-align: left
}
#hire-dedicated-resource .excited-talk .apply_form .apply_singal_row .bfh-selectbox .bfh-selectbox-options {
    top: 90%
}
#hire-dedicated-resource .excited-talk .apply_form .apply_singal_row .total-e label {
    font: 16px/28px proxima_nova_rgregular;
    color: #383b3e
}
#hire-dedicated-resource .excited-talk .apply_form textarea {
    height: 90px;
    border: 1px solid #d5d8da;
    border-radius: 3px;
    color: #383b3e;
    background: #fafcfd;
    box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.1) inset;
    -ms-box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.1) inset;
    margin: 0
}
#hire-dedicated-resource .excited-talk .apply_form textarea:focus {
    box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -ms-box-shadow: 0 0 6px #f8b9b7
}
#hire-dedicated-resource .excited-talk .apply_form .apply_singal_row input[type="submit"],
#hire-dedicated-resource-2 .excited-talk .apply_form .apply_singal_row input[type="submit"] {
    margin-top: 0;
    padding: 10px 26px
}
#hire-dedicated-resource .excited-talk .apply_form .apply_main {
    float: left
}
#hire-dedicated-resource .excited-talk .apply_form p {
    display: inline-block;
    float: left;
    text-align: left;
    padding-top: 12px;
    color: #383b3e;
    font: 11px/20px 'Open Sans'
}
#hire-dedicated-resource .excited-talk .form-main {
    width: 356px;
    box-shadow: none
}
#hire-dedicated-resource .close {
    background: url(../images/close-btn.png) no-repeat 0 0;
    cursor: pointer;
    opacity: 1;
    text-indent: -9999em;
    height: 38px;
    position: absolute;
    right: -15px;
    top: -5px;
    width: 38px;
    z-index: 9999
}
.dmca a {
    float: right
}
.dmca p{ text-align:center !important; color:#FFF !important; font-weight:600 !important}
#hire-dedicated-resource .excited-talk .apply_form .apply_singal_row .bfh-selectbox-toggle {
    margin-bottom: 0
}
#hire-dedicated-resource-2 .excited-talk {
    width: 800px
}
#hire-dedicated-resource-2 .excited-talk .apply_form {
    background: #fff;
    width: auto;
    border-radius: 0 0 3px 3px
}
#hire-dedicated-resource-2 .excited-talk .apply_form .apply_singal_row {
    text-align: left
}
#hire-dedicated-resource-2 .excited-talk .apply_form .apply_singal_row .bfh-selectbox .bfh-selectbox-options {
    top: 90%
}
#hire-dedicated-resource-2 .excited-talk .apply_form .apply_singal_row .total-e label {
    font: 16px/28px proxima_nova_rgregular;
    color: #383b3e
}
#hire-dedicated-resource-2 .excited-talk .apply_form textarea {
    height: 90px;
    border: 1px solid #d5d8da;
    border-radius: 3px;
    color: #383b3e;
    background: #fafcfd;
    box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.1) inset;
    -ms-box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.1) inset;
    margin: 0
}
#hire-dedicated-resource-2 .excited-talk .apply_form textarea:focus {
    box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -ms-box-shadow: 0 0 6px #f8b9b7
}
#hire-dedicated-resource -2.excited-talk .apply_form .apply_singal_row input[type="submit"] {
    margin-top: 0;
    padding: 3px 26px
}
#hire-dedicated-resource-2 .excited-talk .apply_form .apply_main {
    float: left
}
#hire-dedicated-resource-2 .excited-talk .apply_form p {
    display: inline-block;
    float: left;
    text-align: left;
    padding-top: 12px;
    color: #383b3e;
    font: 11px/20px 'Open Sans'
}
#hire-dedicated-resource-2 .excited-talk .form-main {
    width: 356px;
    box-shadow: none
}
#hire-dedicated-resource-2 .close {
    background: url(../images/close-btn.png) no-repeat 0 0;
    cursor: pointer;
    opacity: 1;
    text-indent: -9999em;
    height: 38px;
    position: absolute;
    right: -15px;
    top: -5px;
    width: 38px;
    z-index: 9999
}
.dmca a {
    float: right
}
#hire-dedicated-resource-2 .excited-talk .apply_form .apply_singal_row .bfh-selectbox-toggle {
    margin-bottom: 0
}
.error-page {
    width: 100%;
    text-align: center;
    margin: 140px 0 100px
}
.error-page h1 {
    color: #039dde;
    font: 40px/53px 'Open Sans';
    text-transform: capitalize
}
.error-page p {
    color: #039dde;
    font: 35px/53px 'Open Sans'
}
.choose-cat-request .back-soon {
    color: #2c3032;
    float: left;
    font: 14px/22px proxima_nova_rgregular;
    padding: 17px 0 0 17px
}
.iphone-bg {
    background: #FFF;
    border-top: 1px solid #e7e8e8
}
.iphone-bg h4 {
    font: 700 23px/45px 'Open Sans';
    letter-spacing: -1px;
    text-align: center
}
.iphone-box-bg {
    background: #fafafb;
    border-top: 1px solid #e7e8e8;
    border-bottom: 1px solid #e7e8e8;
    padding-top: 25px;
    margin-bottom: 25px
}
#wpcont4-outer .iphone-box-bg h2 {
    padding-bottom: 20px
}
.php-color-bg .container .wpcont7left p {
    font: 16px/29px 'Open Sans';
	color: #424b59;
}
.wpcont7left h3 {
    font: 700 20px/29px 'Open Sans';
    letter-spacing: -1px;
    text-align: left;
    padding-top: 20px
}
.web-text {
    text-transform: inherit!important
}
/*#aa6{top:50%!important}#aa5{top:50%!important}#aa4{top:50%!important}*/

.apply_form .apply_singal_row .slider_captcha span {
    top: 0
}

/* .e-commerce-slider .customNavigation{top: 0px !important;} */


@media screen and (max-width: 1400px){
	#slider .image1, #slider .image2, #slider .image3{width:40%; top:47%;}
	#slider .image1.animate-in{top:47%;}
	#li1 img{top:47% !important;}
}
@media screen and (max-width: 1300px){
.slider_pagination{top:15%; margin:5px 0 0 2%;}
#slider h1{font:40px/43px 'source_sans_problack';}
#slider .image1, #slider .image2, #slider .image3{top:15% !important;}
#li1 img{top:15% !important;}
#slider{height:544px !important;}
#li1{height:544px !important;}
#slider .description1{left:2%;}
}
@media screen and (max-width: 1200px) {
    html,
    body {
        min-width: inherit
    }
		
	.need-fix{ width:30%;}
	.question{ width:58%;}
	.remain-top-priority{width:35%;}
    img {
        max-width: 100%
    }
    .logo {
        padding-left: 2%;
        width: 15%
    }
    nav ul li,
    nav ul li.request-proposal {
        padding: 0 1%
    }
    nav ul {
        width: 54%
    }
    .rgt {
        width: 46%
    }
    nav {
        width: 82%
    }
    .container,
    .testimonial-slider .flick-slider,
    #wpcont9-outer .container,
    .app-continer,
    .pkg-wrp,
    .terms-part-2 .site-map-part,
    .zec-cart-bot {
        width: 95%;
    }
    .great-result-wrap {
        width: 100%
    }
    .great-result-wrap h1 {
        font-size: 40px
    }
    .marketing-agency-text {
        width: 40%
    }
    .about-marketing-agency {
        width: 56%
    }
    .marketing-agency-text h2 {
        font: 29px/46px proxima_novalight;
        font: 29px/46px proxima_novalight
    }
    .services-details ul {
        width: 47%
    }
    .digital-services-wrap .container h3 {
        font: 46px/46px 'Open Sans'
    }
    .text-col {
        margin-left: 3%
    }
    .why-should-hire-col {
        width: 30%
    }
    .why-should-hire-col h4 {
        font: 47px/65px amaranthregular
    }
    .why-should-hire-col h4 span {
        font: 50px/70px amaranthbold_italic
    }
    small {
        font-size: 70%
    }
    .why-should-hire-col a {
        font: 21px/25px amaranthregular
    }
    .four-reason-row {
        width: 70%
    }
    .f1ip_container {
        width: 47%;
        height: 306px
    }
    .f1ip_card,
    .four-reason-col {
        width: 100%

    }
    #special-services-wrap h3 {
        font: 46px/45px 'Open Sans'
    }
    #special-services-wrap span {
        font: 700 45px/45px 'Open Sans'
    }
    .four-reason-col p {
        color: #fff;
        font: 15px/28px clanotnews
    }
    .back h5 {
        color: #fff;
        font: 700 15px/24px 'Open Sans'
    }
    .back {
        padding: 9px 20px 0
    }
    #why-us {
        height: 657px
    }
    .blog-post {
        width: 24%;
        margin: 0 2% 10px 0
    }
    .special-service-col {
        margin-left: 1%;
        width: 24%
    }
    .hover-textbox {
        width: auto
    }
    .brand-col .brand-logo {
        width: 176px
    }
    .brand-col h5 {
        width: 100%;
        min-width: inherit;
        font: 14px/55px clanotmedium
    }
    .lets-talk-row ul {
        width: 100%
    }
    .lets-talk-row ul li {
        margin: 0 26px 25px;
        padding: 0
    }
    .ani_bg {
        left: 40px
    }
    #social-share-wrap ul li h5 {
        font: 37px/50px clanotthin
    }
    .testimonial-slider {
        width: 98%!important
    }
    .testimonial-slider a {
        font: 29px/53px 'Open Sans';
        font: 29px/53px 'Open Sans'
    }
    .great-seven-year {
        display: none
    }
    header nav ul li .submenu {
        width: 759px!important;
        left: -174%!important
    }
    nav ul li .submenu li {
        width: 172px
    }
    nav ul li.request-proposal span img {
        display: none
    }
    .services-design {
        width: 100%
    }
    .hire-developer .services-design ul li {
        width: 217px
    }
    .wpcont9left {
        width: 47%
    }
    .hire-developer p {
        font: 18px/38px clanotbook
    }
    .app-continer p {
        font: 22px/40px "Open Sans"
    }
    .res-part {
        width: 97%
    }
    .hire-dedticed-box {
        width: 37.99%
    }
    .hire-dedticed-content {
        width: 51%;
        padding-right: 2%
    }
    .month-get-start:before {
        background-size: 100% auto;
        width: 81%
    }
    .hour-panel {
        width: 100%;
        background-size: 100% auto
    }
    .hour-panel-left {
        width: 41%;
        padding: 28px 0 0
    }
    .monthly {
        width: 50%;
        padding-right: 0
    }
    .meet-our-team-part {
        padding-top: 2%
    }
    .meet-our-team-part-left {
        width: 21%
    }
    .meet-our-team-part-left span {
        font: 42px/48px amaranthitalic
    }
    .meet-our-team-part-left h1 {
        font: 81px/79px amaranthregular
    }
    .our-team-portfolio {
        width: 77%
    }
    .our-team-portfolio ul li {
        width: 23%
    }
    .our-team-portfolio ul li img {
        height: auto
    }
    .asp-pro {
        width: 100%
    }
    .asp-left-box,
    .good-img {
        width: 45%
    }
    .asp-right-box,
    .good-reasons {
        width: 54%
    }
    .wpcont-1-left-seo,
    .wpcont-1-left {
        width: 50%
    }
    .wpcont-1-right {
        width: 47%
    }
    .wpcont7left {
        width: 46%;
        margin-right: 4%
    }
    .wpcont7left .col-left {
        width: 91%
    }
    .wpcont-1-right.g-search {
        position: relative;
        top: 0
    }
    .services-tabcontent {
        margin-right: auto;
        margin-left: auto;
        width: 71%;
        background-size: 98% auto;
        float: none;
        height: auto
    }
    #conts-1 {
        left: 0;
        bottom: 0
    }
    .wpcont5left {
        width: 50%
    }
    #conts-2 {
        left: 8%
    }
    #conts-3 {
        top: 33px;
        left: 224px
    }
    #conts-4 {
        top: 8px;
        left: 435px
    }
    #conts-5 {
        left: 641px;
        top: 33px
    }
    #conts-6 {
        left: 763px
    }
    .services-tabcontent h3 {
        font: 17px/40px clanotnews
    }
    .services-tabcontent img {
        margin: 23px 0 0
    }
    .wpcont-1-left h1 {
        font: 700 41px/41px 'Open Sans'
    }
    .wpcont-1-left p {
        font: 21px/36px proxima_novalight
    }
    #wpcont4-outer .container h2 {
        font: 700 32px/45px 'Open Sans'
    }
    #wpcont6-outer .container ul {
        margin: 0 auto;
        width: 47%;
        float: none
    }
    .cont4-left {
        width: 47%
    }
    .Wpsite-box {
        width: 100%
    }
    .cont4-right {
        width: 49%
    }
    .want-seo {
        width: 98%
    }
    .wpcont-1-left-seo h2 {
        font: 700 31px/45px 'Open Sans'
    }
    .wpcont7left p {
        font: 18px/29px 'Open Sans'
    }
    .wpcont7left h2,
    .wpcont7left h2 {
        font: 700 20px/35px 'Open Sans'
    }
    .lets-talk-row h2 {
        font: 55px/60px amaranthbold_italic
    }
    .wpcont7left + .wpcont7left {
        float: left
    }
    .about-continer,
    .experiment,
    #career-contant-mid,
    .opening-part,
    .nice-section,
    .office-location,
    .have-form-field,
    .sign-box-package,
    .portfolio-text-row {
        width: 98%
    }
    .about-text {
        margin: 25px 4%;
        width: 92%
    }
    .flick-slider,
    .flickerplate,
    .opening-part-row,
    .testimonial-row {
        width: 100%
    }
    .about-text-left-panel {
        width: 47%
    }
    .arrow-navigation.left {
        right: 55px;
        top: -64px
    }
    .arrow-navigation.right {
        right: 0;
        top: -64px
    }
    .opening-part .box {
        width: 45%;
        margin: 0;
        padding: 20px 2%;
        min-height: 410px
    }
    .opening-part .box + .box {
        float: right
    }
    .opening-part .box h5 {
        font: 16px/25px clanotmedium
    }
    #wpcont5-outer .container .please-email-part h2 {
        font: 22px/29px 'Open Sans'
    }
    .email-box-cont {
        padding-right: 2%;
        width: 36%
    }
    .career-box-cont {
        width: 26%
    }
    .please-email-part {
        padding-right: 2%
    }
    #wpcont5-outer .container .please-email-part h2 {
        font: 18px/29px 'Open Sans'
    }
    .have-form-field-raw-inr {
        width: 29%;
        margin: 0 2%
    }
    .have-form-field-raw-inr input {
        padding: 10px 2%;
        width: 96%
    }
    .nice-section h1,
    .plase-call-part ul {
        width: 100%
    }
    .nice-section h1 img {
        left: 9%
    }
    .plase-call-part ul li {
        padding: 0 2%
    }
    .content-writing-col {
        width: auto
    }
    .bnr-img {
        width: 98%;
        padding-top: 15%;
        height: 380px
    }
    #banner {
        background: url(../images/banner-2.jpg) center center no-repeat

    }
    #why-us {
        background: url(../images/why-us-bg.jpg) center top no-repeat

    }
    #subscribe-wrap {
        background: url(../images/subscribe-bg.jpg) center top no-repeat

    }
    .subscribe-form {
        width: 67%
    }
    .subscribe-form input {
        width: 60%;
        padding: 12px 5% 12px 12%
    }
    #wpcont3-outer .container h3 {
        font: 25px/40px clanotbook
    }
    #wpcont5-outer .container h2 {
        font: 700 32px/45px 'Open Sans'
    }
    #wpcont5-outer .wpcont7left h2 {
        font: 700 22px/29px 'Open Sans'
    }
    .hire-developer h1,
    .app-continer h1 {
        font: 700 43px/50px 'Open Sans'
    }
    .mid-contant-box h2 {
        font: 700 35px/45px 'Open Sans'
    }
    .hire-developer ul li {
        width: 137px
    }
    .hire-developer ul li span {
        font: 15px/23px clanotmedium
    }
    .hire-wd {
        width: 62%
    }
    .how-it-work {
        width: 34%
    }
    .let-left {
        padding-right: 1%;
        width: 50%
    }
    .project-suss {
        width: 47%
    }
    .let-expeorts h2 {
        font: 700 29px/45px 'Open Sans'
    }
    .pkg-wrp table tr td {
        width: 174px
    }
    .terms-part-left {
        width: 47%
    }
    .terms-part-right {
        width: 47%
    }
    .refund-left {
        width: 65%
    }
    .site-map-left {
        width: 33%
    }
    .site-map-left ul {
        padding-bottom: 10px
    }
    .fornt-end {
        background: #f5f6f9;
        height: auto
    }
    .fornt-end3 {
        background: #fff;
        height: auto;
        padding: 35px 0 0
    }
    .fornt-end2 {
        height: auto
    }
    .creative-float {
        width: 100%;
        height: auto
    }
    .services-design ul {
        margin: 0
    }
    .we-are-diffrent ul {
        width: 49%
    }
    .lets-talk-row ul li {
        width: 19%
    }
    .lets-talk-row ul li figure {
        left: 39%;
        width: 28%
    }
    .lets-talk-row ul li .ani_bg {
        left: 28%
    }
    .lets-talk-row ul li .ani_bg-2 {
        left: 27%
    }
    #conts-3 {
        left: 21%;
        top: 10%
    }
    #conts-4 {
        left: 38%;
        top: 0
    }
    #conts-5 {
        left: 55%;
        top: 5%
    }
    #conts-6 {

        left: 72%;
        top: 29%
    }
    .services-tabcontent .theme2_box,
    .services-tabcontent .theme7_box,
    .services-tabcontent .theme3_box,
    .services-tabcontent .theme4_box,
    .services-tabcontent .theme5_box,
    .services-tabcontent .theme6_box,
    .services-tabcontent .theme7_box {
        width: 100%;
        background-size: 98% auto;
        height: auto
    }
    .c_d-right-box {
        width: 100%
    }
    .crd-ul {
        width: 50%
    }
    #content {
        width: 100%
    }
    .content {
        width: 99%
    }
    .content-hire {
        width: 59%
    }
    .content-excited {
        width: 39%
    }
    #phpprogram {
        width: 100%
    }
    .phpprogram {
        width: 99%
    }
    .phpprogram h2 {
        font-size: 30px;
        line-height: 40px;
        padding: 15px 0 0
    }
    .phpprogram p {
        padding-bottom: 20px
    }
    .phpprogram img {
        padding-right: 2%
    }
    #technical-skills {
        width: 100%
    }
    .technical {
        width: 99%
    }
    .technical-left {
        width: 46%
    }
    .technical-left ul li {
        padding: 0 1%
    }
    .technical-right {
        width: 46%
    }
    .technical-right ul li {
        padding: 0 1%
    }
    #strenth-part-outer {
        width: 100%
    }
    .strenth-part {
        width: 99%
    }
    .box-row {
        width: 100%
    }
    .box-left {
        width: 50%
    }
    .box-right {
        width: 48%;
        padding: 0 0 0 1%
    }
    .img-box {
        margin: 0 1% 0 0
    }
    .txt-box {
        width: 60%
    }
    .txt-box ul li a {
        font-size: 13px
    }
    #outsource-outer {
        width: 100%
    }
    .outsource-part {
        width: 99%
    }
    .outsource-part ul li {
        padding: 0 15px
    }
    .outsource-part ul li figcaption {
        font-size: 13px
    }
    .webdesign-popup #custombox-modal {
        width: 97%!important;
        margin: 0!important;
        left: 1%!important
    }
    .web-popupcontent {
        width: 100%!important
    }
    .zoomer_wrapper {
        width: 68%
    }
    .popup-content {
        width: 32%
    }
    .web-popupcontent .close {
        right: -2%;
        top: 1%
    }
    .choose-cat,
    .choose-cat,
    .dedt-team {
        width: 100%;
        margin-bottom: 20px!important
    }
    .dedicated-left {
        width: 25%
    }
    .dedicated-right {
        width: 75%
    }
    .dedicated-right .span {
        width: 20%
    }
    .choose-cat input {
        width: 88%
    }
    .choose-cat textarea {
        width: 95%
    }
    .dedicated-right .span {
        min-width: 30%;
        padding: 0 0 14px 5px
    }
    .slide-popup-box {
        width: 90%
    }
    .development-tab-section ul.resp-tabs-list {
        display: none
    }
    .development-tab-section .services-tabcontent {
        width: 98%;
        float: left
    }
    .development-tab-section .resp-tabs-container {
        width: 100%;
        float: left;
        margin-bottom: 2%
    }
    .development-tab-section .resp-tabs-container h2.resp-accordion {
        display: block;
        font: 16px/28px 'Open Sans';
        letter-spacing: inherit;
        text-align: left;
        color: #000;
        width: 97%;
        float: left;
        background: url(../images/tab-bg.gif) repeat-x left top;
        border: 1px solid #dbdede;
        margin-bottom: 1px;
        cursor: pointer;
        padding: 1%;
        border-radius: 3px
    }
    .development-tab-section .resp-tabs-container h2 .resp-arrow {
        background: url(../images/plus.png) no-repeat right top;
        height: 21px;
        width: 21px;
        margin: 6px 10px 0 0;
        float: right
    }
    .development-tab-section .resp-tabs-container h2.resp-tab-active .resp-arrow {
        background: url(../images/minus.png) no-repeat right top

    }
    .development-tab-section .services-tabcontent h3 {
        padding-top: 10px
    }
    .development-tab-section .services-tabcontent h5 {
        padding: 10px 0 5px
    }
    .development-tab-section .services-tabcontent p {
        padding-bottom: 15px
    }
    .from-box1,
    .form-box2 {
        width: 94%
    }
    .form-box3 input.code {
        margin-left: 10px
    }
    .choose-cat-request form input {
        margin-left: 10px
    }
    .budget {
        width: 99%
    }
    .budget img {
        margin: 20px 0 0 2%;
        max-width: 80%
    }
    .request-contant-mid {
        width: 99%
    }
    .request-contant-mid-box-1 {
        width: 22%
    }
    .choose-cat-request,
    .choose-cat-request form,
    .form-box3 {
        width: 99%
    }
    .analytics-mid_banner {
        width: 100%;
        margin: 0 auto
    }
    .marketing_agency {
        padding: 0 0 20px
    }
    
    .marketing_agency {
        width: 55%;
        padding-top: 12px
    }
    .search-opt-panel h2 {
        padding: 10px 0 0
    }
    .marketing_agency h4 {
        padding: 0
    }
    .degital-real h1 {
        font-size: 30px;
        padding-bottom: 5px
    }
    .search-opt-panel h5 {
        font-size: 20px;
        line-height: 20px;
        padding-bottom: 12px
    }
    .marketing_agency p {
        padding-top: 10px
    }
    .search-opt-panel p {
        padding-top: 10px
    }
    .digi-publishing-content-panel h5 {
        padding-bottom: 10px
    }
    .conversion-rate h5 {
        padding-bottom: 10px
    }
    .digital-social-second,
    .analytics {
        width: 99%;
        height: auto
    }
    .marketing_agency {
        width: 50%;
        height: auto
    }
   /* #req-top-part {
        margin-top: 0
    }*/
    .web-analist-left {
        width: 47%
    }
    .web-analist-right {
        width: 48%!important
    }
    .we-love-code-outer {
        width: 100%
    }
    .we-love-code {
        width: 98%
    }
    .we-love-code-left {
        width: 46%;
        padding: 30px 0 0
    }
    .we-love-code-right {
        width: 50%;
        padding: 20px 0 0
    }
    .we-love-code-right p {
        padding: 10px 0 0
    }
    .hire-analist-we-outer {
        width: 100%
    }
    .hire-analist-we-outer .what-we-do {
        width: 98%;
        padding: 15px 0 0
    }
    .hire-analist-we-outer .what-we-do-img {
        display: none
    }
    .hire-analist-we-outer .what-we-do-left {
        width: 48%
    }
    .hire-analist-we-outer .what-we-do-left .box-1 {
        width: 100%;
        margin-bottom: 25px
    }
    .hire-analist-we-outer .what-we-do-left .box-3 {
        width: 100%;
        margin-bottom: 25px
    }
    .hire-analist-we-outer .what-we-do-left .box-5 {
        width: 100%;
        margin-bottom: 25px
    }
    .hire-analist-we-outer .what-we-do-left .box-7 {
        width: 100%;
        margin-bottom: 25px
    }
    .hire-analist-we-outer .what-we-do-right {
        width: 48%
    }
    .hire-analist-we-outer .what-we-do-right .box-2 {
        padding-left: 0;
        margin-bottom: 25px
    }
    .hire-analist-we-outer .what-we-do-right .box-4 {
        padding-left: 0;
        margin-bottom: 25px
    }
    .hire-analist-we-outer .what-we-do-right .box-6 {
        padding-left: 0;
        margin-bottom: 25px
    }
    .hire-analist-we-outer .what-we-do-right .box-8 {
        padding-left: 0;
        margin-bottom: 25px
    }
    .hire-analist-outer {
        width: 100%
    }
    .hire-analist {
        width: 98%;
        padding-top: 20px
    }
    .hire-analist h1 {
        font-size: 35px;
        padding-bottom: 0
    }
    .hire-analist-left {
        width: 46%
    }
    .hire-analist-right {
        width: 48%
    }

.request-page, .request-icon-part .request-icon-inner{ width:100%;}
.form-textarea-box{float:left;}
.from-input-box{ width:70%; margin-left:15%;}
.request-form-section .from-input-box.name .jqTransformInputWrapper {width: 100% !important;}

.from-input-box2 .ms-choice{ width:100%;}

.request-form-section .ms-drop.bottom{ width:99%;}


.countryCode { float: left;width: 25%; margin-right:6px;}
    /*#aa4{left:72%;top:34%}#aa5{left:57%!important;top:50.1%!important}#aa6{left:78%!important;top:50.1%!important}*/
}

@media screen and (max-width: 1070px) {
.request-form-section .budget-cepcha .form-box3 .jqTransformInputWrapper{ width:100% !important;}
.from-input-box .form-box3 input.code{ width:88%;}


}

@media screen and (max-width: 1024px) {
    .request-proposal {
        padding: 0 12px
    }
	
	.wordpress-what-we-do{ width: 65%;}
	.wordpress-what-we-do li{width: 25%;}
	.click-here a{padding: 0 17%;}
	.need-fix{   width: 31%;
   }
    ul.resp-tabs-list {
        display: none
    }
	
	.common-most p{font: 14px/28px 'Open Sans';}
	.remain-top-priority ul li{font: 14px/35px 'Open Sans';}
	.common-most h6{font: 600 14px/30px 'Open Sans';}
	.remain-top-priority h5{font: 600 21px/24px 'Open Sans';}
	.question{width: 56%;}
	.remain-top-priority{width: 34%;}
    nav ul li,
    nav ul li.request-proposal {
        padding: 0 2%
    }
    .lets-talk-row ul li figure {
        left: 42%
    }
    .services-tabcontent .theme2_box,
    .services-tabcontent .theme7_box,
    .services-tabcontent .theme3_box,
    .services-tabcontent .theme4_box,
    .services-tabcontent .theme5_box,
    .services-tabcontent .theme6_box,
    .services-tabcontent .theme7_box {
        background: none
    }
    .resp-tabs-container {
        width: 100%;
        float: left;
        margin-bottom: 2%
    }
    .resp-tabs-container h2.resp-accordion {
        display: block;
        font: 16px/28px 'Open Sans';
        letter-spacing: inherit;
        text-align: left;
        color: #000;
        width: 97%;
        float: left;
        background: url(../images/tab-bg.gif) repeat-x left top;
        border: 1px solid #dbdede;
        margin-bottom: 1px;
        cursor: pointer;
        padding: 1%;
        border-radius: 3px
    }
    .resp-tabs-container h2 .resp-arrow {
        background: url(../images/plus.png) no-repeat right top;
        height: 21px;
        width: 21px;
        margin: 6px 10px 0 0;
        float: right
    }
    .resp-tabs-container h2.resp-tab-active .resp-arrow {
        background: url(../images/minus.png) no-repeat right top

    }
    .services-tabcontent {
        width: 100%;
        background: none;
        margin: 0;
        float: left;
        padding-bottom: 3%;
        text-align: left
    }
    .services-tabcontent img {
        float: left;
        margin-right: 12px
    }
    .services-tabcontent p {
        text-align: left;
        padding: 0;
        display: table
    }
    .custombox-modal {
        width: 78%!important
    }
    .apply_form {
        width: 95%
    }
    .apply_singal_row input {
        width: 93%
    }
    .total-e {
        width: 48%
    }
    .item4 .c_d-right-box {
        width: 98%
    }
    .portfolio .portfolio-detail-col {
        width: 24.6%
    }
    .portfolio .portfolio-col2 {
        width: 24.6%
    }
    .resp-hide {
        display: none
    }
    .our-latest-work ul li.last-prot {
        display: none
    }
    .isotope {
        height: 430px!important
    }
    .pic-caption .hovertext,
    .pic-caption .hover-text {
        display: none
    }
    .portfolio-row {
        min-height: inherit
    }
    .office-location {
        background: none;
        height: auto;
        margin-bottom: 2%;
        float: left
    }
    .us-off:after,
    .ind-off:before {
        display: none
    }
    .office-location-left {
        width: 46%;
        padding-left: 2%
    }
    .ind-location {
        width: 46%;
        float: left
    }
    .tab-box {
        width: 683px
    }
    .our-latest-work ul li.populer-web-port {
        width: 45.5%
    }
    .our-latest-work ul li {
        width: 26.5%
    }
    .our-logo {
        display: none
    }
    .our-latest-work {
        margin-bottom: 2%
    }
    .content-hire {
        width: 57%
    }
    .content-excited {
        width: 40%
    }
    .content-hire h3 {
        line-height: 30px;
        font-size: 18px
    }
    .phpprogram h2 {
        font-size: 20px;
        padding: 2px;
        line-height: 35px
    }
    .phpprogram img {
        padding-right: 1%;
        padding-left: 2px;
        padding-top: 2%
    }
    .phpprogram p {
        padding: 0;
        font-size: 14px;
        line-height: 26px
    }
    .txt-box h4 {
        font-size: 20px;
        padding: 0 0 5px
    }
    .txt-box ul li {
        padding: 0 0 0 25px
    }
    .txt-box ul li a {
        line-height: 25px
    }
    .img-box {
        width: 38%
    }
    .outsource-part ul li {
        width: 15%;
        padding: 0 3px
    }
    .dedt-team ul li {
        width: 14%;
        margin: 0 20px 0 0
    }
    .dedicated-left h4 {
        width: 60%
    }
    .dedicated-left .jqTransformSelectWrapper {
        width: 55%!important;
        margin: 10px 0 0 20px
    }
    .dedicated-right .span {
        min-width: 30%;
        padding: 0 0 14px 5px
    }
    .comp-name h3 {
        font-size: 18px
    }
    #req-top-part h2 {
        font-size: 60px;
        line-height: 75px;
        padding: 80px 0 10px
    }
    #req-top-part p {
        padding: 0 20px
    }
    .request-contant-mid-box-1-check {
        margin: 20px 0 0 5px
    }
    .request-box-inner img {
        margin: 10px 55px 0 0
    }
    .budget img {
        max-width: 75%
    }
    .request-contant-mid-box-1 {
        width: 22%
    }
    .marketing_agency {
        padding-left: 2%;
        padding-right: 2%
    }
    .conversion-rate h2 {
        padding-top: 0
    }
    #req-top-part h1 {
        font-size: 70px; line-height:70px;
    }
    .search-opt-panel h2 {
        font-size: 43px;
        line-height: 50px;
        padding-bottom: 10px
    }
    .conversion-rate h2 {
        font-size: 43px
    }
    .budget h2 {
        padding-left: 10px
    }
    .form-box3 .jqTransformInputWrapper {
        margin-left: 25px
    }
    .logo a {
        z-index: 1;
        position: relative
    }
    a.pull {
        display: block
    }
    nav ul {
        display: none;
        z-index: 9999;
        top: 62px;
        width: 100%;
        background: #30333d
    }
    .rgt {
        position: absolute;
        right: 0;
        top: 0;
        width: auto
    }
    .menu {
        display: block;
        position: relative;
        width: 100%
    }
    .logo {
        position: absolute
    }
    .logo img {
        width: 121px
    }
    nav ul li {
        width: 98%;
        padding-right: 0;
        border-top: 1px solid #1e1f24
    }
    nav ul li.services a {
        color: #fff;
        padding: 0 0 0 15px
    }
    nav ul li a {
        padding-bottom: 0;
        color: #fff
    }
    nav ul li.services:hover a {
        border-radius: 0
    }
    header nav ul li .submenu {
        top: 45px!important;
        border-radius: 0;
        width: 100%!important
    }
    nav ul li .submenu li ol li,
    nav ul li .submenu li {
        border: none
    }
    .rgt span a img {
        display: block
    }
    .rgt span a img + img {
        display: none
    }
    .rgt span.phon-no a {
        display: block
    }
    .rgt span.phon-no img {
        display: none
    }
    .rgt span {
        font-size: 0
    }
    .rgt span.phon-no a img {
        display: block
    }
    .request-proposal {
        padding: 0
    }
    .rgt span a {
        text-indent: -333em;
        font-size: 0
    }
    .request-proposal {
        background: none
    }
    .subscribe-form {
        width: 57%
    }
    .wpcont7left + .wpcont7left {
        float: right
    }
    .subscribe-form input {
        padding: 12px 5% 12px 15%;
        width: 55%
    }
    .subscribe-form input[type="submit"] {
        width: 20%;
        padding: 0
    }
    .great-result-wrap h1 {
        font-size: 34px
    }
    .logo {
        width: 100%;
        text-align: center;
        padding: 0;
        line-height: 53px
    }
    nav {
        width: 100%
    }
    header {
        padding: 0;
        height: auto!important;
        position: static;
        margin-bottom: 1px
    }
    #wpcont-1-outer,
    #career-top-part,
    .your-apps {
        margin: 0 auto
    }
    header:after {
        clear: both;
        content: "";
        width: 100%;
        height: 0;
        display: block
    }
    header.sticky {
        height: auto !important;
        position: static
    }
    nav ul li.services a {
        border: none;
        padding-left: 21px
    }
    header nav ul li .submenu {
        left: 0!important
    }
    header nav ul li .submenu {
        border-top: none
    }
    nav ul li.services:hover a {
        width: 98%
    }
    nav ul li .submenu li {
        width: 222px
    }
    .our-latest-work {
        height: 424px;
        overflow: hidden
    }
    #content {
        margin-top: 0
    }
    .choose-cat .jqTransformTextarea {
        width: 94%;
        height: 110px
    }
    .services .choose-cat label {
        color: #000!important;
        margin: 0 0 10px 38px;
        padding-top: 2px
    }
    .your-apps {
        height: auto;
        padding: 25px 0
    }
    .app-continer {
        padding: 0
    }
    .app-continer h1 {
        padding-top: 0
    }
    .choose-cat-request [type="submit"] {
        margin-left: 37px
    }
    .hire-dedicat .custombox-modal {
        left: 1%;
        margin: 0!important;
        width: 97%!important
    }
    #hire-dedicated-resource {
        width: 100%
    }
    #hire-dedicated-resource .excited-talk {
        width: 100%
    }
    #hire-dedicated-resource .excited-talk .apply_form .apply_singal_row .total-e input {
        width: 85%
    }
    #hire-dedicated-resource .excited-talk .apply_form .apply_singal_row .bfh-selectbox-toggle {
        width: 92%
    }
    #hire-dedicated-resource .excited-talk .apply_form .txtarea {
        width: 98%
    }
    #hire-dedicated-resource .excited-talk .apply_form .txtarea textarea {
        width: 98%
    }
    #hire-dedicated-resource .close {
        right: -2px
    }
	#req-top-part {
        margin-top: 0;}
    /*#aa4{left:72.2%!important;top:33.4%!important}#aa5{left:0!important;top:66.8%!important}#aa6{left:26.8%!important;top:66.8%!important}*/
	
	.lets-talk-row ul li{ width:21%; margin:0 2% 5%;}
	
.countryCode {margin-right:6px;}
}

@media screen and (max-width: 900px){
	#slider h1{font:27px/27px 'source_sans_problack';}
	#slider h4{font:23px/27px 'source_sans_prolight'; width:auto;}
	.left-section-part{margin-top:24px !important;}
	.left-section-part li{width:40%; margin-right:5%; padding:0;}
	.left-section-part img{padding:0; width:100%;}
	#li1{height:440px !important;}
	#slider{height:440px !important;}
	.slider_pagination{top:11%; margin:5px 0 0 1%;}
	#slider .image1, #slider .image2, #slider .image3{width:54%;}
	.request-form-section .budget-cepcha .form-box3 .jqTransformInputWrapper{ padding-left:5px;}
	#req-top-part h1{ padding-top:5%;}
	#req-top-part{ height:auto;}
	.lets-talk-row ul li p small{ font-size:37px;}
	.from-input-box .form-box3 input.code{ width:83%;}
	.from-input-box2 .ms-drop.bottom span, .from-input-box2 .ms-choice > span{ font-size:13px;}
	
	
}

@media screen and (max-width: 800px) {
	
	.click-here{ padding: 0 40px;}
		.phone-service .from-input-box1.name .jqTransformInputWrapper{width:100%!important;}
	.phone-service .from-input-box1 .jqTransformInputWrapper{width:71%!important;}
	
	}
@media screen and (max-width: 768px) {

	.click-here a{ padding: 0 23%;}
	.wordpress-what-we-do li{ width: 25%;}
    .choose-cat .jqTransformInputWrapper {
        width: 45%!important
    }
    nav ul li.services a {
        padding-left: 15px
    }
    nav ul li .submenu li {
        width: 172px
    }
	.wordpress-what-we-do{ width: 100%;}
	.wordpress-what-we-do h3{font: 700 30px/31px 'Open Sans';}
	.question{width: 87%;}
	.remain-top-priority{width: 67%;  margin-bottom: 33px;
    margin-top: 48px;}
	.need-fix {
    margin-left: 27%;
    width: 40%;
}
	.click-here{padding: 0 46px;}
    .great-result-wrap h1 span {
        font: 700 34px/45px 'Open Sans'
    }
    #banner {
        height: auto
    }
    .ani_bg {
        left: 26px
    }
    .lets-talk-row ul li {
        width: 160px;
        margin: 0 12px 20px
    }
    .lets-talk-row ul li figure {
        width: 100%
    }
    .lets-talk-row ul li p small {
        font: 35px/37px alphamack_aoeregular
    }
    #social-share-wrap ul li h5 {
        font: 23px/50px clanotthin
    }
    #social-share-wrap ul li h6 {
        clear: both;
        text-align: left
    }
    #social-share-wrap ul li figure {
        margin-bottom: 8px
    }
    .services-design ul li figure {
        border-radius: 100px;
        height: 148px;
        width: 100%
    }
    .hire-developer ul li img {
        padding-top: 2px
    }
    .meet-our-team-part-left {
        width: 100%
    }
    .meet-our-team-part {
        height: auto;
        padding-bottom: 52px
    }
    .meet-our-team-part-left span {
        font: 42px/48px amaranthitalic;
        text-align: center
    }
    .meet-our-team-part-left h1 {
        font: 81px/79px amaranthregular;
        text-align: center
    }
    .our-team-portfolio {
        width: 100%
    }
    .good-img {
        float: none;
        margin: 0 auto;
        width: 52%
    }
    .asp-left-box {
        display: none
    }
    .asp-right-box {
        width: 100%
    }
    .asp-right-box .sign-box ul li {
        width: 42%;
        display: inline-block;
        float: left;
        margin-right: 2%
    }
    .flex-bdr .sign-box ul li {
        padding-bottom: 6px;
        width: 40%
    }
    .flex-bdr .sign-box ul {
        margin-bottom: 30px;
        float: left
    }
    .bnr-img {
        height: 400px;
        padding-top: 13%
    }
    .wordpress-tab-box a span {
        height: 118px
    }
    #conts-1,
    #conts-2,
    #conts-3,
    #conts-4,
    #conts-5,

    #conts-6,
    #conts-7 {
        width: 111px;
        background-size: 100% auto;
        height: 136px
    }
    .wordpress-tab-box a {
        font: 11px/22px clanotbold
    }
    #conts-1.activeLink:after {
        left: 92px;
        top: 98px
    }
    #conts-2 {
        left: 2%
    }
    #conts-3 {
        left: 135px;
        top: 62px
    }
    #conts-4 {
        top: 34px;
        left: 298px
    }
    #conts-5 {
        left: 453px;
        top: 64px
    }
    #conts-6 {
        left: 594px
    }
    #wpcont4-outer .container h2 {
        font: 700 28px/45px 'Open Sans'
    }
    .wpcont5right {
        width: 50%;
        float: left
    }
    .wpcont5right ul li span {
        padding: 20px 0 0 2%
    }
    .wpcont5right ul li {
        font: 27px/95px clanotbook;
        width: 46%;
        margin-right: 1%
    }
    #wpcont6-outer .container ul {
        margin: 0 auto;
        width: 87%;
        float: none
    }
    #wpcont6-outer .container ul li {
        margin: 0 2% 0 0
    }
    .Wpsite-box h3 {
        font: 18px/34px OpenSans-Semibold
    }
    .col_new .wpcont5left {
        width: 100%
    }
    .col_new .wpcont5left ul li {
        width: 47%;
        margin-right: 2%
    }
    #wpcont4-outer .col_new .good-img {
        display: none
    }
    .container .designing-left-col {
        width: 98%
    }
    .app-continer h1 {
        font: 36px/52px open_sansbold
    }
    #conts-2.activeLink:after {
        left: 98px;
        top: 100px
    }
    #conts-3.activeLink:after {
        left: 89px;
        top: 109px
    }
    #conts-4.activeLink:after {
        top: 112px
    }
    #conts-5.activeLink:after {
        left: 18px;
        top: 101px
    }
    #conts-6.activeLink:after {
        left: 9px;
        top: 100px
    }
    #conts-7.activeLink:after {
        top: 95px;
        left: 7px
    }
    .mid-contant-box h2 {
        font: 700 29px/45px 'Open Sans'
    }
    .hire-developer ul li {
        margin: 0 2% 10px 0;
        width: 181px;
        padding-top: 4px
    }
    .per-hour-box {
        width: 93%;
        left: 5%
    }
    .blue-box h3 span {
        font-size: 27px
    }
    .blue-box h3 {
        width: 42%;
        font-size: 17px
    }
    .blue-box:after,
    .blue-box:before {
        display: none
    }
    .blue-box {
        width: 65%
    }
    .wpcont7left .sign-box ul {
        width: 91%
    }
    .wpcont-1-left h1 {
        font: 700 37px/41px 'Open Sans'
    }
    .col_row {
        float: left;
        width: 48%
    }
    .asp-right-box.col_row {
        width: 100%
    }
    #wpcont5-outer .container h2 {
        font: 700 23px/36px 'Open Sans'
    }
    .refund-left {
        width: 90%
    }
    .refund-right {
        text-align: center;
        width: 100%;
        margin: 0
    }
    .terms-part h2 {
        font: 39px/50px clanotmedium
    }
    .services-design ul {
        margin-left: 0;
        width: 100%
    }
    .hire-developer .services-design ul li {
        width: 150px
    }
    .site-map-left h5 {
        font: 15px/30px clanotmedium
    }
    .site-map-left h4 {
        font: 19px/35px clanotmedium
    }
    .testi-box-left {
        width: 48%
    }
    .testi-box-right {
        width: 48%
    }
    .testi-box {
        width: 100%
    }
    .portfolio-row {
        min-height: inherit
    }
    .hire-developer h1 {
        font: 700 37px/34px 'Open Sans'
    }
    .hire-developer .services-design ul li {
        width: 145px
    }
    .c_d-right-box h2 {
        font: 22px/35px clanotmedium
    }
    .lets-talk-row h2 {
        font: 47px/60px amaranthbold_italic
    }
    #wpcont9-outer .container h2 {
        font: 34px/45px clanotbook
    }
    .app-continer h1 {
        font: 35px/52px open_sansbold
    }
    .res-portfolio h2 {
        font: 28px/48px open_sansbold
    }
    .hire-developer h1,
    .app-continer h1 {
        font: 700 32px/35px 'Open Sans'
    }
    .res-portfolio h2 {
        font: 29px/48px open_sansbold
    }
    .hire-developer p br {
        display: none
    }
    .container .wpcont5right {
        margin: 0 auto;
        text-align: center;
        width: 100%
    }
    .wpcont-1-left-seo,
    .wpcont5left,
    .wpcont-1-left {
        width: 100%
    }
    #wpcont4-outer,
    .asp-right-box {
        padding-bottom: 0
    }
    .wpcont-2 h2 {
        font: 700 34px/45px 'Open Sans'
    }
    .wpcont-2 p span {
        font: 15px/30px 'Open Sans'
    }
    #letstalk-wrap {
        margin-top: 0
    }
    .col_new1 {
        width: 96%;
        float: left;
        padding-bottom: 8px
    }
    .about-continer h1 {
        font-size: 52px
    }
    .flickerplate ul.flicks > li {
        background-size: 100% auto;
        background-repeat: no-repeat
    }
    .mid-gallery-outer {
        height: auto
    }
    .flick-slider {
        height: 682px
    }
    .nice-section h1 {
        font: 66px/83px clanotbook
    }
    .nice-section h1 img {
        left: 18%
    }
    .have-call-us h1 {
        padding: 18px 0
    }
    .have-form-field-raw-inr span {
        right: 9px
    }
    .flex-bdr .col_new1.clm1 li,
    .col_new1.clm1 ul li {
        width: 100%!important;
        padding-bottom: 12px
    }
    .col_new .clm-1 ul li {
        margin: 0;
        width: 95%
    }
    .cd-clm1 {
        width: 100%;
        border: none;
        margin: 0
    }
    .wpcont7left + .wpcont7left .col-left {
        width: 100%
    }
    .wpcont7left ul:after {
        background: none;
        display: none
    }
    .our-work h3 {
        font: 15px/25px clanotmedium;
        padding: 21px 0 2px 15px
    }
    .inr-part {
        display: none
    }
    .isotope {
        height: 320px!important
    }
    .office-location-left,
    .ind-location {
        width: 48%
    }
    .bnr-img {
        width: 97%
    }
    .we-are-diffrent ul li figure {
        min-height: 120px;
        width: 15%;
        margin-right: 3%
    }
    .lets-talk-row ul li {
        width: 23%;
        margin: 0 1% 3%
    }
    .lets-talk-row ul li .ani_bg {
        left: 16%
    }
    .lets-talk-row ul li .ani_bg-2 {
        left: 15%
    }
    .lets-talk-row ul li figure {
        left: -3%
    }
    .hire-dedticed-content p {
        padding-bottom: 5%
    }
    .webdesign-list ul {
        width: 100%;
        margin: 0
    }
    .services-tabcontent img {
        width: 10%
    }
    .month-get-start:before {
        background: none
    }
    .month-get-start a {
        font-size: 20px;
        line-height: 25px;
        padding: 15px 5%
    }
    .custombox-modal {
        width: 94%!important;
        margin-left: 2%;
        left: 50%
    }
    .apply_main textarea {
        width: 93%
    }
    .wpcont7left + .wpcont7left {
        float: left
    }
    .client-work-row {
        padding-top: 20px
    }
    .client-work-row h1 {
        font-size: 58px;
        line-height: 70px
    }
    .tab-box {
        width: auto
    }
    .e-com {
        margin: 0
    }
    .pkg-wrp ul {
        width: 100%
    }
    .pkg-wrp ul li.smo {
        width: 24%
    }
    #content {
        margin: 0 auto
    }
    .content-hire {
        width: 48%
    }
    .content-excited {
        width: 51%
    }
    .content-hire h1 {
        font-size: 34px;
        line-height: 50px;
        padding: 15px 0 0
    }
    .content-hire h3 {
        line-height: 30px;
        font-size: 20px
    }
    .phpprogram h2 {
        font-size: 20px;
        padding: 2px;
        line-height: 35px
    }
    .phpprogram img {
        padding-right: 1%;
        padding-left: 2px;
        padding-top: 2%
    }
    .phpprogram p {
        padding: 0;
        font-size: 14px;
        line-height: 26px
    }
    .txt-box h4 {
        font-size: 20px;
        padding: 0 0 5px
    }
    .txt-box ul li {
        padding: 0 0 0 25px
    }
    .txt-box ul li a {
        line-height: 25px
    }
    .img-box {
        width: 38%
    }
    .outsource-part ul li {
        width: 15%;
        padding: 0 3px
    }
    .dedt-team ul li {
        width: 33%;
        margin: 0 auto
    }
    .choose-cat,
    .choose-cat,
    .dedt-team {
        width: 95%;
        margin: 0 auto
    }
    .dedicated-right .span {
        min-width: 43%;
        padding: 0 0 14px 5px
    }
    .dedicated-left {
        width: 40%
    }
    .dedicated-right {
        width: 50%
    }
    .dedicated-left .jqTransformSelectWrapper {
        width: 90%!important
    }
    .hire-developer {
        margin-bottom: 0;
        padding-top: 20px
    }
    .zoomer_wrapper {
        width: 60%
    }
    .popup-content {
        width: 40%
    }
    .slide-popup-box {
        width: 96%
    }
    .bnr-img h1 {
        font-size: 40px;
        line-height: 55px
    }
    .bnr-img h2 {
        font-size: 25px
    }
    .great-result-wrap h2 {
        font-size: 29px
    }
    .why-should-hire-col h4 {
        font-size: 43px
    }
    .have-form-field-raw textarea {
        width: 88%
    }
    .have-call-us h2 {
        padding: 20px 0;
        font-size: 50px;
        line-height: 60px
    }
    .analytics {
        height: 405px
    }
    .digital-search-opt {
        padding-bottom: 40px;
    }
    .search-opt-panel-right img,
     {
        display: none
    }
    .search-opt-panel,
    .marketing_agency,
    .digi-publishing-content-panel {
        width: 99%;
        float: none;
        margin: 0 auto;
        padding-left: 8px;
        padding-top: 10px
    }
    .choose-cat-request form textarea {
        width: 95%;
        margin-left: 10px
    }
    #req-top-part {
        margin: 0 auto
    }
    #req-top-part h2 {
        padding: 80px 0 5px;
        font-size: 60px
    }
    .request-contant-mid h3 {
        font-size: 45px;
        line-height: 45px
    }
    .request-contant-mid p {
        font-size: 20px;
        line-height: 34px
    }
    .request-contant-mid-box-1 {
        width: 22%;
        margin: 0 15px 10px 0
    }
    .choose-cat-request [type="submit"] {
        margin-left: 10px
    }
    .marketing_agency {
        height: 430px
    }
    .analytics {
        height: 430px
    }
    .ui-slider-horizontal {
        width: 58%;
        margin-left: 25px
    }
    .choose-cat-request .jqTransformInputWrapper {
        width: 50%!important
    }
    .form-box2 .jqTransformTextarea {
        width: 91%
    }
    .form-box2 textarea {
        width: 100%
    }
    .choose-cat-request [type="submit"] {
        margin-left: 38px
    }
    .our-latest-work {
        height: 320px;
        overflow: hidden
    }
    .blog-post {
        width: 28%;
        padding: 10px
    }
    .digi-publishing {
        padding-top: 0
    }
    .request-contant-mid-box-1 .request-box-inner .jqTransformCheckboxWrapper {
        margin: 15px 4px 0 10px
    }
    form.jqtransformdone label {
        font-size: 14px;
        padding-top: 17px
    }
    .request-contant-mid-box-1-check .span {
        font-size: 12px
    }
    .web-analist-left {
        width: 100%!important
    }
    .we-love-code-left {
        display: none
    }
    .we-love-code-right {
        width: 100%
    }
    .we-love-code {
        height: auto;
        padding: 0 0 25px
    }
    .hire-analist h1 {
        font-size: 30px
    }
    .hire-analist-left {
        width: 100%;
        padding-top: 20px
    }
    .hire-analist-right {
        width: 100%;
        padding-top: 20px
    }
    .hire-analist p {
        font-size: 16px
    }
    .hire-analist-we-outer .what-we-do h2 {
        font-size: 35px;
        line-height: 40px
    }
    .hire-analist-we-outer .what-we-do-left {
        padding: 15px 0 0
    }
    .hire-analist-we-outer .what-we-do-right {
        padding: 15px 0 0
    }
    .request-contant-mid-box-1-check .span {
        width: 79%
    }
	
	}
@media screen and (max-width: 767px) {
.request-page h2{ padding:0 5%;}
.request-page .request-form-section{ width:95%;}
.from-input-box{ width:100%;}
.form-textarea-box{ width:100%; float:left; margin-left:0;}
.form-textarea-box .jqTransformTextarea{ width:100%;}
/*.from-input-box-budget .jqTransformInput{ width:85%;}*/


/*.from-input-box1 input{ width:90%;}
.from-input-box-budget .jqTransformInput{ width:84%;}*/
.request-form-section .budget-cepcha .form-box3 .jqTransformInputWrapper{ width:50% !important; padding-left:0;}
.from-input-box .form-box3 input.code{ width:88%;}

.request-icon-inner ul li{ width:46%; height:200px;}
.lets-talk-row ul li p, .lets-talk-row ul li p a{ font-size:15px;}
/*.from-input-box .form-box3{ position:absolute; left:3%; bottom:90px;}*/

.form-textarea-box .submit-btn{ margin-left:0;}
.countryCode{ width:28%; margin-right:5px;}
.request-form-section .from-input-box1 .jqTransformInputWrapper {width: 67% !important;}
	.request-form-section .from-input-box {
    margin-left: 5%;
    width: 90%;
}
} 

@media screen and (max-width: 640px) {
	#wpcont6-outer .portfolio-col2{width:50%;}
	.need-fix{margin-left: 20%;
    width: 51%;}
	.click-here a{padding: 0 21%;}
    .subscribe-success p {
        font-size: 18px
    }
    .marketing_agency .digital-find-out {
        margin-top: 5px
    }
    .web-popupcontent .close {
        right: -9px;
        top: -15px;
        z-index: 9;
        padding: 0
    }
    .custombox-modal {
        margin-top: 40%
    }
    .custombox-show ~ .custombox-overlay {
        z-index: 10!important
    }
    .isotope {
        height: 268px!important
    }
    #req-top-part h1 {
        font-size: 60px;
    }
    .bnr-img h1 strong {
        margin-bottom: 10px
    }
    .request-contant-mid h3 {
        font-size: 40px
    }
    .ui-slider-horizontal {
        width: 48%
    }
    .choose-cat-request .jqTransformInputWrapper {
        width: 98%!important
    }
    .bnr-img h2 {
        line-height: 38px
    }
    .bnr-img {
        width: 100%;
        background-size: 100% auto;
        height: 320px
    }
    .marketing-agency-text,
    .about-marketing-agency,
    .services-details ul {
        width: 100%
    }
    .digital-services-wrap .container h3 {
        font: 31px/46px 'Open Sans'
    }
    .digital-services-wrap .container h3 span {
        font: 700 38px/50px 'Open Sans'
    }
    #about-company-wrap h3 {
        font: 24px/45px 'Open Sans'
    }
    #about-company-wrap h3 span {
        font: 700 24px/45px 'Open Sans'
    }
    .text-col {
        width: 100%;
        margin: 0;
        float: left
    }
    .why-should-hire-col {
        width: 100%;
        text-align: left
    }
    .why-should-hire-col h4 br {
        display: none
    }
    .why-should-hire-col h4 span {
        font: 42px/46px amaranthbold_italic
    }
    .why-should-hire-col h4 {
        font: 30px/47px amaranthregular
    }
    .four-reason-row {
        width: 100%
    }
    #special-services-wrap h3 {
        font: 30px/45px 'Open Sans'
    }
    #special-services-wrap span {
        font: 700 31px/45px 'Open Sans'
    }
    .special-service-col {
        width: 45%
    }
    #marketing-blo-wrap h3 {
        font: 700 33px/45px 'Open Sans'
    }
    .subscribe-form {
        width: 56%
    }
    .subscribe-text-col {
        width: 224px
    }
    .testimonial-slider a {
        font: 22px/38px 'Open Sans'
    }
    .testimonial-slider a span {
        font: 700 29px 'Open Sans'
    }
    .lets-talk-row ul li {
        margin: 0 0 20px;
        width: 156px
    }
    .lets-talk-row ul li p,
    .lets-talk-row ul li p a {
        display: block;
        font: 15px/25px clanotbook
    }
    .lets-talk-row ul li p small {
        font: 33px/37px alphamack_aoeregular
    }
    .tab-box a#cont-3 {
        float: left;
        padding: 0 46px
    }
    .tab-box a {
        padding: 0 20px
    }
    #why-us {
        height: auto;
        background-size: cover;
        -moz-background-size: cover;
        -webkit-background-size: cover;
        -ms-background-size: cover
    }
    .subscribe-form .msg-icon {
        width: 9%;
        left: 8px
    }
    .testmonial-wrap p {
        font: 27px/27px 'Open Sans';
        padding: 35px 0 0
    }
    nav ul li .submenu li.tech-row ol li {
        padding: 0 7px
    }
    nav ul li .submenu li {
        width: 47%
    }
    nav ul li .submenu li ol li {
        width: 100%;
        margin-bottom: 10px
    }
    .hire-dedticed-box {
        width: 100%;
        padding: 0
    }
    .hire-dedticed-content {
        width: 100%;
        padding: 0;
        margin-top: 8%
    }
    .hire-developer h1,
    .app-continer h1 {
        font: 700 32px/40px 'Open Sans';
        padding-top: 25px
    }
    .app-continer p {
        font: 18px/35px "Open Sans"
    }
    .we-are-diffrent ul {
        width: 99%
    }
    .we-are-diffrent ul li figure {
        min-height: inherit;
        margin-right: 2%
    }
    .opening-part .box .bt {
        padding: 0 20px 0 10px
    }
    .asp-right-box .sign-box ul li {
        width: 42%;
        padding-left: 4%;
        font-size: 13px
    }
    .per-hour-box {
        position: inherit;
        left: 0;
        top: 0
    }
    .per-hour-box .blue-box {
        width: 100%
    }
    .per-hour-box .get-srt-bt {
        width: 100%;
        text-align: center
    }
    .hire-wd {
        width: 99%
    }
    .how-it-work {
        width: 98%
    }
    .com-portfolio .portfolio-nav {
        float: left
    }
    .com-portfolio .portfolio-nav li {
        padding: 0 7px;
        font-size: 13px
    }
    .experiment h3 {
        font-size: 27px;
        line-height: 40px
    }
    .arrow-navigation.left,
    .arrow-navigation.right {
        top: -12px
    }
    .lets-talk-row ul li figure {
        left: 1%
    }
    .career-slider-outer {
        display: none
    }
    .mid-gallery-outer {
        display: none
    }
    #meet-our-team,
    .meet-gallery {
        display: none
    }
    .pkg-wrp ul {
        width: 100%
    }
    .pkg-wrp ul li {
        width: 24.8%
    }
    .pkg-wrp ul.bot-price li {
        width: 24.8%
    }
    #wpcont3-outer {
        padding-top: 12px
    }
    .have-form-field-raw textarea {
        margin-left: 13px
    }
    .have-form-field-raw h3 {
        padding-left: 13px
    }
    .wpcont5right .opensource-icons ul li {
        padding-right: 4%
    }
    #wpcont6-outer .container ul li {
        width: 47%;
        min-height: 235px
    }
    .content-hire {
        width: 96%;
        padding: 0 2%
    }
    .content-hire ul li {
        padding: 10px 25px
    }
    .content-excited {
        float: left;
        width: 61%
    }
    .phpprogram img {
        display: none
    }
    .phpprogram h2 {
        font-size: 24px;
        padding-top: 3%
    }
    .phpprogram p {
        font-size: 15px;
        line-height: 30px;
        padding-bottom: 3%
    }
    .technical h2 {
        font-size: 29px;
        line-height: 35px
    }
    .technical-left {
        width: 99%
    }
    .technical-right {
        float: left;
        width: 99%
    }
    .technical-left ul li {
        padding: 0 3%
    }
    .technical-right ul li {
        padding: 0 4%
    }
    .box-left {
        width: 100%
    }
    .box-right {
        width: 100%;
        border-left: 0;
        margin: 20px 0 0
    }
    .img-box {
        width: 25%
    }
    .txt-box {
        width: 72%
    }
    .outsource-part ul li {
        padding: 0 4px
    }
    .outsource-part ul li figcaption {
        width: 100px
    }
    .apply_singal_row span {
        display: none
    }
    .apply_singal_row .total-e input {
        width: 84%
    }
    .dedicated-left {
        width: 45%
    }
    .dedicated-right {
        width: 45%;
        margin: 0 auto
    }
    .dedicated-left .jqTransformSelectWrapper {
        width: 100%
    }
    .dedicated-right .span {
        min-width: 40%;
        padding: 0 0 14px 5px
    }
    .choose-cat textarea {
        width: 90%
    }
    .choose-cat input {
        width: 85%
    }
    .hire-developer h1,
    .app-continer h1 {
        padding: 0
    }
    .zoomer_wrapper {
        width: 100%
    }
    .popup-content {
        width: 100%;
        height: auto
    }
    .slide-popup-box-form input {
        width: 44%
    }
    .development-tab-section .services-tabcontent h3 {
        font-size: 25px
    }
    .development-tab-section .services-tabcontent h5 {
        font-size: 18px;
        line-height: 28px
    }
    .bnr-img h1 {
        font-size: 40px
    }
    .tab-box a#cont-3 {
        padding: 0 9px
    }
    .why-should-hire-col a {
        padding-bottom: 15px
    }
    .testimonial-slider .flick-slider ul li {
        padding-bottom: 30px
    }
    #social-share-wrap ul li h5 {
        font-size: 18px
    }
    #social-share-wrap ul li h6 {
        font-size: 10px
    }
    .development-tab-section .services-tabcontent h3 {
        font-size: 25px
    }
    .development-tab-section .services-tabcontent h5 {
        font-size: 18px;
        line-height: 28px
    }
    .search-opt-panel h2 {
        font-size: 32px;
        line-height: 45px
    }
    .form-box2 {
        width: 47%
    }
    .choose-cat-request form input {
        width: 270px
    }
    .from-box1 input {
        width: 92%;
        margin: 10px 0 0 10px;
        padding: 0 20px 0 25px
    }
    .form-box2 textarea {
        margin-left: 10px
    }
    .from-box1 {
        width: 98%
    }
    #request-contant {
        width: 95%
    }
    .choose-cat-request form textarea {
        width: 99%
    }
    .request-contant-mid-box-1 {
        width: 45%
    }
    .form-box2,
    .choose-cat-request form textarea {
        width: 100%
    }
    .analytics,
    .marketing_agency {
        height: auto;
        display: inline-block
    }
    .form-box2 textarea {
        width: 100%
    }
    .form-box3 .jqTransformInputWrapper {
        margin-left: 5px
    }
    .choose-cat-request [type="submit"] {
        margin-left: 20px
    }
    .name-1 {
        background-position: 98%
    }
    .email-1 {
        background-position: 98%
    }
    .wpcont-1-left-seo h1 {
        font-size: 40px;
        padding-top: 10px
    }
    .development-tab-section .resp-tabs-container {
        padding-bottom: 0
    }
    .development-tab-section {
        margin: 15px 0
    }
    .wpcont7left ul {
        padding-bottom: 0
    }
    .wpcont7left ul li {
        margin-bottom: 15px
    }
    .degital-real h2 {
        font-size: 32px
    }
    .degital-real p {
        font-size: 18px;
        padding-left: 1%;
        padding-right: 1%
    }
    .search-opt-panel p {
        padding-right: 1%
    }
    .marketing_agency h4 {
        font-size: 32px
    }
    .marketing_agency p {
        padding-left: 1%;
        padding-right: 1%
    }
    .marketing_agency h5 {
        padding-left: 1%
    }
    .marketing_agency h4 {
        padding-left: 1%
    }
    .digital-search-opt {
        padding-bottom: 0
    }
    .conversion-rate h2 {
        font-size: 32px
    }
    .hire-analist h1 {
        font-size: 25px
    }
    .hire-analist-left {
        padding-top: 8px
    }
    .hire-analist-left ul li figure {
        margin: 10px 10px 0 0 !important
    }
    .hire-analist-right {
        padding-top: 8px
    }
    .hire-analist-right ul li figure {
        margin-top: 10px
    }
    .request-contant-mid-box-1-check .span {
        width: 84%
    }
    .request-contant-mid-box-1 .request-box-inner .jqTransformCheckboxWrapper {
        margin-top: 124px
    }
    .portfolio .portfolio-col2 {
        width: 49%;
    }
    .portfolio .portfolio-detail-col {
        width: 49%;
    }
	#li1{background:linear-gradient(to bottom, #1c77c0 0%,#498dce 99%,#498dce 100%); height:340px !important;}
	#slider{height:340px !important;}
	#slider .image1, #slider .image2, #slider .image3{width:44%;}
	#slider .description1{width:58%;}
	#slider h1{font:19px/19px 'source_sans_problack'; text-transform:capitalize;}
	#slider h4{font:17px/20px 'source_sans_prolight'; padding-top:10px;}
	.left-section-part li{width:30%;}
	.slider_pagination{top:8%;}
	/*.from-input-box1, .from-input-box2, .from-input-box-budget{ width:100%; margin-left:0;}*/
	.from-input-box .form-box3{ width:auto; margin-left:0;}
	.from-input-box1 input{ width:95%; padding:0 2%;} 
	.from-input-box2 .ms-choice{ width:99%;padding:0 2%;}
/*	.from-input-box-budget .jqTransformInput{ width:93%; padding: 0 2% 0 4%;}*/
	.from-input-box input, .form-textarea-box textarea{ padding:0 2%;}
	.lets-talk-row ul li .ani_bg{ left:33%;}
	.lets-talk-row ul li .ani_bg-2{ left:32%;}
	.lets-talk-row ul li{ width:50%;}
	.request-form-section .countryCode .jqTransformInputWrapper{ width:100% !important;}
	
.countryCode { width: 20%;}

.request-form-section .from-input-box1 .jqTransformInputWrapper {    width: 72% !important; float:left}
.request-form-section .from-input-box1 input{width:100%;}
.request-form-section .from-input-box1.name, .request-form-section .from-input-box2{width:100%!important; margin-left:0px;}
.request-form-section .from-input-box1, .request-form-section .from-input-box2.sel{width:35%!important;}

}
@media screen and (max-width: 540px){
	.request-form-section .from-input-box1, .request-form-section .from-input-box2.sel{width:49%!important;}
	.budget-cepcha{width:100%; float:left; margin-left:0px;}
	.slider_pagination{top:7%;}
}
@media screen and (max-width: 480px) {
	

	
    .subscribe-success p {
        font-size: 25px
    }
    .search-opt-panel-right {
        display: none
    }
    .webdesign-popup #custombox-modal {
        top: 80%
    }
    .we-need-you h2 {
        font-size: 33px
    }
    .apply_form {
        width: 92%
    }
	
.need-fix {
     margin-left: 5%;
    width: 65%;
}
.need-fix{margin-left: 14%;}
.wordpress-what-we-do{width: 100%;}
.wordpress-what-we-do li{ width: 50%;}
.wordpress-what-we-do h3{ font: 700 20px/27px 'Open Sans';}
.click-here{ padding: 0 6%;}
.remain-top-priority{width: 84%;}
.question{width: 83%;}
    .choose-cat .jqTransformInputWrapper {
        width: 100%!important
    }
	
    .degital-real h2 {
        font-size: 32px
    }
    #why-us,
    .subscribe-text-col,
    .blue-strip,
    .testmonial-wrap,
    #social-share-wrap {
        display: none
    }
    .bnr-img h1 {
        font-size: 40px;
        line-height: 60px
    }
    .great-result-wrap h2 span {
        font-size: 35px
    }
    .great-result-wrap {
        margin-top: 16px
    }
    nav ul li.services a {
        padding-left: 10px
    }
    .great-result-wrap h1 {
        font: 20px/32px 'Open Sans'
    }
    .great-result-wrap h1 span {
        font: 700 19px 'Open Sans'
    }
    .marketing-agency-text h2 {
        font: 20px/30px proxima_novalight
    }
    .about-marketing-agency p {
        font: 14px/32px 'Open Sans'
    }
    .digital-services-wrap .container h3 span {
        font: 700 22px/22px 'Open Sans'
    }
    .digital-services-wrap .container h3 {
        font: 23px/36px 'Open Sans'
    }
    .digital-services-wrap .container h6 {
        font: 21px/31px proxima_novalight;
        padding-bottom: 28px
    }
    .services-details ul li figure {
        width: 10%;
        min-width: inherit;
        margin-right: 15px
    }
    .services-details ul li figure img {
        width: 100%
    }
    #about-company-wrap h3 span {
        font: 700 19px/37px 'Open Sans'
    }
    #about-company-wrap h3 {
        font: 19px/36px 'Open Sans'
    }
    .tab-box {
        margin: 16px auto 25px
    }
    .blog-post {
        width: 72%;
        float: none;
        margin: 0 auto 20px!important
    }
    #social-share-wrap ul li h5 {
        text-align: left
    }
    .tab-box a#cont-3 {
        padding: 0 14px
    }
    .tab-box a {
        padding: 0 15px;
        font-size: 14px
    }
    nav ul li .submenu li {
        width: 46%
    }
    .why-should-hire-col h4 {
        font: 28px/34px amaranthregular
    }
    .why-should-hire-col h4 span {
        font: 29px/30px amaranthbold_italic
    }
    .f1ip_container {
        width: 46%
    }
    .four-reason-col p {
        font: 13px/26px clanotnews
    }
    .back h5 {
        font: 700 14px/24px 'Open Sans';
        font: 700 14px/24px 'Open Sans'
    }
    #special-services-wrap span {
        font: 700 22px/45px 'Open Sans'
    }
    #special-services-wrap p {
        font: 14px/28px 'Open Sans';
        padding: 2px 0 0
    }
    .hire-developer h1,
    .app-continer h1 {
        padding-top: 15px
    }
    .app-continer p {
        font: 20px/30px "Open Sans"
    }
    .app-continer a {
        font-size: 20px
    }
    .res-portfolio {
        min-height: inherit;
        width: 100%;
        padding-bottom: 20px
    }
    .web-responsive {
        margin-top: 20px
    }
    .hour-panel {
        background-image: none;
        background-color: #159dd8
    }
    .our-team-portfolio ul li {
        margin: 0 3% 0 0;
        width: 47%
    }
    .subscribe-form {
        float: left;
        width: 98%
    }
    .subscribe-form input[type="submit"] {
        width: 21%
    }
    .services-details ul li figure {
        min-height: 45px
    }
    #special-services-wrap h3 {
        font: 25px/45px 'Open Sans'
    }
    #letstalk-wrap {
        height: auto
    }
    .make-impact .impact-img {
        display: none
    }
    .make-impact ul {
        width: 99%
    }
    #about-company-wrap {
        padding: 32px 0 24px
    }
    #special-services-wrap {
        padding: 8px 0 28px
    }
    .hire-developer .services-design ul li {
        margin: 0 5%
    }
    .c_d-right-box ul li {
        font-size: 15px
    }
    .c_d-right-box ul li img {
        padding-right: 5px
    }
    .wpcont9left {
        width: 99%;
        margin: 10px 0
    }
    .flex-bdr .col_new1.clm1 li,
    .col_new1.clm1 ul li {
        width: 95%!important;
        margin: 0
    }
    .wpcont7left {
        width: 99%;
        margin-right: 0
    }
    .request-seo a {
        font-size: 13px;
        padding: 3px 12px
    }
    .blue-box h3 {
        font-size: 13px
    }
    .blue-box h3 span {
        font-size: 24px
    }
    .apply_singal_row input {
        width: 85%
    }
    .bfh-selectbox > .bfh-selectbox-toggle {
        width: 89%
    }
    .opening-part-row {
        margin: 0
    }
    .opening-part .box {
        width: 95%;
        margin-bottom: 2%;
        min-height: inherit
    }
    .opening-part .box + .box {
        float: left
    }
    .apply_main .resp-row {
        width: 98%;
        float: left!important;
        margin: 0
    }
    .we-need-you h1 {
        font-size: 30px;
        line-height: 35px
    }
    #career-top-part {
        height: auto;
        padding: 8% 0
    }
    #career-top-part h2 {
        font-size: 60px;
        line-height: 75px;
        padding-top: 0
    }
    #career-top-part p {
        font-size: 17px;
        line-height: 25px
    }
    .flick-slider {
        height: 500px
    }
    .about-text-left-panel {
        width: 100%
    }
    .meet-gallery ul li {
        width: 33%
    }
    .terms-part-left {
        width: 98%
    }
    .terms-part-right {
        width: 98%;
        float: left
    }
    .terms-part h5 {
        font-size: 18px;
        line-height: 30px
    }
    .sign-box ul li {
        font-size: 14px
    }
    .site-map-left {
        width: 98%
    }
    .testi-box-left {
        width: 98%;
        margin-bottom: 5%
    }
    .testi-box-right {
        width: 98%;
        float: left
    }
    .nice-section h1 {
        font-size: 44px;
        line-height: 50px
    }
    .nice-section h1 img {
        display: none
    }
    .office-location {
        margin: 0
    }
    .office-location-left {
        padding-left: 2%;
        width: 98%
    }
    .ind-location {
        width: 98%;
        float: left
    }
    .please-email-part {
        width: 95%;
        padding-left: 2%
    }
    .have-call-us h1 {
        font-size: 40px;
        line-height: 50px
    }
    .have-form-field-raw-inr {
        width: 98%;
        margin-bottom: 2%
    }
    .have-form-field-raw {
        padding-bottom: 2%
    }
    .captha-box {
        margin-top: 5%
    }
    .have-form-field-raw-inr button[type="submit"] {
        margin: 5% 0 0
    }
    .get-direction h1 {
        font-size: 50px;
        line-height: 60px
    }
    .wpcont7left .col-left li {
        font-size: 15px
    }
    .let-left {
        width: 97%
    }
    .let-left p {
        padding-bottom: 10px
    }
    .project-suss {
        padding-left: 1%;
        width: 97%
    }
    .terms-part h2 {
        font-size: 30px;
        line-height: 40px;
        padding: 0
    }
    .resp-tabs-container h2.resp-accordion {
        margin-bottom: 5px;
        font-size: 14px
    }
    .wpcont5right ul li {
        width: 97%;
        text-align: left
    }
    .wpcont5right ul li span {
        width: 75%
    }
    .client-work-row h1 {
        font-size: 40px;
        line-height: 55px
    }
    .client-work-row h1 img {
        width: 8%
    }
    .client-work-row h6 {
        font-size: 16px;
        line-height: 25px
    }
    .com-portfolio .portfolio-nav li {
        font-size: 15px;
        padding: 5px 12px
    }
    .isotope {
        height: 200px!important
    }
    #marketing-blo-wrap #subscribe-wrap {
        display: none
    }
    .lets-talk-row ul li {
        width: 48%
    }
    .lets-talk-row ul li figure {
        left: 0
    }
    #letstalk-wrap .container:before {
        display: none
    }
    .lets-talk-row ul li .ani_bg {
        left: 25%
    }
    .lets-talk-row ul li .ani_bg-2 {
        left: 23.5%
    }
    .services-tabcontent img {
        width: auto;
        float: none;
        margin: 0 auto;
        display: block
    }
    .services-tabcontent h3 {
        padding: 0
    }
    .nice-section {
        margin-top: 20px
    }
    .get-direction {
        display: none
    }
    .mr_top80 {
        display: none
    }
    .office-location-left ul li {
        font-size: 15px
    }
    div.queueslider {
        display: none
    }
    .our-latest-work {
        margin: 0
    }
    .our-latest-work ul li.populer-web-port {
        display: none
    }
    .our-latest-work ul li {
        width: 49%
    }
    .pkg-wrp {
        padding: 0;
        float: left;
        margin: 0 0 3% 1%
    }
    .pkg-wrp ul li {
        width: 98%;
        height: 63px;
        margin-bottom: 1%;
        padding: 2% 0;
        border: none;
        border-radius: 3px
    }
    .pkg-wrp ul li + li {
        height: 63px;
        border-radius: 3px
    }
    .pkg-wrp ul li + li + li {
        height: 63px;
        margin: 0 0 1%;
        border-radius: 3px
    }
    .pkg-wrp ul li span {
        padding: 0
    }
    .pkg-wrp ul li + li + li span {
        line-height: 28px
    }
    .pkg-wrp ul li + li + li:before {
        top: 0
    }
    .pkg-wrp ul li p {
        font-size: 30px
    }
    .pkg-wrp ul li + li + li p {
        font-size: 30px;
        line-height: 30px
    }
    .pkg-wrp table {
        display: none
    }
    .pkg-wrp ul li + li + li + li {
        height: 63px;
        border-radius: 3px
    }
    .pkg-wrp ul li + li + li + li span {
        padding: 0
    }
    .pkg-wrp ul li + li + li + li p {
        font-size: 30px
    }
    .pkg-wrp ul.bot-price {
        display: none
    }
    .pkg-wrp .download-btn {
        display: block
    }
    .pkg-wrp ul li.smo {
        width: 98%
    }
    .wpcont-2 h2 {
        text-align: left
    }
    .wpcont-2 p {
        text-align: left
    }
    .flex-bdr .sign-box ul {
        margin-bottom: 0
    }
    .container .good-img {
        padding: 0
    }
    .lets-talk-row h2 {
        padding-top: 15px
    }
    .jqTransformInputWrapper {
        width: 100%!important
    }
    .asp-right-box h5 {
        padding-bottom: 0;
        line-height: 28px
    }
    .wpcont-1-left p {
        font-size: 18px;
        line-height: 30px
    }
    .wpcont-1-left ul {
        padding-top: 8px
    }
    .wpcont-1-left ul li {
        font-size: 15px
    }
    #wpcont6-outer .container ul li {
        min-height: 186px
    }
    .wpcont5right .opensource-icons ul li {
        padding-right: 2%
    }
    .content-hire h1 {
        font-size: 30px;
        padding: 5px 0 0
    }
    .content-hire h3 {
        font-size: 17px;
        line-height: 27px
    }
    .content-excited {
        width: 96%;
        margin: 0 2%
    }
    .per-hours {
        width: 100%
    }
    .excited-talk {
        width: 100%
    }
    .form-main {
        width: 93%
    }
    .technical h2 {
        font-size: 23px;
        padding: 20px 0 0
    }
    .technical-left ul li {
        padding: 0 1%
    }
    .technical-right ul li {
        padding: 0 2%
    }
    .outsource-part ul li {
        width: 30%;
        min-height: 150px
    }
    .phpprogram {
        width: 97%
    }
    #technical-skills {
        width: 96%;
        padding: 0 2%
    }
    .dedt-team ul li {
        width: 30%;
        margin: 0 10px 0 0
    }
    .dedicated-left {
        width: 99%;
        float: none
    }
    .dedicated-right {
        width: 99%;
        float: left;
        margin: 10px 0 0 15px
    }
    .dedicated-right .span {
        min-width: 27%
    }
    .choose-cat textarea {
        width: 98%
    }
    .choose-cat .code {
        margin-left: 15px
    }
    .choose-cat input {
        width: 85%
    }
    .hire-developer h1,
    .app-continer h1 {
        padding: 0
    }
    .choose-cat h3 {
        padding: 15px 0 15px 12px
    }
    .choose-cat input,
    .choose-cat textarea,
    .code,
    .choose-cat [type="submit"] {
        margin-left: 12px
    }
    .choose-cat label {
        padding-left: 12px
    }
    .market,
    .cms,
    .php,
    .ui,
    .xhtml {
        padding: 0
    }
    #slidingDiv {
        height: 600px
    }
    .slide-popup-box h2 {
        font-size: 35px;
        line-height: 45px
    }
    .slide-popup-box-form input {
        width: 93%;
        margin-right: 0
    }
    .bnr-img h1 {
        font-size: 28px;
        line-height: 35px
    }
    .development-tab-section .services-tabcontent h3 {
        font-size: 20px;
        line-height: 30px
    }
    .captha-box {
        height: 40px
    }
    .have-call-us h2 {
        font-size: 35px;
        line-height: 45px;
        padding: 15px 0
    }
    .search-opt-panel p {
        font-size: 16px;
        line-height: 33px
    }
    .search-opt-panel h5 {
        padding: 0
    }
    .digital-find-out {
        margin-bottom: 25px
    }
    .budget {
        height: 60px
    }
    .budget h2 {
        padding: 0 0 0 9px;
        font-size: 12px;
        height: 60px;
        line-height: 60px
    }
    .form-box2 {
        width: 96%
    }

    #req-top-part h2 {
        font-size: 40px;
        padding: 25px 0 0
    }
    #req-top-part p {
        font-size: 16px;
        line-height: 29px
    }
    .request-contant-mid h3 {
        font-size: 30px
    }
    .form-box2 {
        font-size: 63%
    }
    .choose-cat-request form textarea {
        margin-left: 10px;
        width: 80%;
        padding: 5px
    }
    .choose-cat-request form input,
    .form-box3 input.code {
        margin-left: 10px
    }
    #req-top-part h1 {
        font-size: 45px;
    }
    .request-contant-mid-box-1 .jqTransformRadioWrapper {
        margin-left: 15px
    }
    .price-range span {
        font-size: 15px
    }
    .ui-slider-horizontal {
        margin-top: 25px
    }
    .price-range {
        margin-top: 25px
    }
    .from-box1 input {
        width: 88%
    }
    .slide-popup-box-form .jqTransformInputWrapper {
        width: 98%!important
    }
    .portfolio-text-row p {
        font-size: 25px;
        line-height: 35px
    }
    .portfolio-text-row p span {
        font-size: 40px
    }
    .client-work-row {
        padding-bottom: 0
    }
    .custombox-modal {
        margin-top: 70%
    }
    #career-top-part p {
        padding-bottom: 25px;
        font-size: 13px
    }
    #career-top-part h1 {
        font-size: 58px;
        line-height: 68px;
        padding-top: 35px
    }
    .wpcont-1-left-seo h1 {
        font-size: 35px
    }
    .digital-find-out a {
        padding: 0 10px
    }
    .digi-publishing {
        margin-bottom: 0
    }
    .digi-publishing-content-panel h2 {
        font-size: 30px;
        line-height: 42px
    }
    .search-opt-panel h2 {
        font-size: 30px;
        line-height: 42px
    }
    .search-opt-panel h5 {
        font-size: 19px;
        line-height: 33px
    }
    .marketing_agency h5 {
        font-size: 19px;
        line-height: 33px
    }
    .conversion-rate h2 {
        font-size: 30px
    }
    .conversion-rate h5 {
        font-size: 19px;
        line-height: 33px
    }
    .conversion-rate {
        margin-bottom: 0
    }
    #wpcont3-outer .container h3 {
        font-size: 20px
    }
    #wpcont7-outer {
        padding: 0
    }
    #wpcont4-outer .good-img {
        padding: 0
    }
    .col_new1 {
        padding-left: 1%;
        padding-top: 15px
    }
    .row4 table tr #jqTransformTextarea-ml {
        display: none
    }
    .wpcont7left h2,
    .wpcont7left h2 {
        padding-top: 15px
    }
    #wpcont5-outer {
        padding-top: 0
    }
    .we-love-code-right h4 {
        font-size: 20px
    }
    .hire-analist-we-outer .what-we-do-left {
        width: 100%
    }
    .hire-analist-we-outer .what-we-do-left .box {
        margin-bottom: 5px
    }
    .hire-analist-we-outer .what-we-do-left .box-2 {
        margin-bottom: 5px
    }
    .hire-analist-we-outer .what-we-do-right {
        width: 100%
    }
    .hire-analist-we-outer .what-we-do-right .box-3 {
        margin-bottom: 5px
    }
    .hire-analist-we-outer .what-we-do-right .box-4 {
        margin-bottom: 5px
    }
    .hire-analist h1 {
        font-size: 21px
    }
    .hire-analist-left {
        padding-top: 8px
    }
    #hire-dedicated-resource .excited-talk .apply_form .apply_singal_row input {
        width: 89%
    }
    #hire-dedicated-resource .excited-talk .apply_form .apply_singal_row .total-e input {
        width: 93%
    }
    #hire-dedicated-resource .excited-talk .apply_form .apply_singal_row .bfh-selectbox-toggle {
        width: 96%
    }
    .request-contant-mid-box-1 .request-box-inner .jqTransformCheckboxWrapper {
        margin-left: 12px
    }
    .request-contant-mid-box-1-check .span {
        width: 82%
    }
    .bnr-img ul li a {
        font: 13px/45px OpenSans-Semibold;
        padding: 0 15px
    }
	.slider_pagination{top:9%;}
	#slider{height:275px !important;}
	.request-form-section .budget-cepcha .form-box3 .jqTransformInputWrapper{ width:50% !important;}
	.from-input-box .form-box3 input.code{ width:85%;}
	.request-page h2{ font:18px/25px "open_sans_lightregular";}
	.submit-class-btn{ text-align:center;}
	.request-icon-inner ul li{ width:100%; height:auto; margin-bottom:30px;}
	.request-icon-part{ padding-bottom:0;}
	.request-form-section .from-input-box{width:95%; margin-left:2%;}
}

@media screen and (max-width: 400px) {
.request-form-section .from-input-box1, .request-form-section .from-input-box2.sel{width:100%!important; margin-left:0px;}

}

@media screen and (max-width: 360px) {
	.what-we-do{text-align: center;
    width: 100%;}
	.wordpress-what-we-do ul{margin: 0 auto;
    width: 90%;}
	.question{width: 100%;  padding: 0 3px;}
	.common-most p{ font: 14px/20px 'Open Sans';
    padding: 0 15px;
    text-align: justify; margin-left: 0px;}
	.wordpress-what-we-do{ text-align: center;}
	.wordpress-what-we-do h3{ font: 700 17px/27px 'Open Sans';}
	.wordpress-what-we-do li{width: 50%;}
	.need-fix{width: 76%; margin-left: 10%;}
	.remain-top-priority ul li{font: 14px/23px 'Open Sans';}
	#wpcont5-outer .container .need-fix .fix-wordpress h5{ font: 700 23px/30px 'Open Sans';}
	.click-here a{padding: 0 18%;}
	.common-most h6{font: 600 14px/20px 'Open Sans'; padding: 0 10px;
    text-align: justify;}
	.click-here {
    padding: 0 20%;}

    .special-service-col {
        width: 98%;
        height: auto;
        padding-top: 20px
    }
	.remain-top-priority{width: 100%;}
    .bnr-img h1 {
        font-size: 23px;
        line-height: 32px
    }
    .bnr-img h2 {
        font-size: 20px;
        line-height: 30px
    }
    .per-hour-box {
        width: 95%
    }
    .search-opt-panel,
    .marketing_agency,
    .digi-publishing-content-panel {
        padding: 0 5px;
        margin: 0;
        width: 98%
    }
    .per-hour-box .blue-box {
        width: 98%;
        padding: 0 2px
    }
    .our-latest-work {
        height: auto
    }
    .logo {
        margin-left: 27%;
        width: auto
    }
    nav ul li .submenu li {
        width: 93%
    }
    nav ul li.services a {
        padding-left: 8px
    }
    nav ul li .submenu li.tech-row ol li {
        min-height: 60px
    }
    .hire-developer h1,
    .app-continer h1 {
        font-size: 22px;
        line-height: 33px
    }
    .app-continer p {
        font-size: 15px;
        line-height: 28px
    }
    .app-continer a {
        font-size: 17px
    }
    #marketing-blo-wrap h3 {
        font: 700 26px/45px 'Open Sans';
        padding-bottom: 15px
    }
    .blog-post {
        width: 83%
    }
    .lets-talk-row h2 {
        font: 34px/60px amaranthbold_italic
    }
    .lets-talk-row p {
        font: 17px/25px amaranthregular
    }
    .we-are-diffrent ul li figure {
        min-height: 120px
    }
    .hire-developer .services-design ul li {
        margin: 0 1%
    }
    .crd-ul {
        width: 98%
    }
    .bnr-img {
        height: 240px
    }
    .slide-popup-box h2 {
        font-size: 28px
    }
    .c_d-right-box h2 {
        font-size: 18px
    }
    #wpcont9-outer .container h2 {
        font-size: 25px;
        line-height: 35px
    }
    #meet-our-team h2 {
        font-size: 40px;
        line-height: 40px
    }
    #meet-our-team p {
        font-size: 20px;
        line-height: 25px
    }
    .meet-our-team-part-left span {
        font-size: 35px;
        line-height: 40px
    }
    .meet-our-team-part-left h1 {
        font-size: 58px;
        line-height: 65px
    }
    .asp-right-box .sign-box ul li {
        width: 93%;
        margin: 0;
        padding-left: 8%
    }
    .wpcont7left .col-left {
        width: 98%;
        margin-right: 0
    }
    .wpcont-1-left-seo h5 {
        font-size: 21px;
        line-height: 30px
    }
    #wpcont5-outer .container h2 {
        font-size: 19px;
        line-height: 32px
    }
    .request-seo a {
        line-height: 35px;
        margin-bottom: 2%
    }
    .request-seo img {
        display: none
    }
    .per-hours ul li {
        padding: 0 18px
    }
    .row,
    .row3,
    .row4 {
        width: 100%
    }
    .jqTransformInputWrapper {
        width: 100%!important
    }
    .form-main .row input {
        width: 86%!important
    }
    .row2 {
        width: 100%;
        float: left
    }
    .form-main .row2 input {
        width: 86%!important
    }
    .form-main .row3 select {
        width: 98%
    }
    .form-main .row select,
    .form-main .row2 select {
        width: 98%
    }
    .form-main textarea {
        width: 84%
    }
    .form-main input[type="submit"],
    .form-main .jqTransformButton {
        width: 98%
    }
    .technical-left ul li {
        width: 30%
    }
    .img-box {
        width: auto;
        text-align: center;
        float: none
    }
    .txt-box {
        width: 95%;
        padding-left: 3%
    }
    .hire-developer {
        margin-bottom: 0
    }
    .per-hour-box .per-hour-box .blue-box {
        text-align: center
    }
    .blue-box h3 {
        width: auto;
        padding-right: 5px;
        padding-left: 5px
    }
    .blue-box h3 span {
        font-size: 20px
    }
    .blue-box img {
        padding-top: 13px;
        width: 11%;
        padding-right: 4px
    }
    .hire-wd ul {
        padding: 0 2%
    }
    .let-expeorts h2 {
        font-size: 21px;
        line-height: 30px;
        padding-bottom: 0;
        text-align: left
    }
    .custombox-modal {
        width: 90%!important
    }
    .apply_form {
        width: 94%;
        padding: 3%
    }
    .apply_singal_row {
        width: 100%;
        margin: 5px 0
    }
    .career-slider-outer h2 {
        font-size: 25px;
        line-height: 35px
    }
    .opening-part h2,
    .opening-part h2 span {
        font-size: 24px;
        line-height: 35px
    }
    .flick-slider {
        height: 400px
    }
    .experiment h3 {
        font-size: 20px;
        line-height: 32px
    }
    .nice-section h1 {
        font-size: 34px;
        line-height: 40px
    }
    .plase-call-part h2 {
        font-size: 18px
    }
    .have-form-field-raw textarea {
        width: 89%
    }
    .us-off:after {
        display: none
    }
    .mid-contant-box h2 {
        font-size: 22px;
        line-height: 24px;
        padding-bottom: 0
    }
    #wpcont6-outer .container h2 {
        font-size: 30px;
        line-height: 35px
    }
    .terms-part h2 {
        font-size: 20px;
        line-height: 30px
    }
    .flex-bdr .col_new1.clm1 li,
    .col_new1.clm1 ul li {
        width: 92%!important
    }
    .Wpsite-box img {
        margin: 0 auto;
        float: none;
        display: block
    }
    .services-tabcontent h3 {
        padding: 0;
        line-height: 25px
    }
    .wpcont-1-left h1 {
        font-size: 30px;
        line-height: 32px;
        padding: 3% 0
    }
    .wpcont-2 h2 {
        font-size: 25px;
        line-height: 30px
    }
    #wpcont6-outer .container ul li {
        width: 100%;
        min-height: 270px
    }
    .wpcont7left ul li h3 {
        display: table
    }
    .com-portfolio .portfolio-nav li {
        font-size: 13px;
        padding: 5px
    }
    .portfolio-text-row p {
        font-size: 22px;
        line-height: 30px
    }
    .portfolio-text-row p span {
        font-size: 35px;
        line-height: 40px
    }
    .portfolio-text-row .more-portfolio {
        padding: 0 20px
    }
    .client-work-row h1 {
        font-size: 30px;
        line-height: 40px
    }
    .lets-talk-row ul li figure {
        left: 8%
    }
    .wpcont5right .opensource-icons ul li {
        padding-right: 5%
    }
    .our-latest-work ul li {
        width: 100%;
        border: none
    }
    .dedicated-right .span {
        width: 40%
    }
    .hire-developer {
        margin-top: 12px
    }
    .hire-developer p {
        font: 14px/30px clanotbook
    }
    .dedicated-left .jqTransformSelectWrapper {
        margin: 10px 0 0 10px
    }
    .dedicated-left h4 {
        padding: 5px 0 0 12px
    }
    .market,
    .cms,
    .php,
    .ui,
    .xhtml {
        padding: 0
    }
    .choose-cat input,
    .code {
        width: 82%
    }
    .slide-popup-box h1 {
        font-size: 25px;
        line-height: 35px
    }
    .toogle-close {
        width: auto;
        height: auto
    }
    .toogle-close img {
        width: 50%
    }
    .great-result-wrap h2 {
        font-size: 25px
    }
    .great-result-wrap h2 span {
        font-size: 25px
    }
    .request-contant-mid-box-1 {
        width: 100%
    }
    .choose-cat-request .jqTransformInputWrapper {
        width: 310px!important
    }
    .choose-cat-request form input {
        margin-left: 5px;
        padding-left: 10px
    }
    .form-box2 {
        width: 100%
    }
    .choose-cat-request form textarea {
        width: 79%;
        margin-left: 10px
    }
    .form-box3 input.code {
        margin-left: 10px
    }
    .choose-cat-request [type="submit"] {
        margin-left: 14px
    }
    .form-box3 input.code {
        width: 230px
    }
    #req-top-part h2 {
        font-size: 28px;
        line-height: 28px;
        padding: 40px 0 0
    }
    #req-top-part p {

        font-size: 14px;
        line-height: 25px;

    }

    .request-contant-mid h3 {
        font-size: 21px;
        line-height: 22px
    }
    .request-contant-mid p {
        padding: 5px 10px 10px;
        font-size: 15px;
        line-height: 29px
    }
    #request-contant {
        padding-top: 5px
    }
    .choose-cat-request form input {
        width: 245px
    }
    .name-1 {
        background: none
    }
    .email-1 {
        background: none
    }
    .form-box2 {
        width: 90%
    }
    .request-contant-mid-box-1 {
        float: left;
        width: 95%;
        margin: 0 auto 10px;
        min-height: inherit
    }
    .traffic {
        margin: 0 auto
    }
    #req-top-part h1 {
        font-size: 35px;
        line-height: 55px;

    }
    #req-top-part p {
        line-height: 25px;

    }
    .request-box-inner img {
        margin-right: 60px
    }
    .budget {
        height: auto;
        display: inline-block;
        margin-top: 10px
    }
    .ui-slider-horizontal {
        width: 86%;
        margin-top: 0
    }
    .price-range {
        margin-top: 15px
    }
    .budget h2 {
        margin-left: 20px;
        font-size: 15px;
        line-height: 50px;
        height: auto;
        padding: 0
    }
    .choose-cat-request {
        margin-top: 10px
    }
    .isotope {
        height: 150px!important
    }
    .row3 .jqTransformSelectWrapper {
        width: 97%!important
    }
    .row4 .jqTransformTextarea {
        width: 100%
    }
    #wpcont3-outer .container h3 {
        font-size: 18px;
        line-height: 35px!important;
        padding-bottom: 10px
    }
    .marketing_agency .digital-find-out a {
        font-size: 14px;
        line-height: 26px;
        text-align: center;
        padding: 10px
    }
    .digital-find-out a {
        font-size: 14px;
        line-height: 26px;
        text-align: center;
        padding: 10px
    }
    .marketing_agency h4 {
        font-size: 30px;
        line-height: 45px;
        padding-top: 10px
    }
    .marketing_agency .digital-find-out a {
        padding: 10px;
        font: 14px;
        line-height: 26px
    }
    .conversion-rate a {
        padding: 10px;
        font: 14px;
        line-height: 26px
    }
    .traffic {
        margin-bottom: 25px
    }
    .digi-publishing-content-panel .digital-find-out a {
        padding: 10px;
        font: 14px;
        line-height: 26px
    }
    #hire-dedicated-resource .excited-talk .apply_form .apply_singal_row input {
        width: 91%
    }
    #hire-dedicated-resource .excited-talk .apply_form .apply_singal_row .total-e input {
        width: 85%
    }
    #hire-dedicated-resource .excited-talk .apply_form .apply_singal_row .bfh-selectbox-toggle {
        width: 93%
    }
    #hire-dedicated-resource .excited-talk .apply_form .txtarea textarea {
        width: 93%
    }
    .request-contant-mid-box-1 .request-box-inner .jqTransformCheckboxWrapper {
        margin-left: 31px
    }
    .per-hours ul li span {
        font-size: 24px;
    }
    .form-main .row3 .jqTransformSelectWrapper span {
        width: 280px;
    }
    .portfolio .portfolio-col2 {
        width: 99.5%;
    }
    .portfolio .portfolio-detail-col {
        width: 99.5%;
    }
}
@media screen and (max-width: 320px) {
.click-here a {
    padding: 0 16%;
}
.remain-top-priority ul li{margin: 0 26px;
    padding-left: 16px;}
	.question{  width: 100%;}
	.question h5{ text-align: center;}
	.common-most h6{ font: 600 14px/20px 'Open Sans';}
	.common-most p {
   font: 14px/24px 'Open Sans';
    text-align: justify; padding: 0 15px;}
	.need-fix{width: 80%;}
	.per-hour ul li{  width: 33%;}
	.wordpress-what-we-do ul{ margin: 0 auto;
    width: 90%;}
	.remain-top-priority ul li{margin: 10px 10px;
    padding-left: 16px;}
	.remain-top-priority{ width: 100%;}
	.remain-top-priority h5{text-align: center;}
	.question h5{ font: 600 21px/11px 'Open Sans';}
    .request-seo a {
        font-size: 11px
    }
 .wordpress-what-we-do h3{ text-align: center;}
 #wpcont5-outer .container .need-fix .fix-wordpress h5{font: 700 23px/30px 'Open Sans';}
    .isotope {
        height: 133px!important
    }
    .blue-box h3 {
        padding-right: 2px;
        padding-left: 1px
    }
    .webdesign-popup #custombox-modal {
        top: 99%
    }
    .we-need-you h2 {
        font-size: 20px
    }
    .bnr-img h1 {
        font-size: 20px;
        line-height: 30px
    }
    .bnr-img h2 {
        font-size: 18px;
        line-height: 25px
    }
    .logo {
        margin-left: 24%
    }
    .hire-developer .services-design ul li {
        width: 40%
    }
    .services-design ul li figure {
        height: 129px
    }
    .flick-slider {
        height: 357px
    }
    .wpcont5right ul li span {
        width: 72%
    }
    .wpcont-1-left h1 {
        font-size: 27px;
        padding: 2% 0
    }
    .wpcont-1-left p {
        line-height: 30px
    }
    .request-button a {
        font-size: 12px;
        padding: 0 14px
    }
    .lets-talk-row ul li figure {
        left: 3%
    }
    .lets-talk-row ul li .ani_bg {
        left: 17%
    }
    .lets-talk-row ul li .ani_bg-2 {
        left: 15.5%
    }
    .per-hours ul li {
        padding: 0 8px
    }
    .content-hire h1 {
        font-size: 29px
    }
    .content-hire h3 {
        font-size: 15px;
        line-height: 25px
    }
    .content-hire ul li {
        padding-right: 4px;
        padding-left: 21px
    }
    .content-excited {
        width: 96%;
        margin-top: 0
    }
    .per-hour {
        width: 100%
    }
    .per-hour ul li {
        font-size: 14px;
        padding: 0 5px 0 25px
    }
    .excited-talk {
        width: 100%
    }
    .excited-talk h2 {
        font-size: 25px;
        margin: 10px 0 0
    }
    .form-main {
        width: 301px;
        padding: 10px 5px 0
    }
    .row {
        width: 98%;
        float: left
    }
    .row2 {
        width: 98%;
        float: left
    }
    .row3 {
        width: 98%;
        margin: 5px 0
    }
    .row4 {
        width: 98%!important
    }
    .have-call-us h1 {
        font-size: 30px;
        line-height: 35px
    }
    #wpcont6-outer .container ul li {
        min-height: 245px
    }
    .from-box1 input {
        width: 80%
    }
    .form-box3 input.code {
        width: 205px
    }
    .form-box2 textarea {
        width: 97%
    }
    .choose-cat-request .jqTransformInputWrapper {
        width: inherit!important
    }
    .code-box {
        margin-left: 10px
    }
    #req-top-part h1 {
        font-size: 32px
    }
    #req-top-part p {
        font-size: 13px
    }
    .digi-publishing {
        padding-top: 20px
    }
    .marketing_agency .digital-find-out {
        margin-top: 5px
    }
    .degital-real h2 {
        font-size: 26px
    }
    .tab-box a {
        padding: 0 2px;
        font-size: 11px
    }
    .tab-box a#cont-3 {
        padding: 0 2px
    }
	.countryCode input {

    width: 80%;
}
}




/*Shruti Css 15 NOV*/

/*********************************11-11-2016-new-css-ecoommerce-new-page
********************************/
.ecommerce-new-development{margin:75px 0 0; width:100%;}
.ecommerce-new-development h2{font: 50px/57px montserratlight; color: #49566a; text-align: center; margin-top: 35px; text-transform: capitalize;letter-spacing: -1px;}
.ecommerce-new-development h2 span{text-transform: none;}
.ecommerce-new-development h2 span{color: #2892cf; font-family: montserratlight;}
.ecommerce-new-development p{text-align: center; color: #424b59; font: 19px/27px "Open Sans"; width: 838px; margin: 0px auto; margin-top: 8px;}
.ecommerce-new-development p span{color: #2892cf; font-family:'OpenSans-Semibold';}
.ecommerce-new-development-left{float:left; width: 675px;margin-top: 40px;}
.ecommerce-new-development-right{float:right; width:495px;margin-top: 59px;margin-bottom: 31px;}
.ecommerce-new-development-left p {width: 100%;
    color: #424b59;
    font:16px/27px "Open Sans";
    padding: 0;
    text-align: left;
}
.ecommerce-new-development-left > ul{list-style:none; display:block;margin-top: 39px; float:left;}
.ecommerce-new-development-left > ul li{float:left; display:block;margin-bottom: 28px;}
.ecommerce-new-development-left > ul li + li img{margin-top:5px;}
.ecommerce-new-development-left img{float:left;}
.ecommerce-new-development-left-content{overflow:hidden;margin-left: 73px;}
.ecommerce-new-development-left-content > h3{color:#3e4856;font:700 17px/20px "Open Sans"; text-transform:uppercase;color: #2892cf;}
.ecommerce-new-development-left-content > p{width: 100%;color: #424b59; font: 16px/27px "Open Sans";margin-top: 5px; padding: 0 !important;}
.ecommerce-new-form > p{width: 100%;padding:0; font:13px/18px "Open Sans";margin-top: 7px;margin-bottom: 29px;}
.ecommerce-new-development-right > img{float:left;}
.ecommerce-new-form-outer {
    float: right;
    width: 415px;
}
.ecommerce-new-form{float:right;width:415px; background:#fbfbfd; text-align:center;padding:27px 0 31px; border:1px solid #e6eaef;}
.ecommerce-new-form > h2{font:21px/30px "Open Sans"; color:#344052;margin-top: 0;letter-spacing: 0px;}
.ecommerce-new-form > h2 span{font-weight:bold;color:#344052;}
.ecommerce-new-form form input[type="text"],.ecommerce-new-form form input[type="email"] {
    background:#fff;
    border: 1px solid #d9dfe6;
    color: #61636c;
    font:13px/47px "Open Sans";
    height:47px;
    padding:0 9px 0 22px;
    text-transform:capitalize;
    width:313px;margin-bottom: 12px;
}
.ecommerce-new-form form input:placeholder {
    color: #bcc1c7;
}
.ecommerce-new-form ::-webkit-input-placeholder {
    color: #bcc1c7;
}
.ecommerce-new-form ::-moz-placeholder {
    color: #bcc1c7;
    opacity: 1;
}
.ecommerce-new-form ::-ms-input-placeholder {
    color: #bcc1c7;
}
.ecommerce-new-form form textarea{
    background:#fff;
    border: 1px solid #d9dfe6;
    color:#61636c;
    resize:none;
    font:13px/25px "Open Sans";
    height:116px;
    padding:0 9px 0 22px;
    text-transform:capitalize;
    width:313px;margin-bottom: 12px;
}
.ecommerce-new-form form label.error{display:none!important;}
.ecommerce-new-form form .captch-class{width:304px; margin:0 auto 10px auto;}
.ecommerce-new-form form input.error{border-color: red !important;}
.ecommerce-new-form form .captch-class.error .g-recaptcha{width:304px!important; border:1px solid red !important;}
.ecommerce-new-form form textarea.error{border-color: red !important;}
.ecommerce-new-form form input[ type="submit"] {
   background: #4eb958 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    font: 14px/34px 'clanotmedium';
    height: 49px;
    padding: 0 9px 0 6px;
    text-align: center;
    vertical-align: top;
    width: 347px; text-transform:uppercase;
}
.ecommerce-logo{display:block; float:left;margin: 17px 0 32px;}
.ecommerce-logo > figure {display: inline-block; float: left; height: 100%; margin-right: 35px; }
.ecommerce-logo > figure:nth-child(2) {margin-top: 7px;}
.ecommerce-logo > figure:nth-child(3) {margin-top: 2px;}
.ecommerce-logo > img:last-child{margin-right:0;}
.ecommerce-pop-up{display:block;width:100%;background:#f6f6f8; border-top: 1px solid #e7e7e9; padding:33px 0 13px;}
.ecommerce-pop-up ul{list-style:none; display:block;}
.ecommerce-pop-up ul li{width:384px; float:left; margin-right:24px; margin-bottom:30px;}
.ecommerce-pop-up ul li:nth-child(3n){margin-right:0;}
.ecommerce-pop-up ul li img{width:100%;}
.ecommerce-pop-up > h2{text-align:center; color:#323639; font:30px/40px montserratlight;margin-bottom: 29px;}
.ecommerce-pop-up > h2 span{font-family: montserratsemi_bold;}
.ecommerce-tab #wpcont-2-outer {
    background: #fff none repeat scroll 0 0;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.ecommerce-tab .development-tab-section .resp-tabs-list {
    background: #fff none repeat scroll 0 0;
    border-color: transparent;
    border-image: none;
    border-radius: 0;
    border-style: solid none;
    border-width: 0;
    display: inline-block;
    float: none;
    height: auto;
    margin-top: 0;
    position: relative;
    text-align: center;
    width: auto;
}

.ecommerce-tab .ui-tab {
    border-bottom: 1px solid #e7e7e9;
    border-top: 1px solid #e7e7e9;
    display: block;
    float: left;
    text-align: center;
    width: 100%;
}
.ecommerce-tab .development-tab-section .resp-tabs-list li{float:left; vertical-align: top; position:relative; margin-bottom:-4px;}
.ecommerce-tab .development-tab-section .resp-tabs-list li a{background:none!important; position:relative; top:0px!important; left:0!important;height:auto; width:auto;border-right:1px solid #e7e7e9;padding: 30px;border-radius: 0;}
.ecommerce-tab .development-tab-section .resp-tabs-list li:first-child a{border-left:1px solid #e7e7e9;}
.ecommerce-tab .development-tab-section .resp-tabs-list li a span{height:auto; width:auto;}
.ecommerce-tab .development-tab-section .resp-tabs-container {
    display: block;
    float:left;
    margin: 0 auto;
    padding-bottom: 30px;
    width:100%; background:#fbfbfd;
}
.ecommerce-tab .development-tab-section .services-tabcontent{width:1200px;margin:0 auto; float:none;}
.ecommerce-tab .development-tab-section .resp-tabs-list li.resp-tab-active{position:relative; border-bottom:none;}
.ecommerce-tab .development-tab-section .resp-tabs-list li.resp-tab-active a{transform: none;background:#fbfbfd none repeat scroll 0 0 !important;}
.ecommerce-tab .development-tab-section .resp-tabs-list li a span p{display:none;}
.tab-none{display:none;}
.resp-tab-active img.tab-none{display:block;}
.resp-tab-active img{display:none;}
.magento-left{width:675px; float:left; margin-top:38px;}
.MAGENTO-RIGHT{float:right; width:465px;margin-top:17px;}
.development-tab-section .services-tabcontent .magento-left > h3{letter-spacing: 0px;color:#323639; font:30px/40px montserratlight;margin-bottom: 14px;}
.development-tab-section .services-tabcontent .magento-left > h3 span{font-family: montserratsemi_bold;}

.e-commerce-benefits #wpcont4-outer .container h2 {
    color:#373c42;
    font:30px/42px montserratlight;
    letter-spacing:normal;
    padding-bottom: 10px;
    text-align: center; padding:0 10%; text-transform:uppercase;margin-bottom:14px;
}
.e-commerce-benefits #wpcont4-outer .container h2 span{font-family: montserratsemi_bold;}
.e-commerce-benefits #wpcont4-outer .container .Wpsite-box h3 {
    color: #000000;
    font: 18px/28px Montserrat-Regular;
    letter-spacing:normal;
    padding:2px 0 8px;
    text-align: left;text-transform: uppercase;
}
.e-commerce-benefits .Wpsite-box{margin:15px 0 18px;}
.e-commerce-benefits #wpcont4-outer .container p {
    color: #424b59;
font: 16px/29px 'Open Sans';
    padding: 0;
}
.ecommerce-tab .wpcont-2 p span {
    
    display: inline-block;
	color: #424b59;
font: 16px/27px "Open Sans";
    padding: 0 11%;
}
.ecommerce-tab .wpcont-2 h2 {
    color:#373c42;
    font:30px/42px montserratlight;
    letter-spacing:normal;
    text-align: center; text-transform:uppercase;
}
.ecommerce-tab .wpcont-2 h2 span{font-family: montserratsemi_bold;}
.ecommerce-tab .development-tab-section{margin:30px 0 0;}
.e-commerce-benefits #wpcont4-outer{padding:44px 0 78px;}

.marked.services #wpcont7-outer .wpcont7left h2{letter-spacing:0px ;}

@media screen and (max-width:1260px) {
.ecommerce-new-development-left{width: 52.5%;}
.ecommerce-new-development-right{width: 46.5%;}
.ecommerce-new-form-outer{width:85%;}
.ecommerce-new-form{width:100%; padding:27px 2% 31px;box-sizing: border-box;
float: left;}
.ecommerce-new-form form input[type="text"], .ecommerce-new-form form input[type="email"]{padding:0 2%;width:95%;}
.ecommerce-new-form form textarea{padding:0 2%;width:95%;}
.ecommerce-new-form form input[type="submit"]{padding:0 2%;width:95%;}
.ecommerce-logo{width:100%;}
.ecommerce-logo > img{margin-right:2%;}
.ecommerce-new-development p{padding:0 2%;}
.e-commerce-slider > h2{margin-bottom:0;}
.ecommerce-pop-up ul li{width:32%; margin-right:2%;}
.ecommerce-pop-up > h2{margin-bottom:12px;}
.ecommerce-pop-up{padding:9px 0 13px;}
.ecommerce-tab .wpcont-2 p span{padding:0 1%;}
}

@media screen and (max-width:1200px) {
.ecommerce-tab .development-tab-section .resp-tabs-list li.resp-tab-active a span p{display:block;}
.ecommerce-tab .development-tab-section .resp-tabs-list{display:none;}
.ecommerce-tab .development-tab-section .resp-tabs-container h2.resp-accordion{
  background: #f6f6f8 none repeat scroll 0 0;
    border: 1px solid #dbdede;
    border-radius: 3px;
    color: #000;
    cursor: pointer;
    display: block;
    float: left;
    font: 16px/45px montserratlight;
    height: 45px;
    letter-spacing: inherit;
    margin-bottom: 1px;
    padding:0 0 0 1%;
    text-align: left;
    text-transform: capitalize;
    width:98.8%;}
.ecommerce-tab .development-tab-section .resp-tabs-container h2 .resp-arrow{margin:12px 10px 0 0;}
.ecommerce-tab .development-tab-section .services-tabcontent{width:98%;}
.magento-left{margin-top:12px; width:59%;margin-bottom: 20px;}
.MAGENTO-RIGHT{width:40%; text-align:center; margin-top:19px;}
.ecommerce-tab .services-tabcontent img{width:auto; margin-right:0;}
.ecommerce-tab{width: 95%;}
}
@media screen and (max-width:1100px) {
.ecommerce-logo{float:left; width:100%; text-align:center; margin: 24px 0 27px;}
.ecommerce-logo > img{margin-bottom:10px;}
.ecommerce-tab{width: 95%;margin: 0px auto;}
.ecommerce-tab .ui-tab { border-bottom: 0px;
    border-top: 0px;}
}
@media screen and (max-width:1024px) {
.ecommerce-new-development-left p{font:14px/24px "Open Sans";}
.ecommerce-new-development-left > ul{margin-top:15px;}
.ecommerce-new-development-left > ul li{margin-bottom:17px;}
.ecommerce-new-development{margin:10px 0 0;}
.ecommerce-new-development h2{margin-top: 22px; font: 50px/57px montserratlight;}
.ecommerce-new-form h2{font: 21px/30px "Open Sans";margin-top: 0px;}
}
@media screen and (max-width:980px) {
.ecommerce-new-development-left-content > p{font:15px/22px "Open Sans";}
.ecommerce-new-development p{width: 85%;}
.ecommerce-new-development-left-content p{width: 100%;}
	.ecommerce-new-development h2{font: 46px/57px montserratlight;}
	.ecommerce-new-form h2{font: 21px/30px "Open Sans";}
	.ecommerce-new-form p{font: 16px/20px "Open Sans";}
	.ecommerce-logo > figure{margin-right: 10px;width: 30%;}
	.ecommerce-logo > figure img{width: 100%;}
	.ecommerce-new-development-left p{width: 100%;}
	.e-commerce-slider{width: 95%;margin:0px auto;}
	..ecommerce-pop-up{width: 95%;margin:0px auto;}
}

@media screen and (max-width:900px) {
.ecommerce-new-development-left{width: 48.5%;}
.ecommerce-new-development-right{width: 49%;float: left;margin-left: 2%;}
.ecommerce-new-form p{font: 14px/18px "Open Sans";}
.e-commerce-benefits #wpcont4-outer .container h2{font: 25px/39px montserratlight;padding:0px;}	
}
@media screen and (max-width:800px) {.ecommerce-new-development-right > img{display:none;}
.ecommerce-new-development-left li img{display:none;}
.ecommerce-new-development-left-content{margin-left:0px;}
.ecommerce-new-form-outer{width:93%;}
.ecommerce-logo{display:none;}
.ecommerce-new-development-left > ul li{margin-bottom: 24px;}
.ecommerce-new-development-left > ul{margin-top: 20px;}
.ecommerce-new-form form input[type="text"], .ecommerce-new-form form input[type="email"]{height: 42px;}
.ecommerce-new-form form .captch-class{float: left;}
.slider-menu-header .customNavigation .prev{padding: 0px 0px;}
.slider-menu-header .customNavigation .next{padding: 0px 0px;}
}
@media screen and (max-width:767px) {
.ecommerce-new-development-left{width:100%; margin-top:10px;}
.ecommerce-new-development-right{width: 100%;
margin-top: 31px;
margin-left: 0px;}
.ecommerce-new-development-right > img{display:none;}
.ecommerce-new-form-outer{width: 100%;
text-align: center;
float: left;}
.ecommerce-new-development h2{font-size:24px; line-height:24px;}
.e-commerce-slider{padding:20px 0 20px;}
.e-commerce-slider > h2{font-size:22px; line-height:25px;}
.MAGENTO-RIGHT{display:none;}
.magento-left{width:100%;}
.development-tab-section .resp-tabs-container h2.resp-accordion{height:auto; padding:1%;}
.ecommerce-tab .wpcont-2 h2{font:20px/28px montserratlight;}
.ecommerce-tab .development-tab-section{margin:20px 0 0;}
.development-tab-section .services-tabcontent .magento-left > h3{font:24px/32px montserratlight;}
.ecommerce-new-development p{width: 96%;font: 17px/25px "Open Sans";}
.ecommerce-new-development-left p{width: 100% !important;padding: 0px;}
.ecommerce-new-form{width: 100%;}
.ecommerce-logo > figure{width: auto;}
.ecommerce-new-form p{font-size: 14px ! important;
line-height: 17px ! important;}

}
@media screen and (max-width:640px) {
.ecommerce-new-development p{font-size:16px; line-height:23px;}
.ecommerce-new-development-left-content > h3{font-size:15px; line-height:25px;}
.ecommerce-pop-up ul li{width:48%;}
.ecommerce-pop-up ul li:nth-child(3n){margin-right:2%;}
.ecommerce-tab .development-tab-section .resp-tabs-container h2.resp-accordion {
    background: #f6f6f8 none repeat scroll 0 0;
    border: 1px solid #dbdede;
    border-radius: 3px;
    color: #000;
    cursor: pointer;
    display: block;
    float: left;
    font: 16px/25px montserratlight;
    height: auto;
    letter-spacing: inherit;
    margin-bottom: 1px;
    padding: 1%;
    text-align: left;
    text-transform: capitalize;
    width:97%;
}
.ecommerce-new-development{width: 95%;margin: 0px auto;margin-top:10px;}
}

@media screen and (max-width:525px) {
	.slider-menu-header .customNavigation .prev{padding: 25px 0px;}
	.slider-menu-header .customNavigation .next{padding: 25px 0px;}

}
@media screen and (max-width:480px) {
.slider-sub-menu{padding:40px 30px 20px 40px;}
.slider-sub-menu p{font-size:13px; line-height:23px;}
.ecommerce-pop-up > h2{font-size:23px; line-height:30px;}
.ecommerce-pop-up ul li:nth-child(3n){margin-right:2%;}
.ecommerce-new-development h2 {
    font-size: 20px;
    line-height: 24px;
}
.ecommerce-new-form h2{font-size: 18px;
    line-height: 20px;}
	.ecommerce-new-form p{margin-bottom: 22px;line-height: 18px;margin-top:2px;}
	
.e-commerce-benefits #wpcont4-outer .container h2{font: 19px/29px montserratlight;padding:0px;}	
	.slider-menu-header .customNavigation .prev{padding: 47px 0px;}
	.slider-menu-header .customNavigation .next{padding: 47px 0px;}
	
}


@media screen and (max-width:400px) {
.ecommerce-pop-up ul li{width:100%;margin-right:0;}
.ecommerce-tab .development-tab-section .resp-tabs-container h2.resp-accordion{font:15px/24px montserratlight;}

}
@media screen and (max-width:360px) {
.slider-sub-menu{padding:20px 30px 18px 40px;}
.slider-sub-menu p{line-height:21px;}
.slider-menu-header .customNavigation .prev{padding: 61px 0px;}
	.slider-menu-header .customNavigation .next{padding: 61px 0px;}
}